gsd-pi 2.81.0 → 2.82.0-dev.2841a1e44

package/src/resources/extensions/visual-brief/page-contract.ts

@@ -0,0 +1,134 @@
+// GSD-2 + Visual Brief page contract
+
+import type { VisualBriefMode } from "./prompts.js";
+
+export interface VisualBriefModeProfile {
+	goal: string;
+	evidenceSteps: readonly string[];
+	sections: readonly string[];
+}
+
+export const VISUAL_BRIEF_PAGE_RULES: readonly string[] = [
+	"Use Mermaid for topology-heavy diagrams when it improves readability.",
+	"Use semantic HTML tables for comparisons, audits, matrices, status reports, and dense lists.",
+	"Use CSS grid/card layouts when text-heavy module details matter more than edge routing.",
+	"For 15+ entities, use a small overview diagram plus detailed cards instead of one crowded diagram.",
+	"Include accessible headings, readable contrast, responsive tables, and no horizontal body overflow.",
+	"Include source references for factual claims, file relationships, commands, and inferred behavior.",
+	"Keep the design distinctive and appropriate to the content; avoid generic purple/blue gradient styling.",
+	"CDN libraries are acceptable for Mermaid or charts, but the page must still show useful written context if a CDN fails.",
+	"Do not include provider-specific claims, branding, or assumptions.",
+];
+
+export function getVisualBriefModeProfile(mode: VisualBriefMode, slides: boolean): VisualBriefModeProfile {
+	if (slides || mode === "slides") {
+		return {
+			goal: "Turn the subject into a concise, visually paced deck that someone can present or skim quickly.",
+			evidenceSteps: [
+				"Identify the intended audience and the main decision or understanding the deck should support.",
+				"Read the relevant files, diffs, docs, or command output before making factual claims.",
+				"Extract the smallest set of concepts, risks, and examples needed for a clear narrative.",
+			],
+			sections: [
+				"Title slide with the subject and one-line takeaway",
+				"Problem or context slide",
+				"System or concept diagram slide",
+				"Key evidence slide",
+				"Risks, tradeoffs, or unknowns slide",
+				"Recommended next steps slide",
+			],
+		};
+	}
+
+	switch (mode) {
+		case "plan":
+			return {
+				goal: "Create a visual implementation plan that is detailed enough to guide coding without pretending uncertain facts are verified.",
+				evidenceSteps: [
+					"Read the relevant exports, immediate callers, tests, docs, and shared utilities.",
+					"Identify the likely file changes, existing conventions, edge cases, and test requirements.",
+					"Mark any assumption that cannot be verified from the repository.",
+				],
+				sections: [
+					"Feature summary and scope boundaries",
+					"Before/after workflow comparison",
+					"Architecture or state-flow diagram",
+					"Files to change with precise responsibilities",
+					"API, command, or data-shape changes",
+					"Edge cases and failure behavior",
+					"Test plan with success and failure paths",
+					"Open questions and assumptions",
+				],
+			};
+		case "diff":
+			return {
+				goal: "Review the current changes visually so risk, intent, and affected areas are easy to scan.",
+				evidenceSteps: [
+					"Inspect git status plus staged and unstaged diffs.",
+					"Read changed files where needed to understand behavior, not just line changes.",
+					"Separate confirmed findings from questions or residual risk.",
+				],
+				sections: [
+					"Change map by file and subsystem",
+					"Intent summary inferred from the diff",
+					"Risk heatmap",
+					"Behavior changes and compatibility notes",
+					"Test coverage matrix",
+					"Actionable findings and open questions",
+				],
+			};
+		case "recap":
+			return {
+				goal: "Create a context-switching snapshot that helps someone regain the project mental model quickly.",
+				evidenceSteps: [
+					"Read the current project docs, recent git status, relevant plans, and high-signal source files.",
+					"Identify active work, stable architecture, uncertain areas, and likely next actions.",
+					"Prefer concrete file references and verified facts over broad summaries.",
+				],
+				sections: [
+					"Current project state",
+					"Architecture map",
+					"Active work and changed files",
+					"Important decisions and constraints",
+					"Risks or unresolved questions",
+					"Recommended next actions",
+				],
+			};
+		case "table":
+			return {
+				goal: "Turn dense structured information into an accessible visual table that is easier to compare than terminal output.",
+				evidenceSteps: [
+					"Identify the row and column meanings before choosing table structure.",
+					"Verify each cell from source material, command output, or code when possible.",
+					"Use status labels and short notes so the table remains scannable.",
+				],
+				sections: [
+					"Short summary of what is being compared",
+					"Primary responsive table with sticky header",
+					"Legend for statuses or scoring",
+					"Notable patterns, outliers, and caveats",
+					"Source references",
+				],
+			};
+		case "diagram":
+			return {
+				goal: "Explain the subject visually with a diagram plus enough context to make the diagram trustworthy.",
+				evidenceSteps: [
+					"Read relevant files, docs, or command output before drawing relationships.",
+					"Choose the right diagram type: flowchart, sequence, state, ER/schema, C4-style, timeline, or dashboard.",
+					"Keep complex diagrams readable by splitting overview and details.",
+				],
+				sections: [
+					"One-line takeaway",
+					"Primary diagram with readable labels",
+					"Component or step details",
+					"Data/control flow notes",
+					"Assumptions, limitations, and source references",
+				],
+			};
+	}
+}
+
+export function formatPageRules(rules: readonly string[] = VISUAL_BRIEF_PAGE_RULES): string {
+	return rules.map((rule) => `   - ${rule}`).join("\n");
+}

package/src/resources/extensions/visual-brief/prompts.ts

@@ -0,0 +1,147 @@
+// GSD-2 + Visual Brief prompt construction
+
+import {
+	createVisualBriefArtifactPolicy,
+	formatArtifactPolicy,
+} from "./artifact-policy.js";
+import {
+	formatPageRules,
+	getVisualBriefModeProfile,
+} from "./page-contract.js";
+
+export type VisualBriefMode = "diagram" | "plan" | "diff" | "recap" | "table" | "slides";
+
+export interface VisualBriefRequest {
+	mode: VisualBriefMode;
+	subject: string;
+	slides: boolean;
+	rawArgs: string;
+}
+
+export interface VisualBriefModeInfo {
+	mode: VisualBriefMode;
+	aliases: readonly string[];
+	description: string;
+	defaultSubject?: string;
+}
+
+export const VISUAL_BRIEF_MODES: readonly VisualBriefModeInfo[] = [
+	{
+		mode: "diagram",
+		aliases: ["diagram", "flow", "architecture", "arch", "web-diagram"],
+		description: "Generate a visual system, architecture, flow, state, or data diagram",
+	},
+	{
+		mode: "plan",
+		aliases: ["plan", "visual-plan", "implementation-plan"],
+		description: "Generate a visual implementation plan with risks, files, edge cases, and tests",
+	},
+	{
+		mode: "diff",
+		aliases: ["diff", "review", "diff-review", "changes"],
+		description: "Generate a visual review of staged and unstaged changes",
+		defaultSubject: "the current staged and unstaged repository changes",
+	},
+	{
+		mode: "recap",
+		aliases: ["recap", "project-recap", "summary"],
+		description: "Generate a visual project recap for context switching",
+		defaultSubject: "the current project",
+	},
+	{
+		mode: "table",
+		aliases: ["table", "comparison", "matrix", "audit"],
+		description: "Render a dense comparison, audit, or status report as a readable HTML table",
+	},
+	{
+		mode: "slides",
+		aliases: ["slides", "deck", "slide-deck"],
+		description: "Generate a visual slide deck",
+	},
+];
+
+export const VISUAL_BRIEF_USAGE =
+	"Usage: /gsd brief <diagram|plan|diff|recap|table|slides> [topic] [--slides]";
+
+export function parseVisualBriefArgs(args: string): VisualBriefRequest | null {
+	const rawArgs = args.trim();
+	if (!rawArgs) return null;
+
+	const tokens = rawArgs.split(/\s+/).filter(Boolean);
+	const slidesFlag = tokens.includes("--slides");
+	const contentTokens = tokens.filter((token) => token !== "--slides");
+	if (contentTokens.length === 0) return null;
+
+	const firstToken = normalizeToken(contentTokens[0] ?? "");
+	const modeInfo = findMode(firstToken);
+	const mode = modeInfo?.mode ?? "diagram";
+	const subjectTokens = modeInfo ? contentTokens.slice(1) : contentTokens;
+	const subject = subjectTokens.join(" ").trim() || modeInfo?.defaultSubject;
+
+	if (!subject) return null;
+
+	return {
+		mode,
+		subject,
+		slides: slidesFlag || mode === "slides",
+		rawArgs,
+	};
+}
+
+export function buildVisualBriefPrompt(
+	request: VisualBriefRequest,
+	options: { outputDir: string },
+): string {
+	const profile = getVisualBriefModeProfile(request.mode, request.slides);
+	const artifactPolicy = createVisualBriefArtifactPolicy(options.outputDir);
+	const outputFormat = request.slides ? "slide deck" : "scrollable explanation page";
+
+	return `Create a visual brief as a single HTML file.
+
+## Request
+
+- Mode: ${request.mode}
+- Subject: ${request.subject}
+- Output format: ${outputFormat}
+- Output directory: ${options.outputDir}
+
+## Goal
+
+${profile.goal}
+
+## Required workflow
+
+1. Gather evidence before writing the page.
+${profile.evidenceSteps.map((step) => `   - ${step}`).join("\n")}
+2. Build the visual structure from the evidence.
+${formatPageRules()}
+3. Write the HTML file.
+${formatArtifactPolicy(artifactPolicy).split("\n").map((line) => `   ${line}`).join("\n")}
+
+## Page sections
+
+${profile.sections.map((section) => `- ${section}`).join("\n")}
+
+## Final response
+
+Keep the chat response short: state the output file path, whether the browser opened, and any uncertainty discovered during evidence gathering.`;
+}
+
+export function getVisualBriefCompletions(prefix: string): Array<{ value: string; label: string; description: string }> {
+	const firstPart = prefix.trim().split(/\s+/)[0] ?? "";
+	return VISUAL_BRIEF_MODES
+		.filter((mode) => mode.mode.startsWith(firstPart) || mode.aliases.some((alias) => alias.startsWith(firstPart)))
+		.map((mode) => ({
+			value: mode.mode,
+			label: mode.mode,
+			description: mode.description,
+		}));
+}
+
+function findMode(token: string): VisualBriefModeInfo | undefined {
+	return VISUAL_BRIEF_MODES.find((mode) => mode.aliases.includes(token));
+}
+
+function normalizeToken(token: string): string {
+	return token.trim().toLowerCase();
+}

