@arcfoundry/core 0.1.2

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-controls.js

@@ -0,0 +1,43 @@
+export const dashboardControlsStyles = `
+.toolbar {
+  align-items: end;
+  display: grid;
+  gap: 10px;
+  grid-template-columns: minmax(180px, 1fr) minmax(260px, 2fr) auto;
+  margin-bottom: 16px;
+}
+
+.toolbar label {
+  color: #304049;
+  font-weight: 800;
+}
+
+input {
+  border: 1px solid #aebdc4;
+  border-radius: 8px;
+  min-height: 44px;
+  padding: 0 12px;
+}
+
+button {
+  background: #172026;
+  border: 0;
+  border-radius: 8px;
+  color: #ffffff;
+  cursor: pointer;
+  font-weight: 800;
+  min-height: 44px;
+  padding: 0 14px;
+}
+
+button:hover {
+  background: #0b6b6f;
+}
+
+button:focus-visible,
+input:focus-visible {
+  outline: 3px solid #f4a261;
+  outline-offset: 3px;
+}
+`;
+//# sourceMappingURL=dashboard-controls.js.map

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-controls.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/data-driven/templates/styles/dashboard-controls.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCtC,CAAC"}

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-feedback.d.ts

@@ -0,0 +1 @@
+export declare const dashboardFeedbackStyles = "\n.empty {\n  color: #8a3a2a;\n  font-weight: 800;\n  padding: 28px 16px;\n  text-align: center;\n}\n\n.export-status {\n  color: #0b6b6f;\n  font-weight: 800;\n  min-height: 24px;\n}\n";

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-feedback.js

@@ -0,0 +1,15 @@
+export const dashboardFeedbackStyles = `
+.empty {
+  color: #8a3a2a;
+  font-weight: 800;
+  padding: 28px 16px;
+  text-align: center;
+}
+
+.export-status {
+  color: #0b6b6f;
+  font-weight: 800;
+  min-height: 24px;
+}
+`;
+//# sourceMappingURL=dashboard-feedback.js.map

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-feedback.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/data-driven/templates/styles/dashboard-feedback.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;CAatC,CAAC"}

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-layout.d.ts

@@ -0,0 +1 @@
+export declare const dashboardLayoutStyles = "\n.dashboard {\n  margin: 0 auto;\n  max-width: 1180px;\n}\n\n.dashboard__header {\n  display: grid;\n  gap: 10px;\n  margin-bottom: 22px;\n  max-width: 760px;\n}\n";

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-layout.js

@@ -0,0 +1,14 @@
+export const dashboardLayoutStyles = `
+.dashboard {
+  margin: 0 auto;
+  max-width: 1180px;
+}
+
+.dashboard__header {
+  display: grid;
+  gap: 10px;
+  margin-bottom: 22px;
+  max-width: 760px;
+}
+`;
+//# sourceMappingURL=dashboard-layout.js.map

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/data-driven/templates/styles/dashboard-layout.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;CAYpC,CAAC"}

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-metrics.d.ts

@@ -0,0 +1 @@
+export declare const dashboardMetricsStyles = "\n.summary {\n  display: grid;\n  gap: 12px;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  margin: 24px 0;\n}\n\n.metric {\n  background: #ffffff;\n  border: 1px solid #dce4e8;\n  border-radius: 8px;\n  min-height: 96px;\n  padding: 18px;\n}\n\n.metric span {\n  color: #59686f;\n  display: block;\n  font-size: 0.86rem;\n  font-weight: 700;\n  margin-bottom: 10px;\n}\n\n.metric strong {\n  color: #172026;\n  display: block;\n  font-size: clamp(1.3rem, 2vw, 1.9rem);\n}\n\n.metric--revenue {\n  border-color: #0b6b6f;\n}\n";

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-metrics.js

@@ -0,0 +1,35 @@
+export const dashboardMetricsStyles = `
+.summary {
+  display: grid;
+  gap: 12px;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  margin: 24px 0;
+}
+
+.metric {
+  background: #ffffff;
+  border: 1px solid #dce4e8;
+  border-radius: 8px;
+  min-height: 96px;
+  padding: 18px;
+}
+
+.metric span {
+  color: #59686f;
+  display: block;
+  font-size: 0.86rem;
+  font-weight: 700;
+  margin-bottom: 10px;
+}
+
+.metric strong {
+  color: #172026;
+  display: block;
+  font-size: clamp(1.3rem, 2vw, 1.9rem);
+}
+
+.metric--revenue {
+  border-color: #0b6b6f;
+}
+`;
+//# sourceMappingURL=dashboard-metrics.js.map

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-metrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-metrics.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/data-driven/templates/styles/dashboard-metrics.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCrC,CAAC"}

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-responsive.d.ts

