goosetools-worker 0.1.0

package/README.md

@@ -0,0 +1,75 @@
+# carousel-maker
+
+Brand-aware Instagram carousel generator. Photos + words in → ready-to-post 1080×1350 PNGs out.
+
+## How it works
+
+1. **`brand.yml`** — your colors, fonts, handle. Set once; every slide inherits it.
+2. **A style** — `styles/<name>/` holds a template set + `style.yml` (font/color overrides) + the reference images that inspired it. Like Recraft: drop inspo screenshots in `styles/<name>/refs/`, have the agent distill them into templates, reuse forever. `brand.yml → defaultStyle` picks the default; a carousel can override with `style: <name>` in its slides.yml.
+3. **A carousel folder** — `carousels/<name>/` with a `slides.yml` (and photos alongside it).
+4. **Render** — HTML templates filled with your brand tokens, screenshotted headless at 2x.
+
+## Usage
+
+```bash
+npm install && npx playwright install chromium   # first time only
+
+node src/render.js carousels/my-post
+# → carousels/my-post/output/slide-01.png, slide-02.png, ...
+```
+
+## slides.yml
+
+```yaml
+slides:
+  - template: cover        # bold hook on brand color + "swipe →"
+    text: |-
+      the hook
+      goes here
+  - template: photo        # your photo, text over a dark gradient
+    photo: photos/desk.jpg
+    text: caption over the photo
+  - template: text         # dark slide, *asterisks* render in accent color
+    text: |-
+      body copy with
+      *highlighted* words
+  - template: cta          # gradient closer with follow pill — put last
+    text: your call to action
+```
+
+## Templates
+
+| template | look |
+|---|---|
+| `cover` | brand gradient, big bold hook |
+| `photo` | full-bleed photo, gradient scrim, caption at bottom |
+| `text` | dark background, bold copy, `*text*` → accent color |
+| `light` | off-white background, dark copy, `*text*` → primary color |
+| `cta` | brand gradient, centered text + "follow @handle" pill |
+
+Every slide gets a progress bar + page counter baked in, and a swipe chevron on the right edge — except the last slide, where the missing chevron and full bar signal the end. Alternate dark/light templates for visual rhythm.
+
+Add a template by dropping a new `templates/<name>.html` — it gets the full brand.yml context plus `{{text}}`, `{{photoSrc}}`, `{{handle}}`, `{{ui}}` (the progress bar + chevron; include it in every template). If the new template has a light background, add its name to `LIGHT_TEMPLATES` in `src/render.js` so the chrome adapts.
+
+## Goose Tools worker
+
+This repo doubles as the **worker** behind goosetools.com's Carousel Maker.
+The web app queues jobs; a worker on your own computer claims them, drafts
+the slide copy with your local Claude Code login (your subscription), renders
+with the engine above, and uploads the finished PNGs.
+
+```bash
+# one-time: install Claude Code + sign in, then
+node worker/index.js --url https://goosetools.com --token gt_...   # token from the website
+```
+
+Optional env: `VOICE_DIR` points at a writing-voice folder the drafts should
+follow (see `worker/index.js`). Erin's Mac runs it permanently via launchd —
+`scripts/com.ern.carousel-maker.worker.plist` (config in `worker/.env`).
+
+## Roadmap
+
+- Secondary font (TBD in brand.yml)
+- Per-platform handle overrides
+- Draft the words too (hook + slide copy from a rough idea)
+- Hook into build-in-public as a skill

package/brand.yml

@@ -0,0 +1,39 @@
+# Brand tokens — every slide inherits these.
+# Colors pulled from erinkerr.me (blue bento portfolio), 2026-07-13.
+
+colors:
+  # Electric blue from Erin's CREATOR portfolio erin-codes.com (theme-color
+  # meta tag) — the brand source of truth. NOT erinkerr.me's #2563eb.
+  primary: "#001AFF"
+  primaryLight: "#4d5eff"
+  primaryDark: "#0010a6"  # CTA text, hard shadows
+  accent: "#b3bcff"       # pale electric accent
+  dark: "#05071f"         # near-black w/ electric tint — dark slide bg
+  lightBg: "#f4f5ff"      # cool off-white — light slide bg (never pure #fff)
+  lightBorder: "#e2e5ff"
+  text: "#ffffff"
+  textOnLight: "#05071f"
+
+# HARD RULE (Erin, 2026-07-14): NO GRADIENTS, ever. Flat color or paper-grain
+# texture only — gradients read as AI-generated design. See style refs
+# (pikacodes: flat electric blue / grainy off-white).
+
+# Default style — each style lives in styles/<name>/ (templates + style.yml
+# overrides + the reference images that inspired it). Override per carousel
+# with `style: <name>` at the top of its slides.yml.
+defaultStyle: graph-paper
+
+fonts:
+  # Brand-level defaults; the active style's style.yml can override.
+  heading: "Space Grotesk"
+  headingWeight: 700
+  body: "Inter"
+  bodyWeight: 400
+  mono: "Space Mono"
+
+handle: "@erin.codes"   # per-platform override later
+
+style:
+  vibe: "modern bold"
+  padding: 96            # px inside each 1080x1350 slide
+  radius: 24             # border radius for cards/photo frames

package/carousels/demo/slides.yml

@@ -0,0 +1,24 @@
+slides:
+  - template: cover
+    text: |-
+      i built a tool
+      that makes
+      these slides
+  - template: text
+    text: |-
+      it reads my *brand colors*
+      and fonts from one file
+
+      then turns plain text
+      into ready-to-post slides
+  - template: light
+    text: |-
+      light + dark slides
+      alternate for rhythm
+
+      the *progress bar* fills
+      as you swipe
+  - template: cta
+    text: |-
+      photos + words in
+      pngs out

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "goosetools-worker",
+  "version": "0.1.0",
+  "description": "The Goose Tools carousel worker — your computer drafts and renders carousel slides for goosetools.com using your own Claude account.",
+  "repository": "github:ernkerr/carousel-maker",
+  "files": [
+    "worker",
+    "src",
+    "styles",
+    "carousels/demo/slides.yml",
+    "brand.yml",
+    "README.md"
+  ],
+  "type": "module",
+  "bin": {
+    "goosetools-worker": "worker/cli.js"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "render": "node src/render.js",
+    "demo": "node src/render.js carousels/demo",
+    "worker": "node worker/index.js"
+  },
+  "dependencies": {
+    "@vercel/blob": "^0.27.0",
+    "js-yaml": "^4.1.0",
+    "playwright": "^1.49.0"
+  }
+}

