@arcfoundry/core 0.1.2

package/dist/demo-project/definitions/interactive-ui/index.js

@@ -0,0 +1,47 @@
+import { srcContactFormContent } from "./templates/src-contact-form-ts.js";
+import { srcContactFieldContent } from "./templates/src-contact-field-tsx.js";
+import { srcContactMessageFieldContent } from "./templates/src-contact-message-field-tsx.js";
+import { srcContactRequestFormContent } from "./templates/src-contact-request-form-tsx.js";
+import { srcAppContent } from "./templates/src-app-tsx.js";
+import { srcFieldErrorContent } from "./templates/src-field-error-tsx.js";
+import { srcFormStateContent } from "./templates/src-form-state-ts.js";
+import { srcMainContent } from "./templates/src-main-tsx.js";
+import { srcStylesContent } from "./templates/src-styles-css.js";
+import { testContactFormTestContent } from "./templates/test-contact-form-test-ts.js";
+import { playwrightConfigContent } from "./templates/playwright-config-ts.js";
+import { e2eContactFormSpecContent } from "./templates/e2e-contact-form-spec-ts.js";
+export const interactiveUiProjectDefinition = {
+    appName: "verification-interactive-ui",
+    packageName: "@arcfoundry/verification-interactive-ui",
+    requestKind: "interactive-ui",
+    playwrightConfig: "apps/verification-interactive-ui/playwright.config.ts",
+    changedPaths: [
+        "package.json",
+        "src/app.tsx",
+        "src/main.tsx",
+        "src/contact-form.ts",
+        "src/contact-field.tsx",
+        "src/contact-message-field.tsx",
+        "src/contact-request-form.tsx",
+        "src/field-error.tsx",
+        "src/form-state.ts",
+        "src/styles.css",
+        "test/contact-form.test.ts",
+        "e2e/contact-form.spec.ts",
+    ],
+    files: [
+        { relativePath: "src/app.tsx", content: srcAppContent },
+        { relativePath: "src/contact-field.tsx", content: srcContactFieldContent },
+        { relativePath: "src/contact-form.ts", content: srcContactFormContent },
+        { relativePath: "src/contact-message-field.tsx", content: srcContactMessageFieldContent },
+        { relativePath: "src/contact-request-form.tsx", content: srcContactRequestFormContent },
+        { relativePath: "src/field-error.tsx", content: srcFieldErrorContent },
+        { relativePath: "src/form-state.ts", content: srcFormStateContent },
+        { relativePath: "src/main.tsx", content: srcMainContent },
+        { relativePath: "src/styles.css", content: srcStylesContent },
+        { relativePath: "test/contact-form.test.ts", content: testContactFormTestContent },
+        { relativePath: "playwright.config.ts", content: playwrightConfigContent },
+        { relativePath: "e2e/contact-form.spec.ts", content: e2eContactFormSpecContent },
+    ],
+};
+//# sourceMappingURL=index.js.map

package/dist/demo-project/definitions/interactive-ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/demo-project/definitions/interactive-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,6BAA6B,EAAE,MAAM,8CAA8C,CAAC;AAC7F,OAAO,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAGpF,MAAM,CAAC,MAAM,8BAA8B,GAA0B;IACnE,OAAO,EAAE,6BAA6B;IACtC,WAAW,EAAE,yCAAyC;IACtD,WAAW,EAAE,gBAAgB;IAC7B,gBAAgB,EAAE,uDAAuD;IACzE,YAAY,EAAE;QACZ,cAAc;QACd,aAAa;QACb,cAAc;QACd,qBAAqB;QACrB,uBAAuB;QACvB,+BAA+B;QAC/B,8BAA8B;QAC9B,qBAAqB;QACrB,mBAAmB;QACnB,gBAAgB;QAChB,2BAA2B;QAC3B,0BAA0B;KAC3B;IACD,KAAK,EAAE;QACL,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE;QACvD,EAAE,YAAY,EAAE,uBAAuB,EAAE,OAAO,EAAE,sBAAsB,EAAE;QAC1E,EAAE,YAAY,EAAE,qBAAqB,EAAE,OAAO,EAAE,qBAAqB,EAAE;QACvE,EAAE,YAAY,EAAE,+BAA+B,EAAE,OAAO,EAAE,6BAA6B,EAAE;QACzF,EAAE,YAAY,EAAE,8BAA8B,EAAE,OAAO,EAAE,4BAA4B,EAAE;QACvF,EAAE,YAAY,EAAE,qBAAqB,EAAE,OAAO,EAAE,oBAAoB,EAAE;QACtE,EAAE,YAAY,EAAE,mBAAmB,EAAE,OAAO,EAAE,mBAAmB,EAAE;QACnE,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE;QACzD,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAC7D,EAAE,YAAY,EAAE,2BAA2B,EAAE,OAAO,EAAE,0BAA0B,EAAE;QAClF,EAAE,YAAY,EAAE,sBAAsB,EAAE,OAAO,EAAE,uBAAuB,EAAE;QAC1E,EAAE,YAAY,EAAE,0BAA0B,EAAE,OAAO,EAAE,yBAAyB,EAAE;KACjF;CACF,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/handlers.d.ts