@@ -0,0 +1 @@
+export declare const dashboardResponsiveStyles = "\n@media (max-width: 760px) {\n  .summary,\n  .toolbar {\n    grid-template-columns: 1fr;\n  }\n\n  .metric {\n    min-height: 82px;\n  }\n}\n";

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-responsive.js

@@ -0,0 +1,13 @@
+export const dashboardResponsiveStyles = `
+@media (max-width: 760px) {
+  .summary,
+  .toolbar {
+    grid-template-columns: 1fr;
+  }
+
+  .metric {
+    min-height: 82px;
+  }
+}
+`;
+//# sourceMappingURL=dashboard-responsive.js.map

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-responsive.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/data-driven/templates/styles/dashboard-responsive.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;;;;;;;;;;;CAWxC,CAAC"}

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-table.d.ts

@@ -0,0 +1 @@
+export declare const dashboardTableStyles = "\n.loading {\n  background: #ffffff;\n  border: 1px solid #dce4e8;\n  border-radius: 8px;\n  margin: 0;\n  padding: 28px;\n}\n\n.table-wrap {\n  background: #ffffff;\n  border: 1px solid #dce4e8;\n  border-radius: 8px;\n  overflow-x: auto;\n}\n\ntable {\n  border-collapse: collapse;\n  min-width: 760px;\n  width: 100%;\n}\n\ncaption {\n  color: #59686f;\n  font-weight: 700;\n  padding: 14px 16px 0;\n  text-align: left;\n}\n\nth,\ntd {\n  border-bottom: 1px solid #e8eef1;\n  padding: 14px 16px;\n  text-align: right;\n  white-space: nowrap;\n}\n\nth:first-child,\ntd:first-child {\n  text-align: left;\n}\n\nth {\n  color: #304049;\n  font-size: 0.82rem;\n}\n\nth button {\n  background: transparent;\n  color: inherit;\n  min-height: auto;\n  padding: 0;\n}\n\nth button:hover {\n  background: transparent;\n  color: #0b6b6f;\n}\n\ntbody tr:hover {\n  background: #f7fbfb;\n}\n";

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-table.js

@@ -0,0 +1,64 @@
+export const dashboardTableStyles = `
+.loading {
+  background: #ffffff;
+  border: 1px solid #dce4e8;
+  border-radius: 8px;
+  margin: 0;
+  padding: 28px;
+}
+
+.table-wrap {
+  background: #ffffff;
+  border: 1px solid #dce4e8;
+  border-radius: 8px;
+  overflow-x: auto;
+}
+
+table {
+  border-collapse: collapse;
+  min-width: 760px;
+  width: 100%;
+}
+
+caption {
+  color: #59686f;
+  font-weight: 700;
+  padding: 14px 16px 0;
+  text-align: left;
+}
+
+th,
+td {
+  border-bottom: 1px solid #e8eef1;
+  padding: 14px 16px;
+  text-align: right;
+  white-space: nowrap;
+}
+
+th:first-child,
+td:first-child {
+  text-align: left;
+}
+
+th {
+  color: #304049;
+  font-size: 0.82rem;
+}
+
+th button {
+  background: transparent;
+  color: inherit;
+  min-height: auto;
+  padding: 0;
+}
+
+th button:hover {
+  background: transparent;
+  color: #0b6b6f;
+}
+
+tbody tr:hover {
+  background: #f7fbfb;
+}
+`;
+//# sourceMappingURL=dashboard-table.js.map

package/dist/demo-project/definitions/data-driven/templates/styles/dashboard-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-table.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/data-driven/templates/styles/dashboard-table.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DnC,CAAC"}

package/dist/demo-project/definitions/data-driven/templates/test-analytics-data-test-ts.d.ts

