${(100 * 1.08 ** 5).toFixed(2)}

\n \n \n`, { headers: { \"Content-Type\": \"text/html\" } });\n",[18,86],"ce6a53ee-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,98],"ce6a1460-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,105],"ce69bdee-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,111],"ce6973d4-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,117],"ce6918a8-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,123],"ce68dfc8-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,129],"ce687e2a-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,135],"ce681fde-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,141],"ce67f040-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,147],"ce679802-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,153],"ce674988-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,159],"ce66f528-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,165],"ce667288-5604-11f1-a919-ee650bb23af1",["D",1779471406685],[18,170],"pulls","branches","forks","envVars",{"_166":26,"_323":26},"connections",{"_166":26,"_322":26},"unfilledCount","emptyCount",{"_33":251,"_13":18,"_84":171,"_43":-5,"_35":36,"_252":40,"_253":24,"_37":516,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":517,"_17":518},{"_33":312,"_13":170,"_84":169,"_43":171,"_35":36,"_252":40,"_253":24,"_37":513,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":514,"_17":515},{"_33":507,"_13":393,"_84":508,"_43":169,"_35":36,"_252":40,"_253":24,"_37":509,"_39":26,"_87":88,"_255":510,"_89":30,"_256":-5,"_365":511,"_17":512},{"_33":309,"_13":165,"_84":164,"_43":171,"_35":36,"_252":40,"_253":24,"_37":504,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":505,"_17":506},{"_33":498,"_13":393,"_84":499,"_43":164,"_35":36,"_252":40,"_253":24,"_37":500,"_39":26,"_87":88,"_255":501,"_89":30,"_256":-5,"_365":502,"_17":503},{"_33":306,"_13":159,"_84":158,"_43":171,"_35":36,"_252":40,"_253":24,"_37":495,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":496,"_17":497},{"_33":489,"_13":393,"_84":490,"_43":158,"_35":36,"_252":40,"_253":24,"_37":491,"_39":26,"_87":88,"_255":492,"_89":30,"_256":-5,"_365":493,"_17":494},{"_33":303,"_13":153,"_84":152,"_43":171,"_35":36,"_252":40,"_253":24,"_37":486,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":487,"_17":488},{"_33":480,"_13":393,"_84":481,"_43":152,"_35":36,"_252":40,"_253":24,"_37":482,"_39":26,"_87":88,"_255":483,"_89":30,"_256":-5,"_365":484,"_17":485},{"_33":300,"_13":147,"_84":146,"_43":171,"_35":36,"_252":40,"_253":24,"_37":477,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":478,"_17":479},{"_33":471,"_13":393,"_84":472,"_43":146,"_35":36,"_252":40,"_253":24,"_37":473,"_39":26,"_87":88,"_255":474,"_89":30,"_256":-5,"_365":475,"_17":476},{"_33":297,"_13":141,"_84":140,"_43":171,"_35":36,"_252":40,"_253":24,"_37":468,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":469,"_17":470},{"_33":462,"_13":393,"_84":463,"_43":140,"_35":36,"_252":40,"_253":24,"_37":464,"_39":26,"_87":88,"_255":465,"_89":30,"_256":-5,"_365":466,"_17":467},{"_33":294,"_13":135,"_84":134,"_43":171,"_35":36,"_252":40,"_253":24,"_37":459,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":460,"_17":461},{"_33":453,"_13":393,"_84":454,"_43":134,"_35":36,"_252":40,"_253":24,"_37":455,"_39":26,"_87":88,"_255":456,"_89":30,"_256":-5,"_365":457,"_17":458},{"_33":291,"_13":129,"_84":128,"_43":171,"_35":36,"_252":40,"_253":24,"_37":450,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":451,"_17":452},{"_33":444,"_13":393,"_84":445,"_43":128,"_35":36,"_252":40,"_253":24,"_37":446,"_39":26,"_87":88,"_255":447,"_89":30,"_256":-5,"_365":448,"_17":449},{"_33":288,"_13":123,"_84":122,"_43":171,"_35":36,"_252":40,"_253":24,"_37":441,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":442,"_17":443},{"_33":435,"_13":393,"_84":436,"_43":122,"_35":36,"_252":40,"_253":24,"_37":437,"_39":26,"_87":88,"_255":438,"_89":30,"_256":-5,"_365":439,"_17":440},{"_33":285,"_13":117,"_84":116,"_43":171,"_35":36,"_252":40,"_253":24,"_37":432,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":433,"_17":434},{"_33":426,"_13":393,"_84":427,"_43":116,"_35":36,"_252":40,"_253":24,"_37":428,"_39":26,"_87":88,"_255":429,"_89":30,"_256":-5,"_365":430,"_17":431},{"_33":282,"_13":111,"_84":110,"_43":171,"_35":36,"_252":40,"_253":24,"_37":423,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":424,"_17":425},{"_33":417,"_13":393,"_84":418,"_43":110,"_35":36,"_252":40,"_253":24,"_37":419,"_39":26,"_87":88,"_255":420,"_89":30,"_256":-5,"_365":421,"_17":422},{"_33":279,"_13":105,"_84":104,"_43":171,"_35":36,"_252":40,"_253":24,"_37":414,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":415,"_17":416},{"_33":408,"_13":376,"_84":409,"_43":104,"_35":36,"_252":40,"_253":24,"_37":410,"_39":26,"_87":363,"_255":411,"_89":30,"_256":-5,"_365":412,"_17":413},{"_33":402,"_13":393,"_84":403,"_43":104,"_35":36,"_252":40,"_253":24,"_37":404,"_39":26,"_87":88,"_255":405,"_89":30,"_256":-5,"_365":406,"_17":407},{"_33":276,"_13":98,"_84":97,"_43":171,"_35":36,"_252":40,"_253":24,"_37":399,"_39":26,"_87":99,"_255":-5,"_89":30,"_256":-5,"_365":400,"_17":401},{"_33":392,"_13":393,"_84":394,"_43":97,"_35":36,"_252":40,"_253":24,"_37":395,"_39":26,"_87":88,"_255":396,"_89":30,"_256":-5,"_365":397,"_17":398},{"_33":272,"_13":86,"_84":85,"_43":171,"_35":36,"_252":40,"_253":24,"_37":389,"_39":26,"_87":88,"_255":274,"_89":30,"_256":-5,"_365":390,"_17":391},{"_33":382,"_13":383,"_84":384,"_43":-5,"_35":36,"_252":40,"_253":24,"_37":385,"_39":26,"_87":363,"_255":386,"_89":30,"_256":-5,"_365":387,"_17":388},{"_33":375,"_13":376,"_84":377,"_43":-5,"_35":36,"_252":40,"_253":24,"_37":378,"_39":26,"_87":363,"_255":379,"_89":30,"_256":-5,"_365":380,"_17":381},{"_33":368,"_13":369,"_84":183,"_43":-5,"_35":36,"_252":207,"_253":24,"_37":370,"_39":371,"_87":88,"_255":372,"_89":30,"_256":-5,"_365":373,"_17":374},{"_33":357,"_13":358,"_84":359,"_43":-5,"_35":36,"_252":360,"_253":24,"_37":361,"_39":362,"_87":363,"_255":364,"_89":30,"_256":-5,"_365":366,"_17":367},"eba77cc0-5604-11f1-874c-ee650bb23af1","slides.tsx","019e50c2-d6a7-7440-9dc9-e3c1d4fe794f",6,["D",1779471455853],5,"script","/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport {\n Body,\n Caption,\n Code,\n Eyebrow,\n Footnote,\n H1,\n H2,\n IframePreview,\n Lead,\n PromptBox,\n Slide,\n} from \"./Slide.tsx\";\n\nconst ideas = [\n {\n title: \"Customer feedback classifier\",\n prompt: \"Classify reviews by theme, urgency, sentiment, action.\",\n value:\n \"Stop drowning in NPS open-ends. Sort 500 reviews into 5 buckets in a second.\",\n url: \"https://stevekrouse--960cfc58547011f19a36ee650bb23af1.web.val.run\",\n },\n {\n title: \"Sales lead qualifier\",\n prompt: \"Score leads by fit, urgency, and next step.\",\n value:\n \"Your sales rep sees what to do next on every lead before they pick up the phone.\",\n url: \"https://stevekrouse--a3c56042547011f193a7ee650bb23af1.web.val.run\",\n },\n {\n title: \"Ops checklist generator\",\n prompt: \"Create role-based opening and closing checklists.\",\n value:\n \"An operations manual you can revise in the morning and run by lunch.\",\n url: \"https://stevekrouse--a9d3ce24547011f19644ee650bb23af1.web.val.run\",\n },\n {\n title: \"Inventory dashboard\",\n prompt: \"Track stock levels and flag reorder needs.\",\n value:\n \"Replace the spreadsheet that gets emailed around. One link, always fresh.\",\n url: \"https://stevekrouse--ba6751b6547011f18d86ee650bb23af1.web.val.run\",\n },\n {\n title: \"Vendor quote comparer\",\n prompt: \"Compare quotes and explain tradeoffs.\",\n value: \"Three PDFs become one side-by-side, with a clear recommendation.\",\n url: \"https://stevekrouse--adac17d6547011f1b85dee650bb23af1.web.val.run\",\n },\n {\n title: \"Email parser\",\n prompt: \"Extract structured data from inbound emails.\",\n value:\n \"Customers email like humans. Your system needs structured fields. AI bridges the gap.\",\n url: \"https://stevekrouse--f6c147ca547011f193a7ee650bb23af1.web.val.run\",\n },\n {\n title: \"Scheduled monitor\",\n prompt: \"Check a webpage weekly and email changes.\",\n value:\n \"Watch a competitor's pricing page, a supplier portal, a regulatory site. Get notified when it moves.\",\n url: \"https://stevekrouse--dc53a360547011f181dcee650bb23af1.web.val.run\",\n },\n {\n title: \"Internal request tracker\",\n prompt: \"Track requests, owners, statuses, blockers.\",\n value:\n \"All the inbound 'can you do me a favor' emails consolidated on one board with statuses.\",\n url: \"https://stevekrouse--de88f766547011f18d74ee650bb23af1.web.val.run\",\n },\n {\n title: \"Tiny dashboard\",\n prompt: \"Paste CSV data and generate charts.\",\n value:\n \"Anyone with a spreadsheet can produce executive-quality charts in a minute.\",\n url: \"https://stevekrouse--ff6222dc547011f185d2ee650bb23af1.web.val.run\",\n },\n];\n\nconst ebitdaHTML = `