@@ -0,0 +1 @@
+export declare const contactRequestFormHandlers = "  function updateField(field: keyof ContactFormValues, value: string) {\n    onValuesChange({ ...values, [field]: value });\n    onSuccess(false);\n    if (!errors[field]) return;\n\n    const next = { ...errors };\n    delete next[field];\n    onErrorsChange(next);\n  }\n\n  async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {\n    event.preventDefault();\n    const nextErrors = validateContactForm(values);\n    onErrorsChange(nextErrors);\n    if (hasContactFormErrors(nextErrors)) return;\n\n    onSendingChange(true);\n    await new Promise((resolve) => setTimeout(resolve, 350));\n    onSendingChange(false);\n    onSuccess(true);\n    onValuesChange(initialValues);\n  }";

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/handlers.js

@@ -0,0 +1,23 @@
+export const contactRequestFormHandlers = `  function updateField(field: keyof ContactFormValues, value: string) {
+    onValuesChange({ ...values, [field]: value });
+    onSuccess(false);
+    if (!errors[field]) return;
+
+    const next = { ...errors };
+    delete next[field];
+    onErrorsChange(next);
+  }
+
+  async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
+    event.preventDefault();
+    const nextErrors = validateContactForm(values);
+    onErrorsChange(nextErrors);
+    if (hasContactFormErrors(nextErrors)) return;
+
+    onSendingChange(true);
+    await new Promise((resolve) => setTimeout(resolve, 350));
+    onSendingChange(false);
+    onSuccess(true);
+    onValuesChange(initialValues);
+  }`;
+//# sourceMappingURL=handlers.js.map

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/contact-request-form-template/handlers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;;;;;;;;;;;;;;;;;;;;;IAqBtC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/imports.d.ts

@@ -0,0 +1 @@
+export declare const contactRequestFormImports = "import type React from \"react\";\nimport {\n  type ContactFormErrors,\n  type ContactFormValues,\n  hasContactFormErrors,\n  validateContactForm,\n} from \"./contact-form\";\nimport { ContactField } from \"./contact-field\";\nimport { ContactMessageField } from \"./contact-message-field\";\nimport { initialValues } from \"./form-state\";";

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/imports.js

@@ -0,0 +1,11 @@
+export const contactRequestFormImports = `import type React from "react";
+import {
+  type ContactFormErrors,
+  type ContactFormValues,
+  hasContactFormErrors,
+  validateContactForm,
+} from "./contact-form";
+import { ContactField } from "./contact-field";
+import { ContactMessageField } from "./contact-message-field";
+import { initialValues } from "./form-state";`;
+//# sourceMappingURL=imports.js.map

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/imports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imports.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/contact-request-form-template/imports.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;;;;;;;;;8CASK,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/render.d.ts

@@ -0,0 +1 @@
+export declare const contactRequestFormRender = "  return (\n    <form className=\"form\" noValidate onSubmit={handleSubmit}>\n      <ContactField\n        autoComplete=\"name\"\n        error={errors.name}\n        field=\"name\"\n        label=\"Name\"\n        onChange={updateField}\n        value={values.name}\n      />\n      <ContactField\n        autoComplete=\"email\"\n        error={errors.email}\n        field=\"email\"\n        label=\"Email\"\n        onChange={updateField}\n        type=\"email\"\n        value={values.email}\n      />\n      <ContactMessageField error={errors.message} onChange={updateField} value={values.message} />\n      <button type=\"submit\" disabled={isSending}>\n        {isSending ? \"Sending...\" : \"Send request\"}\n      </button>\n      {success ? (\n        <p className=\"success\" role=\"status\">\n          Request received. We will reply with a scoped delivery plan.\n        </p>\n      ) : null}\n    </form>\n  );\n}";

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/render.js