@@ -0,0 +1 @@
+export declare const testAnalyticsDataTestContent = "import { describe, expect, it } from \"vitest\";\nimport {\n  analyticsRows,\n  dashboardSummary,\n  filterRows,\n  rowsToCsv,\n  sortRows,\n} from \"../src/analytics-data\";\n\ndescribe(\"analytics data helpers\", () => {\n  it(\"filters channels by search query\", () => {\n    expect(filterRows(analyticsRows, \"webinar\").map((row) => row.channel)).toEqual([\n      \"Partner Webinar\",\n    ]);\n  });\n\n  it(\"sorts rows by revenue descending without mutating the source\", () => {\n    const sorted = sortRows(analyticsRows, \"revenue\", \"desc\");\n    expect(sorted[0]?.channel).toBe(\"Organic Search\");\n    expect(analyticsRows[0]?.channel).toBe(\"Organic Search\");\n  });\n\n  it(\"summarizes visible rows\", () => {\n    expect(dashboardSummary(filterRows(analyticsRows, \"referral\"))).toMatchObject({\n      customers: 74,\n      revenue: 29600,\n    });\n  });\n\n  it(\"exports CSV with conversion values\", () => {\n    const csv = rowsToCsv(filterRows(analyticsRows, \"field\"));\n    expect(csv).toContain(\"Channel,Visitors,Trials,Customers,Revenue,Conversion\");\n    expect(csv).toContain(\"Field Event,1460,142,57,25180,0.0390\");\n  });\n});\n";

package/dist/demo-project/definitions/data-driven/templates/test-analytics-data-test-ts.js

@@ -0,0 +1,37 @@
+export const testAnalyticsDataTestContent = `import { describe, expect, it } from "vitest";
+import {
+  analyticsRows,
+  dashboardSummary,
+  filterRows,
+  rowsToCsv,
+  sortRows,
+} from "../src/analytics-data";
+
+describe("analytics data helpers", () => {
+  it("filters channels by search query", () => {
+    expect(filterRows(analyticsRows, "webinar").map((row) => row.channel)).toEqual([
+      "Partner Webinar",
+    ]);
+  });
+
+  it("sorts rows by revenue descending without mutating the source", () => {
+    const sorted = sortRows(analyticsRows, "revenue", "desc");
+    expect(sorted[0]?.channel).toBe("Organic Search");
+    expect(analyticsRows[0]?.channel).toBe("Organic Search");
+  });
+
+  it("summarizes visible rows", () => {
+    expect(dashboardSummary(filterRows(analyticsRows, "referral"))).toMatchObject({
+      customers: 74,
+      revenue: 29600,
+    });
+  });
+
+  it("exports CSV with conversion values", () => {
+    const csv = rowsToCsv(filterRows(analyticsRows, "field"));
+    expect(csv).toContain("Channel,Visitors,Trials,Customers,Revenue,Conversion");
+    expect(csv).toContain("Field Event,1460,142,57,25180,0.0390");
+  });
+});
+`;
+//# sourceMappingURL=test-analytics-data-test-ts.js.map

package/dist/demo-project/definitions/data-driven/templates/test-analytics-data-test-ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-analytics-data-test-ts.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/data-driven/templates/test-analytics-data-test-ts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC3C,CAAC"}

package/dist/demo-project/definitions/existing-project/index.d.ts

@@ -0,0 +1,2 @@
+import { type DemoProjectDefinition } from "../../scaffold.js";
+export declare const existingProjectDefinition: DemoProjectDefinition;

package/dist/demo-project/definitions/existing-project/index.js

@@ -0,0 +1,41 @@
+import { srcAppContent } from "./templates/src-app-tsx.js";
+import { srcPortalDataContent } from "./templates/src-portal-data-ts.js";
+import { srcMainContent } from "./templates/src-main-tsx.js";
+import { srcMetricContent } from "./templates/src-metric-tsx.js";
+import { srcProjectListPanelContent } from "./templates/src-project-list-panel-tsx.js";
+import { srcRiskReviewPanelContent } from "./templates/src-risk-review-panel-tsx.js";
+import { srcStylesContent } from "./templates/src-styles-css.js";
+import { testPortalDataTestContent } from "./templates/test-portal-data-test-ts.js";
+import { playwrightConfigContent } from "./templates/playwright-config-ts.js";
+import { e2eExistingProjectSpecContent } from "./templates/e2e-existing-project-spec-ts.js";
+export const existingProjectDefinition = {
+    appName: "verification-existing-project",
+    packageName: "@arcfoundry/verification-existing-project",
+    requestKind: "existing-project",
+    playwrightConfig: "apps/verification-existing-project/playwright.config.ts",
+    changedPaths: [
+        "package.json",
+        "src/app.tsx",
+        "src/main.tsx",
+        "src/metric.tsx",
+        "src/portal-data.ts",
+        "src/project-list-panel.tsx",
+        "src/risk-review-panel.tsx",
+        "src/styles.css",
+        "test/portal-data.test.ts",
+        "e2e/existing-project.spec.ts",
+    ],
+    files: [
+        { relativePath: "src/app.tsx", content: srcAppContent },
+        { relativePath: "src/main.tsx", content: srcMainContent },
+        { relativePath: "src/metric.tsx", content: srcMetricContent },
+        { relativePath: "src/portal-data.ts", content: srcPortalDataContent },
+        { relativePath: "src/project-list-panel.tsx", content: srcProjectListPanelContent },
+        { relativePath: "src/risk-review-panel.tsx", content: srcRiskReviewPanelContent },
+        { relativePath: "src/styles.css", content: srcStylesContent },
+        { relativePath: "test/portal-data.test.ts", content: testPortalDataTestContent },
+        { relativePath: "playwright.config.ts", content: playwrightConfigContent },
+        { relativePath: "e2e/existing-project.spec.ts", content: e2eExistingProjectSpecContent },
+    ],
+};
+//# sourceMappingURL=index.js.map

