@ryanyahya/opendoc 0.4.0

package/starter/templates/pitch-deck/starter.tsx

@@ -0,0 +1,140 @@
+import { PitchDeck, PitchSlide, PitchText, PitchPanel, PitchImage } from '../../templates/pitch-deck';
+// @ts-ignore The selected local theme module is inserted when this starter becomes a document.
+import { theme } from "__OPENDOC_THEME_MODULE__";
+
+const title = "__OPENDOC_TITLE__";
+export const meta = { title, description:'A venture pitch. Replace all prompts with supported company material.', kind:'pitch deck', theme:"__OPENDOC_THEME__" };
+export const provenance = {template:'templates/pitch-deck/index.tsx'};
+
+// This is your editable story, not a required slide order. Keep stable IDs when reordering.
+// Add managed image={{item:'your-media-id'}} to a PitchImage after importing and reviewing media.
+// Sources, dates and assumptions belong beside the relevant evidence. Move detail to explicit appendix slides.
+export default function Deck() {
+  return <PitchDeck title={title} theme={theme}>
+    <PitchSlide id="purpose" theme={theme} dark eyebrow="COMPANY PURPOSE" footer="[Founder name]  /  [Contact]  /  [Date]">
+      <PitchText id="company-name" theme={theme} x={48} y={108} w={680} h={150} body={title} role="display" size={64} weight={600} color={theme.paper}/>
+      <PitchText id="company-promise" theme={theme} x={48} y={290} w={720} h={112} body="We help [specific customer] achieve [valuable outcome]." size={32} color={theme.paper}/>
+      <PitchText id="round-context" theme={theme} x={48} y={448} w={760} h={30} body="[Fundraising stage]  /  One plain sentence. No category jargon." size={16} color={theme.paper}/>
+    </PitchSlide>
+
+    <PitchSlide id="problem" theme={theme} eyebrow="THE CUSTOMER PAIN" title="A real person. An expensive problem." footer="Evidence placeholder: source, date and customer context.">
+      <PitchText id="customer-situation" theme={theme} x={48} y={186} w={390} h={90} body="[Customer] struggles to [important job]." role="display" size={32} weight={600}/>
+      <PitchText id="customer-consequence" theme={theme} x={48} y={312} w={360} h={118} body="Describe the cost of the current workaround in time, money or lost opportunity." size={23}/>
+      <PitchPanel id="pain-evidence-panel" theme={theme} dark x={492} y={177} w={420} h={291}/>
+      <PitchText id="pain-evidence-label" theme={theme} x={524} y={208} w={356} h={25} body="VOICE OF THE CUSTOMER" role="label" size={11} color={theme.paper}/>
+      <PitchText id="pain-evidence" theme={theme} x={524} y={258} w={350} h={128} body="[A short, permissioned customer quote or measured observation.]" size={28} color={theme.paper}/>
+      <PitchText id="pain-attribution" theme={theme} x={524} y={425} w={350} h={25} body="[Attribution / study / interview date]" size={13} color={theme.paper}/>
+    </PitchSlide>
+
+    <PitchSlide id="solution" theme={theme} eyebrow="THE SOLUTION" title="Show the change your product makes." footer="Replace these prompts with one concrete customer outcome.">
+      <PitchPanel id="before-panel" theme={theme} rule x={48} y={178} w={416} h={286}/>
+      <PitchPanel id="after-panel" theme={theme} dark x={484} y={178} w={428} h={286}/>
+      <PitchText id="before-label" theme={theme} x={76} y={205} w={360} h={24} body="TODAY" role="label" size={12}/>
+      <PitchText id="before-outcome" theme={theme} x={76} y={252} w={360} h={110} body="[The frustrating status quo]" role="display" size={34} weight={600}/>
+      <PitchText id="before-detail" theme={theme} x={76} y={390} w={360} h={52} body="Describe the workaround, not a straw man." size={18}/>
+      <PitchText id="after-label" theme={theme} x={512} y={205} w={372} h={24} body="WITH YOUR PRODUCT" role="label" size={12} color={theme.paper}/>
+      <PitchText id="after-outcome" theme={theme} x={512} y={252} w={372} h={110} body="[A clear, valuable improvement]" role="display" size={34} weight={600} color={theme.paper}/>
+      <PitchText id="after-detail" theme={theme} x={512} y={390} w={372} h={52} body="Explain the unique insight that makes it possible." size={18} color={theme.paper}/>
+    </PitchSlide>
+
+    <PitchSlide id="product" theme={theme} eyebrow="THE PRODUCT" title="Make the experience immediately clear." footer="Product visual placeholder. Show the real experience; label concept work as a concept.">
+      <PitchImage id="product-visual" theme={theme} x={48} y={175} w={558} h={291} label="Product demonstration" detail="Use one cropped product view, physical product photograph or simplified demonstration."/>
+      <PitchText id="product-first" theme={theme} x={646} y={188} w={266} h={70} body="01  [Start with the customer's action]" size={23} weight={600}/>
+      <PitchText id="product-second" theme={theme} x={646} y={286} w={266} h={70} body="02  [Show the useful transformation]" size={23} weight={600}/>
+      <PitchText id="product-third" theme={theme} x={646} y={384} w={266} h={70} body="03  [End with the result]" size={23} weight={600}/>
+    </PitchSlide>
+
+    <PitchSlide id="why-now" theme={theme} dark eyebrow="WHY NOW" footer="Evidence placeholder: dates and sources for the enabling changes.">
+      <PitchText id="timing-claim" theme={theme} x={48} y={96} w={820} h={148} body={"What changed\nthat makes this possible now?"} role="display" size={53} weight={600} color={theme.paper}/>
+      <PitchText id="timing-shift" theme={theme} x={48} y={302} w={254} h={122} body={"[Technology shift]\nWhat became possible?"} size={25} color={theme.paper}/>
+      <PitchText id="timing-behavior" theme={theme} x={350} y={302} w={254} h={122} body={"[Behavior shift]\nWhat do customers now expect?"} size={25} color={theme.paper}/>
+      <PitchText id="timing-window" theme={theme} x={652} y={302} w={260} h={122} body={"[Market opening]\nWhy act in this window?"} size={25} color={theme.paper}/>
+    </PitchSlide>
+
+    <PitchSlide id="traction" theme={theme} eyebrow="TRACTION / VALIDATION" title="Lead with your strongest honest evidence." footer="Evidence placeholder: unit, period, cohort, source and whether observed or estimated.">
+      <PitchText id="traction-primary" theme={theme} x={48} y={190} w={304} h={93} body="[Metric]" role="display" size={60} weight={600}/>
+      <PitchText id="traction-definition" theme={theme} x={48} y={302} w={294} h={100} body="State what it measures and why it shows customers value the product." size={23}/>
+      <PitchText id="traction-stage-note" theme={theme} x={48} y={426} w={294} h={45} body="Pre-launch? Use validated learning or committed pilots." size={14}/>
+      <PitchImage id="traction-chart" theme={theme} x={400} y={180} w={512} h={285} label="Evidence chart or customer proof" detail="Add actual data with readable axes and a period. No invented growth curve."/>
+    </PitchSlide>
+
+    <PitchSlide id="market" theme={theme} eyebrow="MARKET POTENTIAL" title="Start with a customer you can actually reach." footer="Sizing placeholder: show source dates, assumptions, calculation and currency.">
+      <PitchText id="market-beachhead" theme={theme} x={48} y={177} w={830} h={55} body="[Specific initial customer segment + geography]" size={27} weight={600}/>
+      <PitchPanel id="market-formula-panel" theme={theme} dark x={48} y={255} w={864} h={122}/>
+      <PitchText id="market-count" theme={theme} x={76} y={276} w={244} h={77} body={"[Customers]\nReachable accounts"} size={24} color={theme.paper}/>
+      <PitchText id="market-multiply" theme={theme} x={338} y={289} w={40} h={50} body="×" size={36} color={theme.paper}/>
+      <PitchText id="market-value" theme={theme} x={398} y={276} w={224} h={77} body={"[Annual value]\nPer account"} size={24} color={theme.paper}/>
+      <PitchText id="market-equals" theme={theme} x={640} y={289} w={40} h={50} body="=" size={36} color={theme.paper}/>
+      <PitchText id="market-result" theme={theme} x={704} y={276} w={180} h={77} body={"[Market]\nAnnual value"} size={24} color={theme.paper}/>
+      <PitchText id="market-expansion" theme={theme} x={48} y={415} w={850} h={52} body="Then explain the credible path into adjacent customers or new uses." size={23}/>
+    </PitchSlide>
+
+    <PitchSlide id="business-model" theme={theme} eyebrow="BUSINESS MODEL" title="Who pays, for what, and why it works." footer="Economics placeholder: separate measured performance from assumptions.">
+      <PitchPanel id="business-pricing-panel" theme={theme} dark x={48} y={178} w={328} h={288}/>
+      <PitchText id="business-pricing-label" theme={theme} x={76} y={206} w={270} h={25} body="PRICING UNIT" role="label" size={12} color={theme.paper}/>
+      <PitchText id="business-pricing" theme={theme} x={76} y={256} w={270} h={116} body={"[Price]\nper [unit]"} role="display" size={42} weight={600} color={theme.paper}/>
+      <PitchText id="business-payer" theme={theme} x={76} y={404} w={270} h={42} body="[Buyer / budget owner]" size={19} color={theme.paper}/>
+      <PitchText id="business-value" theme={theme} x={424} y={192} w={472} h={98} body={"[Why this is worth paying for]\nConnect price with the buyer's value."} size={25} weight={600}/>
+      <PitchText id="business-economics" theme={theme} x={424} y={326} w={472} h={125} body={"[Economics that matter]\nExplain cost to serve, margin or repeat behavior using the measures relevant to your business."} size={23}/>
+    </PitchSlide>
+
+    <PitchSlide id="go-to-market" theme={theme} eyebrow="GO TO MARKET" title="A focused route to the first repeatable growth." footer="Channel evidence placeholder. Distinguish tested acquisition from the plan.">
+      <PitchText id="gtm-entry-label" theme={theme} x={48} y={185} w={252} h={40} body="01 / FIND" role="label" size={15}/>
+      <PitchText id="gtm-entry" theme={theme} x={48} y={247} w={252} h={170} body={"[Entry channel]\nWhere does your first audience already gather?"} size={25}/>
+      <PitchText id="gtm-convert-label" theme={theme} x={352} y={185} w={252} h={40} body="02 / CONVERT" role="label" size={15}/>
+      <PitchText id="gtm-convert" theme={theme} x={352} y={247} w={252} h={170} body={"[First value moment]\nWhat moves a prospect from interest into use?"} size={25}/>
+      <PitchText id="gtm-repeat-label" theme={theme} x={656} y={185} w={256} h={40} body="03 / REPEAT" role="label" size={15}/>
+      <PitchText id="gtm-repeat" theme={theme} x={656} y={247} w={256} h={170} body={"[Repeatable engine]\nWhat evidence makes you believe this can scale?"} size={25}/>
+      <PitchText id="gtm-learning" theme={theme} x={48} y={438} w={850} h={36} body="[One next experiment and the success criterion that earns more investment.]" size={18}/>
+    </PitchSlide>
+
+    <PitchSlide id="alternatives" theme={theme} eyebrow="COMPETITION / ALTERNATIVES" title="Show the trade-off that lets you win." footer="Comparison placeholder: verify alternatives, criteria and dates. Include doing nothing.">
+      <PitchText id="alternatives-column" theme={theme} x={48} y={174} w={254} h={27} body="CUSTOMER CHOICE" role="label" size={11}/>
+      <PitchText id="alternatives-strength-column" theme={theme} x={348} y={174} w={242} h={27} body="WHY THEY CHOOSE IT" role="label" size={11}/>
+      <PitchText id="alternatives-gap-column" theme={theme} x={642} y={174} w={270} h={27} body="WHERE YOU DIFFER" role="label" size={11}/>
+      <PitchPanel id="alternatives-current-rule" theme={theme} rule x={48} y={211} w={864} h={1}/>
+      <PitchText id="alternatives-current" theme={theme} x={48} y={228} w={254} h={65} body="[Current workaround]" size={23} weight={600}/>
+      <PitchText id="alternatives-current-strength" theme={theme} x={348} y={228} w={242} h={65} body="[Its genuine strength]" size={21}/>
+      <PitchText id="alternatives-current-gap" theme={theme} x={642} y={228} w={270} h={65} body="[Your relevant advantage]" size={21}/>
+      <PitchPanel id="alternatives-direct-rule" theme={theme} rule x={48} y={307} w={864} h={1}/>
+      <PitchText id="alternatives-direct" theme={theme} x={48} y={326} w={254} h={65} body="[Direct competitor]" size={23} weight={600}/>
+      <PitchText id="alternatives-direct-strength" theme={theme} x={348} y={326} w={242} h={65} body="[Its genuine strength]" size={21}/>
+      <PitchText id="alternatives-direct-gap" theme={theme} x={642} y={326} w={270} h={65} body="[Your relevant advantage]" size={21}/>
+      <PitchText id="alternatives-durability" theme={theme} x={48} y={429} w={840} h={47} body="[Explain why the advantage can endure as alternatives improve.]" size={22} weight={600}/>
+    </PitchSlide>
+
+    <PitchSlide id="team" theme={theme} eyebrow="THE TEAM" title="Why this team is right for this problem." footer="Team placeholders. Include relevant experience and real roles; use permissioned portraits.">
+      <PitchImage id="founder-one-portrait" theme={theme} x={48} y={178} w={178} h={180} label="Founder portrait"/>
+      <PitchImage id="founder-two-portrait" theme={theme} x={354} y={178} w={178} h={180} label="Founder portrait"/>
+      <PitchText id="founder-one-name" theme={theme} x={48} y={381} w={274} h={42} body="[Name / role]" size={25} weight={600}/>
+      <PitchText id="founder-one-fit" theme={theme} x={48} y={428} w={274} h={52} body="[One specific reason this person belongs here.]" size={18}/>
+      <PitchText id="founder-two-name" theme={theme} x={354} y={381} w={274} h={42} body="[Name / role]" size={25} weight={600}/>
+      <PitchText id="founder-two-fit" theme={theme} x={354} y={428} w={274} h={52} body="[One specific reason this person belongs here.]" size={18}/>
+      <PitchPanel id="team-insight-panel" theme={theme} dark x={660} y={178} w={252} h={302}/>
+      <PitchText id="team-insight" theme={theme} x={686} y={212} w={200} h={226} body={"[The earned insight]\nWhat have you learned together that others miss?"} size={28} color={theme.paper}/>
+    </PitchSlide>
+
+    <PitchSlide id="financial-position" theme={theme} eyebrow="FINANCIAL POSITION" title="Make the current position easy to understand." footer="Financial placeholders: currency, as-of date, period and basis. Label projections explicitly.">
+      <PitchText id="financial-actuals-label" theme={theme} x={48} y={185} w={386} h={26} body="ACTUALS / AS OF [DATE]" role="label" size={12}/>
+      <PitchText id="financial-actuals" theme={theme} x={48} y={238} w={386} h={184} body={"[Revenue, if any]\n[Cash and burn]\n[Runway at current plan]"} size={29}/>
+      <PitchPanel id="financial-plan-panel" theme={theme} rule x={484} y={177} w={428} h={287}/>
+      <PitchText id="financial-plan-label" theme={theme} x={512} y={205} w={372} h={26} body="PLAN / KEY ASSUMPTIONS" role="label" size={12}/>
+      <PitchText id="financial-plan" theme={theme} x={512} y={258} w={372} h={149} body={"[What drives the model]\nName the assumptions that matter and the next evidence needed."} size={27}/>
+      <PitchText id="financial-detail" theme={theme} x={48} y={441} w={386} h={38} body="Put detailed schedules in an appendix." size={17}/>
+    </PitchSlide>
+
+    <PitchSlide id="funding-ask" theme={theme} eyebrow="THE RAISE" title="Fund the next proof point." footer="Funding placeholders: currency, intended runway, milestone dates and dependencies.">
+      <PitchText id="raise-amount" theme={theme} x={48} y={185} w={348} h={120} body={"[Raise\namount]"} role="display" size={48} weight={600}/>
+      <PitchText id="raise-purpose" theme={theme} x={48} y={344} w={328} h={112} body={"[Runway / use of funds]\nExplain what this capital allows you to prove."} size={24}/>
+      <PitchText id="milestone-product" theme={theme} x={452} y={190} w={460} h={74} body={"01  [Product milestone]\n[Success criterion + target date]"} size={23}/>
+      <PitchText id="milestone-market" theme={theme} x={452} y={293} w={460} h={74} body={"02  [Customer milestone]\n[Success criterion + target date]"} size={23}/>
+      <PitchText id="milestone-business" theme={theme} x={452} y={396} w={460} h={74} body={"03  [Business milestone]\n[Success criterion + target date]"} size={23}/>
+    </PitchSlide>
+
+    <PitchSlide id="vision" theme={theme} dark eyebrow="THE VISION" footer="[Founder name]  /  [Email]  /  [Website]">
+      <PitchText id="vision-promise" theme={theme} x={48} y={106} w={822} h={220} body={"If this works,\nwhat becomes possible?"} role="display" size={62} weight={600} color={theme.paper}/>
+      <PitchText id="vision-future" theme={theme} x={48} y={347} w={750} h={85} body="[Describe the company you intend to build in five years.]" size={28} color={theme.paper}/>
+      <PitchText id="vision-next-step" theme={theme} x={48} y={449} w={800} h={35} body="[Clear next step for the investor]" size={20} color={theme.paper}/>
+    </PitchSlide>
+  </PitchDeck>;
+}