@@ -0,0 +1,32 @@
+export const contactRequestFormRender = `  return (
+    <form className="form" noValidate onSubmit={handleSubmit}>
+      <ContactField
+        autoComplete="name"
+        error={errors.name}
+        field="name"
+        label="Name"
+        onChange={updateField}
+        value={values.name}
+      />
+      <ContactField
+        autoComplete="email"
+        error={errors.email}
+        field="email"
+        label="Email"
+        onChange={updateField}
+        type="email"
+        value={values.email}
+      />
+      <ContactMessageField error={errors.message} onChange={updateField} value={values.message} />
+      <button type="submit" disabled={isSending}>
+        {isSending ? "Sending..." : "Send request"}
+      </button>
+      {success ? (
+        <p className="success" role="status">
+          Request received. We will reply with a scoped delivery plan.
+        </p>
+      ) : null}
+    </form>
+  );
+}`;
+//# sourceMappingURL=render.js.map

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/contact-request-form-template/render.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BtC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/signature.d.ts

@@ -0,0 +1 @@
+export declare const contactRequestFormSignature = "export function ContactRequestForm({\n  errors,\n  isSending,\n  onErrorsChange,\n  onSendingChange,\n  onSuccess,\n  onValuesChange,\n  success,\n  values,\n}: {\n  errors: ContactFormErrors;\n  isSending: boolean;\n  onErrorsChange: (errors: ContactFormErrors) => void;\n  onSendingChange: (isSending: boolean) => void;\n  onSuccess: (success: boolean) => void;\n  onValuesChange: (values: ContactFormValues) => void;\n  success: boolean;\n  values: ContactFormValues;\n}) {";

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/signature.js

@@ -0,0 +1,20 @@
+export const contactRequestFormSignature = `export function ContactRequestForm({
+  errors,
+  isSending,
+  onErrorsChange,
+  onSendingChange,
+  onSuccess,
+  onValuesChange,
+  success,
+  values,
+}: {
+  errors: ContactFormErrors;
+  isSending: boolean;
+  onErrorsChange: (errors: ContactFormErrors) => void;
+  onSendingChange: (isSending: boolean) => void;
+  onSuccess: (success: boolean) => void;
+  onValuesChange: (values: ContactFormValues) => void;
+  success: boolean;
+  values: ContactFormValues;
+}) {`;
+//# sourceMappingURL=signature.js.map

package/dist/demo-project/definitions/interactive-ui/templates/contact-request-form-template/signature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/contact-request-form-template/signature.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;;;;;;;;;;;;;;;;;;KAkBtC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/e2e-contact-form-spec-ts.d.ts

@@ -0,0 +1 @@
+export declare const e2eContactFormSpecContent = "import { expect, test } from \"@playwright/test\";\nimport { mkdirSync } from \"node:fs\";\nimport path from \"node:path\";\n\ntest(\"contact form validates errors and shows success state\", 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: \"Start a project conversation\" })).toBeVisible();\n\n  await page.getByRole(\"button\", { name: \"Send request\" }).click();\n  await expect(page.getByText(\"Enter your name.\")).toBeVisible();\n  await expect(page.getByText(\"Enter a valid email address.\")).toBeVisible();\n  await expect(page.getByText(\"Tell us a little more.\")).toBeVisible();\n\n  await page.getByLabel(\"Name\").fill(\"Ada\");\n  await page.getByLabel(\"Email\").fill(\"ada@example.com\");\n  await page.getByLabel(\"Project details\").fill(\"We need a validated launch page this month.\");\n\n  await page.getByRole(\"button\", { name: \"Send request\" }).click();\n  await expect(page.getByRole(\"button\", { name: \"Sending...\" })).toBeDisabled();\n  await expect(page.getByRole(\"status\")).toContainText(\"Request received.\");\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, `contact-${testInfo.project.name}.png`),\n      fullPage: true,\n    });\n  }\n\n  expect(consoleErrors).toEqual([]);\n});\n";