EBITDA Calculator

\n\n\n\n

\n`;\n\nexport const slides = [\n // --- 1: Title ---\n \n

Vibe Coding 101

\n Building tiny custom apps with AI.\n Steve Krouse · Co-founder, Val Town\n ,\n\n // --- 2: Intro (moved from slide 3) ---\n \n

Hi, I'm Steve.

\n Val Town is a vibe coding platform.\n Co-founder, Val Town\n ,\n\n // --- 3: Goal ---\n \n Today's goal\n

Learn what's possible.

\n \n AI can code now. What does that unlock for you?\n \n ,\n\n // --- Interrupt me ---\n \n

Interrupt me.

\n \n Questions, suggestions — speak up or drop them in the chat.\n \n ,\n\n // --- What is code (question) ---\n \n

\n So… what is code?\n

\n ,\n\n // --- Code is... (3-item numbered list) ---\n \n Code is…\n

\n \n 1\n \n \n Text\n \n
\n \n 2\n \n \n In a file\n \n
\n \n 3\n \n \n Tells computer chips what to do\n \n

\n ,\n\n // --- One real page of code ---\n \n This is what code looks like\n

\n        {ebitdaHTML}\n

\n \n

\n ,\n\n // --- What is vibe coding ---\n \n What is vibe coding?\n

\n Code is text.\n

\n AI is good at text.\n

\n Vibe coding is AI writing code for you.\n

\n ,\n\n // --- Excel anchor ---\n \n You're already vibe spreadsheeting\n

\n Excel runs formulas.
\n Val Town runs apps.\n

\n Excel + Claude plugin\n

\n {`=SUMIF(A:A,\"EBITDA\",B:B)`}\n

\n Val Town + Claude\n

\n \n {`export default () =>\n new Response(\"Portfolio Dashboard\")`}\n \n

\n ,\n\n // --- Three cadences ---\n \n When does it run?\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

	\n Chat\n	\n Custom GPT / Skill\n	\n App\n
\n Runs\n	\n Once\n	\n On demand\n	\n Always-on\n
\n Example\n	\n \"Find commercial roofing companies, $3–50M, TN/GA/FL/TX\"\n \n ↗ see one live\n \n	\n \"NDA reviewer with your standard terms\"\n	\n \"Competitor price scraper\"\n

\n ,\n\n // --- Slide A: Where does code run? ---\n \n Where does code run?\n

The cloud is compute-on-demand

\n \n

\n Local power\n

\n \n

\n The grid\n

\n \n

\n Your laptop\n

\n \n

\n The cloud\n

\n ,\n\n // --- Slide B: The landscape ---\n \n The landscape\n

\n {[\n { label: \"AI chat\", tools: \"ChatGPT · Claude\" },\n {\n label: \"AI in your spreadsheet\",\n tools: \"Excel Copilot · Claude for Excel\",\n },\n {\n label: \"Vibe coding platforms\",\n tools: \"Val Town · Replit · Lovable\",\n },\n {\n label: \"Agentic coding\",\n tools: \"Claude Code · Claude Cowork · ChatGPT Codex\",\n },\n ].map((row, i) => (\n \n

\n {row.label}\n

\n {row.tools}\n

\n ))}\n \n ,\n\n // --- Meta: this deck was vibe coded ---\n \n By the way…\n

This deck was vibe coded.

\n ,\n\n // --- Demo 1 — Competitor pricing monitor ---\n \n

Competitor pricing monitor

\n \n ,\n\n // --- 11: Demo 2 — Daily customer feedback report ---\n \n

Daily customer feedback report

\n \n ,\n\n // --- 12: Inspiration grid (live previews only) ---\n \n

\n 9 tiny apps you could build at your company\n \n {ideas.map((i, n) => (\n \n ))}\n

\n \n ,\n\n // --- 13–22: One slide per idea ---\n ...ideas.map((i, n) => (\n \n Idea {n + 1} of 9\n

{i.title}

\n Prompt\n

\n \"{i.prompt}\"\n

\n {i.value}\n

\n \n

\n \n )),\n\n // --- 23: CTA / Onboarding ---\n // calendar URL: stevekrouse.com/calendar redirects to Google Calendar appointments\n \n