package/src/resources/extensions/visual-brief/tests/visual-brief.test.ts

@@ -0,0 +1,172 @@
+// GSD-2 + Visual Brief command tests
+
+import test from "node:test";
+import assert from "node:assert/strict";
+import { join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { readManifest } from "@gsd/pi-coding-agent";
+import {
+	createVisualBriefArtifactPolicy,
+	formatArtifactPolicy,
+	getVisualBriefOutputDir,
+} from "../artifact-policy.ts";
+import {
+	getVisualBriefModeProfile,
+	VISUAL_BRIEF_PAGE_RULES,
+} from "../page-contract.ts";
+import {
+	buildVisualBriefPrompt,
+	getVisualBriefCompletions,
+	parseVisualBriefArgs,
+	VISUAL_BRIEF_MODES,
+	VISUAL_BRIEF_USAGE,
+} from "../prompts.ts";
+
+test("keeps Visual Brief command surface under /gsd brief", () => {
+	const manifest = readManifest(fileURLToPath(new URL("..", import.meta.url)));
+
+	assert.equal(manifest?.id, "visual-brief");
+	assert.equal(manifest?.provides?.commands, undefined);
+	assert.match(VISUAL_BRIEF_USAGE, /^Usage: \/gsd brief/);
+});
+
+test("parses explicit modes and slide output", () => {
+	const request = parseVisualBriefArgs("plan --slides browser tools verification flow");
+
+	assert.deepEqual(request, {
+		mode: "plan",
+		subject: "browser tools verification flow",
+		slides: true,
+		rawArgs: "plan --slides browser tools verification flow",
+	});
+});
+
+test("defaults freeform input to diagram mode", () => {
+	const request = parseVisualBriefArgs("authentication sequence");
+
+	assert.equal(request?.mode, "diagram");
+	assert.equal(request?.subject, "authentication sequence");
+	assert.equal(request?.slides, false);
+});
+
+test("parses supported aliases without registering command aliases", () => {
+	const review = parseVisualBriefArgs("review release branch changes");
+	const deck = parseVisualBriefArgs("deck launch recap");
+
+	assert.equal(review?.mode, "diff");
+	assert.equal(review?.subject, "release branch changes");
+	assert.equal(deck?.mode, "slides");
+	assert.equal(deck?.slides, true);
+});
+
+test("rejects flag-only input as usage", () => {
+	assert.equal(parseVisualBriefArgs("--slides"), null);
+});
+
+test("uses current changes as the diff subject when none is provided", () => {
+	const request = parseVisualBriefArgs("diff");
+
+	assert.equal(request?.mode, "diff");
+	assert.equal(request?.subject, "the current staged and unstaged repository changes");
+});
+
+test("builds a provider-neutral prompt with output instructions", () => {
+	const request = parseVisualBriefArgs("table release readiness matrix");
+	assert.ok(request, "request should parse");
+
+	const prompt = buildVisualBriefPrompt(request, { outputDir: "/tmp/gsd-diagrams" });
+
+	assert.match(prompt, /Mode: table/);
+	assert.match(prompt, /Subject: release readiness matrix/);
+	assert.match(prompt, /Output directory: \/tmp\/gsd-diagrams/);
+	assert.match(prompt, /Do not include provider-specific claims/);
+	assert.match(prompt, /Use semantic HTML tables/);
+	assert.match(prompt, /Use a descriptive kebab-case filename/);
+	assert.match(prompt, /one self-contained responsive HTML file/);
+	assert.match(prompt, /macOS: open/);
+	assert.match(prompt, /absolute file path/);
+	assert.ok(prompt.indexOf("Gather evidence before writing the page") < prompt.indexOf("Write the HTML file"));
+});
+
+test("returns first-argument completions for visual brief modes", () => {
+	const completions = getVisualBriefCompletions("di");
+
+	assert.ok(
+		completions.some((completion) => completion.value === "diagram"),
+		"diagram should be suggested for a matching prefix",
+	);
+
+	const allCompletions = getVisualBriefCompletions("");
+	for (const mode of VISUAL_BRIEF_MODES) {
+		assert.ok(
+			allCompletions.some((completion) => completion.value === mode.mode),
+			`${mode.mode} should be suggested without a prefix`,
+		);
+	}
+});
+
+test("generated prompts include page contract rules and sections for every mode", () => {
+	for (const mode of VISUAL_BRIEF_MODES) {
+		const request = parseVisualBriefArgs(`${mode.mode} scoped subject`);
+		assert.ok(request, `${mode.mode} request should parse`);
+
+		const prompt = buildVisualBriefPrompt(request, { outputDir: "/tmp/visual-brief" });
+		const profile = getVisualBriefModeProfile(request.mode, request.slides);
+
+		for (const rule of VISUAL_BRIEF_PAGE_RULES) {
+			assert.match(prompt, new RegExp(escapeRegExp(rule)), `${mode.mode} prompt should include page rule: ${rule}`);
+		}
+		for (const step of profile.evidenceSteps) {
+			assert.match(prompt, new RegExp(escapeRegExp(step)), `${mode.mode} prompt should include evidence step: ${step}`);
+		}
+		for (const section of profile.sections) {
+			assert.match(prompt, new RegExp(escapeRegExp(section)), `${mode.mode} prompt should include section: ${section}`);
+		}
+		assert.doesNotMatch(prompt, /\/gsd visualize/);
+	}
+});
+
+test("diff prompt requires change evidence and review sections", () => {
+	const request = parseVisualBriefArgs("diff");
+	assert.ok(request, "diff request should parse");
+	const prompt = buildVisualBriefPrompt(request, { outputDir: "/tmp/visual-brief" });
+	const profile = getVisualBriefModeProfile("diff", false);
+
+	assert.ok(VISUAL_BRIEF_PAGE_RULES.includes("Include accessible headings, readable contrast, responsive tables, and no horizontal body overflow."));
+	assert.ok(
+		profile.sections.includes("Test coverage matrix"),
+		"diff review should include test coverage matrix section",
+	);
+	assert.ok(
+		profile.evidenceSteps.includes("Inspect git status plus staged and unstaged diffs."),
+		"diff review should require inspecting repository changes before claims",
+	);
+	assert.match(prompt, /Inspect git status plus staged and unstaged diffs/);
+	assert.match(prompt, /Change map by file and subsystem/);
+	assert.match(prompt, /Risk heatmap/);
+	assert.match(prompt, /Behavior changes and compatibility notes/);
+	assert.match(prompt, /Test coverage matrix/);
+	assert.match(prompt, /Actionable findings and open questions/);
+	assert.match(prompt, /Separate confirmed findings from questions or residual risk/);
+});
+
+test("artifact policy formats output directory and opener guidance", () => {
+	const policy = createVisualBriefArtifactPolicy("/tmp/visual-brief");
+	const text = formatArtifactPolicy(policy);
+
+	assert.match(text, /\/tmp\/visual-brief/);
+	assert.match(text, /kebab-case filename/);
+	assert.match(text, /self-contained responsive HTML file/);
+	assert.match(text, /macOS: open/);
+	assert.match(text, /Linux: xdg-open/);
+	assert.match(text, /Windows: cmd \/c start/);
+	assert.match(text, /absolute file path/);
+});
+
+test("artifact output directory is under the configured GSD agent directory", () => {
+	assert.equal(getVisualBriefOutputDir("/tmp/gsd-agent-test"), join("/tmp/gsd-agent-test", "diagrams"));
+});
+
+function escapeRegExp(value: string): string {
+	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}

package/dist/web/standalone/.next/static/chunks/2556.0527fea66e123b7f.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2556],{42556:(e,s,t)=>{t.r(s),t.d(s,{VisualizerView:()=>q});var r=t(95155),n=t(12115),a=t(57518),i=t(33024),l=t(31025),d=t(89123),o=t(84980),c=t(49619),m=t(93219),x=t(6962),u=t(12651),h=t(20232),p=t(16950),f=t(30125),g=t(13545),b=t(21628),j=t(21362),v=t(41585),N=t(48368);let w=(0,t(90425).A)("file-braces",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1",key:"1oajmo"}],["path",{d:"M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1",key:"mpwhp6"}]]);var y=t(6296),k=t(9199),A=t(91337),$=t(98234),C=t(44004),S=t(35082);let M=[{value:"progress",label:"Progress",Icon:i.A},{value:"deps",label:"Dependencies",Icon:l.A},{value:"metrics",label:"Metrics",Icon:d.A},{value:"timeline",label:"Timeline",Icon:o.A},{value:"agent",label:"Agent",Icon:c.A},{value:"changes",label:"Changes",Icon:m.A},{value:"export",label:"Export",Icon:x.A}];function D(e){switch(e){case"complete":case"done":return(0,r.jsx)(u.A,{className:"h-4 w-4 shrink-0 text-success"});case"active":return(0,r.jsx)(h.A,{className:"h-4 w-4 shrink-0 text-info"});case"pending":return(0,r.jsx)(p.A,{className:"h-4 w-4 shrink-0 text-muted-foreground/50"});case"parked":return(0,r.jsx)(f.A,{className:"h-4 w-4 shrink-0 text-muted-foreground"})}}function P({risk:e}){return(0,r.jsx)("span",{className:(0,A.cn)("inline-flex items-center rounded border px-2 py-0.5 text-[11px] font-semibold uppercase tracking-widest","high"===e?"bg-destructive/15 text-destructive border-destructive/25 ring-destructive/10":"medium"===e?"bg-warning/15 text-warning border-warning/25 ring-warning/10":"bg-success/15 text-success border-success/25 ring-success/10"),children:e})}function I(e){let s=new Date(e);return`${String(s.getHours()).padStart(2,"0")}:${String(s.getMinutes()).padStart(2,"0")}`}function T({children:e}){return(0,r.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("div",{className:"h-3.5 w-0.5 rounded-full bg-foreground/25"}),(0,r.jsx)("h3",{className:"text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:e})]})}function U({message:e,icon:s=g.A}){return(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-border py-16 text-center",children:[(0,r.jsx)("div",{className:"rounded-full border border-border bg-muted/50 p-4",children:(0,r.jsx)(s,{className:"h-6 w-6 text-muted-foreground"})}),(0,r.jsx)("p",{className:"text-sm font-medium text-muted-foreground",children:e})]})}function R({label:e,value:s,sub:t,accent:n}){return(0,r.jsxs)("div",{className:(0,A.cn)("relative overflow-hidden rounded-xl border bg-gradient-to-br to-transparent p-5",{sky:"from-info/8 border-info/20",emerald:"from-success/8 border-success/20",amber:"from-warning/8 border-warning/20",default:"from-transparent border-border"}[n??"default"]),children:[(0,r.jsx)("p",{className:"text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:e}),(0,r.jsx)("p",{className:"mt-2 text-2xl font-bold tabular-nums leading-none tracking-tight",children:s}),t&&(0,r.jsx)("p",{className:"mt-1.5 text-xs text-muted-foreground",children:t})]})}function B({value:e,max:s,color:t="sky",animated:n=!1}){let a=s>0?Math.max(1,e/s*100):0;return(0,r.jsx)("div",{className:"h-2 w-full overflow-hidden rounded-full bg-muted",children:(0,r.jsx)("div",{className:(0,A.cn)("h-full rounded-full transition-all duration-700",{sky:"bg-info",emerald:"bg-success",amber:"bg-warning"}[t],n&&"animate-pulse"),style:{width:`${a}%`}})})}function _({data:e}){if(0===e.milestones.length)return(0,r.jsx)(U,{message:"No milestones defined yet.",icon:i.A});let s=e.milestones.flatMap(e=>e.slices),t={low:0,medium:0,high:0};for(let e of s)"high"===e.risk?t.high++:"medium"===e.risk?t.medium++:t.low++;return(0,r.jsxs)("div",{className:"space-y-6",children:[s.length>0&&(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-card p-6",children:[(0,r.jsx)(T,{children:"Risk Heatmap"}),(0,r.jsx)("div",{className:"mt-5 space-y-3",children:e.milestones.filter(e=>e.slices.length>0).map(e=>(0,r.jsxs)("div",{className:"flex items-center gap-4",children:[(0,r.jsx)("span",{className:"w-16 shrink-0 font-mono text-xs font-medium text-muted-foreground",children:e.id}),(0,r.jsx)("div",{className:"flex flex-wrap gap-1.5",children:e.slices.map(e=>(0,r.jsx)("div",{title:`${e.id}: ${e.title} (${e.risk})`,className:(0,A.cn)("h-6 w-6 rounded cursor-default transition-transform hover:scale-125","high"===e.risk?"bg-destructive":"medium"===e.risk?"bg-warning":"bg-success")},e.id))})]},e.id))}),(0,r.jsxs)("div",{className:"mt-5 flex items-center gap-5 text-xs text-muted-foreground",children:[(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"h-3 w-3 rounded-sm bg-success"}),"Low (",t.low,")"]}),(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"h-3 w-3 rounded-sm bg-warning"}),"Medium (",t.medium,")"]}),(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"h-3 w-3 rounded-sm bg-destructive"}),"High (",t.high,")"]})]})]}),(0,r.jsx)("div",{className:"space-y-4",children:e.milestones.map(e=>(0,r.jsxs)("div",{className:"overflow-hidden rounded-xl border border-border bg-card",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between border-b border-border bg-muted/50 px-5 py-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[D(e.status),(0,r.jsx)("span",{className:"font-mono text-xs font-semibold text-muted-foreground",children:e.id}),(0,r.jsx)("span",{className:"text-sm font-semibold",children:e.title})]}),(0,r.jsx)("span",{className:(0,A.cn)("rounded-md px-2.5 py-1 text-xs font-semibold uppercase tracking-wider","complete"===e.status?"bg-success/15 text-success":"active"===e.status?"bg-info/15 text-info":"parked"===e.status?"bg-warning/15 text-warning":"bg-muted text-muted-foreground"),children:e.status})]}),("pending"===e.status||"parked"===e.status)&&e.dependsOn.length>0&&(0,r.jsxs)("div",{className:"px-5 py-2.5 text-xs text-muted-foreground border-b border-border/50",children:["Depends on ",e.dependsOn.join(", ")]}),e.slices.length>0&&(0,r.jsx)("div",{className:"divide-y divide-border/50",children:e.slices.map(e=>{let s=e.tasks.filter(e=>e.done).length,t=e.done?"done":e.active?"active":"pending";return(0,r.jsxs)("div",{className:"px-5 py-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[D(t),(0,r.jsx)("span",{className:"font-mono text-xs font-medium text-muted-foreground",children:e.id}),(0,r.jsx)("span",{className:"min-w-0 flex-1 truncate text-sm font-medium",children:e.title}),(0,r.jsxs)("div",{className:"flex shrink-0 items-center gap-2.5",children:[e.depends.length>0&&(0,r.jsxs)("span",{className:"text-xs text-muted-foreground",children:["deps: ",e.depends.join(", ")]}),e.tasks.length>0&&(0,r.jsxs)("span",{className:"font-mono text-xs font-medium text-muted-foreground",children:[s,"/",e.tasks.length]}),(0,r.jsx)(P,{risk:e.risk})]})]}),(e.active||e.tasks.some(e=>e.active))&&e.tasks.length>0&&(0,r.jsx)("div",{className:"ml-7 mt-3 space-y-1",children:e.tasks.map(e=>(0,r.jsxs)("div",{className:(0,A.cn)("flex items-center gap-2.5 rounded-lg px-3 py-2 transition-colors",e.active?"bg-info/8 border border-info/20":"hover:bg-muted/50"),children:[e.done?D("done"):e.active?D("active"):D("pending"),(0,r.jsx)("span",{className:"font-mono text-xs font-medium text-muted-foreground",children:e.id}),(0,r.jsx)("span",{className:(0,A.cn)("text-sm",e.done&&"text-muted-foreground line-through",e.active&&"font-semibold text-info",!e.done&&!e.active&&"text-muted-foreground"),children:e.title}),e.active&&(0,r.jsx)("span",{className:"ml-auto rounded-md bg-info/15 px-2 py-0.5 text-[11px] font-bold uppercase tracking-wider text-info",children:"running"})]},e.id))})]},e.id)})})]},e.id))})]})}function F({data:e}){let s,t=e.criticalPath,n=e.milestones.find(e=>"active"===e.status),a=e.milestones.filter(e=>e.dependsOn.length>0);return(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-card p-6",children:[(0,r.jsx)(T,{children:"Milestone Dependencies"}),(0,r.jsx)("div",{className:"mt-5",children:0===a.length?(0,r.jsx)("p",{className:"text-sm text-muted-foreground",children:"No milestone dependencies configured."}):(0,r.jsx)("div",{className:"flex flex-col gap-3",children:a.flatMap(e=>e.dependsOn.map(s=>(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("span",{className:"rounded-lg border border-info/25 bg-info/10 px-3 py-1.5 font-mono text-sm font-semibold text-info",children:s}),(0,r.jsx)(b.A,{className:"h-4 w-4 text-muted-foreground"}),(0,r.jsx)("span",{className:"rounded-lg border border-border bg-muted/50 px-3 py-1.5 font-mono text-sm font-medium",children:e.id}),(0,r.jsx)("span",{className:"text-sm text-muted-foreground",children:e.title})]},`${s}-${e.id}`)))})})]}),(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-card p-6",children:[(0,r.jsx)(T,{children:"Slice Dependencies — Active Milestone"}),(0,r.jsx)("div",{className:"mt-5",children:n?0===(s=n.slices.filter(e=>e.depends.length>0)).length?(0,r.jsxs)("p",{className:"text-sm text-muted-foreground",children:["No slice dependencies in ",n.id,"."]}):(0,r.jsx)("div",{className:"flex flex-col gap-3",children:s.flatMap(e=>e.depends.map(s=>(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("span",{className:"rounded-lg border border-info/25 bg-info/10 px-3 py-1.5 font-mono text-sm font-semibold text-info",children:s}),(0,r.jsx)(b.A,{className:"h-4 w-4 text-muted-foreground"}),(0,r.jsx)("span",{className:"rounded-lg border border-border bg-muted/50 px-3 py-1.5 font-mono text-sm font-medium",children:e.id}),(0,r.jsx)("span",{className:"text-sm text-muted-foreground",children:e.title})]},`${s}-${e.id}`)))}):(0,r.jsx)("p",{className:"text-sm text-muted-foreground",children:"No active milestone."})})]}),(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-card p-6",children:[(0,r.jsx)(T,{children:"Critical Path"}),(0,r.jsx)("div",{className:"mt-5",children:0===t.milestonePath.length?(0,r.jsx)("p",{className:"text-sm text-muted-foreground",children:"No critical path data."}):(0,r.jsxs)("div",{className:"space-y-7",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"mb-3 text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"Milestone Chain"}),(0,r.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:t.milestonePath.map((e,s)=>(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-1.5 font-mono text-sm font-bold text-destructive",children:e}),s<t.milestonePath.length-1&&(0,r.jsx)(j.A,{className:"h-4 w-4 text-muted-foreground"})]},e))})]}),Object.keys(t.milestoneSlack).length>0&&(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"mb-3 text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"Milestone Slack"}),(0,r.jsx)("div",{className:"flex flex-col gap-2",children:e.milestones.filter(e=>!t.milestonePath.includes(e.id)).map(e=>(0,r.jsxs)("div",{className:"flex items-center gap-4 rounded-lg bg-muted/50 px-4 py-2.5",children:[(0,r.jsx)("span",{className:"w-16 font-mono text-sm font-semibold",children:e.id}),(0,r.jsx)("span",{className:"text-sm text-muted-foreground",children:e.title}),(0,r.jsxs)("span",{className:"ml-auto font-mono text-xs text-muted-foreground",children:["slack: ",t.milestoneSlack[e.id]??0]})]},e.id))})]}),t.slicePath.length>0&&(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"mb-3 text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"Slice Critical Path"}),(0,r.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:t.slicePath.map((e,s)=>(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"rounded-lg border border-warning/30 bg-warning/10 px-3 py-1.5 font-mono text-sm font-semibold text-warning",children:e}),s<t.slicePath.length-1&&(0,r.jsx)(j.A,{className:"h-4 w-4 text-muted-foreground"})]},e))}),n&&(0,r.jsx)("div",{className:"mt-3 space-y-2",children:t.slicePath.map(e=>n.slices.find(s=>s.id===e)).filter(e=>null!=e&&!e.done&&!e.active).map(e=>(0,r.jsxs)("div",{className:"flex items-center gap-2.5 rounded-lg border border-warning/20 bg-warning/8 px-4 py-2.5 text-sm text-warning",children:[(0,r.jsx)(v.A,{className:"h-4 w-4 shrink-0"}),(0,r.jsx)("span",{className:"font-mono font-semibold",children:e.id}),(0,r.jsx)("span",{children:"is on the critical path but not yet started"})]},e.id))})]}),Object.keys(t.sliceSlack).length>0&&(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"mb-3 text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"Slice Slack"}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2",children:Object.entries(t.sliceSlack).map(([e,s])=>(0,r.jsxs)("span",{className:"rounded-lg border border-border bg-muted/50 px-3 py-1.5 font-mono text-xs text-muted-foreground",children:[e,": ",s]},e))})]})]})})]})]})}function L({data:e}){if(!e.totals)return(0,r.jsx)(U,{message:"No metrics data available.",icon:d.A});let s=e.totals;return(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-4 sm:grid-cols-4",children:[(0,r.jsx)(R,{label:"Execution Units",value:String(s.units),accent:"default"}),(0,r.jsx)(R,{label:"Total Cost",value:(0,C.BD)(s.cost),accent:"emerald"}),(0,r.jsx)(R,{label:"Duration",value:(0,C.a3)(s.duration),accent:"sky"}),(0,r.jsx)(R,{label:"Total Tokens",value:(0,C.ap)(s.tokens.total),sub:`${(0,C.ap)(s.tokens.input)} in \xb7 ${(0,C.ap)(s.tokens.output)} out`,accent:"amber"})]}),e.byPhase.length>0&&(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-card p-6",children:[(0,r.jsx)(T,{children:"Cost by Phase"}),(0,r.jsx)("div",{className:"mt-5 space-y-5",children:e.byPhase.map(e=>{let t=s.cost>0?e.cost/s.cost*100:0;return(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"mb-2 flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-sm font-semibold",children:e.phase}),(0,r.jsxs)("div",{className:"flex items-center gap-4 text-xs text-muted-foreground",children:[(0,r.jsx)("span",{className:"font-mono font-medium text-foreground",children:(0,C.BD)(e.cost)}),(0,r.jsxs)("span",{children:[t.toFixed(1),"%"]}),(0,r.jsxs)("span",{children:[(0,C.ap)(e.tokens.total)," tok"]}),(0,r.jsxs)("span",{children:[e.units," units"]})]})]}),(0,r.jsx)(B,{value:t,max:100,color:"sky"})]},e.phase)})})]}),e.byModel.length>0&&(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-card p-6",children:[(0,r.jsx)(T,{children:"Cost by Model"}),(0,r.jsx)("div",{className:"mt-5 space-y-5",children:e.byModel.map(e=>{let t=s.cost>0?e.cost/s.cost*100:0;return(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"mb-2 flex items-center justify-between",children:[(0,r.jsx)("span",{className:"font-mono text-sm font-medium",children:e.model}),(0,r.jsxs)("div",{className:"flex items-center gap-4 text-xs text-muted-foreground",children:[(0,r.jsx)("span",{className:"font-mono font-medium text-foreground",children:(0,C.BD)(e.cost)}),(0,r.jsxs)("span",{children:[t.toFixed(1),"%"]}),(0,r.jsxs)("span",{children:[(0,C.ap)(e.tokens.total)," tok"]}),(0,r.jsxs)("span",{children:[e.units," units"]})]})]}),(0,r.jsx)(B,{value:t,max:100,color:"emerald"})]},e.model)})})]}),e.bySlice.length>0&&(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-card p-6",children:[(0,r.jsx)(T,{children:"Cost by Slice"}),(0,r.jsx)("div",{className:"mt-5 overflow-x-auto",children:(0,r.jsxs)("table",{className:"w-full text-sm",children:[(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{className:"border-b border-border text-left text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:[(0,r.jsx)("th",{className:"pb-3 pr-5",children:"Slice"}),(0,r.jsx)("th",{className:"pb-3 pr-5 text-right",children:"Units"}),(0,r.jsx)("th",{className:"pb-3 pr-5 text-right",children:"Cost"}),(0,r.jsx)("th",{className:"pb-3 pr-5 text-right",children:"Duration"}),(0,r.jsx)("th",{className:"pb-3 text-right",children:"Tokens"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border/50",children:e.bySlice.map(e=>(0,r.jsxs)("tr",{className:"transition-colors hover:bg-muted/50",children:[(0,r.jsx)("td",{className:"py-3 pr-5 font-mono text-xs font-semibold",children:e.sliceId}),(0,r.jsx)("td",{className:"py-3 pr-5 text-right tabular-nums text-muted-foreground",children:e.units}),(0,r.jsx)("td",{className:"py-3 pr-5 text-right tabular-nums font-medium",children:(0,C.BD)(e.cost)}),(0,r.jsx)("td",{className:"py-3 pr-5 text-right tabular-nums text-muted-foreground",children:(0,C.a3)(e.duration)}),(0,r.jsx)("td",{className:"py-3 text-right tabular-nums text-muted-foreground",children:(0,C.ap)(e.tokens.total)})]},e.sliceId))})]})})]}),e.bySlice.length>=2&&(0,r.jsx)(O,{data:e,totals:s})]})}function O({data:e,totals:s}){let t=e.bySlice.filter(e=>e.sliceId.includes("/"));if(t.length<2)return null;let n=t.reduce((e,s)=>e+s.cost,0)/t.length,a=n*e.remainingSliceCount,i=s.cost+a,l=s.duration>0?s.cost/(s.duration/36e5):0;return(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-card p-6",children:[(0,r.jsx)(T,{children:"Projections"}),(0,r.jsxs)("div",{className:"mt-5 grid grid-cols-2 gap-4 sm:grid-cols-4",children:[(0,r.jsx)(R,{label:"Avg / Slice",value:(0,C.BD)(n)}),(0,r.jsx)(R,{label:"Projected Remaining",value:(0,C.BD)(a),sub:`${e.remainingSliceCount} slices left`}),(0,r.jsx)(R,{label:"Projected Total",value:(0,C.BD)(i)}),l>0&&(0,r.jsx)(R,{label:"Burn Rate",value:`${(0,C.BD)(l)}/hr`})]}),i>2*s.cost&&e.remainingSliceCount>0&&(0,r.jsxs)("div",{className:"mt-4 flex items-center gap-2.5 rounded-lg border border-warning/20 bg-warning/8 px-4 py-3 text-sm text-warning",children:[(0,r.jsx)(v.A,{className:"h-4 w-4 shrink-0"}),"Projected total ",(0,C.BD)(i)," exceeds 2\xd7 current spend"]})]})}function E({data:e}){let s=[...e.units].sort((e,s)=>e.startedAt-s.startedAt).slice(-30),t=s.some(e=>!e.finishedAt||0===e.finishedAt),[a,i]=(0,n.useState)(()=>Date.now());(0,n.useEffect)(()=>{if(!t)return;let e=window.setInterval(()=>{i(Date.now())},1e3);return()=>window.clearInterval(e)},[t]);let l=t?a:0,d=(0,n.useCallback)(e=>(e.finishedAt||l)-e.startedAt,[l]);if(0===e.units.length)return(0,r.jsx)(U,{message:"No execution history yet.",icon:o.A});let c=Math.max(...s.map(d),1);return(0,r.jsx)("div",{className:"space-y-4",children:(0,r.jsxs)("div",{className:"overflow-hidden rounded-xl border border-border bg-card",children:[(0,r.jsxs)("div",{className:"border-b border-border bg-muted/50 px-6 py-4",children:[(0,r.jsx)(T,{children:"Execution Timeline"}),(0,r.jsxs)("p",{className:"mt-1.5 text-xs text-muted-foreground",children:["Showing ",s.length," of ",e.units.length," units — most recent first"]})]}),(0,r.jsxs)("div",{className:"grid grid-cols-[3.5rem_1.5rem_5rem_8rem_1fr_4.5rem_5rem] items-center gap-3 border-b border-border/50 px-6 py-2.5 text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:[(0,r.jsx)("span",{children:"Time"}),(0,r.jsx)("span",{}),(0,r.jsx)("span",{children:"Type"}),(0,r.jsx)("span",{children:"ID"}),(0,r.jsx)("span",{children:"Duration"}),(0,r.jsx)("span",{className:"text-right",children:"Time"}),(0,r.jsx)("span",{className:"text-right",children:"Cost"})]}),(0,r.jsx)("div",{className:"divide-y divide-border/40",children:[...s].reverse().map((e,s)=>{let t=d(e),n=!e.finishedAt||0===e.finishedAt;return(0,r.jsxs)("div",{className:"grid grid-cols-[3.5rem_1.5rem_5rem_8rem_1fr_4.5rem_5rem] items-center gap-3 px-6 py-3.5 transition-colors hover:bg-muted/50",children:[(0,r.jsx)("span",{className:"font-mono text-xs text-muted-foreground",children:I(e.startedAt)}),n?(0,r.jsx)(h.A,{className:"h-3.5 w-3.5 shrink-0 text-info"}):(0,r.jsx)(u.A,{className:"h-3.5 w-3.5 shrink-0 text-success"}),(0,r.jsx)("span",{className:"truncate text-xs font-medium",children:e.type}),(0,r.jsx)("span",{className:"truncate font-mono text-xs text-muted-foreground",children:e.id}),(0,r.jsx)("div",{className:"hidden sm:block",children:(0,r.jsx)(B,{value:t/c*100,max:100,color:"sky",animated:n})}),(0,r.jsx)("span",{className:"text-right font-mono text-xs tabular-nums text-muted-foreground",children:(0,C.a3)(t)}),(0,r.jsx)("span",{className:"text-right font-mono text-xs tabular-nums font-medium",children:(0,C.BD)(e.cost)})]},`${e.id}-${e.startedAt}-${s}`)})})]})})}function V({data:e}){let s=e.agentActivity;if(!s)return(0,r.jsx)(U,{message:"No agent activity data available.",icon:c.A});let t=s.completedUnits,n=Math.max(t,s.totalSlices),a=n>0?Math.min(100,Math.round(t/n*100)):0;return(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-card p-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{className:"flex items-center gap-4",children:[(0,r.jsxs)("div",{className:(0,A.cn)("relative flex h-10 w-10 items-center justify-center rounded-full",s.active?"bg-success/15":"bg-muted"),children:[s.active&&(0,r.jsx)("div",{className:"absolute inset-0 animate-ping rounded-full bg-success/20"}),(0,r.jsx)("div",{className:(0,A.cn)("h-3 w-3 rounded-full",s.active?"bg-success":"bg-muted-foreground/30")})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-xl font-bold",children:s.active?"Active":"Idle"}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground",children:s.active?"Agent is running":"Waiting for next task"})]})]}),s.active&&(0,r.jsxs)("div",{className:"text-right",children:[(0,r.jsx)("p",{className:"font-mono text-lg font-bold",children:(0,C.a3)(s.elapsed)}),(0,r.jsx)("p",{className:"text-xs text-muted-foreground",children:"elapsed"})]})]}),s.currentUnit&&(0,r.jsxs)("div",{className:"mt-5 flex items-center gap-3 rounded-xl border border-info/20 bg-info/8 px-5 py-3.5",children:[(0,r.jsx)(h.A,{className:"h-4 w-4 shrink-0 text-info"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-xs text-muted-foreground",children:"Currently executing"}),(0,r.jsxs)("p",{className:"mt-0.5 font-mono text-sm font-semibold text-info",children:[s.currentUnit.type," — ",s.currentUnit.id]})]})]})]}),n>0&&(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-card p-6",children:[(0,r.jsxs)("div",{className:"mb-4 flex items-center justify-between",children:[(0,r.jsx)(T,{children:"Completion Progress"}),(0,r.jsxs)("span",{className:"font-mono text-sm text-muted-foreground",children:[t," / ",n," slices"]})]}),(0,r.jsx)(B,{value:t,max:n,color:"emerald"}),(0,r.jsxs)("div",{className:"mt-3 flex items-center justify-between text-xs text-muted-foreground",children:[(0,r.jsxs)("span",{children:[a,"% complete"]}),(0,r.jsxs)("span",{children:[n-t," remaining"]})]})]}),(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-4 sm:grid-cols-4",children:[(0,r.jsx)(R,{label:"Completion Rate",value:s.completionRate>0?`${s.completionRate.toFixed(1)}/hr`:"—",accent:"sky"}),(0,r.jsx)(R,{label:"Session Cost",value:(0,C.BD)(s.sessionCost),accent:"emerald"}),(0,r.jsx)(R,{label:"Session Tokens",value:(0,C.ap)(s.sessionTokens),accent:"amber"}),(0,r.jsx)(R,{label:"Completed",value:String(s.completedUnits)})]}),e.units.filter(e=>e.finishedAt>0).length>0&&(0,r.jsxs)("div",{className:"overflow-hidden rounded-xl border border-border bg-card",children:[(0,r.jsx)("div",{className:"border-b border-border bg-muted/50 px-6 py-4",children:(0,r.jsx)(T,{children:"Recent Completed Units"})}),(0,r.jsx)("div",{className:"divide-y divide-border/40",children:e.units.filter(e=>e.finishedAt>0).slice(-5).reverse().map((e,s)=>(0,r.jsxs)("div",{className:"flex items-center gap-4 px-6 py-4 transition-colors hover:bg-muted/50",children:[(0,r.jsx)("span",{className:"w-12 font-mono text-xs text-muted-foreground",children:I(e.startedAt)}),(0,r.jsx)(u.A,{className:"h-4 w-4 shrink-0 text-success"}),(0,r.jsx)("span",{className:"flex-1 truncate text-sm font-medium",children:e.type}),(0,r.jsx)("span",{className:"font-mono text-xs text-muted-foreground",children:e.id}),(0,r.jsx)("span",{className:"font-mono text-xs tabular-nums text-muted-foreground",children:(0,C.a3)(e.finishedAt-e.startedAt)}),(0,r.jsx)("span",{className:"font-mono text-xs tabular-nums font-semibold",children:(0,C.BD)(e.cost)})]},`${e.id}-${s}`))})]})]})}function z({data:e}){let s=e.changelog.entries;if(0===s.length)return(0,r.jsx)(U,{message:"No completed slices yet.",icon:m.A});let t=[...s].reverse();return(0,r.jsx)("div",{className:"space-y-4",children:t.map((e,s)=>(0,r.jsxs)("div",{className:"overflow-hidden rounded-xl border border-border bg-card",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between border-b border-border bg-muted/50 px-6 py-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)(u.A,{className:"h-4 w-4 shrink-0 text-success"}),(0,r.jsxs)("span",{className:"font-mono text-xs font-bold text-success",children:[e.milestoneId,"/",e.sliceId]}),(0,r.jsx)("span",{className:"text-sm font-semibold",children:e.title})]}),e.completedAt&&(0,r.jsx)("span",{className:"text-xs text-muted-foreground",children:function(e){let s=Date.now()-new Date(e).getTime();if(s<6e4)return"just now";let t=Math.floor(s/6e4);if(t<60)return`${t}m ago`;let r=Math.floor(t/60);return r<24?`${r}h ago`:`${Math.floor(r/24)}d ago`}(e.completedAt)})]}),(0,r.jsxs)("div",{className:"px-6 py-5 space-y-5",children:[e.oneLiner&&(0,r.jsxs)("p",{className:"text-sm text-muted-foreground italic leading-relaxed border-l-2 border-muted pl-4",children:["“",e.oneLiner,"”"]}),e.filesModified.length>0&&(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"mb-3 text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"Files Modified"}),(0,r.jsx)("div",{className:"space-y-2",children:e.filesModified.map((e,s)=>(0,r.jsxs)("div",{className:"flex items-start gap-3 rounded-lg bg-muted/50 px-4 py-2.5",children:[(0,r.jsx)(u.A,{className:"mt-0.5 h-3.5 w-3.5 shrink-0 text-success/70"}),(0,r.jsx)("span",{className:"font-mono text-xs font-medium text-muted-foreground",children:e.path}),e.description&&(0,r.jsxs)("span",{className:"ml-1 text-xs text-muted-foreground",children:["— ",e.description]})]},s))})]})]})]},`${e.milestoneId}-${e.sliceId}-${s}`))})}function G({data:e}){let s=(0,n.useCallback)((e,s,t)=>{let r=new Blob([e],{type:t}),n=URL.createObjectURL(r),a=document.createElement("a");a.href=n,a.download=s,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)},[]),t=(0,n.useCallback)(()=>{let s=[];for(let t of(s.push("# GSD Workflow Report"),s.push(""),s.push(`Generated: ${new Date().toISOString()}`),s.push(`Phase: ${e.phase}`),s.push(""),s.push("## Milestones"),s.push(""),e.milestones)){let e="complete"===t.status?"✓":"active"===t.status?"▸":"○";for(let r of(s.push(`### ${e} ${t.id}: ${t.title} (${t.status})`),t.dependsOn.length>0&&s.push(`Depends on: ${t.dependsOn.join(", ")}`),s.push(""),t.slices)){let e=r.done?"✓":r.active?"▸":"○";for(let t of(s.push(`- ${e} **${r.id}**: ${r.title} [risk: ${r.risk}]`),r.tasks)){let e=t.done?"✓":t.active?"▸":"○";s.push(`  - ${e} ${t.id}: ${t.title}`)}}s.push("")}if(e.totals&&(s.push("## Metrics Summary"),s.push(""),s.push("| Metric | Value |"),s.push("|--------|-------|"),s.push(`| Units | ${e.totals.units} |`),s.push(`| Total Cost | ${(0,C.BD)(e.totals.cost)} |`),s.push(`| Duration | ${(0,C.a3)(e.totals.duration)} |`),s.push(`| Tokens | ${(0,C.ap)(e.totals.tokens.total)} |`),s.push("")),e.criticalPath.milestonePath.length>0&&(s.push("## Critical Path"),s.push(""),s.push(`Milestone: ${e.criticalPath.milestonePath.join(" → ")}`),e.criticalPath.slicePath.length>0&&s.push(`Slice: ${e.criticalPath.slicePath.join(" → ")}`),s.push("")),e.changelog.entries.length>0)for(let t of(s.push("## Changelog"),s.push(""),e.changelog.entries)){if(s.push(`### ${t.milestoneId}/${t.sliceId}: ${t.title}`),t.oneLiner&&s.push(`> ${t.oneLiner}`),t.filesModified.length>0)for(let e of(s.push("Files:"),t.filesModified))s.push(`- \`${e.path}\` — ${e.description}`);t.completedAt&&s.push(`Completed: ${t.completedAt}`),s.push("")}return s.join("\n")},[e]);return(0,r.jsx)("div",{className:"space-y-6",children:(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-card p-6",children:[(0,r.jsx)(T,{children:"Export Project Data"}),(0,r.jsx)("p",{className:"mt-3 text-sm leading-relaxed text-muted-foreground",children:"Download the current visualizer data as a structured report. Markdown includes milestones, metrics, critical path, and changelog in a readable format. JSON contains the full raw data payload."}),(0,r.jsxs)("div",{className:"mt-7 grid gap-4 sm:grid-cols-2",children:[(0,r.jsxs)("button",{onClick:()=>s(t(),"gsd-report.md","text/markdown"),className:"group flex items-center gap-5 rounded-xl border border-border bg-muted/50 p-5 text-left transition-all hover:border-info/40 hover:bg-info/5",children:[(0,r.jsx)("div",{className:"rounded-xl border border-info/20 bg-info/10 p-4 transition-colors group-hover:bg-info/15",children:(0,r.jsx)(N.A,{className:"h-6 w-6 text-info"})}),(0,r.jsxs)("div",{className:"flex-1",children:[(0,r.jsx)("p",{className:"text-sm font-semibold transition-colors group-hover:text-info",children:"Download Markdown"}),(0,r.jsx)("p",{className:"mt-1 text-xs text-muted-foreground",children:"Human-readable report with tables and structure"})]}),(0,r.jsx)(x.A,{className:"h-4 w-4 shrink-0 text-muted-foreground/0 transition-all group-hover:text-info/70"})]}),(0,r.jsxs)("button",{onClick:()=>s(JSON.stringify(e,null,2),"gsd-report.json","application/json"),className:"group flex items-center gap-5 rounded-xl border border-border bg-muted/50 p-5 text-left transition-all hover:border-success/40 hover:bg-success/5",children:[(0,r.jsx)("div",{className:"rounded-xl border border-success/20 bg-success/10 p-4 transition-colors group-hover:bg-success/15",children:(0,r.jsx)(w,{className:"h-6 w-6 text-success"})}),(0,r.jsxs)("div",{className:"flex-1",children:[(0,r.jsx)("p",{className:"text-sm font-semibold transition-colors group-hover:text-success",children:"Download JSON"}),(0,r.jsx)("p",{className:"mt-1 text-xs text-muted-foreground",children:"Full raw data payload for tooling"})]}),(0,r.jsx)(x.A,{className:"h-4 w-4 shrink-0 text-muted-foreground/0 transition-all group-hover:text-success/70"})]})]})]})})}function H({defaultValue:e,children:s}){return(0,r.jsx)(a.bL,{defaultValue:e,className:"flex h-full flex-col overflow-hidden",children:s})}function K(){return(0,r.jsx)(a.B8,{className:"flex shrink-0 justify-center border-b border-border bg-background px-6",children:M.map(({value:e,label:s,Icon:t})=>(0,r.jsxs)(a.l9,{value:e,className:(0,A.cn)("group relative flex items-center gap-2 px-4 py-3.5 text-sm font-medium outline-none","text-muted-foreground transition-colors duration-150","hover:text-foreground","data-[state=active]:text-foreground","focus-visible:text-foreground","disabled:pointer-events-none disabled:opacity-40"),children:[(0,r.jsx)("span",{className:(0,A.cn)("pointer-events-none absolute bottom-0 left-0 right-0 h-0.5 rounded-t-full","bg-foreground opacity-0 transition-opacity duration-150","group-data-[state=active]:opacity-100")}),(0,r.jsx)("span",{className:"absolute inset-x-0 inset-y-1.5 rounded-lg bg-muted/0 transition-colors duration-150 group-hover:bg-muted group-data-[state=active]:bg-transparent"}),(0,r.jsx)(t,{className:"relative h-4 w-4 shrink-0 transition-colors duration-150 text-muted-foreground group-hover:text-muted-foreground group-data-[state=active]:text-foreground"}),(0,r.jsx)("span",{className:"relative",children:s})]},e))})}function q(){let e=(0,$.gF)(),s=e.boot?.project.cwd,[t,i]=(0,n.useState)(null),[l,d]=(0,n.useState)(!0),[o,c]=(0,n.useState)(null),m=(0,n.useCallback)(async()=>{try{let e=await (0,S.tm)((0,$.fL)("/api/visualizer",s));if(!e.ok){let s=await e.json().catch(()=>({error:"Unknown error"}));throw Error(s.error||`HTTP ${e.status}`)}let t=await e.json();i(t),c(null)}catch(e){c(e instanceof Error?e.message:"Failed to fetch visualizer data")}finally{d(!1)}},[s]);return((0,n.useEffect)(()=>{m();let e=setInterval(m,1e4);return()=>clearInterval(e)},[m]),l&&!t)?(0,r.jsx)("div",{className:"flex h-full items-center justify-center",children:(0,r.jsxs)("div",{className:"flex flex-col items-center gap-4",children:[(0,r.jsx)(y.A,{className:"h-7 w-7 animate-spin text-muted-foreground"}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground",children:"Loading visualizer data…"})]})}):o&&!t?(0,r.jsx)("div",{className:"flex h-full items-center justify-center",children:(0,r.jsxs)("div",{className:"flex flex-col items-center gap-4 text-center",children:[(0,r.jsx)("div",{className:"rounded-full border border-warning/20 bg-warning/10 p-4",children:(0,r.jsx)(v.A,{className:"h-6 w-6 text-warning"})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-sm font-semibold",children:"Failed to load visualizer"}),(0,r.jsx)("p",{className:"mt-1.5 max-w-sm text-xs text-muted-foreground",children:o})]}),(0,r.jsxs)("button",{onClick:m,className:"mt-1 inline-flex items-center gap-2 rounded-lg border border-border bg-card px-4 py-2 text-sm font-medium transition-colors hover:bg-accent",children:[(0,r.jsx)(k.A,{className:"h-3.5 w-3.5"}),"Retry"]})]})}):t?(0,r.jsxs)("div",{className:"flex h-full flex-col overflow-hidden",children:[(0,r.jsx)("div",{className:"flex shrink-0 items-center justify-between border-b border-border px-7 py-5",children:(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-xl font-bold tracking-tight",children:"Workflow Visualizer"}),(0,r.jsxs)("div",{className:"mt-1.5 flex items-center gap-3 text-sm text-muted-foreground",children:[(0,r.jsxs)("span",{children:["Phase:"," ",(0,r.jsx)("span",{className:(0,A.cn)("inline-flex items-center rounded-md px-2 py-0.5 text-xs font-semibold uppercase tracking-wider","complete"===t.phase?"bg-success/15 text-success":"active"===t.phase||"running"===t.phase?"bg-info/15 text-info":"bg-muted text-muted-foreground"),children:t.phase})]}),t.remainingSliceCount>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"text-border",children:"\xb7"}),(0,r.jsxs)("span",{children:[t.remainingSliceCount," slice",1!==t.remainingSliceCount?"s":""," remaining"]})]}),o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"text-border",children:"\xb7"}),(0,r.jsxs)("span",{className:"flex items-center gap-1 text-warning",children:[(0,r.jsx)(v.A,{className:"h-3 w-3"}),"Stale — ",o]})]})]})]})}),(0,r.jsxs)(H,{defaultValue:"progress",children:[(0,r.jsx)(K,{}),(0,r.jsx)("div",{className:"flex-1 overflow-y-auto",children:(0,r.jsxs)("div",{className:"mx-auto max-w-5xl px-7 py-7",children:[(0,r.jsx)(a.UC,{value:"progress",className:"outline-none",children:(0,r.jsx)(_,{data:t})}),(0,r.jsx)(a.UC,{value:"deps",className:"outline-none",children:(0,r.jsx)(F,{data:t})}),(0,r.jsx)(a.UC,{value:"metrics",className:"outline-none",children:(0,r.jsx)(L,{data:t})}),(0,r.jsx)(a.UC,{value:"timeline",className:"outline-none",children:(0,r.jsx)(E,{data:t})}),(0,r.jsx)(a.UC,{value:"agent",className:"outline-none",children:(0,r.jsx)(V,{data:t})}),(0,r.jsx)(a.UC,{value:"changes",className:"outline-none",children:(0,r.jsx)(z,{data:t})}),(0,r.jsx)(a.UC,{value:"export",className:"outline-none",children:(0,r.jsx)(G,{data:t})})]})})]})]}):null}},49619:(e,s,t)=>{t.d(s,{A:()=>r});let r=(0,t(90425).A)("bot",[["path",{d:"M12 8V4H8",key:"hb8ula"}],["rect",{width:"16",height:"12",x:"4",y:"8",rx:"2",key:"enze0r"}],["path",{d:"M2 14h2",key:"vft8re"}],["path",{d:"M20 14h2",key:"4cs60a"}],["path",{d:"M15 13v2",key:"1xurst"}],["path",{d:"M9 13v2",key:"rq6x2g"}]])},57518:(e,s,t)=>{t.d(s,{B8:()=>M,UC:()=>P,bL:()=>S,l9:()=>D});var r=t(12115),n=t(70379),a=t(68599),i=t(78538),l=t(83935),d=t(99354),o=t(1933),c=t(98979),m=t(89971),x=t(95155),u="Tabs",[h,p]=(0,a.A)(u,[i.RG]),f=(0,i.RG)(),[g,b]=h(u),j=r.forwardRef((e,s)=>{let{__scopeTabs:t,value:r,onValueChange:n,defaultValue:a,orientation:i="horizontal",dir:l,activationMode:h="automatic",...p}=e,f=(0,o.jH)(l),[b,j]=(0,c.i)({prop:r,onChange:n,defaultProp:a??"",caller:u});return(0,x.jsx)(g,{scope:t,baseId:(0,m.B)(),value:b,onValueChange:j,orientation:i,dir:f,activationMode:h,children:(0,x.jsx)(d.sG.div,{dir:f,"data-orientation":i,...p,ref:s})})});j.displayName=u;var v="TabsList",N=r.forwardRef((e,s)=>{let{__scopeTabs:t,loop:r=!0,...n}=e,a=b(v,t),l=f(t);return(0,x.jsx)(i.bL,{asChild:!0,...l,orientation:a.orientation,dir:a.dir,loop:r,children:(0,x.jsx)(d.sG.div,{role:"tablist","aria-orientation":a.orientation,...n,ref:s})})});N.displayName=v;var w="TabsTrigger",y=r.forwardRef((e,s)=>{let{__scopeTabs:t,value:r,disabled:a=!1,...l}=e,o=b(w,t),c=f(t),m=$(o.baseId,r),u=C(o.baseId,r),h=r===o.value;return(0,x.jsx)(i.q7,{asChild:!0,...c,focusable:!a,active:h,children:(0,x.jsx)(d.sG.button,{type:"button",role:"tab","aria-selected":h,"aria-controls":u,"data-state":h?"active":"inactive","data-disabled":a?"":void 0,disabled:a,id:m,...l,ref:s,onMouseDown:(0,n.mK)(e.onMouseDown,e=>{a||0!==e.button||!1!==e.ctrlKey?e.preventDefault():o.onValueChange(r)}),onKeyDown:(0,n.mK)(e.onKeyDown,e=>{[" ","Enter"].includes(e.key)&&o.onValueChange(r)}),onFocus:(0,n.mK)(e.onFocus,()=>{let e="manual"!==o.activationMode;h||a||!e||o.onValueChange(r)})})})});y.displayName=w;var k="TabsContent",A=r.forwardRef((e,s)=>{let{__scopeTabs:t,value:n,forceMount:a,children:i,...o}=e,c=b(k,t),m=$(c.baseId,n),u=C(c.baseId,n),h=n===c.value,p=r.useRef(h);return r.useEffect(()=>{let e=requestAnimationFrame(()=>p.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,x.jsx)(l.C,{present:a||h,children:({present:t})=>(0,x.jsx)(d.sG.div,{"data-state":h?"active":"inactive","data-orientation":c.orientation,role:"tabpanel","aria-labelledby":m,hidden:!t,id:u,tabIndex:0,...o,ref:s,style:{...e.style,animationDuration:p.current?"0s":void 0},children:t&&i})})});function $(e,s){return`${e}-trigger-${s}`}function C(e,s){return`${e}-content-${s}`}A.displayName=k;var S=j,M=N,D=y,P=A}}]);

package/dist/web/standalone/.next/static/chunks/app/page-200592a7f3baf579.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{5214:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorage",{enumerable:!0,get:function(){return r.workAsyncStorageInstance}});let r=n(17828)},15726:(e,t,n)=>{Promise.resolve().then(n.bind(n,66919))},17828:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorageInstance",{enumerable:!0,get:function(){return r}});let r=(0,n(64054).createAsyncLocalStorage)()},21957:(e,t,n)=>{"use strict";function r({moduleIds:e}){return null}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"PreloadChunks",{enumerable:!0,get:function(){return r}}),n(95155),n(47650),n(5214),n(2451),n(53887)},37206:(e,t,n)=>{"use strict";n.d(t,{default:()=>u.a});var r=n(75707),u=n.n(r)},41112:(e,t,n)=>{"use strict";function r({reason:e,children:t}){return t}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return r}}),n(1980)},64054:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={bindSnapshot:function(){return s},createAsyncLocalStorage:function(){return a},createSnapshot:function(){return i}};for(var r in n)Object.defineProperty(t,r,{enumerable:!0,get:n[r]});let u=Object.defineProperty(Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available"),"__NEXT_ERROR_CODE",{value:"E504",enumerable:!1,configurable:!0});class l{disable(){throw u}getStore(){}run(){throw u}exit(){throw u}enterWith(){throw u}static bind(e){return e}}let o="u">typeof globalThis&&globalThis.AsyncLocalStorage;function a(){return o?new o:new l}function s(e){return o?o.bind(e):l.bind(e)}function i(){return o?o.snapshot():function(e,...t){return e(...t)}}},66919:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(95155);let u=(0,n(37206).default)(()=>Promise.all([n.e(1838),n.e(4986),n.e(2059),n.e(8359)]).then(n.bind(n,18359)).then(e=>e.GSDAppShell),{loadableGenerated:{webpack:()=>[18359]},ssr:!1,loading:()=>(0,r.jsx)("div",{className:"flex h-screen items-center justify-center bg-background text-sm text-muted-foreground",children:"Loading workspace…"})});function l(){return(0,r.jsx)(u,{})}},68635:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return s}});let r=n(95155),u=n(12115),l=n(41112);function o(e){return{default:e&&"default"in e?e.default:e}}n(21957);let a={loader:()=>Promise.resolve(o(()=>null)),loading:null,ssr:!0},s=function(e){let t={...a,...e},n=(0,u.lazy)(()=>t.loader().then(o)),s=t.loading;function i(e){let o=s?(0,r.jsx)(s,{isLoading:!0,pastDelay:!0,error:null}):null,a=!t.ssr||!!t.loading,i=a?u.Suspense:u.Fragment,c=t.ssr?(0,r.jsxs)(r.Fragment,{children:[null,(0,r.jsx)(n,{...e})]}):(0,r.jsx)(l.BailoutToCSR,{reason:"next/dynamic",children:(0,r.jsx)(n,{...e})});return(0,r.jsx)(i,{...a?{fallback:o}:{},children:c})}return i.displayName="LoadableComponent",i}},75707:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return u}});let r=n(73623)._(n(68635));function u(e,t){let n={};"function"==typeof e&&(n.loader=e);let u={...n,...t};return(0,r.default)({...u,modules:u.loadableGenerated?.modules})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=15726)),_N_E=e.O()}]);

package/dist/web/standalone/.next/static/chunks/main-app-d3d4c336195465f9.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7358],{2852:(e,s,n)=>{Promise.resolve().then(n.t.bind(n,27123,23)),Promise.resolve().then(n.t.bind(n,61304,23)),Promise.resolve().then(n.t.bind(n,78616,23)),Promise.resolve().then(n.t.bind(n,64777,23)),Promise.resolve().then(n.t.bind(n,57121,23)),Promise.resolve().then(n.t.bind(n,74581,23)),Promise.resolve().then(n.t.bind(n,90484,23)),Promise.resolve().then(n.bind(n,86869))},19393:()=>{}},e=>{var s=s=>e(e.s=s);e.O(0,[8441,3794],()=>(s(83861),s(2852))),_N_E=e.O()}]);

package/dist/web/standalone/.next/static/chunks/next/dist/client/components/builtin/global-error-ab5a8926e07ec673.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9337],{52560:(e,s,_)=>{Promise.resolve().then(_.t.bind(_,27123,23))}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=52560)),_N_E=e.O()}]);