package/dist/demo-project/definitions/interactive-ui/templates/e2e-contact-form-spec-ts.js

@@ -0,0 +1,39 @@
+export const e2eContactFormSpecContent = `import { expect, test } from "@playwright/test";
+import { mkdirSync } from "node:fs";
+import path from "node:path";
+
+test("contact form validates errors and shows success state", 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: "Start a project conversation" })).toBeVisible();
+
+  await page.getByRole("button", { name: "Send request" }).click();
+  await expect(page.getByText("Enter your name.")).toBeVisible();
+  await expect(page.getByText("Enter a valid email address.")).toBeVisible();
+  await expect(page.getByText("Tell us a little more.")).toBeVisible();
+
+  await page.getByLabel("Name").fill("Ada");
+  await page.getByLabel("Email").fill("ada@example.com");
+  await page.getByLabel("Project details").fill("We need a validated launch page this month.");
+
+  await page.getByRole("button", { name: "Send request" }).click();
+  await expect(page.getByRole("button", { name: "Sending..." })).toBeDisabled();
+  await expect(page.getByRole("status")).toContainText("Request received.");
+
+  const screenshotDir = process.env.AGENCY_SCREENSHOT_DIR;
+  if (screenshotDir) {
+    mkdirSync(screenshotDir, { recursive: true });
+    await page.screenshot({
+      path: path.join(screenshotDir, \`contact-\${testInfo.project.name}.png\`),
+      fullPage: true,
+    });
+  }
+
+  expect(consoleErrors).toEqual([]);
+});
+`;
+//# sourceMappingURL=e2e-contact-form-spec-ts.js.map

package/dist/demo-project/definitions/interactive-ui/templates/e2e-contact-form-spec-ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e2e-contact-form-spec-ts.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/e2e-contact-form-spec-ts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCxC,CAAC"}

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

@@ -0,0 +1 @@
+export declare const appSection = "function App() {\n  const [values, setValues] = useState<ContactFormValues>(initialValues);\n  const [errors, setErrors] = useState<ContactFormErrors>({});\n  const [isSending, setIsSending] = useState(false);\n  const [success, setSuccess] = useState(false);\n\n  function updateField(field: keyof ContactFormValues, value: string) {\n    setValues((current) => ({ ...current, [field]: value }));\n    setSuccess(false);\n    setErrors((current) => {\n      if (!current[field]) return current;\n      const next = { ...current };\n      delete next[field];\n      return next;\n    });\n  }\n\n  async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {\n    event.preventDefault();\n    const nextErrors = validateContactForm(values);\n    setErrors(nextErrors);\n    if (hasContactFormErrors(nextErrors)) return;\n\n    setIsSending(true);\n    await new Promise((resolve) => setTimeout(resolve, 350));\n    setIsSending(false);\n    setSuccess(true);\n    setValues(initialValues);\n  }\n\n  return (\n    <main className=\"page\">\n      <section className=\"contact\" aria-labelledby=\"contact-title\">\n        <div className=\"contact__intro\">\n          <p className=\"eyebrow\">Interactive verification</p>\n          <h1 id=\"contact-title\">Start a project conversation</h1>\n          <p>\n            Send a focused request and the agency system will turn it into validated delivery\n            evidence.\n          </p>\n        </div>\n\n        <form className=\"form\" noValidate onSubmit={handleSubmit}>\n          <FieldError id=\"name-error\" message={errors.name} />\n          <label htmlFor=\"name\">Name</label>\n          <input\n            id=\"name\"\n            name=\"name\"\n            autoComplete=\"name\"\n            value={values.name}\n            aria-invalid={Boolean(errors.name)}\n            aria-describedby={errors.name ? \"name-error\" : undefined}\n            onChange={(event) => updateField(\"name\", event.target.value)}\n          />\n\n          <FieldError id=\"email-error\" message={errors.email} />\n          <label htmlFor=\"email\">Email</label>\n          <input\n            id=\"email\"\n            name=\"email\"\n            type=\"email\"\n            autoComplete=\"email\"\n            value={values.email}\n            aria-invalid={Boolean(errors.email)}\n            aria-describedby={errors.email ? \"email-error\" : undefined}\n            onChange={(event) => updateField(\"email\", event.target.value)}\n          />\n\n          <FieldError id=\"message-error\" message={errors.message} />\n          <label htmlFor=\"message\">Project details</label>\n          <textarea\n            id=\"message\"\n            name=\"message\"\n            rows={5}\n            value={values.message}\n            aria-invalid={Boolean(errors.message)}\n            aria-describedby={errors.message ? \"message-error\" : undefined}\n            onChange={(event) => updateField(\"message\", event.target.value)}\n          />\n\n          <button type=\"submit\" disabled={isSending}>\n            {isSending ? \"Sending...\" : \"Send request\"}\n          </button>\n\n          {success ? (\n            <p className=\"success\" role=\"status\">\n              Request received. We will reply with a scoped delivery plan.\n            </p>\n          ) : null}\n        </form>\n      </section>\n    </main>\n  );\n}";

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

