plotlink-ows 1.0.33 → 1.2.95

package/app/lib/bubble-text.ts

@@ -0,0 +1,160 @@
+// Shared text layout for cartoon lettering bubbles (#310).
+//
+// Both the export canvas (export-cut.ts) and the editor preview (LetteringEditor)
+// run THIS function with a canvas `measureText`-based width measurer, so dialogue
+// wraps by words and the font is sized to fit the bubble identically in the
+// preview and the exported final image (WYSIWYG). Previously each drew a single
+// maxWidth-compressed line, so long dialogue overflowed/clipped and the preview
+// did not match the export.
+
+export interface BubbleTextLayout {
+  /** Wrapped lines of body text (never empty; [""] for empty text). */
+  lines: string[];
+  /** Chosen body font size in the caller's pixel space. */
+  fontSize: number;
+  /** Line advance (fontSize * lineHeightFactor). */
+  lineHeight: number;
+  /** Speaker label font size, or 0 when there is no speaker. */
+  speakerFontSize: number;
+  /**
+   * True when the text did not fit even at the minimum font (the lines are a
+   * best-effort wrap that may clip/overflow the box). Drives the editor's
+   * text-overflow warning (#336). Export rendering ignores it (unchanged).
+   */
+  overflow: boolean;
+}
+
+export interface BubbleLayoutOptions {
+  /** Largest body font to try, in the caller's pixel space. */
+  maxFontSize: number;
+  /** Smallest body font (used even if text still overflows). */
+  minFontSize: number;
+  /** Fixed body font size; when present, skip auto-fit and use this size. */
+  fontSize?: number;
+  /** Line advance as a multiple of font size. Default 1.2. */
+  lineHeightFactor?: number;
+  /** Speaker-label size as a multiple of body font size. Default 0.8. */
+  speakerScale?: number;
+  /** Body text weight, for consistent bold/regular measurement and layout. */
+  fontWeight?: 400 | 700;
+  /** Horizontal padding inside the box (each side). Default 6% of width. */
+  paddingX?: number;
+  /** Vertical padding inside the box (each side). Default 8% of height. */
+  paddingY?: number;
+  /** Present a speaker label strip above the body. Default false. */
+  hasSpeaker?: boolean;
+}
+
+/** Measure rendered width of `text` at `fontSize` (canvas measureText-backed). */
+export type MeasureWidth = (text: string, fontSize: number, fontWeight?: 400 | 700) => number;
+
+/** Greedy word-wrap of `text` to lines no wider than `maxWidth` at `fontSize`. */
+export function wrapText(
+  measure: MeasureWidth,
+  text: string,
+  maxWidth: number,
+  fontSize: number,
+): string[] {
+  const words = text.split(/\s+/).filter(Boolean);
+  if (words.length === 0) return [""];
+  const lines: string[] = [];
+  let current = "";
+  for (const word of words) {
+    const candidate = current ? `${current} ${word}` : word;
+    // Keep a word on the current line if it fits, or if the line is empty (a
+    // single over-long word still occupies its own line — the fit loop shrinks
+    // the font until it fits the box).
+    if (!current || measure(candidate, fontSize) <= maxWidth) {
+      current = candidate;
+    } else {
+      lines.push(current);
+      current = word;
+    }
+  }
+  if (current) lines.push(current);
+  return lines;
+}
+
+/**
+ * Lay out bubble text: pick the largest font (between min and max) at which the
+ * word-wrapped lines fit the box width AND total height, reserving a strip for a
+ * speaker label when present. Deterministic given the same `measure`, so the
+ * editor preview and the export canvas produce identical wrapping/sizing.
+ */
+export function layoutBubbleText(
+  measure: MeasureWidth,
+  text: string,
+  boxWidth: number,
+  boxHeight: number,
+  opts: BubbleLayoutOptions,
+): BubbleTextLayout {
+  const lineHeightFactor = opts.lineHeightFactor ?? 1.2;
+  const speakerScale = opts.speakerScale ?? 0.8;
+  const padX = opts.paddingX ?? Math.max(2, boxWidth * 0.06);
+  const padY = opts.paddingY ?? Math.max(2, boxHeight * 0.08);
+  const availW = Math.max(1, boxWidth - 2 * padX);
+  const totalAvailH = Math.max(1, boxHeight - 2 * padY);
+
+  const maxFont = Math.max(opts.minFontSize, opts.maxFontSize);
+  const minFont = Math.max(1, Math.min(opts.minFontSize, maxFont));
+
+  const fit = (bodyFont: number): { lines: string[]; ok: boolean } => {
+    const speakerFont = opts.hasSpeaker ? bodyFont * speakerScale : 0;
+    const speakerStrip = opts.hasSpeaker ? speakerFont * lineHeightFactor : 0;
+    const bodyAvailH = Math.max(1, totalAvailH - speakerStrip);
+    const fontWeight = opts.fontWeight ?? 400;
+    const lines = wrapText((line, fontSize) => measure(line, fontSize, fontWeight), text, availW, bodyFont);
+    const bodyH = lines.length * bodyFont * lineHeightFactor;
+    const widthOk = lines.every((l) => measure(l, bodyFont, fontWeight) <= availW + 0.5);
+    return { lines, ok: bodyH <= bodyAvailH && widthOk };
+  };
+
+  if (typeof opts.fontSize === "number" && Number.isFinite(opts.fontSize) && opts.fontSize > 0) {
+    const bodyFont = Math.max(1, opts.fontSize);
+    const { lines, ok } = fit(bodyFont);
+    return {
+      lines,
+      fontSize: bodyFont,
+      lineHeight: bodyFont * lineHeightFactor,
+      speakerFontSize: opts.hasSpeaker ? bodyFont * speakerScale : 0,
+      overflow: !ok,
+    };
+  }
+
+  // Descend from max to min font (0.5px steps) and take the first that fits.
+  for (let f = maxFont; f >= minFont; f -= 0.5) {
+    const { lines, ok } = fit(f);
+    if (ok) {
+      return {
+        lines,
+        fontSize: f,
+        lineHeight: f * lineHeightFactor,
+        speakerFontSize: opts.hasSpeaker ? f * speakerScale : 0,
+        overflow: false,
+      };
+    }
+  }
+
+  // Nothing fits even at min — best effort: wrap at min font (may overflow).
+  const lines = wrapText(measure, text, availW, minFont);
+  return {
+    lines,
+    fontSize: minFont,
+    lineHeight: minFont * lineHeightFactor,
+    speakerFontSize: opts.hasSpeaker ? minFont * speakerScale : 0,
+    overflow: true,
+  };
+}
+
+/**
+ * Default body min/max font sizes for a bubble, as fractions of the rendering
+ * HEIGHT so the export (natural image size) and the editor preview (displayed
+ * size) scale together — identical wrapping at both scales. `renderHeight` is
+ * the canvas/image height in the caller's pixel space.
+ */
+export function defaultBubbleFontRange(renderHeight: number): { minFontSize: number; maxFontSize: number } {
+  return {
+    minFontSize: Math.max(1, renderHeight * 0.022),
+    maxFontSize: Math.max(1, renderHeight * 0.05),
+  };
+}

