@agent-native/core-corpus 0.214.0 → 0.217.0

package/corpus/templates/slides-2/server/lib/deck-export-tracking.ts

@@ -0,0 +1,119 @@
+import { AsyncLocalStorage } from "node:async_hooks";
+
+import {
+  isActionContractError,
+  type ActionRunContext,
+} from "@agent-native/core/action";
+import type { TrackingSource } from "@agent-native/core/tracking";
+
+import { trackSlides } from "./slides-tracking.js";
+
+export type DeckExportFormat = "pptx" | "html" | "pdf" | "google_slides";
+
+export interface DeckExportFacts {
+  /** Set only once the caller is shown to have access to the deck. */
+  deckId?: string;
+  slideCount?: number;
+  generationAttemptId?: string;
+}
+
+const pptxBuildForGoogleSlides = new AsyncLocalStorage<true>();
+const pptxDownloadRegeneration = new AsyncLocalStorage<true>();
+
+/**
+ * Runs the PPTX build behind a Google Slides export. That export reports its
+ * own `deck_exported` after the Drive upload, so the build step stays silent.
+ * Only the HTTP route sets this; it is deliberately not an action input, so
+ * an agent or MCP caller cannot suppress an export it really made.
+ */
+export function asGoogleSlidesBuildStep<T>(run: () => Promise<T>): Promise<T> {
+  return pptxBuildForGoogleSlides.run(true, run);
+}
+
+export function inGoogleSlidesBuildStep(): boolean {
+  return pptxBuildForGoogleSlides.getStore() === true;
+}
+
+/** A link regeneration is not a second user-requested export. */
+export function asPptxDownloadRegeneration<T>(
+  run: () => Promise<T>,
+): Promise<T> {
+  return pptxDownloadRegeneration.run(true, run);
+}
+
+export function trackDeckExported(
+  event: DeckExportFacts & {
+    deckId?: string;
+    exportFormat: DeckExportFormat;
+    renderLocation: "server" | "browser";
+    status: "completed" | "failed";
+    errorType?: string;
+  },
+  source?: TrackingSource,
+): void {
+  if (
+    event.exportFormat === "pptx" &&
+    event.renderLocation === "server" &&
+    (inGoogleSlidesBuildStep() ||
+      (event.status === "completed" &&
+        pptxDownloadRegeneration.getStore() === true))
+  ) {
+    return;
+  }
+  trackSlides(
+    "deck_exported",
+    {
+      ...(event.deckId ? { output_id: event.deckId } : {}),
+      output_type: "deck",
+      export_format: event.exportFormat,
+      render_location: event.renderLocation,
+      status: event.status,
+      ...(event.errorType ? { error_type: event.errorType } : {}),
+      ...(event.slideCount !== undefined
+        ? { slide_count: event.slideCount }
+        : {}),
+      ...(event.generationAttemptId
+        ? { generation_attempt_id: event.generationAttemptId }
+        : {}),
+    },
+    source,
+  );
+}
+
+export function exportErrorType(error: unknown): string {
+  return isActionContractError(error) ? error.errorCode : "export_error";
+}
+
+/**
+ * Reports a failed server export, then rethrows. `run` fills `facts` as it
+ * learns them so the failure carries whatever was known when it threw.
+ */
+export function withExportFailureTracking<TArgs extends { deckId: string }>(
+  exportFormat: "pptx" | "html",
+) {
+  return <TReturn>(
+    run: (
+      args: TArgs,
+      ctx: ActionRunContext | undefined,
+      facts: DeckExportFacts,
+    ) => Promise<TReturn>,
+  ) =>
+    async (args: TArgs, ctx?: ActionRunContext): Promise<TReturn> => {
+      const facts: DeckExportFacts = {};
+      try {
+        return await run(args, ctx, facts);
+      } catch (error) {
+        trackDeckExported(
+          {
+            ...facts,
+            exportFormat,
+            renderLocation: "server",
+            status: "failed",
+            errorType: exportErrorType(error),
+          },
+          ctx,
+        );
+        throw error;
+      }
+    };
+}

package/corpus/templates/slides-2/server/lib/deck-templates/a-case-study.ts