@@ -0,0 +1,35 @@
+import { formFieldsSection } from "./form-fields.js";
+import { formIntroSection } from "./form-intro.js";
+import { formStateSection } from "./form-state.js";
+import { formSubmitSection } from "./form-submit.js";
+import { formUpdateFieldSection } from "./form-update-field.js";
+export const appSection = `function App() {
+${formStateSection}
+
+${formUpdateFieldSection}
+
+${formSubmitSection}
+
+  return (
+    <main className="page">
+      <section className="contact" aria-labelledby="contact-title">
+${formIntroSection}
+
+        <form className="form" noValidate onSubmit={handleSubmit}>
+${formFieldsSection}
+
+          <button type="submit" disabled={isSending}>
+            {isSending ? "Sending..." : "Send request"}
+          </button>
+
+          {success ? (
+            <p className="success" role="status">
+              Request received. We will reply with a scoped delivery plan.
+            </p>
+          ) : null}
+        </form>
+      </section>
+    </main>
+  );
+}`;
+//# sourceMappingURL=app.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/main-template/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,CAAC,MAAM,UAAU,GAAG;EACxB,gBAAgB;;EAEhB,sBAAsB;;EAEtB,iBAAiB;;;;;EAKjB,gBAAgB;;;EAGhB,iBAAiB;;;;;;;;;;;;;;;EAejB,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/main-template/field-error.d.ts

@@ -0,0 +1 @@
+export declare const fieldErrorSection = "function FieldError({ id, message }: { id: string; message?: string }) {\n  if (!message) return null;\n  return (\n    <p className=\"field-error\" id={id}>\n      {message}\n    </p>\n  );\n}";

package/dist/demo-project/definitions/interactive-ui/templates/main-template/field-error.js

@@ -0,0 +1,9 @@
+export const fieldErrorSection = `function FieldError({ id, message }: { id: string; message?: string }) {
+  if (!message) return null;
+  return (
+    <p className="field-error" id={id}>
+      {message}
+    </p>
+  );
+}`;
+//# sourceMappingURL=field-error.js.map

package/dist/demo-project/definitions/interactive-ui/templates/main-template/field-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-error.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/main-template/field-error.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;EAO/B,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-fields.d.ts

@@ -0,0 +1 @@
+export declare const formFieldsSection = "          <FieldError id=\"name-error\" message={errors.name} />\n          <label htmlFor=\"name\">Name</label>\n          <input\n            id=\"name\"\n            name=\"name\"\n            autoComplete=\"name\"\n            value={values.name}\n            aria-invalid={Boolean(errors.name)}\n            aria-describedby={errors.name ? \"name-error\" : undefined}\n            onChange={(event) => updateField(\"name\", event.target.value)}\n          />\n\n          <FieldError id=\"email-error\" message={errors.email} />\n          <label htmlFor=\"email\">Email</label>\n          <input\n            id=\"email\"\n            name=\"email\"\n            type=\"email\"\n            autoComplete=\"email\"\n            value={values.email}\n            aria-invalid={Boolean(errors.email)}\n            aria-describedby={errors.email ? \"email-error\" : undefined}\n            onChange={(event) => updateField(\"email\", event.target.value)}\n          />\n\n          <FieldError id=\"message-error\" message={errors.message} />\n          <label htmlFor=\"message\">Project details</label>\n          <textarea\n            id=\"message\"\n            name=\"message\"\n            rows={5}\n            value={values.message}\n            aria-invalid={Boolean(errors.message)}\n            aria-describedby={errors.message ? \"message-error\" : undefined}\n            onChange={(event) => updateField(\"message\", event.target.value)}\n          />";

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-fields.js