package/starter/templates/pitch-deck/template.json

@@ -0,0 +1,15 @@
+{
+  "name": "Pitch deck",
+  "description": "A venture pitch with a clear promise, product demonstration, evidence, market logic and a concrete ask. Fourteen adaptable slides with oversized statements, generous visual frames and precise comparisons.",
+  "format": "16:9 · Venture pitch",
+  "documentFormat": "presentation",
+  "structure": [
+    "A purpose-led opening and a memorable closing vision frame the investor story.",
+    "Customer pain, solution and product demonstration have different compositions.",
+    "Traction, market and financial positions use clearly labeled evidence placeholders, never invented numbers.",
+    "Commercial logic includes business model, route to customers and realistic alternatives.",
+    "Founder portraits and a milestone-based funding ask connect capability with the next stage.",
+    "Every slide and its editable placeholder content is copied into the new instance.",
+    "Shorten or reorder the skeleton for stage, audience and duration; use 5–7 key ideas for a short Demo Day pitch."
+  ]
+}

package/starter/templates/proposal-deck/AGENTS.md

@@ -0,0 +1,25 @@
+# Proposal deck
+
+A client-facing decision deck with the character of a clear executive memorandum: a narrow navigation rail, large recommendation, evidence-led image pauses, precise ledgers and stage gates. The fourteen-slide specimen is a replaceable placeholder skeleton, not a fixed sales script or a contractual agreement.
+
+## Adapt to the client
+
+The default sequence is commission, recommendation, situation, outcomes, approach, workstreams, deliverables and acceptance, scope boundary, timeline, governance, relevant evidence, investment, dependencies and risk, next decision. Lead with the client's priorities. In an RFP, the required response order and evaluation criteria take precedence; add a compliance map if useful. A short proposal may need only recommendation, scope, delivery, price and decision. Move detailed schedules or terms to explicit appendix slides or a companion document. Do not force a proposal to contain a case study, three outcomes or two pricing options if it has none.
+
+All starter copy is local TSX and editable. Use ordinary native text and keep stable slide/component IDs when adapting or reordering. The shell accepts caller themes; presentation sizes and canvas geometry are intentional local adaptations, with colors and families from the theme. Defaults are 960 × 540 and a 38 pt title. Reduce a long title explicitly, adjust geometry, or split a slide; do not hide overflow or shrink all content automatically. Most body copy is 16–24 pt. Footer notes are supporting material, never the only location for a material term.
+
+`ProposalSlide` supplies the navigation and heading. `ProposalPanel`, `ProposalCopy`, `ProposalLabel`, `ProposalRule`, `ProposalPicture` and `ProposalLedgerRow` can be recombined locally. The ledger's four cells remain independently editable; keep meaningful row IDs. Text panels require an explicit height and ledger cells reserve 72 pt for copy (23 pt in the header). These bounds make excess content a preflight error before it can collide with another region. Adjust the height and neighboring geometry together, or split the content; do not disable clipping checks. Optional image props deliberately leave a visible labeled position. Supply `image={{item:'reviewed-local-image'}}`, with `fit:'contain'` for diagrams. `MediaFrame` preserves the native text around the image. The cover's portrait crop, approach's wide visual and case story's tall evidence panel serve different purposes. Use approved, relevant artwork and inspect its crop, contrast and provenance. No fabricated stock case results or implicit endorsement logos.
+
+## Research behind the skeleton
+
+Research checked 11 September 2026. These sources inform our independent structure; this is not an official Shipley or government template.
+
+- [Shipley Proposal Writer Playbook](https://digital.shipleywins.com/view/320547/i/): organize around client issues and benefits, connect features to their value, and support differentiation with evidence and risk mitigation. Applied here to the opening recommendation, benefit-linked approach, specific proof story and an explicit next decision. Research rationale is in this guide rather than pretending to be evidence for the future client's claims.
+- [Shipley: Winning Executive Summaries](https://digital.shipleywins.com/view/1002657341/30-31): executive summaries should be organized around the customer's important issues. Applied as a concise, self-contained decision memo before company credentials.
+- [FAR Subpart 37.6: Performance-Based Acquisition](https://www.acquisition.gov/far/subpart-37.6): outcome descriptions, measurable performance standards and assessment methods provide a useful structure for delivery clarity. Applied as separate outcome measures, deliverable acceptance evidence, named approval roles and stage gates. This is a structural reference; US procurement rules are not asserted to govern a general client engagement.
+
+The optional commercial comparison, scope boundary and dependencies are design judgments for decision clarity. They do not supply legal or commercial terms: replace every amount, currency, tax treatment, payment condition, validity period, date, allocation, client name and claim with actual agreed or explicitly proposed material. Distinguish expected benefits from proven results. Case results need a source, measurement window, attribution, permission and transferability limits. If evidence is unavailable, omit the slide or state a planned validation approach.
+
+## Finish
+
+Create through the presentation template catalog so project membership, format, theme adapter and assets are recorded. Review every slide after changes: these are bounded slides, not flowing pages. Confirm title fit, ledger row endings, contrast on the two dark slides, all commercial assumptions and the closing decision. Keep proofs outside the user's document library.

package/starter/templates/proposal-deck/index.tsx

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+import * as F from '@formepdf/react';
+import { Block, Heading, MediaFrame, Paragraph, Presentation, Slide, TextSlot, type ImageFrameOptions } from 'opendoc';
+import { themePage, themeType, type DocTheme } from 'opendoc/themes';
+
+export type ProposalImage = Pick<ImageFrameOptions, 'fit' | 'position' | 'radius'> & { item: string; alt?: string };
+type BoxProps = { x: number; y: number; w: number; h?: number };
+const box = ({x,y,w,h}:BoxProps):F.Style => ({position:'absolute',left:x,top:y,width:w,...(h===undefined?{}:{height:h})});
+
+export function ProposalDeck(props:Parameters<typeof Presentation>[0]) { return <Presentation {...props}/>; }
+
+/** A slide shell, not a compulsory argument. Every visible word is supplied by its caller. */
+export function ProposalSlide({id,theme,title,eyebrow,footer,number,children,dark=false,layout='standard',titleSize=38}:{
+  id:string;theme:DocTheme;title:ReactNode;eyebrow?:ReactNode;footer?:ReactNode;number?:ReactNode;children?:ReactNode;
+  dark?:boolean;layout?:'standard'|'cover'|'case'|'closing';titleSize?:number;
+}) {
+  const ink=dark?theme.paper:theme.ink, muted=dark?theme.line:theme.muted;
+  const titleBox=layout==='cover'?{x:64,y:178,w:536,h:170}:layout==='case'?{x:596,y:78,w:316,h:92}:layout==='closing'?{x:88,y:135,w:766,h:145}:{x:88,y:76,w:824,h:92};
+  return <Slide id={id} padding={0} style={{...themePage(theme).style,backgroundColor:dark?theme.ink:theme.paper,lineBreaking:'greedy'}}>
+    {layout==='standard'&&<F.View style={{position:'absolute',left:48,top:40,width:2,height:454,backgroundColor:dark?theme.muted:theme.line}}/>}
+    {eyebrow&&<Block id={`${id}-eyebrow-frame`} style={{...box({x:layout==='cover'?64:layout==='case'?596:88,y:40,w:layout==='case'?316:790,h:28}),overflow:'hidden'}}><Paragraph id={`${id}-eyebrow`} role="label" style={{...themeType(theme,'label'),fontSize:11,lineHeight:1.15,margin:0,color:muted}}><TextSlot slot="eyebrow" from="eyebrow">{eyebrow}</TextSlot></Paragraph></Block>}
+    <Block id={`${id}-title-frame`} style={{...box(titleBox),overflow:'hidden'}}><Heading id={`${id}-title`} level={1} style={{...themeType(theme,'h1'),fontSize:layout==='cover'?titleSize+12:layout==='closing'?titleSize+10:titleSize,lineHeight:1.06,margin:0,color:ink}}><TextSlot slot="title" from="title">{title}</TextSlot></Heading></Block>
+    {children}
+    {footer&&<Paragraph id={`${id}-footer`} role="small" style={{...box({x:layout==='cover'?64:88,y:508,w:735}),...themeType(theme,'small'),fontSize:9,lineHeight:1.1,margin:0,color:muted}}><TextSlot slot="footer" from="footer">{footer}</TextSlot></Paragraph>}
+    {number&&<Paragraph id={`${id}-number`} role="small" style={{...box({x:864,y:505,w:48}),...themeType(theme,'small'),fontSize:12,lineHeight:1.1,margin:0,color:muted,textAlign:'right'}}><TextSlot slot="number" from="number">{number}</TextSlot></Paragraph>}
+  </Slide>;
+}
+
+export function ProposalPanel({id,x,y,w,h,theme,children,fill=false,dark=false,padding=0}:BoxProps&{id:string;h:number;theme:DocTheme;children?:ReactNode;fill?:boolean;dark?:boolean;padding?:number}) {
+  return <Block id={id} style={{...box({x,y,w,h}),overflow:'hidden',padding,backgroundColor:fill?(dark?theme.ink:theme.line):undefined}}>{children}</Block>;
+}
+export function ProposalCopy({id,theme,children,size=18,dark=false,bold=false,gap=12,color}: {id:string;theme:DocTheme;children:ReactNode;size?:number;dark?:boolean;bold?:boolean;gap?:number;color?:string}) {
+  return <Paragraph id={id} style={{fontFamily:bold?theme.heading:theme.body,fontSize:size,fontWeight:bold?600:400,lineHeight:1.28,color:color??(dark?theme.paper:theme.ink),marginTop:0,marginBottom:gap}}><TextSlot slot="copy" from="children">{children}</TextSlot></Paragraph>;
+}
+export function ProposalLabel({id,theme,children,dark=false}: {id:string;theme:DocTheme;children:ReactNode;dark?:boolean}) {
+  return <Paragraph id={id} role="label" style={{...themeType(theme,'label'),fontSize:11,lineHeight:1.1,marginTop:0,marginBottom:14,color:dark?theme.line:theme.muted}}><TextSlot slot="label" from="children">{children}</TextSlot></Paragraph>;
+}
+export function ProposalRule({x,y,w,theme,dark=false}:Omit<BoxProps,'h'>&{theme:DocTheme;dark?:boolean}) {return <F.View style={{...box({x,y,w,h:1}),backgroundColor:dark?theme.muted:theme.line}}/>;}
+
+/** An omitted item deliberately reserves image space; a supplied missing item fails preflight. */
+export function ProposalPicture({id,x,y,w,h,theme,image,label}:{id:string;x:number;y:number;w:number;h:number;theme:DocTheme;image?:ProposalImage;label:ReactNode}) {
+  return <Block id={id} style={{...box({x,y,w,h}),overflow:'hidden'}}>{image?<MediaFrame {...image} width={w} height={h}/>:<F.View style={{width:w,height:h,backgroundColor:theme.line,padding:24,justifyContent:'flex-end'}}>
+    <F.View style={{position:'absolute',left:24,top:24,width:38,height:38,borderWidth:1,borderColor:theme.muted}}/>
+    <Paragraph id={`${id}-label`} role="caption" style={{...themeType(theme,'caption'),fontSize:12,lineHeight:1.3,margin:0,color:theme.ink}}><TextSlot slot="label" from="label">{label}</TextSlot></Paragraph>
+  </F.View>}</Block>;
+}
+
+/** Four independently owned cells. Keep row IDs stable when deliverables move. */
+export function ProposalLedgerRow({id,theme,y,deliverable,acceptance,owner,timing,header=false}:{id:string;theme:DocTheme;y:number;deliverable:ReactNode;acceptance:ReactNode;owner:ReactNode;timing:ReactNode;header?:boolean}) {
+  const fields=[['deliverable',deliverable,88,250],['acceptance',acceptance,358,260],['owner',owner,638,122],['timing',timing,780,132]] as const;
+  return <>{fields.map(([slot,value,x,w])=><Block key={slot} id={`${id}-${slot}`} style={{...box({x,y,w,h:header?23:72}),overflow:'hidden'}}><Paragraph id={`${id}-${slot}-text`} style={{fontFamily:header?theme.heading:theme.body,fontSize:header?11:16,lineHeight:1.27,fontWeight:header?600:400,color:header?theme.muted:theme.ink,margin:0}}><TextSlot slot={slot} from={slot}>{value}</TextSlot></Paragraph></Block>)}<ProposalRule x={88} y={y+(header?27:79)} w={824} theme={theme}/></>;
+}

package/starter/templates/proposal-deck/preview.tsx

@@ -0,0 +1,172 @@
+import { ProposalDeck, ProposalSlide, ProposalPanel as Panel, ProposalCopy as Copy, ProposalLabel as Label, ProposalRule as Rule, ProposalPicture as Picture, ProposalLedgerRow as Row } from './index';
+import { neutral } from '../../themes';
+import { type DocTheme } from 'opendoc/themes';
+
+const title = 'A better outcome, together.';
+export const meta = { title, description: 'A client proposal skeleton. Replace all placeholders with agreed scope and supported evidence.', kind: 'client proposal', theme: 'neutral' };
+export const provenance = { template: 'templates/proposal-deck/index.tsx' };
+
+// All copy lives in this instance. Omit, reorder or adapt slides to the actual decision.
+// Add reviewed document-owned media via image={{item:'your-image'}}. Never invent case results or commercial terms.
+export function Specimen({length='typical',theme=neutral}: {length?:'sparse'|'typical'|'long';theme?:DocTheme}={}) {
+  const title = length==='long' ? 'A considered proposal for improving the client experience across a complex organization' : meta.title;
+  if(length==='sparse') return <ProposalDeck title={title} theme={theme}><ProposalSlide id="sparse-decision" theme={theme} layout="closing" title="A focused proposal." eyebrow="CLIENT DECISION"><Panel id="sparse-request" x={88} y={300} w={650} h={194} theme={theme}><Copy id="sparse-request-copy" theme={theme} size={24}>[One recommendation and the next decision.]</Copy></Panel></ProposalSlide></ProposalDeck>;
+  return <ProposalDeck title={title} theme={theme}>
+    <ProposalSlide id="commission" theme={theme} layout="cover" title={title} titleSize={length==='long'?25:38} eyebrow="A PROPOSAL FOR [CLIENT]" footer="[Prepared by] · [Version / date]" number="01">
+      <Picture id="commission-image" x={644} y={0} w={316} h={488} theme={theme} label="Image position · the client's world, desired experience or project site"/>
+      <Panel id="commission-summary" x={64} y={364} w={510} h={124} theme={theme}>
+        <Copy id="commission-promise" theme={theme} size={24}>[The client outcome this engagement is designed to enable.]</Copy>
+        <Copy id="commission-context" theme={theme} size={14}>[Client organization] / [Project or opportunity reference]</Copy>
+      </Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="recommendation" theme={theme} title={length==='long'?'A longer recommendation headline can explain the client decision with useful context.':'The recommendation, at a glance.'} titleSize={length==='long'?31:38} eyebrow="01 / THE DECISION" footer="Proposal skeleton · replace with an agreed client brief" number="02">
+      <Panel id="recommendation-memo" x={88} y={190} w={515} h={304} theme={theme}>
+        <Label id="recommendation-label" theme={theme}>WE RECOMMEND</Label>
+        <Copy id="recommendation-statement" theme={theme} size={30} bold>[A specific course of action that answers the client's highest priority.]</Copy>
+        <Copy id="recommendation-rationale" theme={theme}>[Why this approach fits the situation, and the trade-off it makes.]</Copy>
+      </Panel>
+      <Rule x={638} y={178} w={274} theme={theme}/>
+      <Panel id="recommendation-facts" x={658} y={196} w={254} h={298} theme={theme}>
+        <Label id="recommendation-outcome-label" theme={theme}>VALUE TO [CLIENT]</Label>
+        <Copy id="recommendation-outcome" theme={theme} size={16}>[Expected benefit and how it will be measured.]</Copy>
+        <Label id="recommendation-effort-label" theme={theme}>COMMITMENT REQUIRED</Label>
+        <Copy id="recommendation-effort" theme={theme} size={16}>[Investment basis, delivery period and client input.]</Copy>
+        <Label id="recommendation-decision-label" theme={theme}>DECISION REQUESTED</Label>
+        <Copy id="recommendation-decision" theme={theme} size={16}>[What the approver needs to authorize next.]</Copy>
+      </Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="situation" theme={theme} title="Start with the client's reality." eyebrow="02 / UNDERSTANDING" number="03">
+      <Panel id="situation-current" x={88} y={186} w={364} h={225} theme={theme}>
+        <Label id="situation-current-label" theme={theme}>WHAT IS HAPPENING</Label>
+        <Copy id="situation-current-title" theme={theme} size={28} bold>[The current state, in the client's words.]</Copy>
+        <Copy id="situation-current-body" theme={theme}>[Who is affected, where friction occurs and what the client has already tried.]</Copy>
+      </Panel>
+      <Panel id="situation-stakes" x={510} y={186} w={402} h={225} theme={theme}>
+        <Label id="situation-stakes-label" theme={theme}>WHY IT MATTERS NOW</Label>
+        <Copy id="situation-stakes-title" theme={theme} size={28} bold>[The business consequence or opportunity.]</Copy>
+        <Copy id="situation-stakes-body" theme={theme}>[The trigger, constraints and cost of leaving the situation unresolved. Separate facts from assumptions.]</Copy>
+      </Panel>
+      <Rule x={88} y={429} w={824} theme={theme}/>
+      <Panel id="situation-source" x={88} y={447} w={824} h={47} theme={theme}><Copy id="situation-source-copy" theme={theme} size={13}>[Basis: client discovery / supplied brief / dated source. Note open questions for confirmation.]</Copy></Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="outcomes" theme={theme} title="Define what success will mean." eyebrow="03 / OUTCOMES" number="04">
+      <Panel id="outcome-primary" x={88} y={188} w={248} h={252} theme={theme}>
+        <Copy id="outcome-primary-number" theme={theme} size={54} bold>01</Copy>
+        <Copy id="outcome-primary-title" theme={theme} size={24} bold>[Primary outcome]</Copy>
+        <Copy id="outcome-primary-measure" theme={theme} size={16}>[Baseline → agreed target] · [Measure / evidence] · [Accountable owner]</Copy>
+      </Panel>
+      <Panel id="outcome-secondary" x={376} y={188} w={248} h={252} theme={theme}>
+        <Copy id="outcome-secondary-number" theme={theme} size={54} bold>02</Copy>
+        <Copy id="outcome-secondary-title" theme={theme} size={24} bold>[Second outcome]</Copy>
+        <Copy id="outcome-secondary-measure" theme={theme} size={16}>[Baseline → agreed target] · [Measure / evidence] · [Accountable owner]</Copy>
+      </Panel>
+      <Panel id="outcome-enabler" x={664} y={188} w={248} h={252} theme={theme}>
+        <Copy id="outcome-enabler-number" theme={theme} size={54} bold>03</Copy>
+        <Copy id="outcome-enabler-title" theme={theme} size={24} bold>[Enabling outcome]</Copy>
+        <Copy id="outcome-enabler-measure" theme={theme} size={16}>[Baseline → agreed target] · [Measure / evidence] · [Accountable owner]</Copy>
+      </Panel>
+      <Panel id="outcome-agreement" x={88} y={460} w={824} h={34} theme={theme}><Copy id="outcome-agreement-copy" theme={theme} size={13}>[Confirm measurement period, data access and acceptance authority before delivery begins.]</Copy></Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="approach" theme={theme} title="An approach shaped around the outcome." eyebrow="04 / RECOMMENDED APPROACH" titleSize={36} number="05">
+      <Panel id="approach-reasoning" x={88} y={190} w={345} h={304} theme={theme}>
+        <Label id="approach-principle-label" theme={theme}>THE CORE IDEA</Label>
+        <Copy id="approach-principle" theme={theme} size={27} bold>[The organizing principle behind the solution.]</Copy>
+        <Copy id="approach-logic" theme={theme} size={18}>[Explain how the approach produces the desired change. Include the important design choice.]</Copy>
+        <Copy id="approach-alternative" theme={theme} size={14}>[Alternative considered and the reason for this recommendation.]</Copy>
+      </Panel>
+      <Picture id="approach-visual" x={484} y={182} w={428} h={245} theme={theme} label="Visual position · solution diagram, experience concept or annotated prototype"/>
+      <Panel id="approach-caption" x={484} y={442} w={428} h={52} theme={theme}><Copy id="approach-caption-copy" theme={theme} size={13}>[Caption: connect the visual to a specific client benefit.]</Copy></Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="workstreams" theme={theme} title="Translate the idea into work." eyebrow="05 / DELIVERY APPROACH" number="06">
+      <Panel id="workstream-discover" x={88} y={183} w={200} h={90} theme={theme}><Label id="workstream-discover-label" theme={theme}>WORKSTREAM 01</Label><Copy id="workstream-discover-title" theme={theme} size={24} bold>[Understand]</Copy></Panel>
+      <Panel id="workstream-discover-detail" x={358} y={183} w={554} h={90} theme={theme}><Copy id="workstream-discover-body" theme={theme}>[Activities and decisions that establish the baseline and test the critical assumptions.]</Copy><Copy id="workstream-discover-output" theme={theme} size={13}>[Output → the next workstream needs this result.]</Copy></Panel>
+      <Rule x={88} y={278} w={824} theme={theme}/>
+      <Panel id="workstream-create" x={88} y={297} w={200} h={90} theme={theme}><Label id="workstream-create-label" theme={theme}>WORKSTREAM 02</Label><Copy id="workstream-create-title" theme={theme} size={24} bold>[Create]</Copy></Panel>
+      <Panel id="workstream-create-detail" x={358} y={297} w={554} h={90} theme={theme}><Copy id="workstream-create-body" theme={theme}>[Activities that develop and test the proposed solution with the people who will use it.]</Copy><Copy id="workstream-create-output" theme={theme} size={13}>[Output → the next decision this work enables.]</Copy></Panel>
+      <Rule x={88} y={392} w={824} theme={theme}/>
+      <Panel id="workstream-enable" x={88} y={411} w={200} h={83} theme={theme}><Label id="workstream-enable-label" theme={theme}>WORKSTREAM 03</Label><Copy id="workstream-enable-title" theme={theme} size={24} bold>[Enable]</Copy></Panel>
+      <Panel id="workstream-enable-detail" x={358} y={411} w={554} h={83} theme={theme}><Copy id="workstream-enable-body" theme={theme}>[Activities that support adoption, handover and measurement of the agreed results.]</Copy></Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="deliverables" theme={theme} title="Make the deliverables testable." eyebrow="06 / SCOPE & ACCEPTANCE" number="07">
+      <Row id="deliverables-header" theme={theme} y={178} header deliverable="DELIVERABLE" acceptance="ACCEPTANCE EVIDENCE" owner="APPROVER" timing="DUE / GATE"/>
+      <Row id="deliverable-baseline" theme={theme} y={222} deliverable="[Named output and format]" acceptance="[Objective completeness or quality criterion]" owner="[Client role]" timing="[Milestone]"/>
+      <Row id="deliverable-solution" theme={theme} y={318} deliverable="[Named output and format]" acceptance="[Review method and evidence required]" owner="[Client role]" timing="[Milestone]"/>
+      <Row id="deliverable-handover" theme={theme} y={414} deliverable="[Named output and format]" acceptance="[What demonstrates a successful handover]" owner="[Client role]" timing="[Milestone]"/>
+    </ProposalSlide>
+
+    <ProposalSlide id="scope-boundary" theme={theme} title="A clear boundary protects delivery." eyebrow="07 / SCOPE BOUNDARY" dark number="08">
+      <Panel id="scope-included" x={88} y={185} w={360} h={230} theme={theme}>
+        <Label id="scope-included-label" theme={theme} dark>INCLUDED</Label>
+        <Copy id="scope-included-title" theme={theme} size={28} bold dark>[What we are responsible for.]</Copy>
+        <Copy id="scope-included-copy" theme={theme} size={18} dark>[Services, audiences, locations, systems and review cycles included in this proposal.]</Copy>
+      </Panel>
+      <Panel id="scope-excluded" x={528} y={185} w={384} h={230} theme={theme}>
+        <Label id="scope-excluded-label" theme={theme} dark>OUTSIDE THIS PROPOSAL</Label>
+        <Copy id="scope-excluded-title" theme={theme} size={28} bold dark>[What would need separate agreement.]</Copy>
+        <Copy id="scope-excluded-copy" theme={theme} size={18} dark>[Exclusions and optional future work. Be specific about ambiguous boundaries.]</Copy>
+      </Panel>
+      <Rule x={88} y={432} w={824} theme={theme} dark/>
+      <Panel id="scope-change" x={88} y={448} w={824} h={46} theme={theme}><Copy id="scope-change-copy" theme={theme} size={14} dark>[Change route: who assesses scope, cost and timing impacts, and who approves a change.]</Copy></Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="roadmap" theme={theme} title="Sequence the work around decisions." eyebrow="08 / MILESTONES" number="09">
+      <Rule x={88} y={200} w={824} theme={theme}/>
+      <Panel id="roadmap-align" x={88} y={217} w={178} h={225} theme={theme}><Label id="roadmap-align-time" theme={theme}>[PERIOD / DATES]</Label><Copy id="roadmap-align-title" theme={theme} size={27} bold>[Align]</Copy><Copy id="roadmap-align-copy" theme={theme} size={16}>[Key activities and output.]</Copy><Label id="roadmap-align-gate-label" theme={theme}>DECISION GATE</Label><Copy id="roadmap-align-gate" theme={theme} size={15}>[Approve baseline and scope.]</Copy></Panel>
+      <Panel id="roadmap-design" x={302} y={217} w={178} h={225} theme={theme}><Label id="roadmap-design-time" theme={theme}>[PERIOD / DATES]</Label><Copy id="roadmap-design-title" theme={theme} size={27} bold>[Develop]</Copy><Copy id="roadmap-design-copy" theme={theme} size={16}>[Key activities and output.]</Copy><Label id="roadmap-design-gate-label" theme={theme}>DECISION GATE</Label><Copy id="roadmap-design-gate" theme={theme} size={15}>[Select a direction.]</Copy></Panel>
+      <Panel id="roadmap-validate" x={516} y={217} w={178} h={225} theme={theme}><Label id="roadmap-validate-time" theme={theme}>[PERIOD / DATES]</Label><Copy id="roadmap-validate-title" theme={theme} size={27} bold>[Validate]</Copy><Copy id="roadmap-validate-copy" theme={theme} size={16}>[Key activities and output.]</Copy><Label id="roadmap-validate-gate-label" theme={theme}>DECISION GATE</Label><Copy id="roadmap-validate-gate" theme={theme} size={15}>[Accept the tested result.]</Copy></Panel>
+      <Panel id="roadmap-transfer" x={730} y={217} w={182} h={225} theme={theme}><Label id="roadmap-transfer-time" theme={theme}>[PERIOD / DATES]</Label><Copy id="roadmap-transfer-title" theme={theme} size={27} bold>[Transfer]</Copy><Copy id="roadmap-transfer-copy" theme={theme} size={16}>[Key activities and output.]</Copy><Label id="roadmap-transfer-gate-label" theme={theme}>DECISION GATE</Label><Copy id="roadmap-transfer-gate" theme={theme} size={15}>[Confirm handover.]</Copy></Panel>
+      <Panel id="roadmap-dependency" x={88} y={460} w={824} h={34} theme={theme}><Copy id="roadmap-dependency-copy" theme={theme} size={13}>[Schedule basis: start condition, client review windows and dependencies. Confirm before committing dates.]</Copy></Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="governance" theme={theme} title="Make ownership visible." eyebrow="09 / PEOPLE & GOVERNANCE" number="10">
+      <Panel id="governance-sponsor" x={88} y={186} w={248} h={190} theme={theme}><Label id="governance-sponsor-label" theme={theme}>CLIENT SPONSOR</Label><Copy id="governance-sponsor-name" theme={theme} size={26} bold>[Name / role]</Copy><Copy id="governance-sponsor-duty" theme={theme} size={17}>[Owns the business outcome and approves scope, investment and key decisions.]</Copy></Panel>
+      <Panel id="governance-lead" x={376} y={186} w={248} h={190} theme={theme}><Label id="governance-lead-label" theme={theme}>DELIVERY LEAD</Label><Copy id="governance-lead-name" theme={theme} size={26} bold>[Name / role]</Copy><Copy id="governance-lead-duty" theme={theme} size={17}>[Owns day-to-day delivery, quality and the agreed escalation route.]</Copy></Panel>
+      <Panel id="governance-team" x={664} y={186} w={248} h={190} theme={theme}><Label id="governance-team-label" theme={theme}>SPECIALIST TEAM</Label><Copy id="governance-team-name" theme={theme} size={26} bold>[Named roles]</Copy><Copy id="governance-team-duty" theme={theme} size={17}>[Relevant capability, allocation and responsibility. Confirm availability.]</Copy></Panel>
+      <Rule x={88} y={392} w={824} theme={theme}/>
+      <Panel id="governance-cadence" x={88} y={415} w={824} h={79} theme={theme}><Label id="governance-cadence-label" theme={theme}>HOW WE WORK TOGETHER</Label><Copy id="governance-cadence-copy" theme={theme} size={17}>[Working cadence] · [Decision forum] · [Reporting artifact] · [Escalation owner]</Copy></Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="proof-story" theme={theme} layout="case" title="Relevant work. Specific proof." titleSize={32} eyebrow="10 / EVIDENCE" number="11">
+      <Picture id="proof-story-image" x={0} y={0} w={552} h={486} theme={theme} label="Case image position · approved project photograph, output or annotated evidence"/>
+      <Panel id="proof-story-caption" x={36} y={498} w={495} h={30} theme={theme}><Copy id="proof-story-caption-copy" theme={theme} size={11}>[Client permission / image attribution / case reference]</Copy></Panel>
+      <Panel id="proof-story-detail" x={596} y={184} w={316} h={310} theme={theme}>
+        <Label id="proof-story-context-label" theme={theme}>COMPARABLE CHALLENGE</Label><Copy id="proof-story-context" theme={theme} size={16}>[Relevant context and why it resembles this engagement.]</Copy>
+        <Label id="proof-story-action-label" theme={theme}>OUR CONTRIBUTION</Label><Copy id="proof-story-action" theme={theme} size={16}>[The team's actual scope and actions.]</Copy>
+        <Label id="proof-story-result-label" theme={theme}>VERIFIABLE RESULT</Label><Copy id="proof-story-result" theme={theme} size={16}>[Supported outcome, measurement period and source. State limits to transferability.]</Copy>
+      </Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="investment" theme={theme} title="Make the commercial choice clear." eyebrow="11 / INVESTMENT" number="12">
+      <Panel id="investment-core" x={88} y={180} w={384} h={198} theme={theme}>
+        <Label id="investment-core-label" theme={theme}>[OPTION A / CORE SCOPE]</Label><Copy id="investment-core-price" theme={theme} size={29} bold>[Amount + currency]</Copy><Copy id="investment-core-basis" theme={theme} size={15}>[Fixed fee / time basis / unit basis]</Copy><Copy id="investment-core-inclusion" theme={theme} size={17}>[Included outcomes, deliverables and capacity. Explain who this option fits.]</Copy>
+      </Panel>
+      <Panel id="investment-extended" x={530} y={180} w={382} h={198} theme={theme}>
+        <Label id="investment-extended-label" theme={theme}>[OPTION B / EXTENDED SCOPE]</Label><Copy id="investment-extended-price" theme={theme} size={29} bold>[Amount + currency]</Copy><Copy id="investment-extended-basis" theme={theme} size={15}>[Same comparison basis as option A]</Copy><Copy id="investment-extended-inclusion" theme={theme} size={17}>[Additional value, scope and trade-offs. Omit this option if it is not useful.]</Copy>
+      </Panel>
+      <Rule x={88} y={389} w={824} theme={theme}/>
+      <Panel id="investment-terms" x={88} y={406} w={824} h={88} theme={theme}><Label id="investment-terms-label" theme={theme}>COMMERCIAL BASIS TO CONFIRM</Label><Copy id="investment-terms-copy" theme={theme} size={15}>[Tax and expenses] · [Payment milestones / terms] · [Validity] · [Currency / assumptions] · [Reference the detailed quotation or agreement; do not leave material costs implicit.]</Copy></Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="delivery-conditions" theme={theme} title="Surface what delivery depends on." eyebrow="12 / ASSUMPTIONS & RISK" number="13">
+      <Panel id="conditions-client" x={88} y={185} w={250} h={230} theme={theme}><Label id="conditions-client-label" theme={theme}>CLIENT DEPENDENCIES</Label><Copy id="conditions-client-title" theme={theme} size={26} bold>[What we need]</Copy><Copy id="conditions-client-copy" theme={theme} size={17}>[Access, data, people, decisions and facilities.]</Copy><Copy id="conditions-client-owner" theme={theme} size={14}>[Owner / required by / impact if late]</Copy></Panel>
+      <Panel id="conditions-assumptions" x={376} y={185} w={248} h={230} theme={theme}><Label id="conditions-assumptions-label" theme={theme}>ASSUMPTIONS</Label><Copy id="conditions-assumptions-title" theme={theme} size={26} bold>[What must hold]</Copy><Copy id="conditions-assumptions-copy" theme={theme} size={17}>[Conditions underpinning scope, timing and price.]</Copy><Copy id="conditions-assumptions-owner" theme={theme} size={14}>[Validation owner / confirmation date]</Copy></Panel>
+      <Panel id="conditions-risk" x={664} y={185} w={248} h={230} theme={theme}><Label id="conditions-risk-label" theme={theme}>PRIORITY RISK</Label><Copy id="conditions-risk-title" theme={theme} size={26} bold>[What could change]</Copy><Copy id="conditions-risk-copy" theme={theme} size={17}>[Cause → event → delivery consequence.]</Copy><Copy id="conditions-risk-owner" theme={theme} size={14}>[Mitigation / owner / escalation trigger]</Copy></Panel>
+      <Rule x={88} y={429} w={824} theme={theme}/>
+      <Panel id="conditions-followup" x={88} y={447} w={824} h={47} theme={theme}><Copy id="conditions-followup-copy" theme={theme} size={13}>[Open issues and how they will be resolved before the work is commissioned.]</Copy></Panel>
+    </ProposalSlide>
+
+    <ProposalSlide id="next-decision" theme={theme} layout="closing" title="A clear decision. A practical next step." titleSize={43} eyebrow="13 / NEXT DECISION" dark number="14">
+      <Panel id="next-decision-request" x={88} y={302} w={520} h={145} theme={theme}><Copy id="next-decision-request-copy" theme={theme} size={24} dark>[Approve the chosen scope and commercial basis, or confirm the changes needed to proceed.]</Copy></Panel>
+      <Panel id="next-decision-owner" x={676} y={312} w={236} h={141} theme={theme}><Label id="next-decision-owner-label" theme={theme} dark>DECISION OWNER / BY</Label><Copy id="next-decision-owner-copy" theme={theme} size={17} dark>[Approver] / [Agreed date]</Copy><Label id="next-decision-action-label" theme={theme} dark>ON AGREEMENT</Label><Copy id="next-decision-action-copy" theme={theme} size={17} dark>[Immediate next action and owner]</Copy></Panel>
+      <Panel id="next-decision-contact" x={88} y={466} w={824} h={28} theme={theme}><Copy id="next-decision-contact-copy" theme={theme} size={13} dark>[Contact name] · [Email] · [Proposal reference]</Copy></Panel>
+    </ProposalSlide>
+  </ProposalDeck>;
+}
+
+export default Specimen;