package/app/lib/cartoon-coach.ts

@@ -0,0 +1,198 @@
+// Persistent cartoon workflow coach (#429).
+//
+// The cartoon production flow is long and non-obvious — create story → bible →
+// Genesis → plan cuts → clean images → letter → export → upload → prepare →
+// publish → verify. Each individual screen was improved across #418–#427, but a
+// normal writer still needs ONE persistent, front-end guide that converts the
+// current story/episode state into a single clear next action, without reading
+// terminal logs or technical warnings.
+//
+// This derives that coach PURELY from the already-built `StoryProgress` (which
+// the route assembles from .story.json, structure.md, genesis.md, the cuts.json
+// files, local assets, exports, uploaded URLs and publish status), plus a small
+// per-episode disk hint (clean images present on disk but not yet recorded). It
+// returns one stage label + one primary action, typed as either an agent
+// copy-paste prompt or a direct in-app UI action. Fiction returns null so the
+// fiction UX is completely untouched.
+
+import type { StoryProgress, EpisodeProgress } from "./story-progress";
+
+/** A direct, app-driven next step the UI can perform/route to. */
+export type CoachUiAction =
+  | "open-cuts" // reveal the cut workspace
+  | "open-lettering" // open the cut workspace to letter / export
+  | "refresh-assets" // re-scan local clean images (#427)
+  | "upload" // upload the final images
+  | "generate-markdown" // "Prepare the episode for publish"
+  | "publish" // publish the episode to PlotLink
+  | "view-progress"; // open the story progress overview (#418)
+
+export type CoachActionKind = "agent" | "ui";
+
+export interface CartoonCoach {
+  /** Short current-stage label, e.g. "Clean images ready". */
+  stageLabel: string;
+  /** One primary next action in user-facing verbs, e.g. "Review cuts and start lettering". */
+  action: string;
+  actionKind: CoachActionKind;
+  /** Copy-paste agent prompt when `actionKind === "agent"`; null for UI actions. */
+  prompt: string | null;
+  /** The in-app action key when `actionKind === "ui"`; null for agent actions. */
+  uiAction: CoachUiAction | null;
+  /** Episode this action concerns (so the overview can deep-link), or null for setup-level steps. */
+  episodeFile: string | null;
+}
+
+export interface CoachOptions {
+  /**
+   * Currently-viewed file (e.g. "plot-02.md"). When it names an unfinished
+   * cartoon episode the coach speaks about THAT episode, so a future-episode
+   * placeholder reads as "Plan this episode first" instead of pointing at the
+   * story's active episode. Ignored for non-episode files (structure.md) and
+   * already-published episodes — those fall back to the story's active episode.
+   */
+  focusFile?: string | null;
+  /**
+   * Per-episode count of clean images present on disk but NOT yet recorded in
+   * cuts.json (acceptance #2). When > 0 at the clean-image stage the coach
+   * surfaces "Refresh assets" (re-detect) instead of "Generate clean images".
+   */
+  undetectedCleanByFile?: Record<string, number>;
+}
+
+function agent(stageLabel: string, action: string, prompt: string, episodeFile: string | null): CartoonCoach {
+  return { stageLabel, action, actionKind: "agent", prompt, uiAction: null, episodeFile };
+}
+
+function ui(stageLabel: string, action: string, uiAction: CoachUiAction, episodeFile: string | null): CartoonCoach {
+  return { stageLabel, action, actionKind: "ui", prompt: null, uiAction, episodeFile };
+}
+
+/** "genesis.cuts.json" | "plot-01.cuts.json" — the cut plan a writer points the agent at. */
+function cutsFileName(episodeFile: string): string {
+  return episodeFile === "genesis.md" ? "genesis.cuts.json" : episodeFile.replace(/\.md$/, ".cuts.json");
+}
+
+/**
+ * Convert the story/episode state into the single next action a cartoon writer
+ * should take. Returns null for fiction (so fiction UX is unchanged) and for a
+ * cartoon story that is already fully published with nothing queued.
+ */
+export function deriveCartoonCoach(progress: StoryProgress, opts: CoachOptions = {}): CartoonCoach | null {
+  if (progress.contentType !== "cartoon") return null;
+
+  // Setup gates block the whole story, so they take priority over any episode —
+  // regardless of which file is in focus. These mirror buildStoryProgress's
+  // setup ordering so the coach never disagrees with the progress overview.
+  if (!progress.setup.hasStructure) {
+    return agent(
+      "New cartoon story",
+      "Write the story bible",
+      "Let's build this cartoon. Write the story bible (structure.md) — visual style, character bible, and episode format. Don't generate images, letter, upload, or publish yet.",
+      "structure.md",
+    );
+  }
+  if (!progress.setup.hasGenesis) {
+    return agent(
+      "Story bible ready",
+      "Write the Genesis (Episode 1) opening",
+      "Write the Genesis (Episode 1) opening for this cartoon, then plan its cuts in genesis.cuts.json. Don't generate images yet.",
+      "genesis.md",
+    );
+  }
+
+  // The episode the coach speaks about: the focused file when it's an unfinished
+  // episode, otherwise the story's active (first unpublished) episode.
+  const episodes = progress.episodes;
+  const focused = opts.focusFile ? episodes.find((e) => e.file === opts.focusFile) : undefined;
+  const active = episodes.find((e) => !e.published);
+  const ep = focused && !focused.published ? focused : active;
+
+  if (!ep) {
+    // Every episode is published — nudge toward the next one rather than a wall
+    // of "all done".
+    return agent(
+      "All episodes published",
+      "Start the next episode",
+      "Plan the cuts for the next episode in a new cuts.json. Don't generate images yet.",
+      null,
+    );
+  }
+
+  return coachForEpisode(ep, opts.undetectedCleanByFile?.[ep.file] ?? 0);
+}
+
+/**
+ * The per-episode production pipeline, in the order a writer performs it
+ * (#429): plan cuts → clean images → letter → export → upload → prepare →
+ * publish. Each stage emits one stage label + one primary action; the
+ * pre-image steps are agent prompts, the rest are in-app UI actions.
+ */
+function coachForEpisode(ep: EpisodeProgress, undetectedClean: number): CartoonCoach {
+  const c = ep.cuts;
+  const label = ep.label;
+  const file = ep.file;
+  const isGenesis = ep.kind === "genesis";
+
+  // No cut plan yet — a not-started episode or a future-episode placeholder.
+  // Acceptance #3: this reads as "plan this first", never a publish warning.
+  if (!c || c.total === 0) {
+    return agent(
+      `${label} not started`,
+      isGenesis ? "Plan the Genesis cuts" : "Plan this episode first",
+      isGenesis
+        ? "Plan the cuts for the Genesis (Episode 1) in genesis.cuts.json. Don't generate images, letter, upload, or publish yet."
+        : `Plan the cuts for ${label} in ${cutsFileName(file)}. Don't generate images, letter, upload, or publish yet.`,
+      file,
+    );
+  }
+
+  // 1) Clean images — agent-generated. If images are already on disk but not yet
+  //    recorded, the next action is a read-only re-scan instead (#427), not a
+  //    redundant "generate again".
+  if (c.withClean < c.needClean) {
+    if (undetectedClean > 0) {
+      return ui(
+        "Clean images found on disk",
+        "Refresh assets to detect them",
+        "refresh-assets",
+        file,
+      );
+    }
+    return agent(
+      `${label} cuts planned`,
+      "Generate clean images",
+      `Generate clean images for every cut in ${cutsFileName(file)}. Don't letter, upload, or publish yet.`,
+      file,
+    );
+  }
+
+  // 2) Lettering — place speech bubbles & captions in the cut workspace.
+  if (c.withText < c.total) {
+    return ui("Clean images ready", "Review cuts and start lettering", "open-lettering", file);
+  }
+
+  // 3) Export the lettered final images.
+  if (c.exported < c.total) {
+    return ui("Lettering in progress", "Finish and export the final images", "open-lettering", file);
+  }
+
+  // 4) Upload the exported final images.
+  if (c.uploaded < c.total) {
+    return ui("Final images ready", "Upload the final images", "upload", file);
+  }
+
+  // 5) Every cut is uploaded — assemble the publish layout, then publish. Driven
+  //    by the same readiness state the per-file publish UI uses, so the coach and
+  //    the publish controls never disagree.
+  switch (ep.state) {
+    case "ready":
+      return ui("Ready to publish", `Publish ${label} to PlotLink`, "publish", file);
+    case "blocked":
+      return ui("Needs fixes before publishing", "Review and fix the publish issues", "open-cuts", file);
+    case "planning":
+    default:
+      // Images uploaded but the publish layout (cut blocks) isn't built yet.
+      return ui("Images uploaded", "Prepare the episode for publish", "generate-markdown", file);
+  }
+}