@@ -0,0 +1,37 @@
+export const formFieldsSection = `          <FieldError id="name-error" message={errors.name} />
+          <label htmlFor="name">Name</label>
+          <input
+            id="name"
+            name="name"
+            autoComplete="name"
+            value={values.name}
+            aria-invalid={Boolean(errors.name)}
+            aria-describedby={errors.name ? "name-error" : undefined}
+            onChange={(event) => updateField("name", event.target.value)}
+          />
+
+          <FieldError id="email-error" message={errors.email} />
+          <label htmlFor="email">Email</label>
+          <input
+            id="email"
+            name="email"
+            type="email"
+            autoComplete="email"
+            value={values.email}
+            aria-invalid={Boolean(errors.email)}
+            aria-describedby={errors.email ? "email-error" : undefined}
+            onChange={(event) => updateField("email", event.target.value)}
+          />
+
+          <FieldError id="message-error" message={errors.message} />
+          <label htmlFor="message">Project details</label>
+          <textarea
+            id="message"
+            name="message"
+            rows={5}
+            value={values.message}
+            aria-invalid={Boolean(errors.message)}
+            aria-describedby={errors.message ? "message-error" : undefined}
+            onChange={(event) => updateField("message", event.target.value)}
+          />`;
+//# sourceMappingURL=form-fields.js.map

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-fields.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/main-template/form-fields.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAmCpB,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-intro.d.ts

@@ -0,0 +1 @@
+export declare const formIntroSection = "        <div className=\"contact__intro\">\n          <p className=\"eyebrow\">Interactive verification</p>\n          <h1 id=\"contact-title\">Start a project conversation</h1>\n          <p>\n            Send a focused request and the agency system will turn it into validated delivery\n            evidence.\n          </p>\n        </div>";

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-intro.js

@@ -0,0 +1,9 @@
+export const formIntroSection = `        <div className="contact__intro">
+          <p className="eyebrow">Interactive verification</p>
+          <h1 id="contact-title">Start a project conversation</h1>
+          <p>
+            Send a focused request and the agency system will turn it into validated delivery
+            evidence.
+          </p>
+        </div>`;
+//# sourceMappingURL=form-intro.js.map

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-intro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-intro.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/main-template/form-intro.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;eAOjB,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-state.d.ts

@@ -0,0 +1 @@
+export declare const formStateSection = "  const [values, setValues] = useState<ContactFormValues>(initialValues);\n  const [errors, setErrors] = useState<ContactFormErrors>({});\n  const [isSending, setIsSending] = useState(false);\n  const [success, setSuccess] = useState(false);";

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-state.js

@@ -0,0 +1,5 @@
+export const formStateSection = `  const [values, setValues] = useState<ContactFormValues>(initialValues);
+  const [errors, setErrors] = useState<ContactFormErrors>({});
+  const [isSending, setIsSending] = useState(false);
+  const [success, setSuccess] = useState(false);`;
+//# sourceMappingURL=form-state.js.map

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-state.js.map

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

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-submit.d.ts

@@ -0,0 +1 @@
+export declare const formSubmitSection = "  async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {\n    event.preventDefault();\n    const nextErrors = validateContactForm(values);\n    setErrors(nextErrors);\n    if (hasContactFormErrors(nextErrors)) return;\n\n    setIsSending(true);\n    await new Promise((resolve) => setTimeout(resolve, 350));\n    setIsSending(false);\n    setSuccess(true);\n    setValues(initialValues);\n  }";

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-submit.js

@@ -0,0 +1,13 @@
+export const formSubmitSection = `  async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
+    event.preventDefault();
+    const nextErrors = validateContactForm(values);
+    setErrors(nextErrors);
+    if (hasContactFormErrors(nextErrors)) return;
+
+    setIsSending(true);
+    await new Promise((resolve) => setTimeout(resolve, 350));
+    setIsSending(false);
+    setSuccess(true);
+    setValues(initialValues);
+  }`;
+//# sourceMappingURL=form-submit.js.map

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-submit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-submit.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/main-template/form-submit.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;IAW7B,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-update-field.d.ts