package/dist/demo-project/definitions/existing-project/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/demo-project/definitions/existing-project/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAG5F,MAAM,CAAC,MAAM,yBAAyB,GAA0B;IAC9D,OAAO,EAAE,+BAA+B;IACxC,WAAW,EAAE,2CAA2C;IACxD,WAAW,EAAE,kBAAkB;IAC/B,gBAAgB,EAAE,yDAAyD;IAC3E,YAAY,EAAE;QACZ,cAAc;QACd,aAAa;QACb,cAAc;QACd,gBAAgB;QAChB,oBAAoB;QACpB,4BAA4B;QAC5B,2BAA2B;QAC3B,gBAAgB;QAChB,0BAA0B;QAC1B,8BAA8B;KAC/B;IACD,KAAK,EAAE;QACL,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE;QACvD,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE;QACzD,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAC7D,EAAE,YAAY,EAAE,oBAAoB,EAAE,OAAO,EAAE,oBAAoB,EAAE;QACrE,EAAE,YAAY,EAAE,4BAA4B,EAAE,OAAO,EAAE,0BAA0B,EAAE;QACnF,EAAE,YAAY,EAAE,2BAA2B,EAAE,OAAO,EAAE,yBAAyB,EAAE;QACjF,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAC7D,EAAE,YAAY,EAAE,0BAA0B,EAAE,OAAO,EAAE,yBAAyB,EAAE;QAChF,EAAE,YAAY,EAAE,sBAAsB,EAAE,OAAO,EAAE,uBAAuB,EAAE;QAC1E,EAAE,YAAY,EAAE,8BAA8B,EAAE,OAAO,EAAE,6BAA6B,EAAE;KACzF;CACF,CAAC"}

package/dist/demo-project/definitions/existing-project/templates/e2e-existing-project-spec-ts.d.ts

@@ -0,0 +1 @@
+export declare const e2eExistingProjectSpecContent = "import { expect, test } from \"@playwright/test\";\nimport { mkdirSync } from \"node:fs\";\nimport path from \"node:path\";\n\ntest(\"existing portal keeps its contract while adding risk review\", async ({ page }, testInfo) => {\n  const consoleErrors: string[] = [];\n  page.on(\"console\", (message) => {\n    if (message.type() === \"error\") consoleErrors.push(message.text());\n  });\n\n  await page.goto(\"/\");\n  await expect(page.getByRole(\"heading\", { name: \"Client Delivery Portal\" })).toBeVisible();\n  await expect(page.getByRole(\"heading\", { name: \"Existing project list\" })).toBeVisible();\n  await expect(page.getByRole(\"heading\", { name: \"Delivery-risk review\" })).toBeVisible();\n  await expect(page.getByText(\"healthy\", { exact: true })).toBeVisible();\n  await expect(page.getByText(\"watch\", { exact: true })).toBeVisible();\n  await expect(page.getByText(\"blocked\", { exact: true })).toBeVisible();\n  await expect(page.getByRole(\"status\")).toContainText(\"1 project needs immediate review.\");\n\n  await page.getByLabel(\"Filter existing projects\").fill(\"data\");\n  await expect(\n    page.getByLabel(\"Existing project list\").getByText(\"Cobalt reporting rescue\", { exact: true }),\n  ).toBeVisible();\n  await expect(page.getByText(\"Beacon commerce migration\", { exact: true })).toHaveCount(0);\n  await expect(page.getByText(\"Blocked status requires delivery review.\")).toBeVisible();\n\n  await page.getByLabel(\"Filter existing projects\").fill(\"missing\");\n  await expect(page.getByText(\"No existing projects match this filter.\")).toBeVisible();\n  await expect(page.getByRole(\"status\")).toContainText(\"No high-risk delivery item\");\n\n  const screenshotDir = process.env.AGENCY_SCREENSHOT_DIR;\n  if (screenshotDir) {\n    mkdirSync(screenshotDir, { recursive: true });\n    await page.screenshot({\n      path: path.join(screenshotDir, \"existing-project-\" + testInfo.project.name + \".png\"),\n      fullPage: true,\n    });\n  }\n\n  expect(consoleErrors).toEqual([]);\n});\n";