package/app/lib/cartoon-markdown.ts

@@ -0,0 +1,83 @@
+import type { Cut } from "./cuts";
+
+const MARKER_START = (id: string) => `<!-- ows:cartoon-cut ${id} start -->`;
+const MARKER_END = (id: string) => `<!-- ows:cartoon-cut ${id} end -->`;
+// Matches each existing cut-block START marker (capturing its id), used only to
+// report stale blocks — blocks that existed but no longer map to a cut.
+const START_MARKER_REGEX = /<!-- ows:cartoon-cut (cut-\d+) start -->/g;
+
+function cutId(index: number): string {
+  return `cut-${String(index).padStart(3, "0")}`;
+}
+
+export function generateCutBlock(cut: Cut, index: number): string {
+  const id = cutId(index);
+  const desc = cut.description || `Cut ${index}`;
+
+  // Every cut is a planned image cut. The publish-facing markdown only carries
+  // the uploaded image once it exists; before that we emit a safe awaiting-upload
+  // marker comment. We never copy dialogue/narration prose from cuts.json into
+  // the skeleton — those texts are lettered onto the image, not published as text.
+  const content = cut.uploadedUrl
+    ? `![${desc}](${cut.uploadedUrl})`
+    : `<!-- Cut ${index}: awaiting upload -->`;
+
+  return `${MARKER_START(id)}\n${content}\n${MARKER_END(id)}`;
+}
+
+export function generateCartoonMarkdown(cuts: Cut[]): string {
+  return cuts.map((cut, i) => generateCutBlock(cut, i + 1)).join("\n\n");
+}
+
+/**
+ * Generate the publish-facing cartoon markdown for a plot from its cut plan.
+ *
+ * Publish-facing cartoon markdown is a PURE `ows:cartoon-cut` image sequence, so
+ * the output is rebuilt entirely from `cuts` rather than edited in place: no
+ * surrounding prose from `existingMd` — scaffold instructions, stale placeholders,
+ * headings, manual commentary — can survive into it (#319). Rebuilding (rather
+ * than the earlier strip-and-replace) also closes the case @re1 flagged where
+ * prose sat in the same blank-line paragraph as a marker block (e.g.
+ * `Intro\n<!-- ...start -->\n…\n<!-- ...end -->\nOutro`) and leaked through a
+ * block-only regex replace.
+ *
+ * `existingMd` is consulted only to (a) leave a non-cartoon document — markerless
+ * and with no cuts, i.e. fiction — untouched, and (b) report cut blocks that
+ * existed before but no longer map to a cut ("stale" blocks).
+ */
+export function mergeCartoonMarkdown(
+  existingMd: string,
+  cuts: Cut[],
+): { markdown: string; warnings: string[] } {
+  const warnings: string[] = [];
+
+  // A markerless doc with no cuts is fiction — leave it untouched. (The route
+  // already guards on cuts.json, but keep the function safe in isolation.)
+  const isCartoonDoc = cuts.length > 0 || /ows:cartoon-cut/.test(existingMd);
+  if (!isCartoonDoc) return { markdown: existingMd, warnings };
+
+  for (let i = 0; i < cuts.length; i++) {
+    if (!cuts[i].uploadedUrl) {
+      warnings.push(`Cut ${i + 1}: missing upload URL`);
+    }
+  }
+
+  // Warn about cut marker blocks present in the old markdown that no longer map
+  // to a cut, so a removed/renumbered cut is not silently dropped.
+  const newIds = new Set<string>(cuts.map((_, i) => cutId(i + 1)));
+  for (const m of existingMd.matchAll(START_MARKER_REGEX)) {
+    if (!newIds.has(m[1])) warnings.push(`Removed stale block: ${m[1]}`);
+  }
+
+  return { markdown: generateCartoonMarkdown(cuts), warnings };
+}
+
+export function getReadinessWarnings(cuts: Cut[]): string[] {
+  const warnings: string[] = [];
+  for (let i = 0; i < cuts.length; i++) {
+    if (!cuts[i].uploadedUrl) {
+      warnings.push(`Cut ${i + 1}: not uploaded`);
+    }
+  }
+  return warnings;
+}