@@ -0,0 +1 @@
+export declare const formUpdateFieldSection = "  function updateField(field: keyof ContactFormValues, value: string) {\n    setValues((current) => ({ ...current, [field]: value }));\n    setSuccess(false);\n    setErrors((current) => {\n      if (!current[field]) return current;\n      const next = { ...current };\n      delete next[field];\n      return next;\n    });\n  }";

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-update-field.js

@@ -0,0 +1,11 @@
+export const formUpdateFieldSection = `  function updateField(field: keyof ContactFormValues, value: string) {
+    setValues((current) => ({ ...current, [field]: value }));
+    setSuccess(false);
+    setErrors((current) => {
+      if (!current[field]) return current;
+      const next = { ...current };
+      delete next[field];
+      return next;
+    });
+  }`;
+//# sourceMappingURL=form-update-field.js.map

package/dist/demo-project/definitions/interactive-ui/templates/main-template/form-update-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-update-field.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/main-template/form-update-field.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;;;;IASlC,CAAC"}

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

@@ -0,0 +1 @@
+export declare const importsSection = "import React, { useState } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport {\n  type ContactFormErrors,\n  type ContactFormValues,\n  hasContactFormErrors,\n  validateContactForm,\n} from \"./contact-form\";\nimport \"./styles.css\";";

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

@@ -0,0 +1,10 @@
+export const importsSection = `import React, { useState } from "react";
+import { createRoot } from "react-dom/client";
+import {
+  type ContactFormErrors,
+  type ContactFormValues,
+  hasContactFormErrors,
+  validateContactForm,
+} from "./contact-form";
+import "./styles.css";`;
+//# sourceMappingURL=imports.js.map

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

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

package/dist/demo-project/definitions/interactive-ui/templates/main-template/initial-values.d.ts

@@ -0,0 +1 @@
+export declare const initialValuesSection = "const initialValues: ContactFormValues = {\n  name: \"\",\n  email: \"\",\n  message: \"\",\n};";

package/dist/demo-project/definitions/interactive-ui/templates/main-template/initial-values.js

@@ -0,0 +1,6 @@
+export const initialValuesSection = `const initialValues: ContactFormValues = {
+  name: "",
+  email: "",
+  message: "",
+};`;
+//# sourceMappingURL=initial-values.js.map

package/dist/demo-project/definitions/interactive-ui/templates/main-template/initial-values.js.map

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