package/dist/demo-project/definitions/existing-project/templates/e2e-existing-project-spec-ts.js

@@ -0,0 +1,43 @@
+export const e2eExistingProjectSpecContent = `import { expect, test } from "@playwright/test";
+import { mkdirSync } from "node:fs";
+import path from "node:path";
+
+test("existing portal keeps its contract while adding risk review", async ({ page }, testInfo) => {
+  const consoleErrors: string[] = [];
+  page.on("console", (message) => {
+    if (message.type() === "error") consoleErrors.push(message.text());
+  });
+
+  await page.goto("/");
+  await expect(page.getByRole("heading", { name: "Client Delivery Portal" })).toBeVisible();
+  await expect(page.getByRole("heading", { name: "Existing project list" })).toBeVisible();
+  await expect(page.getByRole("heading", { name: "Delivery-risk review" })).toBeVisible();
+  await expect(page.getByText("healthy", { exact: true })).toBeVisible();
+  await expect(page.getByText("watch", { exact: true })).toBeVisible();
+  await expect(page.getByText("blocked", { exact: true })).toBeVisible();
+  await expect(page.getByRole("status")).toContainText("1 project needs immediate review.");
+
+  await page.getByLabel("Filter existing projects").fill("data");
+  await expect(
+    page.getByLabel("Existing project list").getByText("Cobalt reporting rescue", { exact: true }),
+  ).toBeVisible();
+  await expect(page.getByText("Beacon commerce migration", { exact: true })).toHaveCount(0);
+  await expect(page.getByText("Blocked status requires delivery review.")).toBeVisible();
+
+  await page.getByLabel("Filter existing projects").fill("missing");
+  await expect(page.getByText("No existing projects match this filter.")).toBeVisible();
+  await expect(page.getByRole("status")).toContainText("No high-risk delivery item");
+
+  const screenshotDir = process.env.AGENCY_SCREENSHOT_DIR;
+  if (screenshotDir) {
+    mkdirSync(screenshotDir, { recursive: true });
+    await page.screenshot({
+      path: path.join(screenshotDir, "existing-project-" + testInfo.project.name + ".png"),
+      fullPage: true,
+    });
+  }
+
+  expect(consoleErrors).toEqual([]);
+});
+`;
+//# sourceMappingURL=e2e-existing-project-spec-ts.js.map

package/dist/demo-project/definitions/existing-project/templates/e2e-existing-project-spec-ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e2e-existing-project-spec-ts.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/existing-project/templates/e2e-existing-project-spec-ts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,6BAA6B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC5C,CAAC"}

package/dist/demo-project/definitions/existing-project/templates/main-template/app.d.ts

@@ -0,0 +1 @@
+export declare const appSection = "function App() {\n  const [query, setQuery] = useState(\"\");\n  const visibleProjects = useMemo(() => filterProjects(clientProjects, query), [query]);\n  const summary = useMemo(() => statusSummary(visibleProjects), [visibleProjects]);\n  const highRiskProjects = visibleProjects.filter((project) => riskLevel(project) === \"high\");\n\n  return (\n    <main className=\"page\">\n      <section className=\"portal\" aria-labelledby=\"portal-title\">\n        <div className=\"portal__header\">\n          <p className=\"eyebrow\">Existing project modification</p>\n          <h1 id=\"portal-title\">{existingPortalName}</h1>\n          <p>\n            Existing project tracking is preserved, with a new delivery-risk review layered over\n            the current records.\n          </p>\n        </div>\n\n        <div className=\"summary\" aria-label=\"Status summary\">\n          <Metric label=\"Healthy\" value={summary.healthy} />\n          <Metric label=\"Watch\" value={summary.watch} />\n          <Metric label=\"Blocked\" value={summary.blocked} tone=\"blocked\" />\n        </div>\n\n        <div className=\"toolbar\">\n          <label htmlFor=\"project-filter\">Filter existing projects</label>\n          <input\n            id=\"project-filter\"\n            name=\"project-filter\"\n            placeholder=\"Search by project, owner, or status\"\n            value={query}\n            onChange={(event) => setQuery(event.target.value)}\n          />\n        </div>\n\n        <div className=\"content\">\n          <section className=\"panel\" aria-labelledby=\"projects-title\">\n            <h2 id=\"projects-title\">Existing project list</h2>\n            {visibleProjects.length > 0 ? (\n              <ul className=\"project-list\">\n                {visibleProjects.map((project) => (\n                  <li key={project.id}>\n                    <div>\n                      <strong>{project.name}</strong>\n                      <span>{project.owner}</span>\n                    </div>\n                    <span className={\"status status--\" + project.status}>{project.status}</span>\n                  </li>\n                ))}\n              </ul>\n            ) : (\n              <p className=\"empty\">No existing projects match this filter.</p>\n            )}\n          </section>\n\n          <section className=\"panel panel--risk\" aria-labelledby=\"risk-title\">\n            <h2 id=\"risk-title\">Delivery-risk review</h2>\n            {visibleProjects.map((project) => (\n              <article className=\"risk-item\" key={project.id}>\n                <div>\n                  <strong>{project.name}</strong>\n                  <span>{riskReason(project)}</span>\n                </div>\n                <b>{riskScore(project)}</b>\n              </article>\n            ))}\n            {highRiskProjects.length > 0 ? (\n              <p className=\"risk-alert\" role=\"status\">\n                {highRiskProjects.length} project needs immediate review.\n              </p>\n            ) : (\n              <p className=\"risk-ok\" role=\"status\">\n                No high-risk delivery item in the current view.\n              </p>\n            )}\n          </section>\n        </div>\n      </section>\n    </main>\n  );\n}";