package/src/render.js

@@ -0,0 +1,184 @@
+import { readFileSync, readdirSync, mkdirSync, existsSync } from "node:fs";
+import { join, dirname, resolve, extname } from "node:path";
+import { fileURLToPath } from "node:url";
+import yaml from "js-yaml";
+import { chromium } from "playwright";
+
+const ROOT = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+
+// usage: node src/render.js <carousel-dir> [--aspect 4:5|1:1|9:16] [--out <dir>]
+const ASPECTS = { "4:5": [1080, 1350], "1:1": [1080, 1080], "9:16": [1080, 1920] };
+const args = process.argv.slice(2);
+const carouselDir = args.find((a) => !a.startsWith("--"));
+function flagValue(name) {
+  const i = args.indexOf(name);
+  return i !== -1 ? args[i + 1] : undefined;
+}
+const aspect = flagValue("--aspect") ?? "4:5";
+if (!ASPECTS[aspect]) {
+  console.error(`Unknown aspect "${aspect}" — expected ${Object.keys(ASPECTS).join(" | ")}`);
+  process.exit(1);
+}
+const [WIDTH, HEIGHT] = ASPECTS[aspect];
+const outOverride = flagValue("--out");
+
+if (!carouselDir) {
+  console.error("Usage: node src/render.js <carousel-dir> [--aspect 4:5|1:1|9:16] [--out <dir>]");
+  process.exit(1);
+}
+const dir = resolve(carouselDir);
+const brandBase = yaml.load(readFileSync(join(ROOT, "brand.yml"), "utf8"));
+const spec = yaml.load(readFileSync(join(dir, "slides.yml"), "utf8"));
+
+// resolve active style: slides.yml `style:` > brand.yml defaultStyle
+const styleName = spec.style ?? brandBase.defaultStyle;
+const styleDir = join(ROOT, "styles", styleName);
+if (!existsSync(styleDir)) {
+  console.error(`Unknown style "${styleName}" — expected ${styleDir}`);
+  process.exit(1);
+}
+const stylePath = join(styleDir, "style.yml");
+const styleSpec = existsSync(stylePath) ? yaml.load(readFileSync(stylePath, "utf8")) : {};
+// shallow merge per top-level key (fonts/colors/style), style wins
+const brand = { ...brandBase };
+for (const key of ["fonts", "colors", "style"]) {
+  if (styleSpec[key]) brand[key] = { ...brandBase[key], ...styleSpec[key] };
+}
+const slides = spec.slides ?? [];
+if (!slides.length) {
+  console.error("slides.yml has no slides");
+  process.exit(1);
+}
+
+// {{a.b.c}} substitution against a merged context
+function fill(template, ctx) {
+  return template.replace(/\{\{([\w.]+)\}\}/g, (_, path) => {
+    const val = path.split(".").reduce((o, k) => o?.[k], ctx);
+    return val ?? "";
+  });
+}
+
+function escapeHtml(s) {
+  return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+
+// *emphasis* → <em> (color pop), _emphasis_ → <i> (italic) — templates style both
+function richText(s) {
+  return escapeHtml(s)
+    .replace(/_([^_]+)_/g, "<i>$1</i>")
+    .replace(/\*([^*]+)\*/g, "<em>$1</em>");
+}
+
+function photoDataUri(photoPath) {
+  const p = resolve(dir, photoPath);
+  const mime = { ".jpg": "image/jpeg", ".jpeg": "image/jpeg", ".png": "image/png", ".webp": "image/webp" }[extname(p).toLowerCase()];
+  if (!mime) throw new Error(`Unsupported photo type: ${photoPath}`);
+  return `data:${mime};base64,${readFileSync(p).toString("base64")}`;
+}
+
+// which templates sit on a light background (UI chrome adapts)
+const LIGHT_TEMPLATES = new Set(["light", "resource", "cover", "text", "cta"]);
+
+// no per-slide chrome — arrows, counters, and progress bars all rejected (Erin, 2026-07-14)
+function slideUi() {
+  return "";
+}
+
+// per-family axis specs — some families don't ship every weight
+const FONT_SPECS = {
+  "Instrument Serif": "ital@0;1",
+  "Fraunces": "ital,wght@0,400;0,500;0,600;1,400;1,500",
+  "Silkscreen": "wght@400;700",
+  "Pixelify Sans": "wght@400;500;700",
+  "Doto": "wght@400;700;900",
+  "VT323": "wght@400",
+  "Space Mono": "wght@400;700",
+  "Geist Mono": "wght@400;500",
+};
+const fontFamilies = [brand.fonts.heading, brand.fonts.body, brand.fonts.mono, brand.fonts.pixel]
+  .filter(Boolean)
+  .map((f) => `family=${f.replace(/ /g, "+")}:${FONT_SPECS[f] ?? "wght@400;500;700"}`)
+  .join("&");
+
+// style background — flat patterns only (no visual gradients)
+const [gr, gg, gb] = (brand.colors.primary.match(/\w\w/g) ?? []).map((h) => parseInt(h, 16));
+function styleBg() {
+  if (styleSpec.background === "dots") {
+    // offset polka dots in pale brand blue
+    const dot = `%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88'%3E%3Ccircle cx='22' cy='22' r='9' fill='rgba(${gr},${gg},${gb},0.14)'/%3E%3Ccircle cx='66' cy='66' r='9' fill='rgba(${gr},${gg},${gb},0.14)'/%3E%3C/svg%3E`;
+    return `
+    background-color: ${brand.colors.lightBg};
+    background-image: url("data:image/svg+xml,${dot}");`;
+  }
+  // default: graph paper (flat grid lines, minor + major rules)
+  return `
+    background-color: ${brand.colors.lightBg};
+    background-image:
+      linear-gradient(to right, rgba(${gr}, ${gg}, ${gb}, 0.10) 1px, transparent 1px),
+      linear-gradient(to bottom, rgba(${gr}, ${gg}, ${gb}, 0.10) 1px, transparent 1px),
+      linear-gradient(to right, rgba(${gr}, ${gg}, ${gb}, 0.20) 2px, transparent 2px),
+      linear-gradient(to bottom, rgba(${gr}, ${gg}, ${gb}, 0.20) 2px, transparent 2px);
+    background-size: 36px 36px, 36px 36px, 180px 180px, 180px 180px;`;
+}
+const GRID_BG = styleBg();
+
+function pageHtml(slideHtml) {
+  return `<!doctype html><html><head><meta charset="utf-8">
+<link href="https://fonts.googleapis.com/css2?${fontFamilies}&display=block" rel="stylesheet">
+<style>
+  * { margin: 0; box-sizing: border-box; }
+  html, body { width: ${WIDTH}px; height: ${HEIGHT}px; overflow: hidden; }
+  .slide { position: relative; width: ${WIDTH}px; height: ${HEIGHT}px; padding: ${brand.style.padding}px; overflow: hidden; }
+</style></head><body>${slideHtml}</body></html>`;
+}
+
+const outDir = outOverride ? resolve(outOverride) : join(dir, "output");
+mkdirSync(outDir, { recursive: true });
+
+const browser = await chromium.launch();
+const page = await browser.newPage({ viewport: { width: WIDTH, height: HEIGHT }, deviceScaleFactor: 2 });
+
+// live screenshot of a resource's site, embedded as a receipt on the slide
+async function siteScreenshot(url) {
+  const shotPage = await browser.newPage({ viewport: { width: 1280, height: 860 }, deviceScaleFactor: 2 });
+  try {
+    await shotPage.goto(url, { waitUntil: "networkidle", timeout: 30000 }).catch(() => {});
+    await shotPage.waitForTimeout(1500);
+    const buf = await shotPage.screenshot();
+    return `data:image/png;base64,${buf.toString("base64")}`;
+  } finally {
+    await shotPage.close();
+  }
+}
+
+for (const [i, slide] of slides.entries()) {
+  const templatePath = join(styleDir, "templates", `${slide.template}.html`);
+  if (!existsSync(templatePath)) throw new Error(`Unknown template: ${slide.template}`);
+  const isLight = LIGHT_TEMPLATES.has(slide.template);
+  if (slide.url && !slide.screenshot) {
+    console.log(`  capturing ${slide.url} ...`);
+  }
+  const ctx = {
+    ...brand,
+    gridBg: GRID_BG,
+    text: richText(slide.text ?? ""),
+    name: escapeHtml(slide.name ?? ""),
+    subtitle: escapeHtml(slide.subtitle ?? ""),
+    handle: brand.handle,
+    photoSrc: slide.photo ? photoDataUri(slide.photo) : "",
+    screenshotSrc: slide.screenshot
+      ? photoDataUri(slide.screenshot)
+      : slide.url
+        ? await siteScreenshot(slide.url)
+        : "",
+    ui: slideUi(i, slides.length, isLight, i === slides.length - 1),
+  };
+  const html = pageHtml(fill(readFileSync(templatePath, "utf8"), ctx));
+  await page.setContent(html, { waitUntil: "networkidle" });
+  const out = join(outDir, `slide-${String(i + 1).padStart(2, "0")}.png`);
+  await page.screenshot({ path: out });
+  console.log(`✓ ${out}`);
+}
+
+await browser.close();
+console.log(`\nDone — ${slides.length} slides in ${outDir}`);

package/styles/graph-paper/style.yml

@@ -0,0 +1,26 @@
+# graph-paper — STYLE #1, locked 2026-07-14 after 8 feedback rounds.
+# Born from @pikacodes refs (build-in-public data/local/references/instagram/
+# pikacodes-carousels.md), toned down per Erin: "like pika and use my colors,
+# maybe a graph paper background."
+# Locked look: graph-paper bg, Instrument Serif blue/black headlines,
+# VT323 caps accents, real site screenshots, no chrome, no gradients.
+
+name: graph-paper
+
+# Overrides merged over brand.yml (brand colors stay unless overridden here)
+fonts:
+  # Instrument Serif for headlines (Fraunces tried 2026-07-14, rejected: "clunky").
+  # Geist Mono from her creator portfolio (erin-codes.com).
+  heading: "Instrument Serif"
+  headingWeight: 400
+  mono: "Geist Mono"
+  # pixel-font journey: Silkscreen (too chunky) → Pixelify Sans (not it) →
+  # Doto dot-matrix (too hard to read) → VT323 terminal pixel (readable)
+  pixel: "VT323"
+
+notes: |
+  - graph-paper bg (fine blue grid, heavier major lines) on off-white
+  - headlines mix brand blue + near-black; _x_ = italic, *x* = color pop
+  - [ @handle ] labels in pixel font
+  - flat brand-blue pop (blue.html) + CTA slides; hard-shadow pixel button
+  - NO gradients (global rule)

package/styles/graph-paper/templates/blue.html

@@ -0,0 +1,41 @@
+<div class="slide blue-slide">
+  <div class="handle">[ {{handle}} ]</div>
+  <div class="body">{{text}}</div>
+  {{ui}}
+</div>
+<style>
+  .blue-slide {
+    background: {{colors.primary}};
+    color: {{colors.text}};
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+  .blue-slide .handle {
+    font-family: "{{fonts.pixel}}", monospace;
+    text-transform: uppercase;
+    font-weight: 400;
+    font-size: 42px;
+    color: rgba(255, 255, 255, 0.85);
+  }
+  .blue-slide .body {
+    font-family: "{{fonts.heading}}", serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 84px;
+    line-height: 1.15;
+    margin-top: auto;
+    margin-bottom: auto;
+    padding-bottom: 60px;
+    white-space: pre-wrap;
+  }
+  .blue-slide .body em {
+    font-style: normal;
+    color: {{colors.primary}};
+    background: {{colors.lightBg}};
+    padding: 0 20px;
+    box-decoration-break: clone;
+    -webkit-box-decoration-break: clone;
+  }
+  .blue-slide .body i { font-style: italic; }
+</style>

package/styles/graph-paper/templates/cover.html

@@ -0,0 +1,43 @@
+<div class="slide cover">
+  <div class="handle">[ {{handle}} ]</div>
+  <div class="hook">{{text}}<div class="subtitle">{{subtitle}}</div></div>
+  {{ui}}
+</div>
+<style>
+  .cover {
+    {{gridBg}}
+    color: {{colors.textOnLight}};
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+  .cover .handle {
+    font-family: "{{fonts.pixel}}", monospace;
+    text-transform: uppercase;
+    font-weight: 400;
+    font-size: 42px;
+    color: {{colors.primary}};
+  }
+  .cover .hook {
+    font-family: "{{fonts.heading}}", serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 128px;
+    line-height: 1.05;
+    letter-spacing: -0.01em;
+    margin-top: auto;
+    margin-bottom: auto;
+    padding-bottom: 60px;
+    white-space: pre-wrap;
+  }
+  .cover .hook em { font-style: normal; color: {{colors.primary}}; }
+  .cover .hook i { font-style: italic; }
+  .cover .subtitle:empty { display: none; }
+  .cover .subtitle {
+    margin-top: 48px;
+    font-family: "{{fonts.mono}}", monospace;
+    font-size: 40px;
+    letter-spacing: 0;
+    color: {{colors.primary}};
+  }
+</style>

package/styles/graph-paper/templates/cta.html

@@ -0,0 +1,49 @@
+<div class="slide cta">
+  <div class="inner">
+    <svg class="floppy" viewBox="0 0 44 44" fill="{{colors.primary}}" shape-rendering="crispEdges">
+      <rect x="2" y="2" width="34" height="4"/>
+      <rect x="36" y="6" width="4" height="4"/>
+      <rect x="38" y="10" width="4" height="32"/>
+      <rect x="2" y="2" width="4" height="40"/>
+      <rect x="2" y="38" width="40" height="4"/>
+      <rect x="12" y="2" width="18" height="14"/>
+      <rect x="22" y="4" width="4" height="10" fill="{{colors.lightBg}}"/>
+      <rect x="10" y="24" width="24" height="4"/>
+      <rect x="10" y="32" width="16" height="4"/>
+    </svg>
+    <div class="text">{{text}}</div>
+    <div class="follow">follow {{handle}}</div>
+  </div>
+  {{ui}}
+</div>
+<style>
+  .cta {
+    {{gridBg}}
+    color: {{colors.textOnLight}};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+  .cta .floppy {
+    width: 96px;
+    height: 96px;
+    margin-bottom: 56px;
+  }
+  .cta .text {
+    font-family: "{{fonts.heading}}", serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 100px;
+    line-height: 1.1;
+    white-space: pre-wrap;
+    margin-bottom: 72px;
+  }
+  .cta .text i { font-style: italic; }
+  .cta .text em { font-style: normal; color: {{colors.primary}}; }
+  .cta .follow {
+    font-family: "{{fonts.pixel}}", monospace;
+    font-size: 42px;
+    text-transform: uppercase;
+    color: {{colors.primary}};
+  }
+</style>

package/styles/graph-paper/templates/light.html

@@ -0,0 +1,33 @@
+<div class="slide light-slide">
+  <div class="handle">{{handle}}</div>
+  <div class="body">{{text}}</div>
+  {{ui}}
+</div>
+<style>
+  .light-slide {
+    background: {{colors.lightBg}};
+    color: {{colors.textOnLight}};
+    display: flex;
+    flex-direction: column;
+  }
+  .light-slide .handle {
+    font-family: "{{fonts.body}}", sans-serif;
+    font-size: 30px;
+    color: {{colors.primary}};
+  }
+  .light-slide .body {
+    font-family: "{{fonts.heading}}", sans-serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 60px;
+    line-height: 1.25;
+    letter-spacing: -0.01em;
+    margin-top: auto;
+    margin-bottom: auto;
+    padding-bottom: 60px;
+    white-space: pre-wrap;
+  }
+  .light-slide .body em {
+    font-style: normal;
+    color: {{colors.primary}};
+  }
+</style>

package/styles/graph-paper/templates/photo.html

@@ -0,0 +1,46 @@
+<div class="slide photo-slide">
+  <img class="bg" src="{{photoSrc}}" alt="" />
+  <div class="scrim"></div>
+  <div class="handle">{{handle}}</div>
+  <div class="caption">{{text}}</div>
+  {{ui}}
+</div>
+<style>
+  .photo-slide {
+    padding: 0;
+    color: {{colors.text}};
+  }
+  .photo-slide .bg {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .photo-slide .scrim {
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(to top, rgba(15, 23, 42, 0.88) 0%, rgba(15, 23, 42, 0.3) 45%, transparent 70%);
+  }
+  .photo-slide .handle {
+    position: absolute;
+    top: {{style.padding}}px;
+    left: {{style.padding}}px;
+    font-family: "{{fonts.body}}", sans-serif;
+    font-size: 30px;
+    color: rgba(255, 255, 255, 0.85);
+    text-shadow: 0 2px 12px rgba(15, 23, 42, 0.6);
+  }
+  .photo-slide .caption {
+    position: absolute;
+    left: {{style.padding}}px;
+    right: {{style.padding}}px;
+    bottom: 200px;
+    font-family: "{{fonts.heading}}", sans-serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 64px;
+    line-height: 1.15;
+    letter-spacing: -0.01em;
+    white-space: pre-wrap;
+  }
+</style>

package/styles/graph-paper/templates/resource.html

@@ -0,0 +1,67 @@
+<div class="slide resource">
+  <div class="handle">[ {{handle}} ]</div>
+  <div class="name">{{name}}</div>
+  <div class="desc">{{text}}</div>
+  <div class="window">
+    <div class="chrome"><span class="dot r"></span><span class="dot y"></span><span class="dot g"></span></div>
+    <img class="shot" src="{{screenshotSrc}}" alt="" />
+  </div>
+  {{ui}}
+</div>
+<style>
+  .resource {
+    {{gridBg}}
+    color: {{colors.textOnLight}};
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+  .resource .handle {
+    align-self: flex-start;
+    font-family: "{{fonts.pixel}}", monospace;
+    text-transform: uppercase;
+    font-weight: 400;
+    font-size: 42px;
+    color: {{colors.primary}};
+  }
+  .resource .name {
+    margin-top: 40px;
+    font-family: "{{fonts.heading}}", serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 110px;
+    letter-spacing: -0.01em;
+    color: {{colors.primary}};
+  }
+  .resource .desc {
+    margin-top: 36px;
+    font-family: "{{fonts.mono}}", monospace;
+    font-size: 36px;
+    line-height: 1.5;
+    max-width: 840px;
+    white-space: pre-wrap;
+    color: {{colors.textOnLight}};
+  }
+  .resource .desc em { font-style: normal; color: {{colors.primary}}; }
+  .resource .window {
+    margin-top: auto;
+    margin-bottom: 60px;
+    width: 880px;
+    border-radius: 18px;
+    overflow: hidden;
+    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.3);
+  }
+  .resource .chrome {
+    height: 52px;
+    background: #1e293b;
+    display: flex;
+    align-items: center;
+    gap: 14px;
+    padding-left: 24px;
+  }
+  .resource .dot { width: 18px; height: 18px; border-radius: 50%; }
+  .resource .dot.r { background: #ff5f57; }
+  .resource .dot.y { background: #febc2e; }
+  .resource .dot.g { background: #28c840; }
+  .resource .shot { display: block; width: 100%; height: 560px; object-fit: cover; object-position: top; }
+</style>

package/styles/graph-paper/templates/text.html

@@ -0,0 +1,32 @@
+<div class="slide text-slide">
+  <div class="handle">[ {{handle}} ]</div>
+  <div class="body">{{text}}</div>
+  {{ui}}
+</div>
+<style>
+  .text-slide {
+    {{gridBg}}
+    color: {{colors.primary}};
+    display: flex;
+    flex-direction: column;
+  }
+  .text-slide .handle {
+    font-family: "{{fonts.pixel}}", monospace;
+    text-transform: uppercase;
+    font-weight: 400;
+    font-size: 42px;
+    color: {{colors.primary}};
+  }
+  .text-slide .body {
+    font-family: "{{fonts.heading}}", serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 72px;
+    line-height: 1.2;
+    margin-top: auto;
+    margin-bottom: auto;
+    padding-bottom: 60px;
+    white-space: pre-wrap;
+  }
+  .text-slide .body em { font-style: normal; color: {{colors.textOnLight}}; }
+  .text-slide .body i { font-style: italic; }
+</style>

package/styles/polka-dot/style.yml

@@ -0,0 +1,14 @@
+# polka-dot — STYLE #2 (2026-07-14), variation of graph-paper (style #1).
+# Same recipe (Instrument Serif blue/black headlines, VT323 caps accents,
+# Geist Mono descriptions, real screenshots, no chrome, no gradients) with a
+# polka-dot background instead of the grid. First pass done without a
+# reference — Erin may send one to calibrate dot size/spacing/color.
+
+name: polka-dot
+background: dots
+
+fonts:
+  heading: "Instrument Serif"
+  headingWeight: 400
+  mono: "Geist Mono"
+  pixel: "VT323"

package/styles/polka-dot/templates/blue.html

@@ -0,0 +1,41 @@
+<div class="slide blue-slide">
+  <div class="handle">[ {{handle}} ]</div>
+  <div class="body">{{text}}</div>
+  {{ui}}
+</div>
+<style>
+  .blue-slide {
+    background: {{colors.primary}};
+    color: {{colors.text}};
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+  .blue-slide .handle {
+    font-family: "{{fonts.pixel}}", monospace;
+    text-transform: uppercase;
+    font-weight: 400;
+    font-size: 42px;
+    color: rgba(255, 255, 255, 0.85);
+  }
+  .blue-slide .body {
+    font-family: "{{fonts.heading}}", serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 84px;
+    line-height: 1.15;
+    margin-top: auto;
+    margin-bottom: auto;
+    padding-bottom: 60px;
+    white-space: pre-wrap;
+  }
+  .blue-slide .body em {
+    font-style: normal;
+    color: {{colors.primary}};
+    background: {{colors.lightBg}};
+    padding: 0 20px;
+    box-decoration-break: clone;
+    -webkit-box-decoration-break: clone;
+  }
+  .blue-slide .body i { font-style: italic; }
+</style>

package/styles/polka-dot/templates/cover.html

@@ -0,0 +1,43 @@
+<div class="slide cover">
+  <div class="handle">[ {{handle}} ]</div>
+  <div class="hook">{{text}}<div class="subtitle">{{subtitle}}</div></div>
+  {{ui}}
+</div>
+<style>
+  .cover {
+    {{gridBg}}
+    color: {{colors.textOnLight}};
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+  .cover .handle {
+    font-family: "{{fonts.pixel}}", monospace;
+    text-transform: uppercase;
+    font-weight: 400;
+    font-size: 42px;
+    color: {{colors.primary}};
+  }
+  .cover .hook {
+    font-family: "{{fonts.heading}}", serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 128px;
+    line-height: 1.05;
+    letter-spacing: -0.01em;
+    margin-top: auto;
+    margin-bottom: auto;
+    padding-bottom: 60px;
+    white-space: pre-wrap;
+  }
+  .cover .hook em { font-style: normal; color: {{colors.primary}}; }
+  .cover .hook i { font-style: italic; }
+  .cover .subtitle:empty { display: none; }
+  .cover .subtitle {
+    margin-top: 48px;
+    font-family: "{{fonts.mono}}", monospace;
+    font-size: 40px;
+    letter-spacing: 0;
+    color: {{colors.primary}};
+  }
+</style>

package/styles/polka-dot/templates/cta.html

@@ -0,0 +1,49 @@
+<div class="slide cta">
+  <div class="inner">
+    <svg class="floppy" viewBox="0 0 44 44" fill="{{colors.primary}}" shape-rendering="crispEdges">
+      <rect x="2" y="2" width="34" height="4"/>
+      <rect x="36" y="6" width="4" height="4"/>
+      <rect x="38" y="10" width="4" height="32"/>
+      <rect x="2" y="2" width="4" height="40"/>
+      <rect x="2" y="38" width="40" height="4"/>
+      <rect x="12" y="2" width="18" height="14"/>
+      <rect x="22" y="4" width="4" height="10" fill="{{colors.lightBg}}"/>
+      <rect x="10" y="24" width="24" height="4"/>
+      <rect x="10" y="32" width="16" height="4"/>
+    </svg>
+    <div class="text">{{text}}</div>
+    <div class="follow">follow {{handle}}</div>
+  </div>
+  {{ui}}
+</div>
+<style>
+  .cta {
+    {{gridBg}}
+    color: {{colors.textOnLight}};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+  .cta .floppy {
+    width: 96px;
+    height: 96px;
+    margin-bottom: 56px;
+  }
+  .cta .text {
+    font-family: "{{fonts.heading}}", serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 100px;
+    line-height: 1.1;
+    white-space: pre-wrap;
+    margin-bottom: 72px;
+  }
+  .cta .text i { font-style: italic; }
+  .cta .text em { font-style: normal; color: {{colors.primary}}; }
+  .cta .follow {
+    font-family: "{{fonts.pixel}}", monospace;
+    font-size: 42px;
+    text-transform: uppercase;
+    color: {{colors.primary}};
+  }
+</style>

package/styles/polka-dot/templates/light.html

@@ -0,0 +1,33 @@
+<div class="slide light-slide">
+  <div class="handle">{{handle}}</div>
+  <div class="body">{{text}}</div>
+  {{ui}}
+</div>
+<style>
+  .light-slide {
+    background: {{colors.lightBg}};
+    color: {{colors.textOnLight}};
+    display: flex;
+    flex-direction: column;
+  }
+  .light-slide .handle {
+    font-family: "{{fonts.body}}", sans-serif;
+    font-size: 30px;
+    color: {{colors.primary}};
+  }
+  .light-slide .body {
+    font-family: "{{fonts.heading}}", sans-serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 60px;
+    line-height: 1.25;
+    letter-spacing: -0.01em;
+    margin-top: auto;
+    margin-bottom: auto;
+    padding-bottom: 60px;
+    white-space: pre-wrap;
+  }
+  .light-slide .body em {
+    font-style: normal;
+    color: {{colors.primary}};
+  }
+</style>

package/styles/polka-dot/templates/photo.html

@@ -0,0 +1,46 @@
+<div class="slide photo-slide">
+  <img class="bg" src="{{photoSrc}}" alt="" />
+  <div class="scrim"></div>
+  <div class="handle">{{handle}}</div>
+  <div class="caption">{{text}}</div>
+  {{ui}}
+</div>
+<style>
+  .photo-slide {
+    padding: 0;
+    color: {{colors.text}};
+  }
+  .photo-slide .bg {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .photo-slide .scrim {
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(to top, rgba(15, 23, 42, 0.88) 0%, rgba(15, 23, 42, 0.3) 45%, transparent 70%);
+  }
+  .photo-slide .handle {
+    position: absolute;
+    top: {{style.padding}}px;
+    left: {{style.padding}}px;
+    font-family: "{{fonts.body}}", sans-serif;
+    font-size: 30px;
+    color: rgba(255, 255, 255, 0.85);
+    text-shadow: 0 2px 12px rgba(15, 23, 42, 0.6);
+  }
+  .photo-slide .caption {
+    position: absolute;
+    left: {{style.padding}}px;
+    right: {{style.padding}}px;
+    bottom: 200px;
+    font-family: "{{fonts.heading}}", sans-serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 64px;
+    line-height: 1.15;
+    letter-spacing: -0.01em;
+    white-space: pre-wrap;
+  }
+</style>

package/styles/polka-dot/templates/resource.html

@@ -0,0 +1,67 @@
+<div class="slide resource">
+  <div class="handle">[ {{handle}} ]</div>
+  <div class="name">{{name}}</div>
+  <div class="desc">{{text}}</div>
+  <div class="window">
+    <div class="chrome"><span class="dot r"></span><span class="dot y"></span><span class="dot g"></span></div>
+    <img class="shot" src="{{screenshotSrc}}" alt="" />
+  </div>
+  {{ui}}
+</div>
+<style>
+  .resource {
+    {{gridBg}}
+    color: {{colors.textOnLight}};
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+  .resource .handle {
+    align-self: flex-start;
+    font-family: "{{fonts.pixel}}", monospace;
+    text-transform: uppercase;
+    font-weight: 400;
+    font-size: 42px;
+    color: {{colors.primary}};
+  }
+  .resource .name {
+    margin-top: 40px;
+    font-family: "{{fonts.heading}}", serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 110px;
+    letter-spacing: -0.01em;
+    color: {{colors.primary}};
+  }
+  .resource .desc {
+    margin-top: 36px;
+    font-family: "{{fonts.mono}}", monospace;
+    font-size: 36px;
+    line-height: 1.5;
+    max-width: 840px;
+    white-space: pre-wrap;
+    color: {{colors.textOnLight}};
+  }
+  .resource .desc em { font-style: normal; color: {{colors.primary}}; }
+  .resource .window {
+    margin-top: auto;
+    margin-bottom: 60px;
+    width: 880px;
+    border-radius: 18px;
+    overflow: hidden;
+    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.3);
+  }
+  .resource .chrome {
+    height: 52px;
+    background: #1e293b;
+    display: flex;
+    align-items: center;
+    gap: 14px;
+    padding-left: 24px;
+  }
+  .resource .dot { width: 18px; height: 18px; border-radius: 50%; }
+  .resource .dot.r { background: #ff5f57; }
+  .resource .dot.y { background: #febc2e; }
+  .resource .dot.g { background: #28c840; }
+  .resource .shot { display: block; width: 100%; height: 560px; object-fit: cover; object-position: top; }
+</style>

package/styles/polka-dot/templates/text.html

@@ -0,0 +1,32 @@
+<div class="slide text-slide">
+  <div class="handle">[ {{handle}} ]</div>
+  <div class="body">{{text}}</div>
+  {{ui}}
+</div>
+<style>
+  .text-slide {
+    {{gridBg}}
+    color: {{colors.primary}};
+    display: flex;
+    flex-direction: column;
+  }
+  .text-slide .handle {
+    font-family: "{{fonts.pixel}}", monospace;
+    text-transform: uppercase;
+    font-weight: 400;
+    font-size: 42px;
+    color: {{colors.primary}};
+  }
+  .text-slide .body {
+    font-family: "{{fonts.heading}}", serif;
+    font-weight: {{fonts.headingWeight}};
+    font-size: 72px;
+    line-height: 1.2;
+    margin-top: auto;
+    margin-bottom: auto;
+    padding-bottom: 60px;
+    white-space: pre-wrap;
+  }
+  .text-slide .body em { font-style: normal; color: {{colors.textOnLight}}; }
+  .text-slide .body i { font-style: italic; }
+</style>

package/worker/cli.js

@@ -0,0 +1,47 @@
+#!/usr/bin/env node
+// goosetools-worker entrypoint — makes first run painless for non-technical
+// users: checks for Claude Code + the Playwright browser, installs the
+// browser if missing, then starts the worker loop.
+
+import { execFileSync, execSync } from "node:child_process";
+import { dirname, join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const ROOT = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+
+function has(cmd) {
+  try {
+    execSync(process.platform === "win32" ? `where ${cmd}` : `command -v ${cmd}`, {
+      stdio: "ignore",
+      shell: true,
+    });
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+if (!has("claude")) {
+  console.error(
+    "\nClaude Code isn't installed yet (it writes your slides).\n" +
+      "Install it with:  npm install -g @anthropic-ai/claude-code\n" +
+      "Then run:         claude   (once, to sign in — type /exit to leave)\n" +
+      "Then run this command again.\n",
+  );
+  process.exit(1);
+}
+
+// Make sure the rendering browser is present (quiet no-op when it is).
+try {
+  console.log("Checking the rendering browser (first run can take a minute)…");
+  execFileSync("npx", ["--yes", "playwright", "install", "chromium"], {
+    cwd: ROOT,
+    stdio: "inherit",
+    shell: process.platform === "win32",
+  });
+} catch {
+  console.error("Couldn't install the rendering browser — check your internet connection and retry.");
+  process.exit(1);
+}
+
+await import("./index.js");

package/worker/index.js

@@ -0,0 +1,215 @@
+// Goose Tools worker — polls the cloud queue, drafts slide copy with the
+// local Claude Code login, renders with the carousel-maker engine, uploads
+// results. Runs on the user's own machine; talks to the server only over
+// HTTPS with its worker token.
+
+import { execFile } from "node:child_process";
+import { mkdirSync, readdirSync, readFileSync, writeFileSync, existsSync } from "node:fs";
+import { join, dirname, resolve, extname } from "node:path";
+import { fileURLToPath } from "node:url";
+import { promisify } from "node:util";
+import yaml from "js-yaml";
+import { upload } from "@vercel/blob/client";
+
+const execFileAsync = promisify(execFile);
+const ROOT = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+
+// ── Config: flags > env > worker/.env ───────────────────────────────────────
+function loadDotEnv() {
+  const p = join(ROOT, "worker", ".env");
+  if (!existsSync(p)) return {};
+  return Object.fromEntries(
+    readFileSync(p, "utf8")
+      .split("\n")
+      .filter((l) => l.includes("=") && !l.trim().startsWith("#"))
+      .map((l) => [l.slice(0, l.indexOf("=")).trim(), l.slice(l.indexOf("=") + 1).trim()]),
+  );
+}
+const dotenv = loadDotEnv();
+function flag(name) {
+  const i = process.argv.indexOf(name);
+  return i !== -1 ? process.argv[i + 1] : undefined;
+}
+const BASE_URL = (flag("--url") ?? process.env.GOOSETOOLS_URL ?? dotenv.GOOSETOOLS_URL ?? "https://goosetools.com").replace(/\/$/, "");
+const TOKEN = flag("--token") ?? process.env.WORKER_TOKEN ?? dotenv.WORKER_TOKEN;
+const VOICE_DIR = process.env.VOICE_DIR ?? dotenv.VOICE_DIR; // optional
+const POLL_MS = 30_000;
+
+if (!TOKEN) {
+  console.error("Missing worker token. Run with --token gt_... (get one at " + BASE_URL + "/dashboard/carousel)");
+  process.exit(1);
+}
+
+// ── Server API ───────────────────────────────────────────────────────────────
+async function api(path, body) {
+  const res = await fetch(`${BASE_URL}/api/carousel/worker/${path}`, {
+    method: "POST",
+    headers: {
+      authorization: `Bearer ${TOKEN}`,
+      "content-type": "application/json",
+    },
+    body: body ? JSON.stringify(body) : undefined,
+  });
+  if (res.status === 204) return null;
+  if (res.status === 401) {
+    console.error("Worker token rejected — generate a new one at " + BASE_URL + "/dashboard/carousel");
+    process.exit(1);
+  }
+  if (!res.ok) throw new Error(`${path} failed: ${res.status} ${await res.text()}`);
+  return res.json();
+}
+
+// ── Drafting via local Claude Code ──────────────────────────────────────────
+function readIfExists(p) {
+  return existsSync(p) ? readFileSync(p, "utf8") : "";
+}
+
+function voiceContext() {
+  if (!VOICE_DIR) return "";
+  const files = [
+    "data/voice/never-words.md",
+    "data/voice/non-negotiables.md",
+    "data/voice/voice.md",
+    "data/local/voice/never-words.md",
+    "data/local/voice/non-negotiables.md",
+    "data/local/voice/voice.md",
+    "data/local/voice/instagram/caption.md",
+  ];
+  const parts = files
+    .map((f) => readIfExists(join(VOICE_DIR, f)))
+    .filter(Boolean);
+  if (parts.length === 0) return "";
+  return `\n## Voice rules (follow strictly — later files win on conflict)\n\n${parts.join("\n\n---\n\n")}\n`;
+}
+
+function draftingPrompt(job, templates, photoFiles) {
+  const exemplar = readFileSync(join(ROOT, "carousels", "demo", "slides.yml"), "utf8");
+  return `You are drafting the slide copy for an Instagram carousel. Return ONLY a YAML document (no markdown fences, no commentary) in exactly this format:
+
+${exemplar}
+
+## Rules
+- Exactly ${job.slideCount} slides total.
+- Allowed "template" values (this style only): ${templates.join(", ")}.
+- First slide should be a cover-style hook; last slide a closer/CTA if a cta template exists.
+- Text markup: *word* renders in the accent color, _word_ renders italic. No other markup. No emoji. No em dashes. No ellipsis characters.
+- Keep each slide's text short — it is display type, max ~12 words per slide, use line breaks (YAML |- blocks).
+- Resource-style slides (template "resource") need: name, url (a real site — only include real, well-known URLs you are certain exist), and a short text description.
+${photoFiles.length > 0 ? `- The user attached photos, available as: ${photoFiles.join(", ")}. Use the "photo" template with photo: photos/<filename> for slides that should feature them.` : `- No photos were attached — do not use the "photo" template.`}
+- Never invent statistics, follower counts, or claims. Plain honest copy.
+${voiceContext()}
+## The carousel to draft
+
+${job.prompt ?? "(no prompt — build the carousel around the attached photos)"}
+`;
+}
+
+async function draftSlides(job, styleDir, photoFiles) {
+  const templates = readdirSync(join(styleDir, "templates"))
+    .filter((f) => f.endsWith(".html"))
+    .map((f) => f.replace(/\.html$/, ""));
+
+  const prompt = draftingPrompt(job, templates, photoFiles);
+
+  for (let attempt = 1; attempt <= 2; attempt++) {
+    const { stdout } = await execFileAsync(
+      "claude",
+      ["-p", prompt, "--output-format", "text"],
+      { maxBuffer: 10 * 1024 * 1024, timeout: 10 * 60 * 1000 },
+    );
+    const raw = stdout.replace(/^```(?:yaml)?\n?/m, "").replace(/\n?```\s*$/m, "").trim();
+    try {
+      const spec = yaml.load(raw);
+      const slides = spec?.slides;
+      if (!Array.isArray(slides) || slides.length === 0) throw new Error("no slides array");
+      for (const slide of slides) {
+        if (!templates.includes(slide.template)) throw new Error(`unknown template ${slide.template}`);
+        if (slide.photo && !photoFiles.includes(slide.photo.replace(/^photos\//, ""))) {
+          throw new Error(`unknown photo ${slide.photo}`);
+        }
+      }
+      return { spec: { style: job.styleSlug, slides }, raw };
+    } catch (e) {
+      console.error(`Draft attempt ${attempt} invalid: ${e.message}`);
+      if (attempt === 2) throw new Error(`Drafting failed: ${e.message}`);
+    }
+  }
+}
+
+// ── Job fulfillment ──────────────────────────────────────────────────────────
+async function runJob(job) {
+  console.log(`▶ job ${job.id}: "${(job.prompt ?? "").slice(0, 60)}" [${job.styleSlug}]`);
+
+  const styleDir = join(ROOT, "styles", job.styleSlug);
+  if (!existsSync(styleDir)) throw new Error(`Style "${job.styleSlug}" isn't installed on this computer yet`);
+
+  const dir = join(ROOT, "carousels", `web-${job.id.slice(0, 8)}`);
+  mkdirSync(join(dir, "photos"), { recursive: true });
+
+  // Download attached photos.
+  const photoFiles = [];
+  for (const url of job.photoUrls ?? []) {
+    const res = await fetch(url);
+    if (!res.ok) throw new Error(`Photo download failed: ${url}`);
+    const name = decodeURIComponent(new URL(url).pathname.split("/").pop() ?? "photo.jpg");
+    const safe = name.replace(/[^\w.-]/g, "_");
+    writeFileSync(join(dir, "photos", safe), Buffer.from(await res.arrayBuffer()));
+    photoFiles.push(safe);
+  }
+
+  // Draft (Claude writes YAML to stdout only; we validate + write files).
+  const { spec } = await draftSlides(job, styleDir, photoFiles);
+  const slidesYml = yaml.dump(spec, { lineWidth: 100 });
+  writeFileSync(join(dir, "slides.yml"), slidesYml);
+
+  // Render.
+  const outDir = join(dir, "output");
+  await execFileAsync(
+    "node",
+    [join(ROOT, "src", "render.js"), dir, "--aspect", job.aspect, "--out", outDir],
+    { maxBuffer: 10 * 1024 * 1024, timeout: 15 * 60 * 1000 },
+  );
+
+  // Upload results (client-upload tokens are minted by the server per file,
+  // scoped to this job; the PNG bytes go straight to Blob storage).
+  const pngs = readdirSync(outDir).filter((f) => f.endsWith(".png")).sort();
+  const resultUrls = [];
+  for (const png of pngs) {
+    const blob = await upload(`carousel/results/${job.id}/${png}`, readFileSync(join(outDir, png)), {
+      access: "public",
+      handleUploadUrl: `${BASE_URL}/api/carousel/upload`,
+      clientPayload: JSON.stringify({ workerToken: TOKEN }),
+      contentType: "image/png",
+    });
+    resultUrls.push(blob.url);
+  }
+
+  await api("complete", { jobId: job.id, ok: true, slidesYml, resultUrls });
+  console.log(`✓ job ${job.id}: ${resultUrls.length} slides uploaded`);
+}
+
+// ── Main loop ────────────────────────────────────────────────────────────────
+console.log(`Goose Tools worker connected to ${BASE_URL} — waiting for jobs (Ctrl+C to stop)`);
+let firstPoll = true;
+
+while (true) {
+  try {
+    const job = await api("claim");
+    if (firstPoll) {
+      console.log("✓ Checked in — the website should show this computer as Connected now.");
+      firstPoll = false;
+    }
+    if (job) {
+      try {
+        await runJob(job);
+      } catch (e) {
+        console.error(`✗ job ${job.id}: ${e.message}`);
+        await api("complete", { jobId: job.id, ok: false, error: e.message }).catch(() => {});
+      }
+      continue; // check for the next job immediately
+    }
+  } catch (e) {
+    console.error(`Poll failed (will retry): ${e.message}`);
+  }
+  await new Promise((r) => setTimeout(r, POLL_MS));
+}