package/dist/demo-project/definitions/interactive-ui/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:4174\",\n    trace: \"retain-on-failure\",\n  },\n  webServer: {\n    command:\n      \"pnpm --filter @arcfoundry/verification-interactive-ui build && pnpm --filter @arcfoundry/verification-interactive-ui exec vite preview --host 127.0.0.1 --port 4174\",\n    url: \"http://127.0.0.1:4174\",\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/interactive-ui/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:4174",
+    trace: "retain-on-failure",
+  },
+  webServer: {
+    command:
+      "pnpm --filter @arcfoundry/verification-interactive-ui build && pnpm --filter @arcfoundry/verification-interactive-ui exec vite preview --host 127.0.0.1 --port 4174",
+    url: "http://127.0.0.1:4174",
+    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

package/dist/demo-project/definitions/interactive-ui/templates/playwright-config-ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playwright-config-ts.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/playwright-config-ts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;CAoBtC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/src-app-tsx.d.ts

@@ -0,0 +1 @@
+export declare const srcAppContent: string;

package/dist/demo-project/definitions/interactive-ui/templates/src-app-tsx.js

@@ -0,0 +1,38 @@
+import { sourceFile } from "../../../source-template.js";
+export const srcAppContent = sourceFile(`import { useState } from "react";
+import type { ContactFormErrors, ContactFormValues } from "./contact-form";
+import { ContactRequestForm } from "./contact-request-form";
+import { initialValues } from "./form-state";
+
+export function App() {
+  const [values, setValues] = useState<ContactFormValues>(initialValues);
+  const [errors, setErrors] = useState<ContactFormErrors>({});
+  const [isSending, setIsSending] = useState(false);
+  const [success, setSuccess] = useState(false);
+
+  return (
+    <main className="page">
+      <section className="contact" aria-labelledby="contact-title">
+        <div className="contact__intro">
+          <p className="eyebrow">Interactive verification</p>
+          <h1 id="contact-title">Start a project conversation</h1>
+          <p>
+            Send a focused request and the agency system will turn it into validated delivery
+            evidence.
+          </p>
+        </div>
+        <ContactRequestForm
+          errors={errors}
+          isSending={isSending}
+          onErrorsChange={setErrors}
+          onSendingChange={setIsSending}
+          onSuccess={setSuccess}
+          onValuesChange={setValues}
+          success={success}
+          values={values}
+        />
+      </section>
+    </main>
+  );
+}`);
+//# sourceMappingURL=src-app-tsx.js.map

package/dist/demo-project/definitions/interactive-ui/templates/src-app-tsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-app-tsx.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/src-app-tsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCtC,CAAC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-field-tsx.d.ts

@@ -0,0 +1 @@
+export declare const srcContactFieldContent: string;

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-field-tsx.js

@@ -0,0 +1,41 @@
+import { sourceFile } from "../../../source-template.js";
+export const srcContactFieldContent = sourceFile(`import type { ContactFormValues } from "./contact-form";
+import { FieldError } from "./field-error";
+
+export function ContactField({
+  autoComplete,
+  error,
+  field,
+  label,
+  onChange,
+  type = "text",
+  value,
+}: {
+  autoComplete?: string;
+  error?: string;
+  field: keyof ContactFormValues;
+  label: string;
+  onChange: (field: keyof ContactFormValues, value: string) => void;
+  type?: string;
+  value: string;
+}) {
+  const errorId = field + "-error";
+
+  return (
+    <>
+      <FieldError id={errorId} message={error} />
+      <label htmlFor={field}>{label}</label>
+      <input
+        id={field}
+        name={field}
+        type={type}
+        autoComplete={autoComplete}
+        value={value}
+        aria-invalid={Boolean(error)}
+        aria-describedby={error ? errorId : undefined}
+        onChange={(event) => onChange(field, event.target.value)}
+      />
+    </>
+  );
+}`);
+//# sourceMappingURL=src-contact-field-tsx.js.map

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-field-tsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-contact-field-tsx.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/src-contact-field-tsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,MAAM,sBAAsB,GACjC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCX,CAAC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-form-ts.d.ts

@@ -0,0 +1 @@
+export declare const srcContactFormContent = "export type ContactFormValues = {\n  name: string;\n  email: string;\n  message: string;\n};\n\nexport type ContactFormErrors = Partial<Record<keyof ContactFormValues, string>>;\n\nconst emailPattern = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n\nexport function validateContactForm(values: ContactFormValues): ContactFormErrors {\n  const errors: ContactFormErrors = {};\n  if (values.name.trim().length < 2) errors.name = \"Enter your name.\";\n  if (!emailPattern.test(values.email.trim())) errors.email = \"Enter a valid email address.\";\n  if (values.message.trim().length < 12) errors.message = \"Tell us a little more.\";\n  return errors;\n}\n\nexport function hasContactFormErrors(errors: ContactFormErrors): boolean {\n  return Object.keys(errors).length > 0;\n}\n";

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-form-ts.js

@@ -0,0 +1,23 @@
+export const srcContactFormContent = `export type ContactFormValues = {
+  name: string;
+  email: string;
+  message: string;
+};
+
+export type ContactFormErrors = Partial<Record<keyof ContactFormValues, string>>;
+
+const emailPattern = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;
+
+export function validateContactForm(values: ContactFormValues): ContactFormErrors {
+  const errors: ContactFormErrors = {};
+  if (values.name.trim().length < 2) errors.name = "Enter your name.";
+  if (!emailPattern.test(values.email.trim())) errors.email = "Enter a valid email address.";
+  if (values.message.trim().length < 12) errors.message = "Tell us a little more.";
+  return errors;
+}
+
+export function hasContactFormErrors(errors: ContactFormErrors): boolean {
+  return Object.keys(errors).length > 0;
+}
+`;
+//# sourceMappingURL=src-contact-form-ts.js.map