package/dist/demo-project/definitions/existing-project/templates/main-template/app.js

@@ -0,0 +1,23 @@
+import { portalContentSection } from "./portal-content.js";
+import { portalHeaderSection } from "./portal-header.js";
+import { portalStateSection } from "./portal-state.js";
+import { portalSummarySection } from "./portal-summary.js";
+import { portalToolbarSection } from "./portal-toolbar.js";
+export const appSection = `function App() {
+${portalStateSection}
+
+  return (
+    <main className="page">
+      <section className="portal" aria-labelledby="portal-title">
+${portalHeaderSection}
+
+${portalSummarySection}
+
+${portalToolbarSection}
+
+${portalContentSection}
+      </section>
+    </main>
+  );
+}`;
+//# sourceMappingURL=app.js.map

package/dist/demo-project/definitions/existing-project/templates/main-template/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/existing-project/templates/main-template/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,CAAC,MAAM,UAAU,GAAG;EACxB,kBAAkB;;;;;EAKlB,mBAAmB;;EAEnB,oBAAoB;;EAEpB,oBAAoB;;EAEpB,oBAAoB;;;;EAIpB,CAAC"}

package/dist/demo-project/definitions/existing-project/templates/main-template/imports.d.ts

@@ -0,0 +1 @@
+export declare const importsSection = "import React, { useMemo, useState } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport {\n  clientProjects,\n  existingPortalName,\n  filterProjects,\n  riskLevel,\n  riskReason,\n  riskScore,\n  statusSummary,\n} from \"./portal-data\";\nimport \"./styles.css\";";

package/dist/demo-project/definitions/existing-project/templates/main-template/imports.js

@@ -0,0 +1,13 @@
+export const importsSection = `import React, { useMemo, useState } from "react";
+import { createRoot } from "react-dom/client";
+import {
+  clientProjects,
+  existingPortalName,
+  filterProjects,
+  riskLevel,
+  riskReason,
+  riskScore,
+  statusSummary,
+} from "./portal-data";
+import "./styles.css";`;
+//# sourceMappingURL=imports.js.map

package/dist/demo-project/definitions/existing-project/templates/main-template/imports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imports.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/existing-project/templates/main-template/imports.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;uBAWP,CAAC"}

package/dist/demo-project/definitions/existing-project/templates/main-template/metric.d.ts

@@ -0,0 +1 @@
+export declare const metricSection = "function Metric({ label, value, tone }: { label: string; value: number; tone?: \"blocked\" }) {\n  return (\n    <div className={\"metric \" + (tone === \"blocked\" ? \"metric--blocked\" : \"\")}>\n      <span>{label}</span>\n      <strong>{value}</strong>\n    </div>\n  );\n}";

package/dist/demo-project/definitions/existing-project/templates/main-template/metric.js

@@ -0,0 +1,9 @@
+export const metricSection = `function Metric({ label, value, tone }: { label: string; value: number; tone?: "blocked" }) {
+  return (
+    <div className={"metric " + (tone === "blocked" ? "metric--blocked" : "")}>
+      <span>{label}</span>
+      <strong>{value}</strong>
+    </div>
+  );
+}`;
+//# sourceMappingURL=metric.js.map

package/dist/demo-project/definitions/existing-project/templates/main-template/metric.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/existing-project/templates/main-template/metric.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;EAO3B,CAAC"}

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-content.d.ts