package/app/lib/cartoon-prompt.ts

@@ -0,0 +1,122 @@
+import type { Cut } from "./cuts";
+import { cutScriptLines } from "./lettering-status";
+
+const SHOT_TYPE_LABELS: Record<string, string> = {
+  wide: "Wide",
+  medium: "Medium",
+  "close-up": "Close-up",
+  "extreme-close-up": "Extreme close-up",
+};
+
+const NO_TEXT_CONSTRAINT =
+  "No speech bubbles, captions, sound effects, narration, or any text or lettering in the image.";
+
+/**
+ * Baseline visual style lock for every clean cut image (#404).
+ *
+ * Image generation drifts toward polished photoreal / painterly concept art unless
+ * the prompt fights it explicitly — "semi-realistic webtoon" alone is too weak (it
+ * was the #211 Sci-fi pilot's failure mode). This block pins the requested
+ * illustrated-panel look with strong positive descriptors AND hard negative
+ * constraints (no photorealism, no painterly concept art, no 3D render), so it is
+ * reusable across every cut and the agent-facing "Copy Codex task" prompt without
+ * each cut re-stating it. Story-specific style (palette, line weight, the exact
+ * webtoon reference) is layered on top via structure.md's Visual Style Guide.
+ */
+export const CLEAN_IMAGE_STYLE_LOCK =
+  "Style lock — illustrated comic/webtoon panel art: clean black contour/ink lines, " +
+  "flat or cel shading, simplified but realistic (semi-realistic) anatomy and faces, " +
+  "backgrounds drawn as illustrated comic panels. Hold this same style on every cut for " +
+  "character and panel consistency. " +
+  "Hard negatives — NOT photorealistic, NOT a photograph, NOT a glossy or painterly digital " +
+  "painting, NOT concept art, NOT a 3D/CGI render, NOT airbrushed, no photoreal textures.";
+
+/**
+ * Build a deterministic clean-image generation prompt from a cut's fields only.
+ *
+ * Pure function — no side effects. Dialogue, narration, and SFX text are
+ * intentionally excluded: those are lettered onto the image later, not drawn.
+ */
+export function buildCleanImagePrompt(cut: Cut): string {
+  const shotLabel = SHOT_TYPE_LABELS[cut.shotType] ?? cut.shotType;
+  const description = cut.description?.trim() || `Cut ${cut.id}`;
+
+  const lines: string[] = [`${shotLabel} shot. ${description}`];
+
+  if (cut.characters.length > 0) {
+    lines.push(`Characters: ${cut.characters.join(", ")}.`);
+  }
+
+  lines.push(CLEAN_IMAGE_STYLE_LOCK);
+  lines.push(NO_TEXT_CONSTRAINT);
+
+  return lines.join("\n").trim();
+}
+
+/** Canonical clean-image output path for a cut (webp, matching the sync/import contract). */
+export function cleanImageOutputPath(plotFile: string, cutId: number): string {
+  return `assets/${plotFile}/cut-${String(cutId).padStart(2, "0")}-clean.webp`;
+}
+
+/**
+ * Build an actionable Codex *task* prompt for generating a cut's clean image.
+ *
+ * Unlike `buildCleanImagePrompt` (a pure visual description), this instructs the
+ * agent to PRODUCE THE ACTUAL IMAGE and hand it off to the cut. A generated PNG in
+ * the image cache is an accepted outcome: the agent must NOT convert it (no
+ * agent-side image tools) — the writer imports it via the OWS "Import from Codex"
+ * button, which converts it. A tool that already emits WebP/JPEG <1MB can write the
+ * asset path directly. The visual prompt is embedded so no scene detail is lost.
+ * Pure function — no side effects.
+ */
+export function buildCodexTaskPrompt(cut: Cut, plotFile: string): string {
+  const outputPath = cleanImageOutputPath(plotFile, cut.id);
+  return [
+    `Generate the clean image for cut ${cut.id}.`,
+    "",
+    "Image description:",
+    buildCleanImagePrompt(cut),
+    "",
+    "How to hand it off:",
+    "- Produce the actual image — do not just describe it or return a prompt.",
+    `- If your image tool can write a WebP or JPEG under 1MB, save it at ${outputPath} and run "Sync clean images".`,
+    "- If it only produces a PNG (e.g. built-in image generation saves to ~/.codex/generated_images), that is fine — do NOT convert or rename it yourself. Leave it there and import it into this cut with the OWS \"Import from Codex\" button, which converts the PNG automatically.",
+    "- Clean image only: no text, speech bubbles, captions, sound effects, signage, watermark, or signature.",
+    "- Hold the style lock above — an illustrated comic/webtoon panel, NOT a photoreal photo, painterly concept art, or 3D render. If a result reads photorealistic, regenerate it as illustrated panel art.",
+    "- Do not letter or upload anything — final lettering and upload happen later in OWS.",
+  ].join("\n");
+}
+
+/**
+ * Build the "Ask AI to draft lettering" prompt for a cut (#442). The agent writes
+ * DRAFT speech bubbles/captions into the cut's `overlays` array in cuts.json from
+ * the recorded script; the writer then reviews/adjusts them in the OWS lettering
+ * editor and exports there. Intentionally a copy-paste prompt — no auto-apply, no
+ * export/upload — so the human stays in control of the final lettering. Pure.
+ */
+export function buildLetteringPrompt(cut: Cut, plotFile: string): string {
+  const cutsFile = `${plotFile}.cuts.json`;
+  const lines = cutScriptLines(cut);
+  const script = lines.length > 0
+    ? lines
+        .map((l) =>
+          l.type === "speech"
+            ? `- speech — ${l.speaker || "Speaker"}: "${l.text}"`
+            : l.type === "narration"
+              ? `- narration: ${l.text}`
+              : `- sfx: ${l.text}`,
+        )
+        .join("\n")
+    : "- (no dialogue/narration/SFX recorded for this cut — add a caption only if the scene needs one)";
+  return [
+    `Draft the speech bubbles and captions for cut ${cut.id} of ${plotFile}.`,
+    "",
+    "Script to letter:",
+    script,
+    "",
+    "How to draft it:",
+    `- Edit cut ${cut.id}'s "overlays" array in ${cutsFile}: add one overlay per line above — "type":"speech" for dialogue (also set "speaker"), "narration" for captions, "sfx" for sound effects, with the line's text.`,
+    "- Position each overlay with x, y, width, height as 0–1 fractions of the panel, roughly where it belongs over the art, and keep bubbles clear of faces.",
+    "- These are DRAFT positions only: do NOT export or upload. The writer reviews and adjusts them in the OWS lettering editor, then exports the final image there.",
+  ].join("\n");
+}