[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_503":504,"_505":506},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_365":-5,"_20":366,"_22":367,"_368":369,"_370":371,"_26":372,"_24":373,"_374":-5,"_375":376,"_377":51,"_378":379,"_380":71,"_381":-5,"_382":-5,"_383":384},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","stevekrouse","name","vibe-coding-101-pe","branchName","main","version","path","demos/email-parser","project",{"_36":321,"_13":14,"_38":322,"_49":-5,"_323":51,"_52":324,"_325":324,"_326":327,"_328":-5,"_329":330,"_331":105,"_332":71,"_333":-5,"_334":-5,"_335":34,"_55":56,"_336":-5,"_337":-5,"_338":-5,"_339":-5,"_340":341,"_342":341,"_343":344,"_345":344,"_346":344,"_347":341,"_348":341,"_349":350,"_351":352,"_353":354,"_50":51},"tree",[87,88,89,90,91],"file",{"_36":82,"_13":81,"_62":65,"_64":83,"_66":67,"_68":69,"_70":71,"_38":84,"_17":34,"_73":85,"_75":-5,"_77":51,"_78":-5,"_18":86},"contents",[59],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":58},"pull","ahead",9,"behind",0,"envVars","id","f8faa7b2-546f-11f1-a9e3-ee650bb23af1","createdAt",["D",1779297532047],"updatedAt",["D",1779463715504],"projectId","f8f9fe70-546f-11f1-a9e3-ee650bb23af1",134,"forkedBranchId","forkedBranchVersion","lockfileKey","1779463716669-esm.town_v_stevekrouse_sun-vibe-coding-101@134-main","deletedAt","isOwned",false,"privacy","unlisted","userHandle","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","sun-vibe-coding-101",{"_36":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_38":72,"_17":34,"_73":74,"_75":76,"_77":51,"_78":-5,"_18":79},"ce6675d0-5604-11f1-a919-ee650bb23af1","index.tsx","fileId","019e50c2-d6a6-72ae-8dd8-95c5f52022cc","parentId","019e50c2-d6a6-72ae-8dd8-99f46a2ae234","branchId","ce5f8428-5604-11f1-a919-ee650bb23af1","branchVersion",1,"latest",true,["D",1779471406685],"fileType","http","content","/** @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 = \"Low\" | \"Medium\" | \"High\" | \"Urgent\";\ntype Destination = \"CRM\" | \"Procurement\" | \"Helpdesk\" | \"Maintenance\";\n\ninterface ExtractedField {\n label: string;\n value: React.ReactNode;\n}\n\ninterface Example {\n id: string;\n tabLabel: string;\n shortLabel: string;\n routeTo: Destination;\n priority: Priority;\n email: {\n from: string;\n fromName: string;\n to: string;\n subject: string;\n date: string;\n body: React.ReactNode;\n };\n extractedTitle: string;\n fields: ExtractedField[];\n}\n\nconst examples: Example[] = [\n {\n id: \"1\",\n tabLabel: \"RFQ — Hotel Linens\",\n shortLabel: \"Request for Quote\",\n routeTo: \"Procurement\",\n priority: \"Medium\",\n email: {\n fromName: \"Diane Whitaker\",\n from: \"procurement@bigboxretailer.com\",\n to: \"sales@sunlinensupply.com\",\n subject: \"RFQ — Quote needed: bath linens & robes for Nashville DC, July 1 in-hand\",\n date: \"May 19, 2026 · 9:47 AM CDT\",\n body: (\n <>\n

Hi team,

\n Following our call last Thursday, I'm putting together pricing for our Southeast properties refresh and would\n like to formalize a quote with Sun Linen Supply. We're targeting an in-hand date of{\" \"}\n July 1, 2026 at our Nashville distribution center, with the\n understanding that goods should leave your facility no later than June 24 to clear receiving in time.\n

Please quote on the following:

800 bath towels, white, 27\" x 54\", min 600 GSM, dobby border
600 hand towels, white, 16\" x 30\", matching weave
200 plush bathrobes, unisex, waffle-knit, one-size with belt

\n Ship-to address is Big Box Retailer DC #14, 4400 Logistics Way,\n Nashville, TN 37218, attn: Receiving Dock 7. We'll need a packing list segmented by SKU. If you can include\n embroidered crest pricing as an optional line item we'd appreciate it — that's still being decided by brand.\n

\n Please send the quote back to me by EOD Friday, May 22 so I can route through approvals next week.\n Best reached at (615) 555-0142 if anything is unclear.\n

\n Thanks,
\n Diane Whitaker
\n Sr. Procurement Manager, Big Box Retailer\n

\n \n ),\n },\n extractedTitle: \"Quote Request\",\n fields: [\n { label: \"Document type\", value: \"RFQ (Request for Quote)\" },\n { label: \"Customer\", value: \"Big Box Retailer\" },\n { label: \"Contact\", value: \"Diane Whitaker, Sr. Procurement Manager\" },\n { label: \"Contact phone\", value: \"(615) 555-0142\" },\n { label: \"Contact email\", value: \"procurement@bigboxretailer.com\" },\n {\n label: \"Line items\",\n value: (\n

800 × Bath towels (27×54, 600 GSM, white)
600 × Hand towels (16×30, white)
200 × Bathrobes (waffle-knit, unisex)

\n ),\n },\n { label: \"Optional add-on\", value: \"Embroidered crest (quote separately)\" },\n { label: \"Ship-to\", value: \"Big Box DC #14, 4400 Logistics Way, Nashville, TN 37218\" },\n { label: \"Receiving dock\", value: \"Dock 7\" },\n { label: \"In-hand date\", value: \"July 1, 2026\" },\n { label: \"Ship-by date\", value: \"June 24, 2026\" },\n { label: \"Quote due back\", value: \"May 22, 2026 (EOD)\" },\n { label: \"Priority\", value: \"Medium\" },\n ],\n },\n {\n id: \"2\",\n tabLabel: \"Order Confirmation — F&B\",\n shortLabel: \"Order Confirmation\",\n routeTo: \"Procurement\",\n priority: \"Low\",\n email: {\n fromName: \"Magnolia Roasters — Orders\",\n from: \"orders@magnoliaroasters.com\",\n to: \"fnb-purchasing@sunharborresort.com\",\n subject: \"Order Confirmation #MR-48217 · Ships Thursday\",\n date: \"May 19, 2026 · 11:12 AM CDT\",\n body: (\n <>\n

Dear Sun Harbor Resort F&B team,

\n Thank you for your order. This message confirms receipt of{\" \"}\n Purchase Order #SHR-2026-0412, placed yesterday afternoon\n through your account manager Rafael Cisneros. Below is the itemized breakdown for your records.\n

\n Items:\n

12 × Whole-bean Costa Rica Tarrazú, 5 lb bag — $42.00 ea = $504.00
8 × Espresso blend \"Harbor Dark\", 5 lb bag — $39.50 ea = $316.00
1 × Pour-over brewing kit (Hario V60, kettle, scale) — $189.00
4 × Single-origin Ethiopia Yirgacheffe, 2 lb bag — $28.00 ea = $112.00

\n Subtotal: $1,121.00 · Shipping (ground, refrigerated): $48.00 · Tax (TN, 9.25%): $108.02 ·{\" \"}\n Total: $1,277.02, charged to the card on file ending in 4471.\n

\n We are scheduled to ship from our Knoxville roastery on{\" \"}\n Thursday, May 21 via FedEx Ground, with a target delivery\n of Monday, May 25 to your loading dock at 1800 Harbor\n Boulevard, Destin, FL 32541. Tracking will be emailed at handoff. Please confirm receipt within 48 hours of\n arrival so we can release the next standing order on the schedule.\n

\n Best,
\n The Magnolia Roasters Wholesale Team\n

\n \n ),\n },\n extractedTitle: \"Order Confirmation\",\n fields: [\n { label: \"Document type\", value: \"Order Confirmation\" },\n { label: \"Vendor\", value: \"Magnolia Roasters\" },\n { label: \"Vendor order #\", value: \"MR-48217\" },\n { label: \"Customer PO #\", value: \"SHR-2026-0412\" },\n { label: \"Account manager\", value: \"Rafael Cisneros\" },\n {\n label: \"Line items\",\n value: (\n

12 × Costa Rica Tarrazú 5lb — $504.00
8 × Harbor Dark espresso 5lb — $316.00
1 × Hario V60 brewing kit — $189.00
4 × Ethiopia Yirgacheffe 2lb — $112.00

\n ),\n },\n { label: \"Subtotal\", value: \"$1,121.00\" },\n { label: \"Shipping\", value: \"$48.00 (ground, refrigerated)\" },\n { label: \"Tax\", value: \"$108.02 (TN 9.25%)\" },\n { label: \"Total\", value: \"$1,277.02\" },\n { label: \"Payment\", value: \"Card ending 4471\" },\n { label: \"Ship date\", value: \"May 21, 2026\" },\n { label: \"Expected delivery\", value: \"May 25, 2026\" },\n { label: \"Deliver to\", value: \"Sun Harbor Resort, 1800 Harbor Blvd, Destin, FL 32541\" },\n { label: \"Priority\", value: \"Low\" },\n ],\n },\n {\n id: \"3\",\n tabLabel: \"Customer Complaint\",\n shortLabel: \"Guest Complaint\",\n routeTo: \"CRM\",\n priority: \"Urgent\",\n email: {\n fromName: \"Margaret Chen\",\n from: \"m.chen.travels@gmail.com\",\n to: \"guestrelations@sunharborresort.com\",\n subject: \"ABSOLUTELY UNACCEPTABLE — Room 1422, stay May 16-19\",\n date: \"May 19, 2026 · 2:33 PM EDT\",\n body: (\n <>\n

To whom it may concern,

\n I am writing to express how deeply disappointed my husband David and I are with our recent stay at Sun Harbor.\n We checked into Room 1422 on the evening of{\" \"}\n May 16 and checked out the morning of{\" \"}\n May 19, and over those three nights nearly everything\n that could go wrong, did.\n

\n First, the hot water in the shower never worked above lukewarm. We reported it Friday morning and again Saturday;\n no one came. Second, the deadbolt on the room door is visibly broken — it spins freely and does not engage. We\n were told a locksmith was \"on the way\" three separate times. Third — and most upsetting — I had clearly noted a\n severe shellfish allergy on the reservation and during check-in, and on Saturday evening the in-room dining team\n sent up a shrimp risotto in place of the chicken dish I ordered. I caught it before tasting, but this is a\n life-threatening error that should be impossible.\n

\n We have stayed at the property four times over the past six years and have always recommended it. After this\n visit, I cannot do so in good conscience. I would expect, at minimum, a full refund of the three-night stay\n ($1,840 before tax), and I'd like to hear from a manager directly. You can reach me at{\" \"}\n (917) 555-0287.\n

\n Margaret Chen
\n Confirmation #SHR-884-2210\n

\n \n ),\n },\n extractedTitle: \"Guest Complaint\",\n fields: [\n { label: \"Document type\", value: \"Customer complaint\" },\n { label: \"Guest name\", value: \"Margaret Chen (& David Chen)\" },\n { label: \"Guest phone\", value: \"(917) 555-0287\" },\n { label: \"Reservation #\", value: \"SHR-884-2210\" },\n { label: \"Room number\", value: \"1422\" },\n { label: \"Stay dates\", value: \"May 16–19, 2026 (3 nights)\" },\n { label: \"Loyalty signal\", value: \"Repeat guest, 4+ stays in 6 years\" },\n {\n label: \"Issues reported\",\n value: (\n

Hot water inoperative in shower
Broken deadbolt — security risk
Allergy violation: shellfish served despite noted allergy
Maintenance requests ignored 3+ times

\n ),\n },\n { label: \"Allergy on file\", value: \"Shellfish (severe)\" },\n { label: \"Compensation requested\", value: \"Full refund — $1,840 (pre-tax)\" },\n { label: \"Suggested response\", value: \"Manager call within 4 hours\" },\n { label: \"Sentiment\", value: \"Strongly negative\" },\n { label: \"Priority\", value: \"Urgent\" },\n ],\n },\n {\n id: \"4\",\n tabLabel: \"Maintenance Request\",\n shortLabel: \"Maintenance Ticket\",\n routeTo: \"Maintenance\",\n priority: \"High\",\n email: {\n fromName: \"Tom Bradley — Riverside Properties\",\n from: \"tbradley@riversidepm.com\",\n to: \"dispatch@coolairhvac.com\",\n subject: \"FWD: AC unit dead — Unit 312, Building C, please dispatch today\",\n date: \"May 19, 2026 · 1:08 PM CDT\",\n body: (\n <>\n

Hi Cool Air dispatch,

\n Forwarding a tenant email I received about thirty minutes ago. The AC unit in{\" \"}\n Unit 312, Building C at Riverside Commons (2200 Oak Ridge Pkwy,\n Memphis, TN 38104) has stopped cooling entirely. Tenant says the indoor temp is now at 86°F and climbing\n and that the outdoor condenser is running but no cool air is coming through any of the vents. She mentioned a\n burning smell when the system first failed last night around 11pm.\n

\n Tenant is Janelle Ortiz, (901) 555-0166. She works from\n home and is available all afternoon — gate code is 4421#. She has two cats indoors so please keep doors closed\n during entry. She attached three photos of the thermostat display, the air handler closet, and the outdoor unit\n (attached to this forward).\n

\n Given the heat advisory in effect through Wednesday and the burning smell she described, I'd classify this as\n urgent — please get someone on site today if at all possible,\n and call me before any repair over $500 so I can authorize.\n

\n Thanks,
\n Tom Bradley
\n Property Manager, Riverside Properties · (901) 555-0104\n

\n \n ),\n },\n extractedTitle: \"Maintenance Ticket\",\n fields: [\n { label: \"Document type\", value: \"Maintenance request (forwarded)\" },\n { label: \"Property\", value: \"Riverside Commons\" },\n { label: \"Address\", value: \"2200 Oak Ridge Pkwy, Memphis, TN 38104\" },\n { label: \"Building / Unit\", value: \"Building C, Unit 312\" },\n { label: \"Gate code\", value: \"4421#\" },\n { label: \"Tenant\", value: \"Janelle Ortiz\" },\n { label: \"Tenant phone\", value: \"(901) 555-0166\" },\n { label: \"Tenant availability\", value: \"WFH, all afternoon\" },\n { label: \"Property manager\", value: \"Tom Bradley · (901) 555-0104\" },\n { label: \"System\", value: \"Central AC — condenser running, no cold output\" },\n {\n label: \"Symptoms\",\n value: (\n

No cooling from any vent
Indoor temp 86°F and rising
Burning smell at point of failure (~11pm prior night)

\n ),\n },\n { label: \"Attachments\", value: \"3 photos (thermostat, air handler, condenser)\" },\n { label: \"Pets on site\", value: \"2 indoor cats — keep doors closed\" },\n { label: \"Approval threshold\", value: \"Call PM if repair > $500\" },\n { label: \"Suggested dispatch\", value: \"Same-day HVAC tech, heat advisory in effect\" },\n { label: \"Priority\", value: \"High\" },\n ],\n },\n];\n\nconst priorityStyles: Record = {\n Low: \"bg-slate-800 text-slate-300 ring-1 ring-slate-700\",\n Medium: \"bg-amber-500/10 text-amber-300 ring-1 ring-amber-500/40\",\n High: \"bg-orange-500/10 text-orange-300 ring-1 ring-orange-500/40\",\n Urgent: \"bg-red-500/10 text-red-300 ring-1 ring-red-500/40\",\n};\n\n// Heuristic: a value is \"numeric-ish\" if it parses as a number, looks like a phone, currency, date, etc.\nfunction isNumericLike(v: React.ReactNode): boolean {\n if (typeof v !== \"string\") return false;\n // currency, plain number, percent, phone, date-ish\n return /^[\\$]?[\\d,]+(\\.\\d+)?[%]?$/.test(v.trim())\n || /^\$\\d{3}\$\\s*\\d{3}-\\d{4}/.test(v.trim())\n || /^\\d{1,4}([\\/\\-]\\d{1,4}){0,2}$/.test(v.trim());\n}\n\nfunction renderJsonValue(v: React.ReactNode): React.ReactNode {\n if (v == null) return null;\n if (typeof v === \"string\") {\n if (isNumericLike(v)) {\n return {v};\n }\n return \"{v}\";\n }\n // For React nodes (e.g.,

{v}

\n {label}\n \n );\n}\n\nfunction Page({ example }: { example: Example }) {\n return (\n \n \n \n \n Email Parser — Sun Capital\n \n \n \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","deleted","label",[80,81,61],"demos","email-parser","ce66f528-5604-11f1-a919-ee650bb23af1","019e50c2-d6a7-7440-9dc9-d07a169f3d50",["D",1779471406685],"directory",[80,81],{"_36":126,"_13":80,"_62":83,"_64":-5,"_66":67,"_68":69,"_70":71,"_38":127,"_17":34,"_73":85,"_75":-5,"_77":51,"_78":-5,"_100":128,"_18":129},{"_36":119,"_13":120,"_62":121,"_64":-5,"_66":67,"_68":69,"_70":71,"_38":122,"_17":34,"_73":98,"_75":123,"_77":51,"_78":-5,"_100":124,"_18":125},{"_36":112,"_13":113,"_62":114,"_64":-5,"_66":67,"_68":69,"_70":71,"_38":115,"_17":34,"_73":98,"_75":116,"_77":51,"_78":-5,"_100":117,"_18":118},{"_36":103,"_13":104,"_62":105,"_64":-5,"_66":67,"_68":106,"_70":71,"_38":107,"_17":108,"_73":74,"_75":109,"_77":51,"_78":-5,"_100":110,"_18":111},{"_36":92,"_13":93,"_62":94,"_64":-5,"_66":67,"_68":95,"_70":71,"_38":96,"_17":97,"_73":98,"_75":99,"_77":51,"_78":-5,"_100":101,"_18":102},"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",[],[93],"e6c1a8c2-5607-11f1-b6f1-ee650bb23af1","main.tsx","019e50c2-d6a7-7440-9dc9-dc2ed313c2b2",10,["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

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

\n \n \n`, { headers: { \"Content-Type\": \"text/html\" } });\n",[],[80,145],"ce6a53ee-5604-11f1-a919-ee650bb23af1","vendor-quote-comparer","019e50c2-d6a7-7440-9dc9-c83d6b830948",["D",1779471406685],[157],[80,152],{"_36":158,"_13":61,"_62":159,"_64":153,"_66":67,"_68":69,"_70":71,"_38":160,"_17":34,"_73":74,"_75":161,"_77":51,"_78":-5,"_100":162,"_18":163},"ce6a19e2-5604-11f1-a919-ee650bb23af1","019e50c2-d6a7-7440-9dc9-c6837aec8da0",["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 Vendor = {\n name: string;\n initials: string;\n logoBg: string;\n logoText: string;\n totalPrice: string;\n priceColor: string;\n tier: string;\n timelineWeeks: string;\n warrantyYears: string;\n included: string[];\n notIncluded: string[];\n notes: string;\n recommended?: boolean;\n};\n\nconst vendors: Vendor[] = [\n {\n name: \"Premier Mechanical\",\n initials: \"PM\",\n logoBg: \"bg-slate-800\",\n logoText: \"text-white\",\n totalPrice: \"$232,400\",\n priceColor: \"text-emerald-800\",\n tier: \"Premium tier\",\n timelineWeeks: \"10 weeks\",\n warrantyYears: \"10 years\",\n included: [\n \"Six Carrier 25-ton rooftop units (high-efficiency)\",\n \"Full ductwork replacement and rebalancing\",\n \"Smart BMS controls with remote monitoring\",\n \"Crane lift, rigging, and roof curb fabrication\",\n \"Permitting, inspections, and code compliance\",\n \"Two years of quarterly preventative maintenance\",\n \"Old equipment removal and EPA refrigerant recovery\",\n ],\n notIncluded: [\n \"After-hours emergency calls beyond standard SLA\",\n \"Roof structural reinforcement (if required)\",\n ],\n notes:\n \"National contractor with strongest engineering bench and white-glove project management. Highest price, but the lowest execution risk for a tenant-occupied facility.\",\n },\n {\n name: \"Southeast HVAC Solutions\",\n initials: \"SE\",\n logoBg: \"bg-emerald-900\",\n logoText: \"text-white\",\n totalPrice: \"$204,800\",\n priceColor: \"text-emerald-600\",\n tier: \"Balanced tier\",\n timelineWeeks: \"6 weeks\",\n warrantyYears: \"5 years\",\n included: [\n \"Six Trane 25-ton rooftop units (standard-efficiency)\",\n \"Ductwork modifications and partial rebalancing\",\n \"Standard programmable thermostats and zoning\",\n \"Crane lift and rigging\",\n \"Permitting and inspections\",\n \"One year of bi-annual preventative maintenance\",\n ],\n notIncluded: [\n \"Smart BMS integration (available as $14k add-on)\",\n \"Extended warranty beyond 5 years\",\n \"Refrigerant recovery documentation package\",\n ],\n notes:\n \"Atlanta-based regional firm with a service crew 20 minutes from Building 4. Fastest timeline of the three and the most pragmatic balance of cost and coverage.\",\n recommended: true,\n },\n {\n name: \"BudgetAir Industrial\",\n initials: \"BA\",\n logoBg: \"bg-slate-300\",\n logoText: \"text-slate-800\",\n totalPrice: \"$189,900\",\n priceColor: \"text-slate-700\",\n tier: \"Budget tier\",\n timelineWeeks: \"8 weeks\",\n warrantyYears: \"1 year\",\n included: [\n \"Six Goodman 25-ton rooftop units (builder-grade)\",\n \"Direct swap on existing curbs\",\n \"Basic programmable thermostats\",\n \"Crane lift and rigging\",\n \"Standard permitting\",\n ],\n notIncluded: [\n \"Ductwork modifications or rebalancing\",\n \"BMS controls or zoning upgrades\",\n \"Preventative maintenance program\",\n \"Roof curb modifications if footprints differ\",\n ],\n notes:\n \"Low bidder with thin local references and a history of change orders on ductwork-adjacent scope. Real all-in cost likely lands higher than quoted.\",\n },\n];\n\nfunction VendorCard({ vendor }: { vendor: Vendor }) {\n return (\n

\n {vendor.recommended && (\n

\n \n \n Recommended\n \n

\n )}\n {!vendor.recommended &&

}\n\n

\n {vendor.tier}\n

\n\n \n {vendor.name}\n \n\n

\n \n {vendor.totalPrice}\n

\n Total project cost\n

\n\n

\n Timeline\n

\n \n {vendor.timelineWeeks}\n

\n Warranty\n

\n \n {vendor.warrantyYears}\n

\n \n \n\n

\n Included\n

\n —\n {item}\n

\n\n

\n Not included\n

\n —\n {item}\n

\n\n

\n \n {vendor.notes}\n

\n \n );\n}\n\nfunction Page() {\n return (\n \n \n \n \n Vendor Quote Comparison — Building 4 HVAC\n \n \n \n \n \n \n

\n\n

\n \n \n Capital Projects · Portfolio Operations\n \n

\n \n Vendor Quote Comparison\n \n \n Commercial HVAC Replacement — Building 4, 14,000 sq ft —\n Atlanta, GA\n

\n\n

\n Project summary\n

\n \n Replace six aging 25-ton rooftop package units serving the\n 14,000 sq ft Class B office at Building 4 in northwest Atlanta.\n The existing system is at end-of-life with rising service costs\n and tenant comfort complaints across the second floor. Target\n substantial completion before the July cooling peak, with all\n demo and crane work staged on weekends to avoid disrupting two\n ground-floor tenants. Key constraints: minimal roof\n reinforcement budget, BMS integration with the existing portfolio\n dashboard, and refrigerant compliance documentation for the\n upcoming sustainability audit.\n

\n\n

\n {vendors.map((v) => (\n

\n \n

\n ))}\n

\n\n

\n Tradeoff analysis\n

\n \n Premier is the safest pick but $42,500 more than BudgetAir,\n with a 10-week schedule that pushes past the July cooling\n peak. Southeast is the balanced choice — 6 weeks vs Premier's\n 10, ductwork modifications included, a local Atlanta service\n team, and a 5-year warranty that covers the realistic\n ownership horizon for this asset. BudgetAir's headline price\n is attractive, but the ductwork exclusion alone could add\n $30k–$50k in change orders once the curbs are pulled, and the\n 1-year warranty offloads equipment risk back onto the asset.\n

\n Recommendation\n

\n \n Award to Southeast HVAC Solutions with the $14k BMS\n integration add-on. Net cost of $218,800 is $13,600 below\n Premier with a 4-week schedule advantage, and the local\n service footprint materially reduces post-installation\n response risk.\n

\n\n \n

\n \n

{label}

{company}

{note}

\n );\n};\n\nconst CLIENT_URL = \"https://esm.town/v/stevekrouse/sun-vibe-coding-101/demos/tiny-dashboard/client.ts\";\n\nconst Page = () => (\n \n \n \n \n Tiny Dashboard — Paste CSV, instant charts\n \n \n \n \n

\n\n

\n T\n

Tiny Dashboard

\n Paste CSV{\" \"}\n \n → instant charts\n \n

\n Drop a portfolio extract into the box below. Tiny Dashboard parses the columns, picks sensible\n charts, and surfaces three quick reads of the data.\n

\n\n

1. CSV input

\n Sample data shown — 10 portfolio companies across 5 sectors.\n

\n \n 5 cols · 10 rows\n \n

\n \n Portfolio extract (CSV)\n \n \n

\n Columns detected:{\" \"}\n \n Company, Sector, Revenue (M), EBITDA Margin %, YoY Growth %\n \n

\n \n Generate charts\n \n

\n\n

2. Charts

\n \n Auto-detected from numeric columns\n \n

\n Revenue by company\n

\n USD millions\n

Sorted descending. Bar height = annual revenue.

\n Margin vs. growth\n

\n Hover for company\n

Upper-right quadrant = profitable and growing.

\n\n

3. Insights

\n \n One-line reads — sanity check, not a thesis\n \n

\n \n \n \n \n

\n\n \n

\n\n \n \n \n \n);\n\nexport default (_req: Request): Response => {\n const html = \"\" + renderToString();\n return new Response(html, { headers: { \"content-type\": \"text/html; charset=utf-8\" } });\n};\n",[],[80,165,61],"ce69bf74-5604-11f1-a919-ee650bb23af1","019e50c2-d6a7-7440-9dc9-b806af5af52c",["D",1779471406685],"// Client-side chart rendering for Tiny Dashboard.\n// Reads a JSON data island embedded in index.tsx and builds two Chart.js charts.\n\ninterface Row {\n company: string;\n sector: string;\n revenue: number;\n ebitdaMargin: number;\n yoyGrowth: number;\n}\n\ndeclare const Chart: any;\n\n// Glassmorphism palette — violet primary, rose secondary\nconst VIOLET = \"#a78bfa\";\nconst VIOLET_SOFT = \"rgba(167, 139, 250, 0.7)\";\nconst ROSE = \"#fb7185\";\nconst ROSE_SOFT = \"rgba(251, 113, 133, 0.65)\";\nconst SLATE_GRID = \"rgba(148, 163, 184, 0.18)\";\nconst SLATE_TEXT = \"#64748b\";\n\nfunction readData(): Row[] {\n const node = document.getElementById(\"dashboard-data\");\n if (!node) throw new Error(\"dashboard-data element missing\");\n return JSON.parse(node.textContent || \"[]\") as Row[];\n}\n\nfunction makeRevenueChart(rows: Row[]) {\n const canvas = document.getElementById(\"revenue-chart\") as HTMLCanvasElement | null;\n if (!canvas) return;\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) return;\n const sorted = [...rows].sort((a, b) => b.revenue - a.revenue);\n\n // Vertical gradient fill for bars — violet to soft purple\n const gradient = ctx.createLinearGradient(0, 0, 0, 300);\n gradient.addColorStop(0, \"rgba(167, 139, 250, 0.95)\");\n gradient.addColorStop(1, \"rgba(216, 180, 254, 0.55)\");\n\n new Chart(ctx, {\n type: \"bar\",\n data: {\n labels: sorted.map((r) => r.company),\n datasets: [\n {\n label: \"Revenue (USD M)\",\n data: sorted.map((r) => r.revenue),\n backgroundColor: gradient,\n borderColor: VIOLET,\n borderWidth: 1,\n borderRadius: 8,\n },\n ],\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: {\n backgroundColor: \"rgba(15, 23, 42, 0.92)\",\n titleColor: \"#f8fafc\",\n bodyColor: \"#e2e8f0\",\n borderColor: \"rgba(167, 139, 250, 0.4)\",\n borderWidth: 1,\n cornerRadius: 12,\n padding: 10,\n callbacks: {\n label: (ctx: any) => `$${ctx.parsed.y}M revenue`,\n },\n },\n },\n scales: {\n x: {\n ticks: { color: SLATE_TEXT, font: { size: 11 } },\n grid: { display: false },\n },\n y: {\n beginAtZero: true,\n ticks: {\n color: SLATE_TEXT,\n callback: (v: number) => `$${v}M`,\n },\n grid: { color: SLATE_GRID },\n },\n },\n },\n });\n}\n\nfunction makeScatterChart(rows: Row[]) {\n const canvas = document.getElementById(\"scatter-chart\") as HTMLCanvasElement | null;\n if (!canvas) return;\n new Chart(canvas.getContext(\"2d\"), {\n type: \"scatter\",\n data: {\n datasets: [\n {\n label: \"Portfolio companies\",\n data: rows.map((r) => ({ x: r.yoyGrowth, y: r.ebitdaMargin, company: r.company, sector: r.sector })),\n backgroundColor: ROSE_SOFT,\n borderColor: ROSE,\n borderWidth: 1.5,\n pointRadius: 7,\n pointHoverRadius: 10,\n },\n ],\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: {\n backgroundColor: \"rgba(15, 23, 42, 0.92)\",\n titleColor: \"#f8fafc\",\n bodyColor: \"#e2e8f0\",\n borderColor: \"rgba(251, 113, 133, 0.4)\",\n borderWidth: 1,\n cornerRadius: 12,\n padding: 10,\n callbacks: {\n title: (items: any[]) => items[0]?.raw?.company ?? \"\",\n label: (ctx: any) => {\n const r = ctx.raw;\n return [\n `Sector: ${r.sector}`,\n `Growth: ${r.x > 0 ? \"+\" : \"\"}${r.x}%`,\n `EBITDA margin: ${r.y}%`,\n ];\n },\n },\n },\n },\n scales: {\n x: {\n title: { display: true, text: \"YoY Growth %\", color: SLATE_TEXT, font: { size: 12 } },\n ticks: { color: SLATE_TEXT, callback: (v: number) => `${v}%` },\n grid: { color: SLATE_GRID },\n },\n y: {\n title: { display: true, text: \"EBITDA Margin %\", color: SLATE_TEXT, font: { size: 12 } },\n ticks: { color: SLATE_TEXT, callback: (v: number) => `${v}%` },\n grid: { color: SLATE_GRID },\n },\n },\n },\n });\n}\n\nfunction boot() {\n const rows = readData();\n makeRevenueChart(rows);\n makeScatterChart(rows);\n}\n\nif (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", boot);\n} else {\n boot();\n}\n",[],[80,165,113],"ce69bdee-5604-11f1-a919-ee650bb23af1","scheduled-monitor","019e50c2-d6a7-7440-9dc9-b70bddf4e8d1",["D",1779471406685],[190],[80,185],{"_36":191,"_13":61,"_62":192,"_64":186,"_66":67,"_68":69,"_70":71,"_38":193,"_17":34,"_73":74,"_75":194,"_77":51,"_78":-5,"_100":195,"_18":196},"ce697578-5604-11f1-a919-ee650bb23af1","019e50c2-d6a7-7440-9dc9-b3d8ca4d9210",["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 Status = \"stable\" | \"changed\" | \"error\";\n\ntype WatchedPage = {\n title: string;\n url: string;\n purpose: string;\n lastChecked: string;\n lastChange: string;\n status: Status;\n};\n\ntype ChangeEntry = {\n pageTitle: string;\n url: string;\n detected: string;\n was: string | null;\n now: string;\n addedOnly?: boolean;\n context: string;\n};\n\nconst pages: WatchedPage[] = [\n {\n title: \"Apex Coatings — Pricing\",\n url: \"apexcoatings.com/pricing\",\n purpose: \"Competitor pricing\",\n lastChecked: \"4h ago\",\n lastChange: \"Yesterday\",\n status: \"changed\",\n },\n {\n title: \"Midwest Industrial Supply — Portal\",\n url: \"supply.midwestind.com/portal/availability\",\n purpose: \"Supplier inventory page\",\n lastChecked: \"2h ago\",\n lastChange: \"3 days ago\",\n status: \"changed\",\n },\n {\n title: \"OSHA — 29 CFR 1910 Subpart H\",\n url: \"osha.gov/laws-regs/regulations/standardnumber/1910/SubpartH\",\n purpose: \"Regulatory updates — OSHA Subpart H\",\n lastChecked: \"6h ago\",\n lastChange: \"Yesterday\",\n status: \"changed\",\n },\n {\n title: \"Marietta Zoning Board — Minutes\",\n url: \"mariettaga.gov/zoning/board-minutes\",\n purpose: \"Local zoning board minutes\",\n lastChecked: \"8h ago\",\n lastChange: \"2 weeks ago\",\n status: \"stable\",\n },\n {\n title: \"Northridge Plastics — Blog\",\n url: \"northridgeplastics.com/blog\",\n purpose: \"Competitor blog\",\n lastChecked: \"5h ago\",\n lastChange: \"4 days ago\",\n status: \"changed\",\n },\n {\n title: \"Plastics News — Resin Pricing\",\n url: \"plasticsnews.com/resin/weekly\",\n purpose: \"Industry trade publication\",\n lastChecked: \"1h ago\",\n lastChange: \"Yesterday\",\n status: \"changed\",\n },\n {\n title: \"FDA — 21 CFR Part 177\",\n url: \"fda.gov/regulatory-information/21CFR177\",\n purpose: \"Regulatory updates — food-contact materials\",\n lastChecked: \"12h ago\",\n lastChange: \"Never\",\n status: \"stable\",\n },\n {\n title: \"Gulf Logistics — Service Status\",\n url: \"gulflogistics.com/status\",\n purpose: \"Carrier service status\",\n lastChecked: \"1d ago\",\n lastChange: \"Never\",\n status: \"error\",\n },\n];\n\nconst recentChanges: ChangeEntry[] = [\n {\n pageTitle: \"Apex Coatings — Pricing\",\n url: \"apexcoatings.com/pricing\",\n detected: \"Detected May 19, 8:42am\",\n was: \"Starting at $49/month\",\n now: \"Starting at $79/month\",\n context: \"Headline pricing on the Industrial tier moved up 61%.\",\n },\n {\n pageTitle: \"Midwest Industrial Supply — Portal\",\n url: \"supply.midwestind.com/portal/availability\",\n detected: \"Detected May 18, 3:14pm\",\n was: null,\n now: \"Added new section: 'Q3 2026 service availability' on supplier portal\",\n addedOnly: true,\n context:\n \"Supplier disclosed Q3 lead-time tiers — material for procurement planning.\",\n },\n {\n pageTitle: \"OSHA — 29 CFR 1910 Subpart H\",\n url: \"osha.gov/laws-regs/regulations/standardnumber/1910/SubpartH\",\n detected: \"Detected May 19, 11:08am\",\n was: null,\n now: \"OSHA — new compliance deadline added: Sept 1, 2026\",\n addedOnly: true,\n context:\n \"New deadline language inserted under 1910.119(j). Affects two portfolio facilities.\",\n },\n {\n pageTitle: \"Plastics News — Resin Pricing\",\n url: \"plasticsnews.com/resin/weekly\",\n detected: \"Detected May 19, 6:01am\",\n was: \"HDPE spot: $0.62/lb (W/W flat)\",\n now: \"HDPE spot: $0.68/lb (W/W +9.7%)\",\n context: \"Weekly resin index moved up on Gulf-region feedstock tightness.\",\n },\n {\n pageTitle: \"Northridge Plastics — Blog\",\n url: \"northridgeplastics.com/blog\",\n detected: \"Detected May 16, 2:33pm\",\n was: null,\n now: \"New post: 'Opening our second injection line in Q4 2026'\",\n addedOnly: true,\n context:\n \"Competitor signaling capacity expansion — relevant for Atlanta-region win rates.\",\n },\n];\n\nfunction StatusPill({ status }: { status: Status }) {\n if (status === \"changed\") {\n return (\n \n ◆ Changed\n \n );\n }\n if (status === \"error\") {\n return (\n \n ✕ Error\n \n );\n }\n return (\n \n ● Stable\n \n );\n}\n\nfunction statusBorder(status: Status) {\n if (status === \"changed\") return \"border-l-2 border-amber-400\";\n if (status === \"error\") return \"border-l-2 border-red-500\";\n return \"border-l-2 border-emerald-400\";\n}\n\nfunction KpiCard(\n { label, value, accent, danger }: {\n label: string;\n value: string;\n accent?: boolean;\n danger?: boolean;\n },\n) {\n const valueColor = danger\n ? \"text-red-400\"\n : accent\n ? \"text-amber-400\"\n : \"text-cyan-300\";\n return (\n

\n {label}\n

\n \n {value}\n

\n );\n}\n\nfunction PageRow({ page }: { page: WatchedPage }) {\n return (\n \n \n

\n {page.title}\n

\n {page.url}\n

\n \n {page.purpose}\n \n {page.lastChecked}\n \n \n {page.lastChange}\n \n \n \n \n \n \n [View diff]\n \n \n [Pause]\n \n \n \n );\n}\n\nfunction ChangeCard({ change }: { change: ChangeEntry }) {\n return (\n

\n ◆ Signal Detected\n

\n {change.pageTitle}\n

\n {change.url}\n

\n {change.detected}\n

\n\n

\n Delta\n

\n {change.was\n ? (\n

\n − {change.was}\n

\n )\n : null}\n

\n + {change.now}\n

\n\n

\n // \n {change.context}\n

\n\n

\n \n ▲ Notify team\n \n

\n );\n}\n\nfunction Page() {\n return (\n \n \n \n \n Scheduled Page Monitor\n \n \n \n \n \n

\n \n \n Live · Channel 08\n \n

\n STA-01 · SECURE\n |\n UPLINK OK\n

\n Intelligence Ops · Portfolio Recon\n

\n SCHEDULED PAGE MONITOR\n

\n > Watching 8 targets · alert on content delta\n

\n Last sweep\n

\n T−4h 00m\n

\n \n ▶ Run sweep\n \n

\n\n

\n \n \n \n \n

\n\n

\n \n ▣ Targets · Watchlist\n \n

\n 8 active\n

\n \n \n \n \n \n \n \n \n \n \n \n \n {pages.map((p) => )}\n \n

\n Target\n	\n Purpose\n	\n Last sweep\n	\n Last delta\n	\n Status\n	\n Actions\n

\n\n

\n ◆ Incident Feed\n

\n RECENT CHANGES\n

\n > Deltas captured · last 7 days\n

\n \n [View all →]\n \n

\n {recentChanges.map((c) => )}\n

\n\n

\n ＋ New Target\n

\n ADD TARGET TO WATCHLIST\n

\n > Paste URL · sweep cadence auto-assigned\n

\n \n \n \n ＋ Engage\n \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",[],[80,185,61],"ce6973d4-5604-11f1-a919-ee650bb23af1","sales-lead-qualifier","019e50c2-d6a7-7440-9dc9-ac1b8c8b3e7b",["D",1779471406685],[203],[80,198],{"_36":204,"_13":61,"_62":205,"_64":199,"_66":67,"_68":69,"_70":71,"_38":206,"_17":34,"_73":74,"_75":207,"_77":51,"_78":-5,"_100":208,"_18":209},"ce691b14-5604-11f1-a919-ee650bb23af1","019e50c2-d6a7-7440-9dc9-aaaa0673067f",["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 Urgency = \"Hot\" | \"Warm\" | \"Cold\";\ntype Source = \"Web\" | \"Referral\" | \"Conference\" | \"Outbound\" | \"Partner\";\n\ntype Lead = {\n company: string;\n industry: string;\n score: number;\n contactName: string;\n contactTitle: string;\n source: Source;\n urgency: Urgency;\n summary: string;\n nextStep: string;\n};\n\nconst leads: Lead[] = [\n {\n company: \"Cedar Ridge Industrial\",\n industry: \"Industrial Services\",\n score: 92,\n contactName: \"Marcus Chen\",\n contactTitle: \"VP Operations\",\n source: \"Referral\",\n urgency: \"Hot\",\n summary:\n \"Mid-market industrial services company, 240 employees across 6 states, expanding into the Southeast. VP of Ops responded within 30 minutes of outreach and asked for a same-week call.\",\n nextStep: \"Schedule discovery call\",\n },\n {\n company: \"Northwind Precision Manufacturing\",\n industry: \"Precision Manufacturing\",\n score: 88,\n contactName: \"Priya Raman\",\n contactTitle: \"Chief Financial Officer\",\n source: \"Conference\",\n urgency: \"Hot\",\n summary:\n \"Family-owned aerospace parts manufacturer, ~$84M revenue, considering a strategic recap. CFO mentioned active conversations with two other sponsors at the trade show.\",\n nextStep: \"Schedule discovery call\",\n },\n {\n company: \"Harborlight Healthcare Group\",\n industry: \"Healthcare Services\",\n score: 85,\n contactName: \"Dr. Allison Park\",\n contactTitle: \"Chief Medical Officer\",\n source: \"Web\",\n urgency: \"Hot\",\n summary:\n \"Multi-site outpatient specialty clinic network, 18 locations across the Midwest. Downloaded our 'add-on acquisitions' whitepaper and booked time with two team members.\",\n nextStep: \"Send portfolio case studies\",\n },\n {\n company: \"Trellis B2B Software\",\n industry: \"B2B SaaS\",\n score: 83,\n contactName: \"Daniel Okafor\",\n contactTitle: \"Founder & CEO\",\n source: \"Outbound\",\n urgency: \"Hot\",\n summary:\n \"Vertical SaaS for field-service contractors, $22M ARR with 130% net revenue retention. Founder is open to a majority recap and has a clean cap table.\",\n nextStep: \"Forward to enterprise team\",\n },\n {\n company: \"Ironclad Coatings & Fabrication\",\n industry: \"Light Industrial\",\n score: 81,\n contactName: \"Rebecca Vance\",\n contactTitle: \"President\",\n source: \"Referral\",\n urgency: \"Hot\",\n summary:\n \"Specialty coatings business with three plants in Texas and Oklahoma. Owner is 64 and exploring full exit within 12 months. Strong EBITDA margins relative to peers.\",\n nextStep: \"Schedule discovery call\",\n },\n {\n company: \"Summit Facility Solutions\",\n industry: \"Business Services\",\n score: 80,\n contactName: \"Hector Alvarez\",\n contactTitle: \"COO\",\n source: \"Conference\",\n urgency: \"Hot\",\n summary:\n \"Commercial facilities management roll-up candidate, ~410 employees. COO actively building a buyer short list and asked us to send a one-pager on our platform thesis.\",\n nextStep: \"Send pricing & thesis PDF\",\n },\n {\n company: \"Blue Meridian Logistics\",\n industry: \"Transportation & Logistics\",\n score: 76,\n contactName: \"Jenna Whitfield\",\n contactTitle: \"VP Strategy\",\n source: \"Web\",\n urgency: \"Warm\",\n summary:\n \"Regional last-mile logistics provider, ~$58M revenue. Strategy lead requested benchmarks; founder not yet aligned on timing, but next 12-18 months is realistic.\",\n nextStep: \"Nurture — quarterly check-in\",\n },\n {\n company: \"Maple & Oak Food Group\",\n industry: \"Specialty Food Manufacturing\",\n score: 74,\n contactName: \"Tomas Lindqvist\",\n contactTitle: \"CEO\",\n source: \"Partner\",\n urgency: \"Warm\",\n summary:\n \"Private-label baked goods, two facilities, ~310 employees. CEO is preparing for sale in 18 months and wants to build relationships with sponsors who know the category.\",\n nextStep: \"Send relevant case studies\",\n },\n {\n company: \"Atlas Veterinary Partners\",\n industry: \"Healthcare Services\",\n score: 72,\n contactName: \"Dr. Naomi Bryant\",\n contactTitle: \"Co-Founder\",\n source: \"Referral\",\n urgency: \"Warm\",\n summary:\n \"Veterinary practice group with 11 clinics in the Carolinas. Co-founder warm to platform conversations but wants to retain meaningful equity post-transaction.\",\n nextStep: \"Schedule discovery call\",\n },\n {\n company: \"Granite State Plastics\",\n industry: \"Plastics & Packaging\",\n score: 70,\n contactName: \"Edward Hsu\",\n contactTitle: \"Owner\",\n source: \"Outbound\",\n urgency: \"Warm\",\n summary:\n \"Injection-molded components for medical and industrial OEMs, ~$41M revenue. Owner is curious but cautious — has never engaged a banker before.\",\n nextStep: \"Send intro materials\",\n },\n {\n company: \"Lakeshore Behavioral Health\",\n industry: \"Healthcare Services\",\n score: 68,\n contactName: \"Sandra Mulligan\",\n contactTitle: \"Executive Director\",\n source: \"Web\",\n urgency: \"Warm\",\n summary:\n \"Outpatient mental health network, 9 sites across Michigan. Strong reimbursement mix; founder will only consider partners with documented behavioral health experience.\",\n nextStep: \"Send portfolio case studies\",\n },\n {\n company: \"Pinecrest Building Products\",\n industry: \"Building Products\",\n score: 66,\n contactName: \"Wesley Brand\",\n contactTitle: \"CFO\",\n source: \"Conference\",\n urgency: \"Warm\",\n summary:\n \"Distributor of residential building materials across five Southeast states. Family ownership reviewing a minority growth investment to fund two tuck-in acquisitions.\",\n nextStep: \"Connect to partner channel\",\n },\n {\n company: \"Sterling Test & Measurement\",\n industry: \"Industrial Technology\",\n score: 64,\n contactName: \"Anita Velasquez\",\n contactTitle: \"VP Corporate Development\",\n source: \"Outbound\",\n urgency: \"Warm\",\n summary:\n \"Calibration and test services provider, ~$33M revenue, 7 labs nationwide. Corp dev lead is in early-stage diligence with two strategics; sponsor interest is exploratory.\",\n nextStep: \"Nurture — quarterly check-in\",\n },\n {\n company: \"Cornerstone Dental Network\",\n industry: \"Healthcare Services\",\n score: 61,\n contactName: \"Dr. Kenneth Yu\",\n contactTitle: \"Managing Partner\",\n source: \"Referral\",\n urgency: \"Warm\",\n summary:\n \"Regional DSO with 14 offices. Founder wants to take chips off the table but is wary of integration-heavy sponsors. Reasonable fit but crowded space.\",\n nextStep: \"Send tailored pitch\",\n },\n {\n company: \"Bluegrass Industrial Cleaning\",\n industry: \"Business Services\",\n score: 58,\n contactName: \"Roger Tate\",\n contactTitle: \"President\",\n source: \"Web\",\n urgency: \"Cold\",\n summary:\n \"Regional industrial cleaning contractor, ~$14M revenue. Below typical platform size but could be an interesting add-on for an existing portfolio company.\",\n nextStep: \"Refer to portfolio company\",\n },\n {\n company: \"Vantage Print & Mailing\",\n industry: \"Business Services\",\n score: 54,\n contactName: \"Lisa Crawford\",\n contactTitle: \"CEO\",\n source: \"Outbound\",\n urgency: \"Cold\",\n summary:\n \"Direct mail and print services, ~$19M revenue, slow secular decline. CEO is open to a conversation but the underlying market thesis is challenged.\",\n nextStep: \"Disqualify — sector headwinds\",\n },\n {\n company: \"Beacon Hill Staffing\",\n industry: \"Staffing & Recruiting\",\n score: 49,\n contactName: \"Greg Patterson\",\n contactTitle: \"Founder\",\n source: \"Web\",\n urgency: \"Cold\",\n summary:\n \"Light industrial staffing firm with three branches. Margins under pressure and customer concentration risk; not a fit for our current platform criteria.\",\n nextStep: \"Disqualify — margin profile\",\n },\n {\n company: \"Riverstone Tech Consulting\",\n industry: \"IT Services\",\n score: 44,\n contactName: \"Mira Patel\",\n contactTitle: \"Managing Director\",\n source: \"Conference\",\n urgency: \"Cold\",\n summary:\n \"Boutique tech consulting firm, ~28 consultants. Too small for our platform thesis and project-revenue mix limits valuation. Polite no.\",\n nextStep: \"Disqualify — too small\",\n },\n {\n company: \"Hilltop Auto Group\",\n industry: \"Consumer Services\",\n score: 38,\n contactName: \"Brian Calloway\",\n contactTitle: \"Owner\",\n source: \"Outbound\",\n urgency: \"Cold\",\n summary:\n \"Three-dealership group in the Northeast. Outside of our current sector focus and capital structure preferences. Friendly relationship-only contact.\",\n nextStep: \"Disqualify — outside thesis\",\n },\n {\n company: \"Coastal Marine Supplies\",\n industry: \"Distribution\",\n score: 33,\n contactName: \"Henry Doyle\",\n contactTitle: \"President\",\n source: \"Web\",\n urgency: \"Cold\",\n summary:\n \"Recreational marine parts distributor, highly seasonal revenue. Cyclical end-market and limited scale make this a clear pass for the platform.\",\n nextStep: \"Disqualify — cyclicality\",\n },\n];\n\nfunction tierColor(urgency: Urgency): string {\n if (urgency === \"Hot\") return \"text-emerald-400\";\n if (urgency === \"Warm\") return \"text-amber-400\";\n return \"text-slate-500\";\n}\n\nfunction tierBorder(urgency: Urgency): string {\n if (urgency === \"Hot\") return \"border-t-2 border-emerald-400\";\n if (urgency === \"Warm\") return \"border-t-2 border-amber-400\";\n return \"border-t-2 border-slate-600\";\n}\n\nfunction tierBadge(urgency: Urgency): string {\n if (urgency === \"Hot\") return \"bg-emerald-400/10 text-emerald-400 border border-emerald-400/40\";\n if (urgency === \"Warm\") return \"bg-amber-400/10 text-amber-400 border border-amber-400/40\";\n return \"bg-slate-500/10 text-slate-400 border border-slate-600\";\n}\n\nfunction tierTicker(urgency: Urgency): string {\n if (urgency === \"Hot\") return \"▲ HOT\";\n if (urgency === \"Warm\") return \"● WARM\";\n return \"▼ COLD\";\n}\n\nfunction LeadCard({ lead }: { lead: Lead }) {\n return (\n

\n {lead.industry}\n

\n {lead.company}\n

\n {lead.score}\n

\n FIT\n

\n\n

\n \n {tierTicker(lead.urgency)}\n \n \n {lead.source}\n \n

\n\n

\n {lead.contactName}\n · {lead.contactTitle}\n

\n\n

\n {lead.summary}\n

\n\n

\n NEXT\n

{lead.nextStep}

\n \n OPEN →\n \n

\n );\n}\n\nfunction Kpi({ label, value, accent }: { label: string; value: string; accent?: string }) {\n return (\n

\n {label}\n

\n {value}\n

\n );\n}\n\nfunction FilterButton({ label }: { label: string }) {\n return (\n \n {label}\n ▾\n \n );\n}\n\nfunction Page() {\n return (\n \n \n \n \n Sales Lead Qualifier\n \n \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",[],[80,198,61],"ce6918a8-5604-11f1-a919-ee650bb23af1","request-tracker","019e50c2-d6a7-7440-9dc9-a61a111d7182",["D",1779471406685],[216],[80,211],{"_36":217,"_13":61,"_62":218,"_64":212,"_66":67,"_68":69,"_70":71,"_38":219,"_17":34,"_73":74,"_75":220,"_77":51,"_78":-5,"_100":221,"_18":222},"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 {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",[],[80,211,61],"ce68dfc8-5604-11f1-a919-ee650bb23af1","ops-checklists","019e50c2-d6a7-7440-9dc9-9c9e1f3321dd",["D",1779471406685],[229],[80,224],{"_36":230,"_13":61,"_62":231,"_64":225,"_66":67,"_68":69,"_70":71,"_38":232,"_17":34,"_73":74,"_75":233,"_77":51,"_78":-5,"_100":234,"_18":235},"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 email_parser\n ()\n

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

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

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?

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

1. CSV input

2. Charts

3. Insights

\n RECENT CHANGES\n

\n ADD TARGET TO WATCHLIST\n

\n {lead.company}\n

\n {title}\n

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