@@ -0,0 +1 @@
+export declare const portalContentSection = "        <div className=\"content\">\n          <section className=\"panel\" aria-labelledby=\"projects-title\">\n            <h2 id=\"projects-title\">Existing project list</h2>\n            {visibleProjects.length > 0 ? (\n              <ul className=\"project-list\">\n                {visibleProjects.map((project) => (\n                  <li key={project.id}>\n                    <div>\n                      <strong>{project.name}</strong>\n                      <span>{project.owner}</span>\n                    </div>\n                    <span className={\"status status--\" + project.status}>{project.status}</span>\n                  </li>\n                ))}\n              </ul>\n            ) : (\n              <p className=\"empty\">No existing projects match this filter.</p>\n            )}\n          </section>\n\n          <section className=\"panel panel--risk\" aria-labelledby=\"risk-title\">\n            <h2 id=\"risk-title\">Delivery-risk review</h2>\n            {visibleProjects.map((project) => (\n              <article className=\"risk-item\" key={project.id}>\n                <div>\n                  <strong>{project.name}</strong>\n                  <span>{riskReason(project)}</span>\n                </div>\n                <b>{riskScore(project)}</b>\n              </article>\n            ))}\n            {highRiskProjects.length > 0 ? (\n              <p className=\"risk-alert\" role=\"status\">\n                {highRiskProjects.length} project needs immediate review.\n              </p>\n            ) : (\n              <p className=\"risk-ok\" role=\"status\">\n                No high-risk delivery item in the current view.\n              </p>\n            )}\n          </section>\n        </div>";

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-content.js

@@ -0,0 +1,43 @@
+export const portalContentSection = `        <div className="content">
+          <section className="panel" aria-labelledby="projects-title">
+            <h2 id="projects-title">Existing project list</h2>
+            {visibleProjects.length > 0 ? (
+              <ul className="project-list">
+                {visibleProjects.map((project) => (
+                  <li key={project.id}>
+                    <div>
+                      <strong>{project.name}</strong>
+                      <span>{project.owner}</span>
+                    </div>
+                    <span className={"status status--" + project.status}>{project.status}</span>
+                  </li>
+                ))}
+              </ul>
+            ) : (
+              <p className="empty">No existing projects match this filter.</p>
+            )}
+          </section>
+
+          <section className="panel panel--risk" aria-labelledby="risk-title">
+            <h2 id="risk-title">Delivery-risk review</h2>
+            {visibleProjects.map((project) => (
+              <article className="risk-item" key={project.id}>
+                <div>
+                  <strong>{project.name}</strong>
+                  <span>{riskReason(project)}</span>
+                </div>
+                <b>{riskScore(project)}</b>
+              </article>
+            ))}
+            {highRiskProjects.length > 0 ? (
+              <p className="risk-alert" role="status">
+                {highRiskProjects.length} project needs immediate review.
+              </p>
+            ) : (
+              <p className="risk-ok" role="status">
+                No high-risk delivery item in the current view.
+              </p>
+            )}
+          </section>
+        </div>`;
+//# sourceMappingURL=portal-content.js.map

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-content.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/existing-project/templates/main-template/portal-content.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAyCrB,CAAC"}

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-header.d.ts

@@ -0,0 +1 @@
+export declare const portalHeaderSection = "        <div className=\"portal__header\">\n          <p className=\"eyebrow\">Existing project modification</p>\n          <h1 id=\"portal-title\">{existingPortalName}</h1>\n          <p>\n            Existing project tracking is preserved, with a new delivery-risk review layered over\n            the current records.\n          </p>\n        </div>";

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-header.js

@@ -0,0 +1,9 @@
+export const portalHeaderSection = `        <div className="portal__header">
+          <p className="eyebrow">Existing project modification</p>
+          <h1 id="portal-title">{existingPortalName}</h1>
+          <p>
+            Existing project tracking is preserved, with a new delivery-risk review layered over
+            the current records.
+          </p>
+        </div>`;
+//# sourceMappingURL=portal-header.js.map

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-header.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/existing-project/templates/main-template/portal-header.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;eAOpB,CAAC"}

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-state.d.ts

@@ -0,0 +1 @@
+export declare const portalStateSection = "  const [query, setQuery] = useState(\"\");\n  const visibleProjects = useMemo(() => filterProjects(clientProjects, query), [query]);\n  const summary = useMemo(() => statusSummary(visibleProjects), [visibleProjects]);\n  const highRiskProjects = visibleProjects.filter((project) => riskLevel(project) === \"high\");";

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-state.js