@@ -0,0 +1,154 @@
+import { authoredDeck, slideRoot } from "./a-shared.js";
+
+// guard:allow-raw-color — authored slide palette, not app chrome.
+const [sand, ink, muted, terracotta, surface] = [
+  "#F3E9DB", // guard:allow-raw-color
+  "#2B211A", // guard:allow-raw-color
+  "#6F6155", // guard:allow-raw-color
+  "#B9583A", // guard:allow-raw-color
+  "#E9D9C3", // guard:allow-raw-color
+];
+// guard:allow-raw-color — authored duotone photo placeholder tones, not app chrome.
+const [forest, clay, peach] = ["#1F3D33", "#E3A07C", "#F2CDAE"];
+
+const tokens = `--deck-bg:${sand};--deck-ink:${ink};--deck-muted:${muted};--deck-accent:${terracotta};--deck-surface:${surface};--deck-heading-font:'Bricolage Grotesque',sans-serif;--deck-body-font:'Lora',Georgia,serif;--deck-radius:18px;--cs-forest:${forest};--cs-clay:${clay};--cs-peach:${peach};`;
+
+const grotesk = "font-family:'Bricolage Grotesque',sans-serif;";
+const lora = "font-family:'Lora',Georgia,serif;";
+const h1 = `${grotesk}font-weight:700;letter-spacing:-0.03em;margin:0;`;
+const tag = `${grotesk}display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;`;
+
+const slide = (body: string, style = "") =>
+  slideRoot(
+    tokens,
+    `font-family:'Lora',Georgia,serif;padding:40px 52px;display:flex;flex-direction:column;${style}`,
+    body,
+  );
+
+const scenes = {
+  landscape:
+    "radial-gradient(circle at 74% 30%,var(--cs-peach) 0 9%,transparent 9.5%),radial-gradient(ellipse 75% 42% at 22% 104%,var(--cs-forest) 0 99%,transparent 100%),radial-gradient(ellipse 85% 50% at 92% 110%,color-mix(in srgb,var(--cs-forest) 75%,var(--deck-ink)) 0 99%,transparent 100%),radial-gradient(ellipse 120% 60% at 50% 100%,color-mix(in srgb,var(--deck-accent) 70%,var(--cs-forest)) 0 99%,transparent 100%),linear-gradient(180deg,var(--cs-clay),var(--deck-accent))",
+  portrait:
+    "radial-gradient(circle at 50% 40%,var(--cs-peach) 0 17%,transparent 17.5%),radial-gradient(ellipse 42% 30% at 50% 100%,var(--cs-peach) 0 99%,transparent 100%),linear-gradient(165deg,var(--deck-accent),var(--cs-forest))",
+  workshop:
+    "linear-gradient(0deg,color-mix(in srgb,var(--deck-ink) 55%,transparent) 0 22%,transparent 22%),repeating-linear-gradient(90deg,transparent 0 46px,color-mix(in srgb,var(--cs-forest) 35%,transparent) 46px 50px),radial-gradient(circle at 30% 42%,var(--cs-peach) 0 8%,transparent 8.5%),radial-gradient(circle at 64% 38%,var(--cs-peach) 0 7%,transparent 7.5%),linear-gradient(160deg,var(--cs-clay),var(--cs-forest))",
+} as const;
+
+const photo = (
+  scene: keyof typeof scenes,
+  caption: string,
+  style: string,
+  showCaption = true,
+) =>
+  `<div role="img" aria-label="Photo placeholder: ${caption}" style="position:relative;background:${scenes[scene]};${style}">${showCaption ? `<span style="${grotesk}position:absolute;left:14px;bottom:14px;padding:4px 10px;border-radius:999px;font-size:14px;background:color-mix(in srgb,var(--deck-bg) 88%,transparent);color:var(--deck-ink);">Photo: ${caption}</span>` : ""}</div>`;
+
+export const CASE_STUDY_DECK = authoredDeck(
+  "starter-customer-story",
+  "Customer story",
+  "case-study",
+  "A warm, human case study with duotone photo placeholders: the customer, their challenge, the approach, a big quote, and the results.",
+  [
+    {
+      layout: "title",
+      content: slide(
+        `${photo("landscape", "the customer's team on site", "position:absolute;left:0;top:0;bottom:0;width:420px;")}
+<span style="${tag}position:absolute;left:28px;top:28px;padding:6px 12px;border-radius:999px;background:var(--deck-bg);color:var(--deck-accent);">Customer story</span>
+<div style="margin-left:400px;display:flex;flex-direction:column;height:100%;">
+<h1 style="${h1}margin-top:12px;font-size:48px;line-height:1.02;">How Customer Name gave its field teams their afternoons back</h1>
+<p style="${lora}margin:18px 0 0;font-size:20px;line-height:1.45;font-style:italic;color:var(--deck-muted);">A story about replacing four tools with one calm, shared workflow.</p>
+<div style="margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--deck-ink) 25%,transparent);">
+<div><span style="${grotesk}display:block;font-size:14px;color:var(--deck-muted);">Industry</span><span style="${grotesk}font-size:16px;font-weight:700;">Field services</span></div>
+<div><span style="${grotesk}display:block;font-size:14px;color:var(--deck-muted);">Team size</span><span style="${grotesk}font-size:16px;font-weight:700;">000 people</span></div>
+<div><span style="${grotesk}display:block;font-size:14px;color:var(--deck-muted);">Region</span><span style="${grotesk}font-size:16px;font-weight:700;">Sample region</span></div>
+</div>
+</div>`,
+      ),
+      notes:
+        "Tell the headline as a story, not a statistic. Replace Customer Name and the facts with a real customer who has approved being named, and swap the photo placeholder for a real image.",
+    },
+    {
+      layout: "content",
+      content: slide(
+        `<div style="display:grid;grid-template-columns:1fr 330px;gap:52px;height:100%;">
+<div style="display:flex;flex-direction:column;">
+<h1 style="${h1}font-size:44px;line-height:1.02;">Meet Customer Name</h1>
+<p style="margin:18px 0 0;font-size:18px;line-height:1.6;">A family-run field services company with crews spread across a wide region. Their dispatchers kept the whole operation running from whiteboards, group chats, and a spreadsheet only one person fully understood.</p>
+<dl style="margin:auto 0 0;display:grid;grid-template-columns:auto 1fr;gap:10px 24px;font-size:16px;">
+<dt style="${grotesk}font-weight:700;">Founded</dt><dd style="margin:0;color:var(--deck-muted);">20XX, as a two-person crew</dd>
+<dt style="${grotesk}font-weight:700;">Crews</dt><dd style="margin:0;color:var(--deck-muted);">00 teams across 0 depots</dd>
+<dt style="${grotesk}font-weight:700;">Customer since</dt><dd style="margin:0;color:var(--deck-muted);">Q0 20XX</dd>
+</dl>
+</div>
+${photo("portrait", "operations lead at the depot", "border-radius:999px 999px var(--deck-radius) var(--deck-radius);")}
+</div>`,
+      ),
+      notes:
+        "Introduce the customer as people first: who they are and what a normal day looks like. Replace the description and facts with approved details, and use a real portrait in place of the placeholder.",
+    },
+    {
+      layout: "statement",
+      content: slide(
+        `<h1 style="${h1}margin-top:8px;font-size:72px;line-height:0.98;max-width:820px;">Every handoff lived somewhere <span style="${lora}font-weight:400;font-style:italic;color:var(--deck-accent);">different.</span></h1>
+<div style="margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0;">
+<div style="padding-right:28px;"><h3 style="${grotesk}margin:0 0 8px;font-size:20px;font-weight:700;">Scattered schedules</h3><p style="margin:0;font-size:16px;line-height:1.55;color:var(--deck-muted);">Crews checked three places each morning to learn where to go first.</p></div>
+<div style="padding:0 28px;border-left:1px dashed color-mix(in srgb,var(--deck-ink) 35%,transparent);"><h3 style="${grotesk}margin:0 0 8px;font-size:20px;font-weight:700;">Lost context</h3><p style="margin:0;font-size:16px;line-height:1.55;color:var(--deck-muted);">Notes from one visit rarely reached the next person on the job.</p></div>
+<div style="padding-left:28px;border-left:1px dashed color-mix(in srgb,var(--deck-ink) 35%,transparent);"><h3 style="${grotesk}margin:0 0 8px;font-size:20px;font-weight:700;">Late evenings</h3><p style="margin:0;font-size:16px;line-height:1.55;color:var(--deck-muted);">Dispatchers rebuilt tomorrow's plan by hand after everyone else went home.</p></div>
+</div>`,
+      ),
+      notes:
+        "Let the customer's pain speak in their own terms. Replace these three symptoms with what your customer actually described, ideally in their words from the interview.",
+    },
+    {
+      layout: "content",
+      content: slide(
+        `<div style="display:flex;justify-content:space-between;align-items:flex-end;gap:40px;">
+<h1 style="${h1}font-size:44px;line-height:1.02;white-space:nowrap;">The approach, in three steps</h1>
+<p style="margin:0;max-width:240px;font-size:16px;line-height:1.5;font-style:italic;color:var(--deck-muted);">Small, visible changes, rolled out one depot at a time.</p>
+</div>
+<div style="position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:auto 0;">
+<span style="position:absolute;left:60px;right:calc(33% - 30px);top:60px;border-top:2px dashed var(--deck-accent);"></span>
+<div style="position:relative;">${photo("workshop", "listening session", "width:120px;height:120px;border-radius:50%;", false)}<span style="${tag}display:block;margin-top:18px;color:var(--deck-accent);">Weeks 0 to 0</span><h3 style="${grotesk}margin:6px 0 8px;font-size:22px;font-weight:700;">Listen</h3><p style="margin:0;font-size:16px;line-height:1.5;color:var(--deck-muted);">Rode along with crews and mapped every handoff on paper.</p></div>
+<div style="position:relative;">${photo("landscape", "pilot depot", "width:120px;height:120px;border-radius:50%;", false)}<span style="${tag}display:block;margin-top:18px;color:var(--deck-accent);">Weeks 0 to 0</span><h3 style="${grotesk}margin:6px 0 8px;font-size:22px;font-weight:700;">Pilot</h3><p style="margin:0;font-size:16px;line-height:1.5;color:var(--deck-muted);">Moved one depot to a single shared schedule and daily brief.</p></div>
+<div style="position:relative;">${photo("portrait", "crew lead", "width:120px;height:120px;border-radius:50%;", false)}<span style="${tag}display:block;margin-top:18px;color:var(--deck-accent);">Weeks 0 to 0</span><h3 style="${grotesk}margin:6px 0 8px;font-size:22px;font-weight:700;">Roll out</h3><p style="margin:0;font-size:16px;line-height:1.5;color:var(--deck-muted);">Trained a champion in each depot, then switched off the old tools.</p></div>
+</div>`,
+      ),
+      notes:
+        "Walk the three steps as a timeline and name who was involved at each one. Replace the week ranges and descriptions with what really happened, and use real photos from each stage.",
+    },
+    {
+      layout: "statement",
+      content: slide(
+        `<div style="display:grid;grid-template-columns:1fr 250px;gap:48px;align-items:center;height:100%;">
+<div>
+<span aria-hidden="true" style="${lora}display:block;height:60px;font-size:130px;line-height:0.9;color:var(--cs-clay);">&ldquo;</span>
+<h1 style="${lora}margin:0;font-size:38px;font-weight:400;font-style:italic;line-height:1.28;letter-spacing:-0.01em;">For the first time in years, our crews finish the day knowing tomorrow is already sorted.</h1>
+<p style="${grotesk}margin:26px 0 0;font-size:17px;line-height:1.4;"><span style="font-weight:700;">Name Surname</span><span style="color:color-mix(in srgb,var(--deck-bg) 75%,transparent);">, Operations lead at Customer Name</span></p>
+</div>
+${photo("portrait", "speaker portrait", "height:320px;border-radius:999px;")}
+</div>`,
+        "background:var(--cs-forest);color:var(--deck-bg);padding:40px 60px;",
+      ),
+      notes:
+        "Read the quote slowly and credit the speaker by name. Use a verbatim, approved quote from your customer, and replace the portrait placeholder with their photo.",
+    },
+    {
+      layout: "content",
+      content: slide(
+        `<div style="display:grid;grid-template-columns:1fr 240px;gap:44px;height:100%;">
+<div style="display:flex;flex-direction:column;">
+<h1 style="${h1}font-size:44px;line-height:1.02;">What changed in the first six months</h1>
+<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:auto;">
+<div style="border-top:2px solid var(--deck-ink);padding-top:14px;"><span style="${grotesk}display:block;font-size:72px;font-weight:700;line-height:0.95;letter-spacing:-0.04em;color:var(--deck-accent);">00%</span><span style="display:block;margin-top:10px;font-size:16px;line-height:1.45;">fewer scheduling calls each week</span></div>
+<div style="border-top:2px solid var(--deck-ink);padding-top:14px;"><span style="${grotesk}display:block;font-size:72px;font-weight:700;line-height:0.95;letter-spacing:-0.04em;color:var(--deck-accent);">0.0h</span><span style="display:block;margin-top:10px;font-size:16px;line-height:1.45;">saved per dispatcher, every day</span></div>
+<div style="border-top:2px solid var(--deck-ink);padding-top:14px;"><span style="${grotesk}display:block;font-size:72px;font-weight:700;line-height:0.95;letter-spacing:-0.04em;color:var(--deck-accent);">0x</span><span style="display:block;margin-top:10px;font-size:16px;line-height:1.45;">more jobs closed on the first visit</span></div>
+</div>
+<p style="${grotesk}margin:22px 0 0;font-size:14px;color:var(--deck-muted);">Sample figures. Replace with measured results and state the measurement period.</p>
+</div>
+${photo("workshop", "morning brief", "border-radius:var(--deck-radius);")}
+</div>`,
+      ),
+      notes:
+        "Land on the single most meaningful number and explain how it was measured. Every figure here is a placeholder; only publish results the customer has verified and approved.",
+    },
+  ],
+);