Onboard to Val Town

\n \n stevekrouse.com/calendar\n \n ,\n\n // --- 24: Q&A ---\n \n

Questions?

\n \n Steve Krouse · steve@val.town ·{\" \"}\n \n stevekrouse.com/calendar\n \n \n ,\n];","children",[],[358],"e6c1a8c2-5607-11f1-b6f1-ee650bb23af1","main.tsx",["D",1779472736113],4,"/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.3.1/server?deps=react@18.3.1\";\nimport { slides } from \"./slides.tsx\";\nimport { liveReload } from \"https://esm.town/v/stevekrouse/live-reload/main.ts\";\n\nconst CLIENT_URL =\n \"https://esm.town/v/stevekrouse/vibe-coding-101-pe/client.ts\";\n\nconst PAGE_CSS = `\n html, body { margin: 0; padding: 0; }\n body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }\n .font-serif { font-family: 'Source Serif 4', Georgia, serif; }\n .font-mono { font-family: 'JetBrains Mono', ui-monospace, monospace; }\n @media print {\n [data-slide-wrap] { display: block !important; page-break-after: always; height: 100vh; }\n }\n`;\n\nfunction Head({ title }: { title: string }) {\n return (\n \n \n \n {title}\n \n \n \n \n \n {/* Terminal top bar */}\n

\n ● LIVE\n SUN_CAPITAL // DEAL_ORIGINATION\n

\n MODEL: FIT-SCORE V2.4\n 12:42:08 EST\n

\n\n

\n > SALES_LEAD_QUALIFIER\n

\n Inbound Pipeline Terminal\n

\n AI-scored leads // sorted by fit // refreshed 12m ago\n

\n \n Export.csv\n \n \n + New Lead\n \n

\n\n

\n {/* KPI ticker strip */}\n

\n \n 80\" value=\"8\" accent=\"text-emerald-400\" />\n \n \n

\n\n {/* Filter bar */}\n

\n \n \n \n \n

\n query leads, contacts, sectors...\"\n class=\"w-full px-3 py-1.5 font-mono text-xs bg-slate-900 border border-slate-700 text-slate-200 placeholder:text-slate-600 focus:outline-none focus:border-emerald-400\"\n />\n

\n 20 / 47\n

\n\n {/* Lead grid */}\n

\n {leads.map((lead) => )}\n

\n\n \n

\n \n \n );\n}\n\nexport default (req: Request): Response => {\n const html = \"\" + renderToString();\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n};\n",[],[18,117,393],["D",1779471406685],[344],[18,117],"ce68e1b2-5604-11f1-a919-ee650bb23af1","019e50c2-d6a7-7440-9dc9-a1f69c1ebd55",["D",1779471406685],"/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.3.1/server?deps=react@18.3.1\";\n\ntype Priority = \"P0\" | \"P1\" | \"P2\";\n\ntype Card = {\n title: string;\n description: string;\n ownerInitials: string;\n age: string;\n priority: Priority;\n blocker?: string;\n closedDate?: string;\n};\n\nconst newCards: Card[] = [\n {\n title: \"[IT] New laptop for Sarah Chen — design hire\",\n description: \"16\\\" MacBook Pro, standard creative team config, start date June 2.\",\n ownerInitials: \"MC\",\n age: \"2h\",\n priority: \"P1\",\n },\n {\n title: \"[Finance] Q3 expense reclass for Project Atlas\",\n description: \"Reallocate $42K from G&A to deal-related diligence costs.\",\n ownerInitials: \"JR\",\n age: \"6h\",\n priority: \"P1\",\n },\n {\n title: \"[Facilities] HVAC service contract renewal — Building 4\",\n description: \"Current vendor contract expires June 30. Two quotes attached.\",\n ownerInitials: \"DT\",\n age: \"1d\",\n priority: \"P2\",\n },\n {\n title: \"[Marketing] Brochure reprint for trade show — 5,000 units\",\n description: \"SuperReturn Berlin in three weeks. Same spec as last run.\",\n ownerInitials: \"AP\",\n age: \"1d\",\n priority: \"P1\",\n },\n {\n title: \"[HR] Update employee handbook — section 4 PTO\",\n description: \"Reflect new floating holiday policy. Legal pre-approved language.\",\n ownerInitials: \"LK\",\n age: \"3d\",\n priority: \"P2\",\n },\n];\n\nconst inProgressCards: Card[] = [\n {\n title: \"[IT] Provision new Slack workspace for HQ → Atlas merger transition\",\n description: \"SSO via Okta, 8 channels seeded, 140 users to invite by Friday.\",\n ownerInitials: \"MC\",\n age: \"2d\",\n priority: \"P0\",\n },\n {\n title: \"[Ops] Bulk order — coffee supplies for Q3 (12 properties)\",\n description: \"Standardizing on single vendor across portfolio companies.\",\n ownerInitials: \"RB\",\n age: \"3d\",\n priority: \"P2\",\n },\n {\n title: \"[Legal] Review master service agreement template\",\n description: \"Updating indemnification and data-processing clauses.\",\n ownerInitials: \"EM\",\n age: \"4d\",\n priority: \"P1\",\n },\n {\n title: \"[Finance] Onboarding new AP automation vendor\",\n description: \"Implementation kickoff scheduled. Replacing legacy workflow.\",\n ownerInitials: \"JR\",\n age: \"1w\",\n priority: \"P1\",\n },\n {\n title: \"[HR] Schedule executive offsite — Naples, July 14-16\",\n description: \"Block hotel rooms, finalize agenda, confirm AV vendor.\",\n ownerInitials: \"LK\",\n age: \"1w\",\n priority: \"P2\",\n },\n];\n\nconst blockedCards: Card[] = [\n {\n title: \"[IT] Replace failed printer in Atlanta office\",\n description: \"Color MFP in 8th floor copy room. Replacement model selected.\",\n ownerInitials: \"MC\",\n age: \"5d\",\n priority: \"P2\",\n blocker: \"Waiting on procurement approval\",\n },\n {\n title: \"[Ops] Roll out new portfolio reporting dashboard\",\n description: \"Cross-portfolio KPI rollup for Monday partner meeting.\",\n ownerInitials: \"RB\",\n age: \"1w\",\n priority: \"P0\",\n blocker: \"Awaiting vendor SOC2 report\",\n },\n {\n title: \"[Legal] Sign NDA with prospective add-on target\",\n description: \"Cleanroom diligence for confidential platform expansion.\",\n ownerInitials: \"EM\",\n age: \"4d\",\n priority: \"P1\",\n blocker: \"Counterparty counsel revising mutual NDA language\",\n },\n {\n title: \"[Facilities] Install secure mailroom scanner — HQ floor 3\",\n description: \"Tied to new physical security policy rollout.\",\n ownerInitials: \"DT\",\n age: \"2w\",\n priority: \"P2\",\n blocker: \"Building management approval pending\",\n },\n];\n\nconst doneCards: Card[] = [\n {\n title: \"[Finance] Close April books — finalize accruals\",\n description: \"All portcos reported. Variance memo circulated to ICs.\",\n ownerInitials: \"JR\",\n age: \"1w\",\n priority: \"P1\",\n closedDate: \"May 14\",\n },\n {\n title: \"[IT] Roll out MFA to all portfolio CFO accounts\",\n description: \"Okta-managed. 100% enrollment confirmed.\",\n ownerInitials: \"MC\",\n age: \"1w\",\n priority: \"P0\",\n closedDate: \"May 12\",\n },\n {\n title: \"[HR] Post associate role — sourcing team\",\n description: \"Listing live on LinkedIn and three search firms briefed.\",\n ownerInitials: \"LK\",\n age: \"2w\",\n priority: \"P2\",\n closedDate: \"May 9\",\n },\n {\n title: \"[Marketing] LP letter Q1 — design pass\",\n description: \"Final PDF sent to IR for distribution.\",\n ownerInitials: \"AP\",\n age: \"2w\",\n priority: \"P1\",\n closedDate: \"May 7\",\n },\n {\n title: \"[Ops] Annual D&O insurance renewal\",\n description: \"Bound at improved terms; coverage effective May 1.\",\n ownerInitials: \"RB\",\n age: \"3w\",\n priority: \"P1\",\n closedDate: \"May 2\",\n },\n];\n\nconst rotations = [\"rotate-[-1.5deg]\", \"rotate-[1deg]\", \"rotate-[-0.5deg]\", \"rotate-[2deg]\", \"rotate-[-2deg]\"];\n\nfunction PriorityPill({ priority }: { priority: Priority }) {\n const styles: Record = {\n P0: \"bg-red-200/70 text-red-800 border-red-300/60\",\n P1: \"bg-amber-200/70 text-amber-800 border-amber-300/60\",\n P2: \"bg-slate-200/70 text-slate-700 border-slate-300/60\",\n };\n return (\n \n {priority}\n \n );\n}\n\nfunction OwnerCircle({ initials }: { initials: string }) {\n return (\n \n {initials}\n \n );\n}\n\nfunction StickyCard({\n card,\n index,\n colorClass,\n muted,\n}: {\n card: Card;\n index: number;\n colorClass: string;\n muted?: boolean;\n}) {\n const rotation = rotations[index % rotations.length];\n return (\n \n \n \n {card.title}\n \n

\n {card.description}\n

\n {card.blocker && (\n

\n Blocker: {card.blocker}\n

\n )}\n

\n \n {card.age}\n

\n \n

\n {card.closedDate && (\n

\n ✓ Closed {card.closedDate}\n

\n )}\n \n );\n}\n\nfunction Column({\n title,\n cards,\n colorClass,\n muted,\n}: {\n title: string;\n cards: Card[];\n colorClass: string;\n muted?: boolean;\n}) {\n return (\n

\n {title}\n

\n {cards.length}\n

\n {cards.map((card, i) => (\n \n ))}\n

\n );\n}\n\nfunction Page() {\n return (\n \n \n \n \n Internal Requests — Sun Capital\n \n \n \n \n \n

\n Internal Requests\n

\n All cross-department requests on the board.\n

\n Sun Capital\n

Operations · Internal Tools

\n\n

\n \n \n \n \n

\n\n \n \n \n );\n}\n\nexport default (_req: Request) => {\n const html = \"\" + renderToString();\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n};\n",[],[18,123,393],["D",1779471406685],[342],[18,123],"ce687fb0-5604-11f1-a919-ee650bb23af1","019e50c2-d6a7-7440-9dc9-9bbd5b1c2cc0",["D",1779471406685],"/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.3.1/server?deps=react@18.3.1\";\n\ntype Item = { task: string; detail?: string };\ntype RoleData = {\n slug: string;\n name: string;\n opening: Item[];\n closing: Item[];\n};\n\nconst ROLES: RoleData[] = [\n {\n slug: \"general-manager\",\n name: \"General Manager\",\n opening: [\n { task: \"Review overnight incident reports\", detail: \"Check security log and night audit notes\" },\n { task: \"Confirm staffing for all shifts\", detail: \"Cross-reference scheduled vs called-out staff\" },\n { task: \"Walk perimeter for safety hazards\", detail: \"Inspect parking lot, entrances, and signage\" },\n { task: \"Verify cash drawer counts across registers\" },\n { task: \"Check critical alarm and access logs\", detail: \"Review HVAC, walk-in temps, and door alerts\" },\n { task: \"Review daily forecast vs schedule\", detail: \"Adjust labor if covers are >15% off projection\" },\n { task: \"Brief shift leads on VIP reservations\" },\n { task: \"Inspect dining room and front-of-house presentation\" },\n { task: \"Confirm vendor deliveries are scheduled\" },\n { task: \"Pull yesterday's P&L flash report\", detail: \"Flag any line items over budget\" },\n { task: \"Walk back-of-house for sanitation compliance\" },\n { task: \"Check guest review platforms for new feedback\" },\n { task: \"Confirm marketing promotions are live in POS\" },\n ],\n closing: [\n { task: \"Reconcile daily revenue against POS\", detail: \"Investigate any variance over $25\" },\n { task: \"Confirm bank deposit prepared and logged\" },\n { task: \"Sign off on shift incident log\" },\n { task: \"Review labor actual vs forecast\", detail: \"Note over/under for weekly report\" },\n { task: \"Inspect all closing stations with shift lead\" },\n { task: \"Confirm walk-in and freezer temps logged\" },\n { task: \"Lock office safe and confirm alarm armed\" },\n { task: \"Send EOD summary email to ownership group\" },\n { task: \"Set tomorrow's prep priorities on whiteboard\" },\n { task: \"Confirm exterior lighting and signage powered down\" },\n { task: \"Verify all employee clock-outs are accurate\" },\n { task: \"Final perimeter walk and lock-up\" },\n ],\n },\n {\n slug: \"shift-lead\",\n name: \"Shift Lead\",\n opening: [\n { task: \"Receive pass-down from previous shift lead\", detail: \"Note any open guest issues or 86'd items\" },\n { task: \"Conduct pre-shift line-up with staff\", detail: \"Cover features, allergens, and reservation flow\" },\n { task: \"Verify section assignments and station readiness\" },\n { task: \"Spot-check uniform and grooming standards\" },\n { task: \"Confirm POS terminals printing and online\" },\n { task: \"Check break schedule and post in BOH\" },\n { task: \"Walk dining room for table levels and lighting\" },\n { task: \"Test music volume and HVAC comfort\" },\n { task: \"Verify host stand has menus and waitlist tablet\" },\n { task: \"Confirm bar par levels with bartender\" },\n { task: \"Review reservation book and block VIP tables\" },\n ],\n closing: [\n { task: \"Run pre-close report and flag voids over $50\" },\n { task: \"Walk floor to release sections in stages\" },\n { task: \"Verify side-work is completed by section\" },\n { task: \"Reconcile server cash tips and bank drops\" },\n { task: \"Inspect restrooms and refill paper goods\" },\n { task: \"Lock liquor cage and log key handoff\" },\n { task: \"Confirm trash and recycling pulled to dumpster\" },\n { task: \"Submit shift report to GM via portal\" },\n { task: \"Walk staff to vehicles per safety policy\" },\n { task: \"Set alarm and lock back-of-house door\" },\n ],\n },\n {\n slug: \"line-cook\",\n name: \"Line Cook\",\n opening: [\n { task: \"Check walk-in and reach-in temps, log on HACCP sheet\", detail: \"Walk-in must read between 34-38F\" },\n { task: \"Verify prep par levels against today's forecast\" },\n { task: \"Inspect equipment for damage or service tags\", detail: \"Fryers, grill, salamander, and combi oven\" },\n { task: \"Sanitize all surfaces and cutting boards\" },\n { task: \"Stock station with mise en place\" },\n { task: \"Date-label all prepped items with FIFO rotation\" },\n { task: \"Calibrate probe thermometers\" },\n { task: \"Refill sanitizer buckets to proper PPM\" },\n { task: \"Pull proteins for service and confirm tempering\" },\n { task: \"Review menu changes and 86 list with sous chef\" },\n { task: \"Confirm fryer oil quality, change if needed\" },\n ],\n closing: [\n { task: \"Break down station and deep-sanitize surfaces\" },\n { task: \"Wrap, label, and date all leftover prep\" },\n { task: \"Filter or change fryer oil per schedule\" },\n { task: \"Empty grease traps and log volume\" },\n { task: \"Take final temp readings and log\" },\n { task: \"Restock low-par items for AM prep cook\" },\n { task: \"Sweep and degrease line floor\" },\n { task: \"Inventory walk-in and tag items for tomorrow\" },\n { task: \"Place hood vents on overnight clean cycle\" },\n { task: \"Sign HACCP log and place in manager bin\" },\n ],\n },\n {\n slug: \"server\",\n name: \"Server\",\n opening: [\n { task: \"Polish silverware and check for water spots\", detail: \"Minimum 4 sets per cover at table-up\" },\n { task: \"Stock condiment caddies and check expiration dates\" },\n { task: \"Fold napkins to house standard\" },\n { task: \"Review daily features and 86 list with chef\" },\n { task: \"Taste any new menu items or specials\" },\n { task: \"Set tables to brand standard with proper covers\" },\n { task: \"Stock POS station with check presenters and pens\" },\n { task: \"Refill water pitchers and ice wells\" },\n { task: \"Brew coffee and verify decaf is labeled\" },\n { task: \"Confirm assigned section and table numbers\" },\n { task: \"Check uniform: clean apron, name tag, polished shoes\" },\n ],\n closing: [\n { task: \"Complete assigned side-work by section\" },\n { task: \"Strip and reset tables for breakfast service\" },\n { task: \"Restock service stations to par\" },\n { task: \"Wipe down booths, chairs, and table bases\" },\n { task: \"Run final check-out report with shift lead\" },\n { task: \"Tip out bar, food runners, and bussers\" },\n { task: \"Sign cash drop slip and submit to safe\" },\n { task: \"Return menus and check presenters to host stand\" },\n { task: \"Clock out and confirm hours on timecard\" },\n ],\n },\n {\n slug: \"cleaner\",\n name: \"Cleaner / Housekeeping\",\n opening: [\n { task: \"Receive room status report from front desk\", detail: \"Note all check-outs, stayovers, and DNDs\" },\n { task: \"Re-stock laundry carts with linen and terry\" },\n { task: \"Inventory amenities: shampoo, soap, coffee pods\" },\n { task: \"Inspect rooms 101-115 for damage from previous night\" },\n { task: \"Verify cleaning chemical dilution ratios\" },\n { task: \"Test vacuum cleaners and replace bags as needed\" },\n { task: \"Stock cart with gloves, masks, and microfiber cloths\" },\n { task: \"Confirm master key sign-out with supervisor\" },\n { task: \"Review priority rooms for early check-in\" },\n { task: \"Check pool and gym areas for towel restock\" },\n { task: \"Walk corridors and remove room service trays\" },\n ],\n closing: [\n { task: \"Return master keys and sign in\" },\n { task: \"Empty and rinse all cleaning buckets\" },\n { task: \"Restock cart for AM shift to par\" },\n { task: \"Send dirty linen to laundry chute by floor\" },\n { task: \"Log any maintenance issues in work order system\" },\n { task: \"Submit lost-and-found items to front desk\" },\n { task: \"Wipe down cart and store in supply closet\" },\n { task: \"Confirm all assigned rooms marked clean in PMS\" },\n { task: \"Vacuum elevator landings and back-of-house corridors\" },\n { task: \"Submit completed room sheet to housekeeping office\" },\n ],\n },\n];\n\nfunction getRole(slug: string | null): RoleData {\n return ROLES.find((r) => r.slug === slug) ?? ROLES[0];\n}\n\nfunction Checkbox({ dashed }: { dashed?: boolean }) {\n return (\n \n );\n}\n\nfunction ChecklistColumn({\n title,\n code,\n items,\n}: {\n title: string;\n code: string;\n items: Item[];\n}) {\n return (\n

\n \n {code}\n \n

{title}

\n \n QTY {String(items.length).padStart(2, \"0\")}\n \n

\n \n {String(i + 1).padStart(2, \"0\")}\n \n \n

{item.task}

\n {item.detail ? (\n

\n ↳ {item.detail}\n

\n ) : null}\n

\n \n ))}\n

\n );\n}\n\nfunction RoleTabs({ activeSlug }: { activeSlug: string }) {\n return (\n \n );\n}\n\nfunction CornerStamp() {\n return (\n

REV 1.2

DOC.NO SC-OPS-001

\n );\n}\n\nfunction Page({ role }: { role: RoleData }) {\n return (\n \n \n \n \n Operations Checklists — Sun Capital Hospitality\n \n \n \n \n {/* Top bar — terminal window chrome */}\n

\n \n \n \n

\n ~/sun-ops/inbox-intelligence\n ·\n main\n

\n support@ · orders@ · maintenance@\n ● connected\n

\n\n {/* Header */}\n

\n $ parse email.eml --schema=auto --confidence=0.94\n

\n email_parser\n ()\n

\n {\"//\"} Extract structured data from inbound customer & vendor emails\n

\n \n \n

\n\n

\n {/* Editor tabs */}\n

\n {examples.map((ex) => (\n \n ))}\n

\n\n {/* Parsing prompt */}\n

\n ▸ parsing email… {\"//\"} matched schema: {example.extractedTitle}\n

\n\n {/* Two-column layout */}\n

\n {/* Left: Inbound email — terminal output */}\n

\n {\"//\"} stdin · email.eml\n

\n RAW\n

From:: \n \"{example.email.fromName}\"{\" \"}\n <{example.email.from}>\n
To:: {example.email.to}
Date:: {example.email.date}
Subject:: {example.email.subject}

\n {example.email.body}\n

\n\n {/* Right: Extracted data — JSON syntax-highlighted */}\n

\n {\"//\"} stdout · extracted.json\n

\n \n \n parsed · 0.94\n \n

\n {\"//\"} classification\n

\n {example.extractedTitle}\n

\n \n {example.priority}\n \n

\n\n

{\"{\"}

\n {example.fields.map((f, i) => (\n

\n \n \"{f.label.toLowerCase().replace(/[^a-z0-9]+/g, \"_\")}\"\n \n :\n \n {renderJsonValue(f.value)}\n {i < example.fields.length - 1 && (\n ,\n )}\n \n

\n ))}\n

{\"}\"}

\n\n {/* Action bar */}\n

\n route_to\n =\n \"{example.routeTo}\"\n ·\n \n webhook: /api/{example.routeTo.toLowerCase()}/ingest\n \n

\n \n \n \n \n

\n\n

\n {\"//\"} sun_ops · inbox_intelligence · structured-output LLM · avg latency 1.2s · 4 fields edited / 1,284 today\n

\n \n \n );\n}\n\nexport default (req: Request): Response => {\n const url = new URL(req.url);\n const exampleId = url.searchParams.get(\"example\") ?? \"1\";\n const example = examples.find((e) => e.id === exampleId) ?? examples[0];\n const html = \"\" + renderToString();\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n};\n",[],[18,165,393],["D",1779471406685],[328],[18,165],"ce66078a-5604-11f1-a919-ee650bb23af1","019e50c2-d6a6-72ae-8dd8-8ff0f1eaaa54",["D",1779471406685],"/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.3.1/server?deps=react@18.3.1\";\n\ntype Position = \"Cheapest\" | \"Competitive\" | \"Undercut\";\ntype Category = \"Condenser\" | \"Furnace\" | \"Thermostat\" | \"Chemical\" | \"Refrigerant\" | \"Coil\";\n\ninterface Row {\n sku: string;\n name: string;\n category: Category;\n our: number;\n ferguson: number;\n hdSupply: number;\n grainger: number;\n}\n\n// Realistic HVAC product pricing — fake but plausible.\n// Mix of positions: some where Mega is cheapest, some competitive, some undercut.\nconst rows: Row[] = [\n { sku: \"GD-CU-3T-14\", name: \"Goodman 3-ton 14 SEER2 condenser (GLXS3BA3610)\", category: \"Condenser\", our: 1842.00, ferguson: 1925.00, hdSupply: 1898.00, grainger: 2010.00 },\n { sku: \"CR-CU-4T-16\", name: \"Carrier 4-ton 16 SEER2 condenser (24SCA640A003)\", category: \"Condenser\", our: 2640.00, ferguson: 2598.00, hdSupply: 2725.00, grainger: 2810.00 },\n { sku: \"GD-GF-80-100\", name: \"Goodman 80% AFUE 100k BTU gas furnace (GM9S801005CN)\", category: \"Furnace\", our: 1095.00, ferguson: 1148.00, hdSupply: 1129.00, grainger: 1182.00 },\n { sku: \"RH-GF-96-80\", name: \"Rheem 96% AFUE 80k BTU 2-stage furnace (R96VA0801521)\", category: \"Furnace\", our: 1685.00, ferguson: 1612.00, hdSupply: 1644.00, grainger: 1729.00 },\n { sku: \"EC-TS-PRO-X1\", name: \"Ecobee SmartThermostat Premium (EB-STATE6P-01)\", category: \"Thermostat\", our: 219.00, ferguson: 228.00, hdSupply: 232.00, grainger: 241.00 },\n { sku: \"HW-TS-T6-PRO\", name: \"Honeywell T6 Pro programmable thermostat (TH6220U2000)\", category: \"Thermostat\", our: 96.50, ferguson: 94.20, hdSupply: 99.00, grainger: 104.75 },\n { sku: \"NU-CC-FOAM-1G\", name: \"Nu-Calgon Nu-Brite coil cleaner, 1 gal (4291-08)\", category: \"Coil\", our: 38.75, ferguson: 41.50, hdSupply: 39.95, grainger: 44.20 },\n { sku: \"RC-CC-EVAP-1G\", name: \"Rectorseal evap coil cleaner, 1 gal (82672)\", category: \"Coil\", our: 52.40, ferguson: 48.90, hdSupply: 50.25, grainger: 54.10 },\n { sku: \"DK-RF-410A-25\", name: \"Chemours Freon™ 410A refrigerant, 25 lb cyl\", category: \"Refrigerant\", our: 312.00, ferguson: 328.00, hdSupply: 319.00, grainger: 345.50 },\n { sku: \"HC-RF-454B-10\", name: \"Honeywell Solstice 454B refrigerant, 10 lb cyl\", category: \"Refrigerant\", our: 485.00, ferguson: 472.50, hdSupply: 469.00, grainger: 510.00 },\n];\n\n// Returns Mega's position relative to the lowest competitor.\nfunction classify(r: Row): { position: Position; gapPct: number; lowestComp: number } {\n const lowestComp = Math.min(r.ferguson, r.hdSupply, r.grainger);\n const gapPct = ((r.our - lowestComp) / lowestComp) * 100;\n let position: Position;\n if (r.our <= lowestComp) position = \"Cheapest\";\n else if (gapPct <= 3) position = \"Competitive\";\n else position = \"Undercut\";\n return { position, gapPct, lowestComp };\n}\n\n// Stats (computed from rows).\nconst tracked = rows.length;\nconst classified = rows.map(r => ({ ...r, ...classify(r) }));\nconst cheapestCount = classified.filter(r => r.position === \"Cheapest\").length;\nconst cheapestPct = Math.round((cheapestCount / tracked) * 100);\nconst avgGap = classified.reduce((s, r) => s + r.gapPct, 0) / tracked;\nconst avgGapStr = (avgGap >= 0 ? \"+\" : \"\") + avgGap.toFixed(1) + \"%\";\n\n// Pricing-cell helpers: highlight the cheapest competitor in each row.\nfunction priceCellClass(price: number, lowestComp: number, isOurs: boolean, ourPrice: number) {\n if (isOurs) {\n if (ourPrice <= lowestComp) return \"text-green-900 font-bold bg-yellow-100/50\";\n if (((ourPrice - lowestComp) / lowestComp) * 100 <= 3) return \"text-amber-900 font-bold\";\n return \"text-red-800 font-bold\";\n }\n if (price === lowestComp) return \"text-stone-900 font-semibold underline decoration-stone-500 underline-offset-2\";\n return \"text-stone-600\";\n}\n\nconst positionStyle = (p: Position) => {\n // Rubber-stamp look. Color-coded: green / amber / red.\n if (p === \"Cheapest\") return \"bg-green-50 text-green-900 border-2 border-green-800/70\";\n if (p === \"Competitive\") return \"bg-yellow-100 text-amber-900 border-2 border-amber-800/70\";\n return \"bg-red-50 text-red-800 border-2 border-red-800/80\";\n};\n\nconst stampRotate = (p: Position) => {\n if (p === \"Undercut\") return \"rotate(-3deg)\";\n if (p === \"Competitive\") return \"rotate(-1deg)\";\n return \"rotate(-2deg)\";\n};\n\nconst categoryPill = () => \"border border-stone-700/40 text-stone-700 bg-yellow-50\";\n\nconst rowBg = (p: Position) => {\n if (p === \"Undercut\") return \"bg-red-50/40\";\n if (p === \"Cheapest\") return \"bg-green-50/30\";\n return \"\";\n};\n\nconst fmt = (n: number) =>\n \"$\" + n.toLocaleString(\"en-US\", { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n\nconst SortIcon = () => (\n \n);\n\nconst SortDesc = () => (\n \n);\n\nconst SearchIcon = () => (\n \n);\n\nconst ChevronDown = () => (\n \n);\n\nconst Kpi = ({ label, value, sub, accent }: { label: string; value: string; sub?: string; accent: \"green\" | \"amber\" | \"red\" | \"slate\" }) => {\n const numColor =\n accent === \"green\" ? \"text-green-900\" :\n accent === \"amber\" ? \"text-amber-900\" :\n accent === \"red\" ? \"text-red-800\" : \"text-stone-800\";\n return (\n

{label}

{value}

\n {sub &&

{sub}

}\n

no. {Math.floor(Math.random() * 90 + 10)}

\n );\n};\n\nconst FilterSelect = ({ label }: { label: string }) => (\n \n {label.split(\":\")[0]}:\n {label.split(\":\")[1].trim()}\n \n \n);\n\nconst Page = () => {\n const updated = new Date().toLocaleString(\"en-US\", {\n timeZone: \"America/New_York\",\n month: \"short\", day: \"numeric\", year: \"numeric\",\n hour: \"numeric\", minute: \"2-digit\", hour12: true,\n });\n\n return (\n \n \n \n \n Competitor Pricing Monitor — Mega Group\n \n \n \n \n

${(100 * 1.08 ** 5).toFixed(2)}

EBITDA Calculator

Vibe Coding 101

Hi, I'm Steve.

Learn what's possible.

Interrupt me.

\n So… what is code?\n

\n Excel runs formulas.\n Val Town runs apps.\n

The cloud is compute-on-demand

This deck was vibe coded.

Competitor pricing monitor

Daily customer feedback report

{i.title}

Onboard to Val Town

Questions?

\n {title}\n

\n email_parser\n ()\n

\n {\"//\"} stdin · email.eml\n

\n {\"//\"} stdout · extracted.json\n

\n Excel runs formulas.
\n Val Town runs apps.\n

History · demos