@@ -0,0 +1,5 @@
+export const portalStateSection = `  const [query, setQuery] = useState("");
+  const visibleProjects = useMemo(() => filterProjects(clientProjects, query), [query]);
+  const summary = useMemo(() => statusSummary(visibleProjects), [visibleProjects]);
+  const highRiskProjects = visibleProjects.filter((project) => riskLevel(project) === "high");`;
+//# sourceMappingURL=portal-state.js.map

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-state.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/existing-project/templates/main-template/portal-state.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;;;+FAG6D,CAAC"}

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-summary.d.ts

@@ -0,0 +1 @@
+export declare const portalSummarySection = "        <div className=\"summary\" aria-label=\"Status summary\">\n          <Metric label=\"Healthy\" value={summary.healthy} />\n          <Metric label=\"Watch\" value={summary.watch} />\n          <Metric label=\"Blocked\" value={summary.blocked} tone=\"blocked\" />\n        </div>";

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-summary.js

@@ -0,0 +1,6 @@
+export const portalSummarySection = `        <div className="summary" aria-label="Status summary">
+          <Metric label="Healthy" value={summary.healthy} />
+          <Metric label="Watch" value={summary.watch} />
+          <Metric label="Blocked" value={summary.blocked} tone="blocked" />
+        </div>`;
+//# sourceMappingURL=portal-summary.js.map

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-summary.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/existing-project/templates/main-template/portal-summary.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;eAIrB,CAAC"}

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-toolbar.d.ts

@@ -0,0 +1 @@
+export declare const portalToolbarSection = "        <div className=\"toolbar\">\n          <label htmlFor=\"project-filter\">Filter existing projects</label>\n          <input\n            id=\"project-filter\"\n            name=\"project-filter\"\n            placeholder=\"Search by project, owner, or status\"\n            value={query}\n            onChange={(event) => setQuery(event.target.value)}\n          />\n        </div>";

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-toolbar.js

@@ -0,0 +1,11 @@
+export const portalToolbarSection = `        <div className="toolbar">
+          <label htmlFor="project-filter">Filter existing projects</label>
+          <input
+            id="project-filter"
+            name="project-filter"
+            placeholder="Search by project, owner, or status"
+            value={query}
+            onChange={(event) => setQuery(event.target.value)}
+          />
+        </div>`;
+//# sourceMappingURL=portal-toolbar.js.map

package/dist/demo-project/definitions/existing-project/templates/main-template/portal-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-toolbar.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/existing-project/templates/main-template/portal-toolbar.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;eASrB,CAAC"}

package/dist/demo-project/definitions/existing-project/templates/playwright-config-ts.d.ts

@@ -0,0 +1 @@
+export declare const playwrightConfigContent = "import { defineConfig, devices } from \"@playwright/test\";\n\nexport default defineConfig({\n  testDir: \"./e2e\",\n  use: {\n    baseURL: \"http://127.0.0.1:4177\",\n    trace: \"retain-on-failure\",\n  },\n  webServer: {\n    command:\n      \"pnpm --filter @arcfoundry/verification-existing-project build && pnpm --filter @arcfoundry/verification-existing-project exec vite preview --host 127.0.0.1 --port 4177\",\n    url: \"http://127.0.0.1:4177\",\n    reuseExistingServer: !process.env.CI,\n    timeout: 120000,\n  },\n  projects: [\n    { name: \"chromium\", use: { ...devices[\"Desktop Chrome\"] } },\n    { name: \"mobile\", use: { ...devices[\"Pixel 5\"] } },\n  ],\n});\n";

package/dist/demo-project/definitions/existing-project/templates/playwright-config-ts.js

@@ -0,0 +1,22 @@
+export const playwrightConfigContent = `import { defineConfig, devices } from "@playwright/test";
+
+export default defineConfig({
+  testDir: "./e2e",
+  use: {
+    baseURL: "http://127.0.0.1:4177",
+    trace: "retain-on-failure",
+  },
+  webServer: {
+    command:
+      "pnpm --filter @arcfoundry/verification-existing-project build && pnpm --filter @arcfoundry/verification-existing-project exec vite preview --host 127.0.0.1 --port 4177",
+    url: "http://127.0.0.1:4177",
+    reuseExistingServer: !process.env.CI,
+    timeout: 120000,
+  },
+  projects: [
+    { name: "chromium", use: { ...devices["Desktop Chrome"] } },
+    { name: "mobile", use: { ...devices["Pixel 5"] } },
+  ],
+});
+`;
+//# sourceMappingURL=playwright-config-ts.js.map