package/corpus/templates/slides-2/server/lib/deck-templates/a-company.ts

@@ -0,0 +1,160 @@
+import { authoredDeck, slideRoot } from "./a-shared.js";
+
+// guard:allow-raw-color — authored slide palette, not app chrome.
+const [cream, ink, muted, oxblood, surface] = [
+  "#F3ECDF", // guard:allow-raw-color
+  "#1D1814", // guard:allow-raw-color
+  "#675B4F", // guard:allow-raw-color
+  "#7C1D2A", // guard:allow-raw-color
+  "#E8DCC6", // guard:allow-raw-color
+];
+
+const tokens = `--deck-bg:${cream};--deck-ink:${ink};--deck-muted:${muted};--deck-accent:${oxblood};--deck-surface:${surface};--deck-heading-font:'Playfair Display',Georgia,serif;--deck-body-font:'Libre Franklin',sans-serif;--deck-radius:0px;`;
+
+const serif = "font-family:'Playfair Display',Georgia,serif;";
+const caps =
+  "font-size:14px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;";
+
+const slide = (folio: string, section: string, body: string) =>
+  slideRoot(
+    tokens,
+    "font-family:'Libre Franklin',sans-serif;padding:28px 56px 22px;display:flex;flex-direction:column;",
+    `<div style="${caps}display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:3px double var(--deck-ink);"><span>The Company Book</span><span style="color:var(--deck-accent);">${section}</span></div>
+${body}
+<div style="display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:10px;border-top:1px solid var(--deck-ink);font-size:14px;color:var(--deck-muted);"><span>Company Name</span><span style="${serif}font-style:italic;font-size:16px;color:var(--deck-ink);">${folio}</span><span>Issue 00, Spring 20XX</span></div>`,
+  );
+
+export const COMPANY_DECK = authoredDeck(
+  "starter-company-book",
+  "The company book",
+  "company",
+  "An editorial company overview set like a print magazine: masthead cover, a drop-cap essay, a pull quote, principles, history, and a closing letter.",
+  [
+    {
+      layout: "title",
+      content: slideRoot(
+        tokens,
+        "font-family:'Libre Franklin',sans-serif;padding:34px 56px 30px;display:flex;flex-direction:column;",
+        `<div style="${caps}display:flex;justify-content:space-between;"><span>Issue 00</span><span>Company Name</span><span>Spring 20XX</span></div>
+<h1 style="${serif}margin:10px 0 0;padding:6px 0 14px;border-top:3px double var(--deck-ink);border-bottom:1px solid var(--deck-ink);font-size:92px;font-weight:700;line-height:0.95;letter-spacing:-0.02em;text-align:center;">The Company Book</h1>
+<div style="display:grid;grid-template-columns:1fr 1.5fr 1fr;flex:1;margin-top:22px;">
+<div style="padding-right:24px;border-right:1px solid var(--deck-ink);display:flex;flex-direction:column;gap:14px;">
+<span style="${caps}color:var(--deck-accent);">Inside</span>
+<span style="${serif}font-size:21px;line-height:1.2;font-style:italic;">Why we exist <span style="font-family:'Libre Franklin',sans-serif;font-style:normal;font-size:14px;color:var(--deck-muted);">2</span></span>
+<span style="${serif}font-size:21px;line-height:1.2;font-style:italic;">How we work <span style="font-family:'Libre Franklin',sans-serif;font-style:normal;font-size:14px;color:var(--deck-muted);">4</span></span>
+<span style="${serif}font-size:21px;line-height:1.2;font-style:italic;">The year ahead <span style="font-family:'Libre Franklin',sans-serif;font-style:normal;font-size:14px;color:var(--deck-muted);">6</span></span>
+</div>
+<div style="padding:0 28px;display:flex;flex-direction:column;justify-content:center;">
+<p style="${serif}margin:0;font-size:30px;line-height:1.22;font-style:italic;text-align:center;">An introduction to who we are, how we work, and what we are building next.</p>
+<span style="margin-top:18px;font-size:14px;text-align:center;color:var(--deck-muted);">Prepared for new colleagues, partners, and friends of the company</span>
+</div>
+<div style="padding-left:24px;border-left:1px solid var(--deck-ink);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;">
+<span style="${caps}color:var(--deck-muted);">Number</span>
+<span style="${serif}font-size:128px;line-height:0.85;font-weight:700;font-style:italic;color:var(--deck-accent);">00</span>
+</div>
+</div>`,
+      ),
+      notes:
+        "Treat this like a magazine cover: say the title, then the one-line promise in italics. Replace Company Name, the issue number, and the season. Keep the cover lines in sync with the slides that follow.",
+    },
+    {
+      layout: "content",
+      content: slide(
+        "2",
+        "Why we exist",
+        `<div style="display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:end;margin-top:22px;">
+<h1 style="${serif}margin:0;font-size:42px;font-weight:700;line-height:1.02;letter-spacing:-0.01em;">A company built on doing fewer things, well.</h1>
+<p style="${serif}margin:0;font-size:19px;line-height:1.35;font-style:italic;color:var(--deck-muted);">We started with a simple conviction: the tools people use at work should be as considered as the work itself.</p>
+</div>
+<div style="columns:3;column-gap:30px;column-rule:1px solid color-mix(in srgb,var(--deck-ink) 30%,transparent);margin-top:20px;padding-top:16px;border-top:1px solid var(--deck-ink);font-size:15px;line-height:1.5;">
+<p style="margin:0 0 10px;"><span style="${serif}float:left;font-size:70px;line-height:0.8;font-weight:700;color:var(--deck-accent);padding:5px 8px 0 0;">T</span>he company began around a kitchen table in 20XX, with three founders and one stubborn question: why does good work so often happen in spite of the tools around it?</p>
+<p style="margin:0 0 10px;">Our answer was to build fewer features and finish each one properly. That habit still shapes how we hire, how we plan, and what we decline to build.</p>
+<p style="margin:0 0 10px;">Today we are a small team of 00 people across 0 cities. We serve customers who care about craft as much as we do, and we measure ourselves by the time we give back to them.</p>
+<p style="margin:0;">Replace this essay with your own founding story. Keep it short, specific, and in the first person plural.</p>
+</div>`,
+      ),
+      notes:
+        "Read the headline, then let the room skim the essay while you tell the story in your own words. Replace every sentence with your real founding story; numbers are placeholders.",
+    },
+    {
+      layout: "statement",
+      content: slide(
+        "3",
+        "In their words",
+        `<div style="flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 60px;">
+<span aria-hidden="true" style="${serif}font-size:120px;line-height:0.5;height:52px;font-weight:700;color:var(--deck-accent);">&ldquo;</span>
+<h1 style="${serif}margin:0;font-size:42px;font-weight:400;font-style:italic;line-height:1.18;letter-spacing:-0.01em;">We would rather be the best at one thing people need every day than adequate at twenty.</h1>
+<span style="display:block;width:64px;margin:24px 0 14px;border-top:1px solid var(--deck-accent);"></span>
+<p style="margin:0;${caps}">Name Surname, co-founder and chief executive</p>
+</div>`,
+      ),
+      notes:
+        "Pause after the quote and let it land before you speak. Use a real quote from a founder or colleague, with their permission, and attribute it exactly.",
+    },
+    {
+      layout: "content",
+      content: slide(
+        "4",
+        "How we work",
+        `<div style="display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:22px;">
+<h1 style="${serif}margin:0;font-size:52px;font-weight:700;line-height:1;letter-spacing:-0.01em;">How we work</h1>
+<p style="${serif}margin:0;max-width:380px;font-size:18px;line-height:1.35;font-style:italic;color:var(--deck-muted);text-align:right;">Three principles we hire for, plan by, and hold each other to.</p>
+</div>
+<div style="display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border-top:1px solid var(--deck-ink);flex:1;">
+<div style="padding:20px 26px 0 0;"><span style="${serif}display:block;font-size:64px;line-height:1;font-style:italic;color:var(--deck-accent);">I.</span><h3 style="${serif}margin:14px 0 10px;font-size:24px;font-weight:700;line-height:1.15;">Finish what we start</h3><p style="margin:0;font-size:16px;line-height:1.5;">We ship fewer things and take each one all the way, from first sketch to the help article.</p></div>
+<div style="padding:20px 26px 0;border-left:1px solid var(--deck-ink);"><span style="${serif}display:block;font-size:64px;line-height:1;font-style:italic;color:var(--deck-accent);">II.</span><h3 style="${serif}margin:14px 0 10px;font-size:24px;font-weight:700;line-height:1.15;">Write it down</h3><p style="margin:0;font-size:16px;line-height:1.5;">Decisions live in documents anyone can read, so the quietest person in the room is heard.</p></div>
+<div style="padding:20px 0 0 26px;border-left:1px solid var(--deck-ink);"><span style="${serif}display:block;font-size:64px;line-height:1;font-style:italic;color:var(--deck-accent);">III.</span><h3 style="${serif}margin:14px 0 10px;font-size:24px;font-weight:700;line-height:1.15;">Meet the customer</h3><p style="margin:0;font-size:16px;line-height:1.5;">Everyone, including engineers and finance, spends time with the people we build for.</p></div>
+</div>`,
+      ),
+      notes:
+        "Give one real example for each principle; stories stick better than the words on the slide. Replace the three principles with the values your team actually uses to make decisions.",
+    },
+    {
+      layout: "content",
+      content: slide(
+        "5",
+        "A short history",
+        `<div style="display:grid;grid-template-columns:280px 1fr;gap:44px;flex:1;margin-top:22px;">
+<div>
+<h1 style="${serif}margin:0;font-size:46px;font-weight:700;line-height:1.02;letter-spacing:-0.01em;">A short history</h1>
+<p style="margin:16px 0 0;font-size:16px;line-height:1.5;color:var(--deck-muted);">The milestones that shaped us, from the first prototype to the company we are today.</p>
+</div>
+<div style="font-size:16px;line-height:1.4;">
+<div style="display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:baseline;padding:11px 0;border-top:1px solid var(--deck-ink);"><span style="${serif}font-size:26px;font-weight:700;color:var(--deck-accent);">20XX</span><span>Three founders build the first prototype for a friend's team.</span></div>
+<div style="display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:baseline;padding:11px 0;border-top:1px dotted var(--deck-ink);"><span style="${serif}font-size:26px;font-weight:700;color:var(--deck-accent);">20XX</span><span>The first paying customer, and the first hire.</span></div>
+<div style="display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:baseline;padding:11px 0;border-top:1px dotted var(--deck-ink);"><span style="${serif}font-size:26px;font-weight:700;color:var(--deck-accent);">20XX</span><span>Seed funding and a second office.</span></div>
+<div style="display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:baseline;padding:11px 0;border-top:1px dotted var(--deck-ink);"><span style="${serif}font-size:26px;font-weight:700;color:var(--deck-accent);">20XX</span><span>Version two, rebuilt around what customers asked for.</span></div>
+<div style="display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:baseline;padding:11px 0;border-top:1px dotted var(--deck-ink);border-bottom:1px solid var(--deck-ink);"><span style="${serif}font-size:26px;font-weight:700;font-style:italic;">Today</span><span>00 people, 0 cities, and one clear focus.</span></div>
+</div>
+</div>`,
+      ),
+      notes:
+        "Move quickly through the early years and slow down on the most recent milestone. Replace each year and event with your own history; keep it to five rows.",
+    },
+    {
+      layout: "content",
+      content: slide(
+        "6",
+        "The year ahead",
+        `<div style="display:grid;grid-template-columns:1fr 1.35fr;gap:48px;flex:1;margin-top:22px;">
+<div style="display:flex;flex-direction:column;">
+<h1 style="${serif}margin:0;font-size:46px;font-weight:400;font-style:italic;line-height:1.05;">A letter on the year ahead</h1>
+<div style="margin-top:auto;margin-bottom:18px;padding:16px 18px;background:var(--deck-surface);">
+<span style="${caps}display:block;color:var(--deck-accent);margin-bottom:8px;">Three priorities</span>
+<span style="display:block;font-size:15px;line-height:1.6;">Deepen the core product<br>Grow the team with care<br>Earn every renewal</span>
+</div>
+</div>
+<div style="font-size:16px;line-height:1.55;">
+<p style="margin:0 0 12px;">Dear colleagues, this year we will do less, and do it better. We will finish the work already in motion before we start anything new.</p>
+<p style="margin:0 0 12px;">We will grow deliberately, hiring people who raise the bar for everyone around them. And we will stay close to the customers who trusted us first.</p>
+<p style="margin:0;color:var(--deck-muted);">Replace this letter with your own; keep it warm, specific, and short.</p>
+<span style="${serif}display:block;margin-top:18px;font-size:26px;font-style:italic;color:var(--deck-accent);">Name Surname</span>
+<span style="font-size:14px;color:var(--deck-muted);">Co-founder and chief executive</span>
+</div>
+</div>`,
+      ),
+      notes:
+        "Close personally: read one sentence of the letter aloud, then open the floor. Rewrite the letter and priorities in your own voice before sharing the deck.",
+    },
+  ],
+);

package/corpus/templates/slides-2/server/lib/deck-templates/a-pitch.ts

@@ -0,0 +1,151 @@
+import { authoredDeck, slideRoot } from "./a-shared.js";
+
+// guard:allow-raw-color — authored slide palette, not app chrome.
+const [paper, ink, muted, signal, surface] = [
+  "#F2EFE8", // guard:allow-raw-color
+  "#0B0B0A", // guard:allow-raw-color
+  "#5F5B53", // guard:allow-raw-color
+  "#E8401C", // guard:allow-raw-color
+  "#E3DED3", // guard:allow-raw-color
+];
+
+const tokens = `--deck-bg:${paper};--deck-ink:${ink};--deck-muted:${muted};--deck-accent:${signal};--deck-surface:${surface};--deck-heading-font:'Archivo',sans-serif;--deck-body-font:'Archivo',sans-serif;--deck-radius:0px;`;
+
+const grid =
+  "display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;";
+const display =
+  "font-family:'Archivo',Helvetica,sans-serif;font-weight:800;letter-spacing:-0.04em;word-spacing:0.06em;margin:0;";
+
+const slide = (body: string, style = "") =>
+  slideRoot(
+    tokens,
+    `font-family:'Archivo',Helvetica,sans-serif;padding:32px 48px 36px;display:flex;flex-direction:column;${style}`,
+    body,
+  );
+
+const runningHead = (page: number, section: string) =>
+  `<div style="${grid}align-items:baseline;font-size:14px;font-weight:600;letter-spacing:-0.005em;padding-bottom:10px;border-bottom:1px solid var(--deck-ink);"><span style="grid-column:1/4;">Company Name</span><span style="grid-column:4/10;color:var(--deck-muted);">${section}</span><span style="grid-column:10/13;text-align:right;font-variant-numeric:tabular-nums;">0${page} / 06</span></div>`;
+
+export const PITCH_DECK = authoredDeck(
+  "starter-swiss-pitch",
+  "Swiss pitch",
+  "pitch",
+  "A strict-grid investor pitch in black, paper, and one signal red: problem, product, market, model, and the ask.",
+  [
+    {
+      layout: "title",
+      content: slide(
+        `${runningHead(1, "Seed round, 20XX")}
+<div style="position:absolute;right:0;top:84px;width:260px;height:330px;background:radial-gradient(circle at 165px 165px,var(--deck-accent) 0 164.5px,transparent 165px);"></div>
+<h1 style="${display}position:relative;margin-top:44px;font-size:108px;line-height:0.88;max-width:600px;">Make the next step obvious.</h1>
+<div style="${grid}margin-top:auto;padding-top:18px;border-top:1px solid var(--deck-ink);align-items:start;">
+<p style="grid-column:1/7;margin:0;font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-0.01em;">Company Name gives operations teams one place to see, decide, and finish the work in front of them.</p>
+<div style="grid-column:8/10;font-size:14px;line-height:1.45;"><span style="display:block;color:var(--deck-muted);">Presented by</span><span style="display:block;font-weight:600;">Name Surname</span></div>
+<div style="grid-column:10/13;font-size:14px;line-height:1.45;"><span style="display:block;color:var(--deck-muted);">Raising</span><span style="display:block;font-weight:600;">$0.0M Seed</span></div>
+</div>`,
+      ),
+      notes:
+        "Open with the one-line promise, then stop talking for a beat. Replace Company Name, the presenter, and the round size. The red circle is the only decoration in the deck; keep it that way.",
+    },
+    {
+      layout: "content",
+      content: slide(
+        `${runningHead(2, "The problem")}
+<div style="${grid}margin-top:44px;">
+<div style="grid-column:1/4;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;align-self:start;padding-top:12px;"><span style="width:12px;height:12px;background:var(--deck-accent);"></span><span>Problem</span></div>
+<h1 style="${display}grid-column:4/13;font-size:64px;line-height:0.96;">Work gets lost between the tools meant to hold it.</h1>
+</div>
+<div style="${grid}margin-top:auto;">
+<div style="grid-column:4/7;border-top:2px solid var(--deck-ink);padding-top:14px;"><h3 style="margin:0 0 8px;font-size:19px;font-weight:700;letter-spacing:-0.02em;">Who feels it</h3><p style="margin:0;font-size:16px;line-height:1.4;color:var(--deck-muted);">Operations leads who coordinate work across five or more tools every day.</p></div>
+<div style="grid-column:7/10;border-top:2px solid var(--deck-ink);padding-top:14px;"><h3 style="margin:0 0 8px;font-size:19px;font-weight:700;letter-spacing:-0.02em;">What it costs</h3><p style="margin:0;font-size:16px;line-height:1.4;color:var(--deck-muted);">Status meetings, missed handoffs, and decisions made on stale numbers.</p></div>
+<div style="grid-column:10/13;border-top:2px solid var(--deck-accent);padding-top:14px;"><h3 style="margin:0 0 8px;font-size:19px;font-weight:700;letter-spacing:-0.02em;">Why now</h3><p style="margin:0;font-size:16px;line-height:1.4;color:var(--deck-muted);">Teams are consolidating software and want fewer, better systems.</p></div>
+</div>`,
+      ),
+      notes:
+        "Make the problem feel specific before you mention the product. Swap each column for evidence from your own customer interviews, and cite a source for any figure you add.",
+    },
+    {
+      layout: "content",
+      content: slide(
+        `<div style="position:absolute;left:0;top:0;bottom:0;width:404px;background:var(--deck-accent);"></div>
+<div style="${grid}position:relative;height:100%;">
+<div style="grid-column:1/6;display:flex;flex-direction:column;padding-right:8px;">
+<span style="font-size:14px;font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--deck-ink);">The product</span>
+<h1 style="${display}margin-top:36px;font-size:56px;line-height:0.94;">One place where work moves forward.</h1>
+<p style="margin:auto 0 0;font-size:18px;line-height:1.38;font-weight:500;">Company Name connects the tools a team already uses and turns them into one ordered list of next steps.</p>
+</div>
+<div style="grid-column:7/13;display:flex;flex-direction:column;">
+<span style="font-size:14px;font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--deck-ink);text-align:right;font-variant-numeric:tabular-nums;">03 / 06</span>
+<div style="display:grid;grid-template-columns:72px 1fr;column-gap:12px;padding:22px 0 20px;border-bottom:1px solid var(--deck-ink);margin-top:auto;"><span style="${display}font-size:64px;line-height:0.8;">1</span><div><h3 style="margin:0 0 6px;font-size:20px;font-weight:700;letter-spacing:-0.02em;">Connect</h3><p style="margin:0;font-size:16px;line-height:1.4;color:var(--deck-muted);">Link existing tools in minutes. Nothing to migrate.</p></div></div>
+<div style="display:grid;grid-template-columns:72px 1fr;column-gap:12px;padding:22px 0 20px;border-bottom:1px solid var(--deck-ink);"><span style="${display}font-size:64px;line-height:0.8;">2</span><div><h3 style="margin:0 0 6px;font-size:20px;font-weight:700;letter-spacing:-0.02em;">Prioritise</h3><p style="margin:0;font-size:16px;line-height:1.4;color:var(--deck-muted);">Every open item is ranked by impact and due date.</p></div></div>
+<div style="display:grid;grid-template-columns:72px 1fr;column-gap:12px;padding:22px 0 0;"><span style="${display}font-size:64px;line-height:0.8;color:var(--deck-accent);">3</span><div><h3 style="margin:0 0 6px;font-size:20px;font-weight:700;letter-spacing:-0.02em;">Finish</h3><p style="margin:0;font-size:16px;line-height:1.4;color:var(--deck-muted);">Close the loop where the work started, automatically.</p></div></div>
+</div>
+</div>`,
+      ),
+      notes:
+        "Walk the three steps left to right in under a minute. Describe capabilities that exist today; move anything on the roadmap to a later slide and label it as such.",
+    },
+    {
+      layout: "statement",
+      content: slide(
+        `${runningHead(4, "Market")}
+<div style="${grid}flex:1;margin-top:28px;">
+<div style="grid-column:1/9;display:flex;flex-direction:column;">
+<h1 style="${display}font-size:36px;line-height:1.02;max-width:520px;">A large market still run on spreadsheets and email.</h1>
+<span style="${display}margin-top:auto;font-size:236px;line-height:0.74;letter-spacing:-0.07em;color:var(--deck-accent);">$00B</span>
+</div>
+<div style="grid-column:9/13;display:flex;flex-direction:column;justify-content:flex-end;">
+<div style="border-top:2px solid var(--deck-ink);padding:12px 0 14px;"><span style="${display}display:block;font-size:34px;line-height:1;">$00B</span><span style="display:block;margin-top:4px;font-size:15px;line-height:1.35;color:var(--deck-muted);">Total addressable: every team that coordinates work</span></div>
+<div style="border-top:1px solid var(--deck-ink);padding:12px 0 14px;"><span style="${display}display:block;font-size:34px;line-height:1;">$0.0B</span><span style="display:block;margin-top:4px;font-size:15px;line-height:1.35;color:var(--deck-muted);">Serviceable: mid-market operations teams</span></div>
+<div style="border-top:1px solid var(--deck-ink);padding:12px 0 0;"><span style="${display}display:block;font-size:34px;line-height:1;color:var(--deck-accent);">$000M</span><span style="display:block;margin-top:4px;font-size:15px;line-height:1.35;color:var(--deck-muted);">Obtainable in five years</span></div>
+</div>
+</div>
+<p style="margin:14px 0 0;font-size:14px;color:var(--deck-muted);">Sample figures. Replace with sourced estimates and cite each source.</p>`,
+      ),
+      notes:
+        "Every figure on this slide is a placeholder. Replace each one with a sourced estimate, say how you sized it, and be ready to defend the bottom-up number rather than the headline.",
+    },
+    {
+      layout: "content",
+      content: slide(
+        `${runningHead(5, "Business model")}
+<div style="${grid}margin-top:30px;align-items:end;">
+<h1 style="${display}grid-column:1/9;font-size:42px;line-height:0.98;">Priced per team. Expanding with every seat.</h1>
+<p style="grid-column:9/13;margin:0;font-size:16px;line-height:1.4;color:var(--deck-muted);">Teams start on a self-serve plan and grow into annual contracts as more of the company joins.</p>
+</div>
+<div style="${grid}margin-top:30px;">
+<div style="grid-column:1/5;border-top:2px solid var(--deck-ink);padding-top:12px;"><h3 style="margin:0;font-size:16px;font-weight:700;">Starter</h3><span style="${display}display:block;margin-top:12px;font-size:76px;line-height:0.9;">$00</span><span style="display:block;margin-top:6px;font-size:14px;color:var(--deck-muted);">per seat, per month</span></div>
+<div style="grid-column:5/9;border-top:2px solid var(--deck-ink);padding-top:12px;"><h3 style="margin:0;font-size:16px;font-weight:700;">Team</h3><span style="${display}display:block;margin-top:12px;font-size:76px;line-height:0.9;">$00</span><span style="display:block;margin-top:6px;font-size:14px;color:var(--deck-muted);">per seat, billed annually</span></div>
+<div style="grid-column:9/13;border-top:2px solid var(--deck-accent);padding-top:12px;"><h3 style="margin:0;font-size:16px;font-weight:700;">Enterprise</h3><span style="${display}display:block;margin-top:12px;font-size:76px;line-height:0.9;color:var(--deck-accent);">$0k+</span><span style="display:block;margin-top:6px;font-size:14px;color:var(--deck-muted);">annual contract, custom terms</span></div>
+</div>
+<div style="margin-top:auto;display:grid;grid-template-columns:3fr 5fr 4fr;font-size:15px;font-weight:600;">
+<div style="background:var(--deck-surface);padding:12px 14px;">Land with one team</div>
+<div style="background:var(--deck-ink);color:var(--deck-bg);padding:12px 14px;">Expand across departments</div>
+<div style="background:var(--deck-accent);padding:12px 14px;">Renew on an annual plan</div>
+</div>`,
+      ),
+      notes:
+        "Explain how a customer grows from the first team to a company-wide contract. Replace the sample prices with your real plans, and drop a tier rather than invent one.",
+    },
+    {
+      layout: "statement",
+      content: slide(
+        `${runningHead(6, "The ask")}
+<div style="${grid}margin-top:36px;">
+<h1 style="${display}grid-column:1/10;font-size:76px;line-height:0.9;">Raising $0.0M to reach the next milestone.</h1>
+</div>
+<div style="margin-top:auto;">
+<p style="margin:0 0 14px;font-size:17px;line-height:1.4;font-weight:500;max-width:560px;">Twenty-four months of runway to prove repeatable sales in two segments.</p>
+<div style="display:grid;grid-template-columns:50fr 32fr 18fr;border-top:2px solid var(--deck-ink);">
+<div style="padding-top:10px;border-right:1px solid var(--deck-ink);"><div style="height:18px;background:var(--deck-accent);margin-right:12px;"></div><span style="display:block;margin-top:8px;font-size:15px;font-weight:600;">Product and engineering, 00%</span></div>
+<div style="padding:10px 0 0 12px;border-right:1px solid var(--deck-ink);"><div style="height:18px;background:var(--deck-ink);margin-right:12px;"></div><span style="display:block;margin-top:8px;font-size:15px;font-weight:600;">Go-to-market, 00%</span></div>
+<div style="padding:10px 0 0 12px;"><div style="height:18px;background:var(--deck-surface);"></div><span style="display:block;margin-top:8px;font-size:15px;font-weight:600;">Operations, 00%</span></div>
+</div>
+<div style="display:flex;justify-content:space-between;margin-top:22px;font-size:15px;"><span style="font-weight:600;">Name Surname, Founder</span><span style="color:var(--deck-muted);">founder@company.example</span></div>
+</div>`,
+      ),
+      notes:
+        "State the amount and what it buys in one breath, then pause for questions. Replace the round size, the use-of-funds split, and the contact details with your own.",
+    },
+  ],
+);