npm - @gui-chat-plugin/sequence - Versions diffs - 0.7.0 → 0.7.1 - Mend

@gui-chat-plugin/sequence 0.7.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/CHANGELOG.md +11 -0
package/README.md +8 -4
package/dist/core/definitions.d.ts +3 -0
package/dist/core/webImage.d.ts +9 -2
package/dist/{core-CQ8LwfC6.js → core-D7JPDivy.js} +275 -231
package/dist/core-ohyrkHzf.cjs +245 -0
package/dist/index.cjs +1 -1
package/dist/index.js +1 -1
package/dist/vue.cjs +1 -1
package/dist/vue.js +1 -1
package/package.json +1 -1
package/dist/core-B8sX4H0U.cjs +0 -245

package/dist/{core-CQ8LwfC6.js → core-D7JPDivy.js} RENAMED Viewed

@@ -200,32 +200,32 @@ var x = [
 	"polarArea",
 	"scatter",
 	"bubble"
-], oe = "https://cdn.jsdelivr.net/npm/chart.js@4.5.1/dist/chart.umd.min.js", se = "sha384-jb8JQMbMoBUzgWatfe6COACi2ljcDdZQ2OxczGA3bGNeWe+6DChMTBJemed7ZnvJ", ce = "\n(() => {\n  const fail = (why) => {\n    document.getElementById(\"chart-error\").textContent = why;\n    document.documentElement.classList.add(\"failed\");\n  };\n  addEventListener(\"DOMContentLoaded\", () => {\n    if (!window.Chart) return fail(\"The chart couldn't be drawn: Chart.js didn't load.\");\n    let config;\n    try {\n      config = JSON.parse(document.getElementById(\"chart-config\").textContent);\n    } catch {\n      return fail(\"The chart couldn't be drawn: its configuration isn't valid.\");\n    }\n    Chart.defaults.font.size = 22;\n    Chart.defaults.color = \"#334155\";\n    Chart.defaults.animation.duration = 1200;\n    config.options = { ...config.options, responsive: true, maintainAspectRatio: false };\n    try {\n      new Chart(document.getElementById(\"chart\"), config);\n    } catch (error) {\n      fail(\"The chart couldn't be drawn: \" + (error && error.message ? error.message : error));\n    }\n  });\n})();", le = [
+], S = "https://cdn.jsdelivr.net/npm/chart.js@4.5.1/dist/chart.umd.min.js", oe = "sha384-jb8JQMbMoBUzgWatfe6COACi2ljcDdZQ2OxczGA3bGNeWe+6DChMTBJemed7ZnvJ", se = "\n(() => {\n  const fail = (why) => {\n    document.getElementById(\"chart-error\").textContent = why;\n    document.documentElement.classList.add(\"failed\");\n  };\n  addEventListener(\"DOMContentLoaded\", () => {\n    if (!window.Chart) return fail(\"The chart couldn't be drawn: Chart.js didn't load.\");\n    let config;\n    try {\n      config = JSON.parse(document.getElementById(\"chart-config\").textContent);\n    } catch {\n      return fail(\"The chart couldn't be drawn: its configuration isn't valid.\");\n    }\n    Chart.defaults.font.size = 22;\n    Chart.defaults.color = \"#334155\";\n    Chart.defaults.animation.duration = 1200;\n    config.options = { ...config.options, responsive: true, maintainAspectRatio: false };\n    try {\n      new Chart(document.getElementById(\"chart\"), config);\n    } catch (error) {\n      fail(\"The chart couldn't be drawn: \" + (error && error.message ? error.message : error));\n    }\n  });\n})();", ce = [
 	"default-src 'none'",
-	`script-src 'sha256-TfZZxJX+yWgzYLy7zqsMa85OJEaC+zNLIpKLDZVnUqA=' ${oe}`,
+	`script-src 'sha256-TfZZxJX+yWgzYLy7zqsMa85OJEaC+zNLIpKLDZVnUqA=' ${S}`,
 	"style-src 'unsafe-inline'",
 	"img-src data: blob:",
 	"connect-src 'none'",
 	"form-action 'none'",
 	"base-uri 'none'"
-].join("; "), ue = `
+].join("; "), le = `
 html, body { margin: 0; width: ${t}px; height: 720px; overflow: hidden; background: #ffffff; color: #0f172a; font-family: ui-sans-serif, system-ui, sans-serif; }
 body { box-sizing: border-box; padding: 40px 64px 48px; display: flex; flex-direction: column; gap: 24px; }
 h1 { margin: 0; font-size: 52px; font-weight: 800; color: #1e3a8a; line-height: 1.15; text-align: center; }
 .chart { position: relative; flex: 1; min-height: 0; }
 #chart-error { display: none; margin: auto; font-size: 28px; color: #b91c1c; }
 .failed .chart { display: none; }
-.failed #chart-error { display: block; }`, de = (e) => JSON.stringify(e).replace(/</g, "\\u003c");
-function fe(e, t) {
+.failed #chart-error { display: block; }`, ue = (e) => JSON.stringify(e).replace(/</g, "\\u003c");
+function de(e, t) {
 	return `<!doctype html>
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta http-equiv="Content-Security-Policy" content="${le}">
-<style>${ue}</style>
-<script>${ce}<\/script>
-<script defer src="${oe}" integrity="${se}" crossorigin="anonymous"><\/script>
-<script type="application/json" id="chart-config">${de(t)}<\/script>
+<meta http-equiv="Content-Security-Policy" content="${ce}">
+<style>${le}</style>
+<script>${se}<\/script>
+<script defer src="${S}" integrity="${oe}" crossorigin="anonymous"><\/script>
+<script type="application/json" id="chart-config">${ue(t)}<\/script>
 </head>
 <body>
 ${e ? `<h1>${p(e)}</h1>` : ""}
@@ -236,7 +236,7 @@ ${e ? `<h1>${p(e)}</h1>` : ""}
 }
 //#endregion
 //#region src/core/definitions.ts
-var pe = "presentSlide", me = "defineStoryboard", he = "presentPanel", ge = 4, _e = 12, ve = 3, S = /^[0-9a-f]{12}$/, C = (e) => typeof e == "object" && !!e && !Array.isArray(e), w = (e) => typeof e == "string" ? e.trim() : "", T = (e, t) => e.toLowerCase() === t.toLowerCase(), E = (e) => typeof e == "number" && Number.isInteger(e), D = "presentSlide needs slide and totalSlides (whole numbers, slide from 1 to totalSlides), and one of imagePrompt, imageUrl, html, markdown or chart", O = `presentSlide's slide is too long: keep its html, markdown or chart under ${r} characters`, k = `presentSlide's chart must be a Chart.js configuration: an object with type (${x.join(", ")}), data ({ labels, datasets }) and optionally options`;
+var C = "presentSlide", w = "defineStoryboard", fe = "presentPanel", pe = 4, me = 12, he = 3, T = /^[0-9a-f]{12}$/, E = (e) => typeof e == "object" && !!e && !Array.isArray(e), D = (e) => typeof e == "string" ? e.trim() : "", O = (e, t) => e.toLowerCase() === t.toLowerCase(), k = (e) => typeof e == "number" && Number.isInteger(e), ge = "presentSlide needs slide and totalSlides (whole numbers, slide from 1 to totalSlides), and one of imagePrompt, imageUrl, html, markdown or chart", _e = `presentSlide's slide is too long: keep its html, markdown or chart under ${r} characters`, ve = `presentSlide's chart must be a Chart.js configuration: an object with type (${x.join(", ")}), data ({ labels, datasets }) and optionally options`;
 function ye(e) {
 	let t = e;
 	if (typeof t == "string") try {
@@ -244,45 +244,46 @@ function ye(e) {
 	} catch {
 		return null;
 	}
-	if (!C(t) || !C(t.data)) return null;
+	if (!E(t) || !E(t.data)) return null;
 	let n = t.type;
-	return !x.some((e) => e === n) || t.options !== void 0 && !C(t.options) ? null : t;
+	return !x.some((e) => e === n) || t.options !== void 0 && !E(t.options) ? null : t;
 }
-function A(e) {
-	let { slide: t, totalSlides: n, title: r, imagePrompt: i } = e, a = w(e.imageUrl), o = w(e.html), s = o ? "" : w(e.markdown), c = !o && !s && e.chart !== void 0 && e.chart !== null;
-	if (!E(t) || !E(n) || t < 1 || n < t || !o && !s && !c && !w(i) && !a) return D;
+function be(e) {
+	let { slide: t, totalSlides: n, title: r, imagePrompt: i } = e, a = D(e.imageUrl), o = D(e.html), s = o ? "" : D(e.markdown), c = !o && !s && e.chart !== void 0 && e.chart !== null;
+	if (!k(t) || !k(n) || t < 1 || n < t || !o && !s && !c && !D(i) && !a) return ge;
 	let l = c ? ye(e.chart) : null;
-	if (c && !l) return k;
-	if (Math.max(o.length, s.length, l ? JSON.stringify(l).length : 0) > 6e4) return O;
+	if (c && !l) return ve;
+	if (Math.max(o.length, s.length, l ? JSON.stringify(l).length : 0) > 6e4) return _e;
 	let u = !o && !s && !l, d = !!o && b(o), f = u || d || !!s;
 	return {
 		slide: t,
 		totalSlides: n,
 		title: typeof r == "string" ? r : "",
-		imagePrompt: u ? typeof i == "string" ? i : "" : f ? w(i) : "",
+		imagePrompt: u ? typeof i == "string" ? i : "" : f ? D(i) : "",
 		...f && a && { imageUrl: a },
+		...!f && a && { unplacedImageUrl: a },
 		...o && { html: o },
 		...s && { markdown: s },
 		...l && { chart: l },
 		mode: e.mode === "steps" ? "steps" : "presentation"
 	};
 }
-var j = "teach its subject as a presenter speaking to the audience, and cover everything on it: every section, point and number, in order, each in a sentence or more. The slide is replaced by the next one as soon as you stop talking, so a point you leave out is never explained. Begin with the content itself, never with the slide or your plan: no \"This slide is about…\", \"The first slide shows…\", \"Let's unpack this one\", \"Next, I'll…\". A line about the slide is not an explanation.", M = ({ slide: e, totalSlides: t, title: n, mode: r }) => {
+var xe = "teach its subject as a presenter speaking to the audience, and cover everything on it: every section, point and number, in order, each in a sentence or more. The slide is replaced by the next one as soon as you stop talking, so a point you leave out is never explained. Begin with the content itself, never with the slide or your plan: no \"This slide is about…\", \"The first slide shows…\", \"Let's unpack this one\", \"Next, I'll…\". A line about the slide is not an explanation.", A = ({ slide: e, totalSlides: t, title: n, mode: r }) => {
 	let i = n ? ` ("${n}")` : "";
 	if (r === "steps") {
 		let n = `Step ${e} of ${t}${i}`;
 		return e < t ? `${n} is now on the screen. Say what to do in this step, directly ("Crack two eggs into a bowl…", not "This step is about eggs"), then stop and wait while the user does it. When they say they're ready (next, done, go on), call presentSlide for step ${e + 1} with mode "steps". If they ask to go back or to see a step again, call presentSlide for that step.` : `${n}, the last one, is now on the screen. Say what to do, directly, then wrap up the guide once the user is done.`;
 	}
 	let a = `Slide ${e} of ${t}${i}`;
-	return e < t ? `${a} is now on the screen. Explain it: ${j} This reply is only the explanation: don't call presentSlide in it. When you have finished, you will be asked for slide ${e + 1}. If the user has asked you to stop, or asked something else, since the slideshow began, answer them instead of going on.` : `${a}, the last one, is now on the screen. Explain it: ${j} Then wrap up the slideshow.`;
-}, be = [
+	return e < t ? `${a} is now on the screen. Explain it: ${xe} This reply is only the explanation: don't call presentSlide in it. When you have finished, you will be asked for slide ${e + 1}. If the user has asked you to stop, or asked something else, since the slideshow began, answer them instead of going on.` : `${a}, the last one, is now on the screen. Explain it: ${xe} Then wrap up the slideshow.`;
+}, Se = [
 	`For an HTML slide: the slide's content, the inside of <body> only (no <html>, <head> or <body> tags), for a ${t}x720 px canvas, which it should fill (start with a <div class="w-full h-full ...">). Style it with Tailwind CSS v4 classes, which are loaded for you: a clear layout, a large title (text-6xl or so), few words in large type, a color scheme, and inline SVG or emoji for icons and diagrams. There is no network: no <img> from URLs, no links to follow. For one picture on the slide (a photo, a scene, an object beside the text), give imagePrompt (a generated picture) or imageUrl (a picture from the web) too and put <img src="${_}" alt="..." class="..."> where it goes, sized by its classes (for example class="w-1/2 h-full object-cover rounded-2xl").`,
 	"Animate it so it builds up as you explain it, with MulmoCast's data-animation attributes (the same ones make it move in a movie of the slideshow): data-animation=\"animate\" with data-opacity=\"0,1\", data-translate-x, data-translate-y (px), data-scale, data-rotate (deg), data-width or data-height (\"0,80,%\"), each \"from,to\"; data-animation=\"counter\" with data-from, data-to, data-decimals, data-prefix, data-suffix; data-animation=\"typewriter\" (its text, or data-text). Give every one data-start and data-end in seconds, and optionally data-easing (linear, easeIn, easeOut, easeInOut); stagger the parts with later data-start values so they appear one after another over a few seconds (for example 0, 0.6, 1.2). Set the first frame inline too (style=\"opacity:0\" on an element that fades in).",
 	"CSS animations, transitions and scripts don't play: animate only with data-animation. A <style> for layout is allowed (and Google Fonts by @import)."
-].join(" "), xe = `For a Markdown slide: the slide in Markdown (GitHub's: headings, lists, bold, tables, code), with math in TeX between $...$ inline or $$...$$ for a displayed equation (on lines of its own). Start with a # heading, and keep it to what fits on one slide: a heading and a few lines, a list or an equation or two. Write a dollar sign that isn't math as \\$, and & % # inside \\text{} as \\& \\% \\#. For one picture on the slide, give imagePrompt (a generated picture) or imageUrl (a picture from the web) too and put ![what it shows](${_}) on a line of its own: the slide is then two columns, the text on the left and the picture on the right. Without imagePrompt, the alt text is what is drawn.`, Se = `For a chart slide, instead of imagePrompt (for numbers: real figures you have, never a picture of a chart): a Chart.js configuration as JSON text, {"type": ..., "data": ...}: { type, data: { labels, datasets: [{ label, data, backgroundColor }] }, options }. type is one of ${x.join(", ")}. It is drawn under the slide's title, so leave out options.plugins.title; give the datasets colors, and the axes titles (options.scales.x.title) when their units aren't obvious. JSON values only: no functions.`, N = "When the user asks for a slideshow (or to explain something with slides), plan four to six slides (more when the subject or your instructions need them), then show them one at a time with presentSlide: slide 1 first, and each next slide only after you have explained the one on the screen. Explain the subject, not the slides: say what the slide teaches, not that a slide is about it, and explain everything on a slide before showing the next; put on a slide only what you will explain. Go on to the last slide without asking whether to continue. A slide is a generated picture (imagePrompt), a chart (chart), a text slide in Markdown (markdown) or a designed slide in HTML (html): use a picture for a scene, an object or a place; a chart for numbers to compare, a trend or proportions; Markdown for equations and formulas (TeX math), definitions, short lists and small tables; and HTML for designed layouts, comparisons, timelines and diagrams. A picture model draws words, numbers and math badly, so they go on the other kinds; a slideshow can mix them. When a picture helps the text (the thing being explained, beside its key points), make an HTML or Markdown slide with one picture on it: imagePrompt for the picture, and {{image}} where it goes. When the slide is about a real, particular thing (a person, a building, a product, an artwork) and you have the address of a picture of it (an image file, from a search or the user), give that as imageUrl instead of imagePrompt: it is shown as it is. Numbers go on a chart slide: when you have figures (from a search, a document or the user: revenue, market share, growth, prices, counts over time), show them in a chart with those exact values, labelled with their units and the year or period, and say where they come from. Figures over time, shares of a whole or values side by side are a chart, not a list or table on a Markdown or HTML slide. Never make a chart, graph or table a picture (imagePrompt): a picture of a chart has made-up bars and no real numbers. A slideshow about a business, a market or a comparison of companies has its figures on chart slides, not only in text. Never invent figures; with none to show, leave the chart out. A slide holds only its subject, never notes about your work (what you searched for, that a search succeeded). When the user asks for HTML slides (slides in HTML, an HTML presentation), this is the tool: make them HTML slides with presentSlide, one call per slide, not one HTML page. When the user wants to be shown how to do something they will do along with you (cooking, folding, fixing, an exercise), make it a step-by-step guide instead: mode \"steps\", one slide per step, and after each step wait for the user to say they are ready. Use generateImage for a single picture, not for slides.", P = {
+].join(" "), Ce = `For a Markdown slide: the slide in Markdown (GitHub's: headings, lists, bold, tables, code), with math in TeX between $...$ inline or $$...$$ for a displayed equation (on lines of its own). Start with a # heading, and keep it to what fits on one slide: a heading and a few lines, a list or an equation or two. Write a dollar sign that isn't math as \\$, and & % # inside \\text{} as \\& \\% \\#. For one picture on the slide, give imagePrompt (a generated picture) or imageUrl (a picture from the web) too and put ![what it shows](${_}) on a line of its own: the slide is then two columns, the text on the left and the picture on the right. Without imagePrompt, the alt text is what is drawn.`, we = `For a chart slide, instead of imagePrompt (for numbers: real figures you have, never a picture of a chart): a Chart.js configuration as JSON text, {"type": ..., "data": ...}: { type, data: { labels, datasets: [{ label, data, backgroundColor }] }, options }. type is one of ${x.join(", ")}. It is drawn under the slide's title, so leave out options.plugins.title; give the datasets colors, and the axes titles (options.scales.x.title) when their units aren't obvious. JSON values only: no functions.`, Te = "When the user asks for a slideshow (or to explain something with slides), plan four to six slides (more when the subject or your instructions need them), then show them one at a time with presentSlide: slide 1 first, and each next slide only after you have explained the one on the screen. Explain the subject, not the slides: say what the slide teaches, not that a slide is about it, and explain everything on a slide before showing the next; put on a slide only what you will explain. Go on to the last slide without asking whether to continue. A slide is a generated picture (imagePrompt), a chart (chart), a text slide in Markdown (markdown) or a designed slide in HTML (html): use a picture for a scene, an object or a place; a chart for numbers to compare, a trend or proportions; Markdown for equations and formulas (TeX math), definitions, short lists and small tables; and HTML for designed layouts, comparisons, timelines and diagrams. A picture model draws words, numbers and math badly, so they go on the other kinds; a slideshow can mix them. When a picture helps the text (the thing being explained, beside its key points), make an HTML or Markdown slide with one picture on it: imagePrompt for the picture, and {{image}} where it goes. When the slide is about a real, particular thing (a person, a building, a product, an artwork) and you have the address of a picture of it or of a page about it (an image file, or an article from a search), give that as imageUrl instead of imagePrompt: the picture, or the preview picture of the page, is shown as it is. Numbers go on a chart slide: when you have figures (from a search, a document or the user: revenue, market share, growth, prices, counts over time), show them in a chart with those exact values, labelled with their units and the year or period, and say where they come from. Figures over time, shares of a whole or values side by side are a chart, not a list or table on a Markdown or HTML slide. Never make a chart, graph or table a picture (imagePrompt): a picture of a chart has made-up bars and no real numbers. A slideshow about a business, a market or a comparison of companies has its figures on chart slides, not only in text. Never invent figures; with none to show, leave the chart out. A slide holds only its subject, never notes about your work (what you searched for, that a search succeeded). When the user asks for HTML slides (slides in HTML, an HTML presentation), this is the tool: make them HTML slides with presentSlide, one call per slide, not one HTML page. When the user wants to be shown how to do something they will do along with you (cooking, folding, fixing, an exercise), make it a step-by-step guide instead: mode \"steps\", one slide per step, and after each step wait for the user to say they are ready. Use generateImage for a single picture, not for slides.", Ee = {
 	type: "function",
-	name: pe,
-	prompt: N,
+	name: C,
+	prompt: Te,
 	description: "Show one slide of a slideshow, full screen: a picture generated from imagePrompt or from the web (imageUrl), a chart (chart), a slide written in Markdown with TeX math (markdown), or a slide written in HTML (html). Give one of them; an HTML or Markdown slide can also hold one picture (imagePrompt or imageUrl, placed at {{image}}). Call it once per slide, in order, starting with slide 1. With mode \"steps\" it is a step-by-step guide: one slide per step, and the next step waits for the user.",
 	parameters: {
 		type: "object",
@@ -305,19 +306,19 @@ var j = "teach its subject as a presenter speaking to the audience, and cover ev
 			},
 			imageUrl: {
 				type: "string",
-				description: "A picture from the web, shown instead of a generated one: the https address of an image file (PNG, JPEG, GIF or WebP) of a real, particular thing, from a search or the user. Never an address you made up, or a web page's. With imagePrompt too, the picture is drawn from imagePrompt if the address can't be fetched. With html or markdown, it is the one picture placed where the slide has {{image}}."
+				description: "A picture from the web, shown instead of a generated one, of a real, particular thing: the https address of an image file (PNG, JPEG, GIF or WebP), or of a web page about it (an article from a search), whose preview picture is shown. Never an address you made up. With imagePrompt too, the picture is drawn from imagePrompt if the address can't be fetched. With html or markdown, it is the one picture placed where the slide has {{image}}, which the slide must have: without it, the picture isn't shown."
 			},
 			html: {
 				type: "string",
-				description: be
+				description: Se
 			},
 			markdown: {
 				type: "string",
-				description: xe
+				description: Ce
 			},
 			chart: {
 				type: "string",
-				description: Se
+				description: we
 			},
 			mode: {
 				type: "string",
@@ -332,49 +333,49 @@ var j = "teach its subject as a presenter speaking to the audience, and cover ev
 		]
 	}
 };
-function F(e) {
+function De(e) {
 	let { totalPanels: t } = e;
-	if (!E(t) || t < 1 || t > 12) return "totalPanels must be a whole number from 1 to 12";
+	if (!k(t) || t < 1 || t > 12) return "totalPanels must be a whole number from 1 to 12";
 	let n = [];
 	for (let t of Array.isArray(e.characters) ? e.characters : []) {
-		let e = C(t) ? w(t.name) : "", r = C(t) ? w(t.description) : "";
+		let e = E(t) ? D(t.name) : "", r = E(t) ? D(t.description) : "";
 		if (!e || !r) return "every character needs a name and a description";
-		if (n.some((t) => T(t.name, e))) return `two characters are named ${e}`;
+		if (n.some((t) => O(t.name, e))) return `two characters are named ${e}`;
 		n.push({
 			name: e,
 			description: r
 		});
 	}
 	return n.length < 1 || n.length > 4 ? "a storyboard has 1 to 4 characters" : {
-		title: w(e.title),
-		style: w(e.style),
+		title: D(e.title),
+		style: D(e.style),
 		totalPanels: t,
 		characters: n,
 		interactive: e.interactive === !0
 	};
 }
-var I = ({ title: e }) => `The cast of "${e}" is now on the screen. Introduce the characters briefly. This reply is only the introduction: don't call presentPanel in it. When you have finished, you will be asked for panel 1. If the user has asked you to stop, or asked something else, answer them instead of going on.`, L = "presentPanel needs a storyboardId, a panel number (from 1) and an imagePrompt";
-function R(e) {
-	let { panel: t } = e, n = w(e.storyboardId), r = w(e.imagePrompt);
-	if (!n || !r || !E(t) || t < 1) return null;
-	let i = (e) => (Array.isArray(e) ? e : []).map(w).filter(Boolean);
+var Oe = ({ title: e }) => `The cast of "${e}" is now on the screen. Introduce the characters briefly. This reply is only the introduction: don't call presentPanel in it. When you have finished, you will be asked for panel 1. If the user has asked you to stop, or asked something else, answer them instead of going on.`, j = "presentPanel needs a storyboardId, a panel number (from 1) and an imagePrompt";
+function M(e) {
+	let { panel: t } = e, n = D(e.storyboardId), r = D(e.imagePrompt);
+	if (!n || !r || !k(t) || t < 1) return null;
+	let i = (e) => (Array.isArray(e) ? e : []).map(D).filter(Boolean);
 	return {
 		storyboardId: n,
 		panel: t,
 		characters: i(e.characters),
 		imagePrompt: r,
-		caption: w(e.caption),
+		caption: D(e.caption),
 		choices: i(e.choices).slice(0, 3)
 	};
 }
-function z(e, t, n) {
+function N(e, t, n) {
 	let { id: r, totalPanels: i } = e;
 	return n.length ? `Panel ${t} of ${i} is now on the screen, with the user's choices: ${n.map((e, t) => `${t + 1}. ${e}`).join(" ")} Tell this part of the story, then read the choices out and ask the user which one they pick, and wait for their answer. Then call presentPanel for panel ${t + 1} with storyboardId "${r}", going on the way they chose.` : t < i ? `Panel ${t} of ${i} is now on the screen. Tell this part of the story, aloud, as a storyteller. This reply is only the telling: don't call presentPanel in it. When you have finished, you will be asked for panel ${t + 1}. If the user has asked you to stop, or asked something else, since the story began, answer them instead of going on.` : `Panel ${t} of ${i}, the last one, is now on the screen. Tell this part of the story, then bring it to an end.`;
 }
-var B = "When the user asks for a story, a picture book, a comic or a storyboard, tell it in pictures: first call defineStoryboard with the art style and the characters who appear more than once (it draws a reference sheet for each, so they look the same in every panel), then show the panels one at a time with presentPanel, naming the characters in each, and tell each part of the story when its panel appears. Go on to the last panel without asking whether to continue, unless the story is interactive. When the user wants to decide what happens (an adventure, a story for a child who wants to choose), set interactive, and give two or three choices on two or three of the panels: the story waits there for the user's pick and goes on their way; it still ends at the last panel whichever way it goes. Use presentSlide to explain a topic, not to tell a story.", Ce = {
+var P = "When the user asks for a story, a picture book, a comic or a storyboard, tell it in pictures: first call defineStoryboard with the art style and the characters who appear more than once (it draws a reference sheet for each, so they look the same in every panel), then show the panels one at a time with presentPanel, naming the characters in each, and tell each part of the story when its panel appears. Go on to the last panel without asking whether to continue, unless the story is interactive. When the user wants to decide what happens (an adventure, a story for a child who wants to choose), set interactive, and give two or three choices on two or three of the panels: the story waits there for the user's pick and goes on their way; it still ends at the last panel whichever way it goes. Use presentSlide to explain a topic, not to tell a story.", F = {
 	type: "function",
-	name: me,
-	prompt: B,
+	name: w,
+	prompt: P,
 	description: "Start a story told in pictures: set its art style and draw a reference sheet for each recurring character, shown as the cast. Then call presentPanel for each panel, in order.",
 	parameters: {
 		type: "object",
@@ -421,9 +422,9 @@ var B = "When the user asks for a story, a picture book, a comic or a storyboard
 			"characters"
 		]
 	}
-}, we = {
+}, I = {
 	type: "function",
-	name: he,
+	name: fe,
 	description: "Show one panel of a storyboard made with defineStoryboard: a picture of the scene with its characters drawn as in their reference sheets, and a caption. Call it once per panel, in order, starting with panel 1.",
 	parameters: {
 		type: "object",
@@ -462,60 +463,60 @@ var B = "When the user asks for a story, a picture book, a comic or a storyboard
 			"imagePrompt"
 		]
 	}
-}, V = (e) => typeof e == "object" && !!e && !Array.isArray(e), Te = (e) => V(e) && typeof e.message == "string";
-function H(e) {
-	let t = V(e?.data) ? e.data : {};
+}, L = (e) => typeof e == "object" && !!e && !Array.isArray(e), ke = (e) => L(e) && typeof e.message == "string";
+function R(e) {
+	let t = L(e?.data) ? e.data : {};
 	return {
 		...typeof t.imageData == "string" && { imageData: t.imageData },
 		...typeof t.imagePath == "string" && { imagePath: t.imagePath }
 	};
 }
-function U(e) {
-	let t = V(e?.data) ? e.data : {};
+function z(e) {
+	let t = L(e?.data) ? e.data : {};
 	return typeof t.html == "string" ? t.html : "";
 }
-function W(e) {
-	let t = V(e?.data) ? e.data : {};
-	return V(t.chart) ? JSON.stringify(t.chart) : "";
+function B(e) {
+	let t = L(e?.data) ? e.data : {};
+	return L(t.chart) ? JSON.stringify(t.chart) : "";
 }
-var Ee = (e) => !!H(e).imageData || !!U(e) || !!W(e);
-function De(e, t) {
-	let n = H(e), r = H(t);
+var Ae = (e) => !!R(e).imageData || !!z(e) || !!B(e);
+function je(e, t) {
+	let n = R(e), r = R(t);
 	if (n.imagePath && r.imagePath) return n.imagePath === r.imagePath;
 	if (n.imageData) return n.imageData === r.imageData;
-	let i = U(e);
-	if (i) return i === U(t);
-	let a = W(e);
-	return !!a && a === W(t);
+	let i = z(e);
+	if (i) return i === z(t);
+	let a = B(e);
+	return !!a && a === B(t);
 }
-var Oe = (e, t) => e.userSpokeAt === void 0 || e.userSpokeAt > t, ke = () => crypto.randomUUID().replace(/-/g, "").slice(0, 12), Ae = "artifacts/";
-async function je(e, t) {
+var V = (e, t) => e.userSpokeAt === void 0 || e.userSpokeAt > t, H = () => crypto.randomUUID().replace(/-/g, "").slice(0, 12), Me = "artifacts/";
+async function U(e, t) {
 	let n = e.files?.artifacts;
 	if (!e.app?.editImages || !n) return [];
 	let r = [];
-	for (let e of t) if (e.startsWith(Ae)) try {
+	for (let e of t) if (e.startsWith(Me)) try {
 		await n.exists(e.slice(10)) && r.push(e);
 	} catch {}
 	return r;
 }
-async function G(e, t, n = []) {
+async function W(e, t, n = []) {
 	let r = e.app, i = r?.editImages, a = r?.generateImage;
 	try {
 		let e;
 		if (n.length && i) e = await i(t, [...n]);
 		else if (a) e = await a(t);
 		else return { message: "image generation isn't available" };
-		return Te(e) ? e : { message: "image generation returned an unrecognized result" };
+		return ke(e) ? e : { message: "image generation returned an unrecognized result" };
 	} catch (e) {
 		return { message: `image generation failed: ${e instanceof Error ? e.message : String(e)}` };
 	}
 }
-var Me = 50;
-function Ne(e) {
+var Ne = 50;
+function G(e) {
 	let t = /* @__PURE__ */ new Map();
 	return (n) => {
 		let r = n.conversationId ?? "", i = t.get(r);
-		if (i === void 0 ? i = e() : t.delete(r), t.set(r, i), t.size > Me) {
+		if (i === void 0 ? i = e() : t.delete(r), t.set(r, i), t.size > Ne) {
 			let e = t.keys().next().value;
 			e !== void 0 && t.delete(e);
 		}
@@ -557,12 +558,12 @@ var K = "slide-md", Pe = "slide-md-split", q = "slide-md-text", Fe = "slide-md-p
 .${K} mtd:first-child { padding-left: 0; }
 .${K} mtd:last-child { padding-right: 0; }
 .${K} .math-error { color: #b91c1c; font-family: ui-monospace, monospace; }`;
-function J(e) {
+function Re(e) {
 	let t = e.split("\n").filter((e) => e.trim()).length, n = e.length;
 	return t <= 5 && n <= 250 ? 40 : t <= 8 && n <= 450 ? 34 : t <= 12 && n <= 700 ? 28 : 24;
 }
-var Re = /^[ \t]*(?:\$\$([\s\S]+?)\$\$|\\\[([\s\S]+?)\\\])[ \t]*(?:\n|$)/, ze = /^(?:\$\$(.+?)\$\$|\$(?!\s)((?:\\.|[^\\$\n])+?)(?<!\s)\$(?!\d)|\\\((.+?)\\\))/;
-function Be(e) {
+var ze = /^[ \t]*(?:\$\$([\s\S]+?)\$\$|\\\[([\s\S]+?)\\\])[ \t]*(?:\n|$)/, Be = /^(?:\$\$(.+?)\$\$|\$(?!\s)((?:\\.|[^\\$\n])+?)(?<!\s)\$(?!\d)|\\\((.+?)\\\))/;
+function Ve(e) {
 	return [{
 		name: "blockMath",
 		level: "block",
@@ -571,7 +572,7 @@ function Be(e) {
 			return t ? t.index + (t[1] ?? "").length : void 0;
 		},
 		tokenizer(e) {
-			let t = Re.exec(e);
+			let t = ze.exec(e);
 			if (t) return {
 				type: "blockMath",
 				raw: t[0],
@@ -584,7 +585,7 @@ function Be(e) {
 		level: "inline",
 		start: (e) => e.match(/(?<!\\)\$|\\\(/)?.index,
 		tokenizer(e) {
-			let t = ze.exec(e);
+			let t = Be.exec(e);
 			if (t) return {
 				type: "inlineMath",
 				raw: t[0],
@@ -595,9 +596,9 @@ function Be(e) {
 		renderer: (t) => e(String(t.text), t.display === !0)
 	}];
 }
-var Ve = /(<\/mi>|<\/mn>|<\/mrow>|<mo[^>]*>[)\]]<\/mo>)?(<mi(?: mathvariant="normal")?>[A-Za-z]{2,}<\/mi>)<mo>\u2061<\/mo>/g, He = "<mspace width=\"0.1667em\"></mspace>", Ue = (e) => e.replace(Ve, (e, t, n) => `${t ? t + He : ""}${n}<mo lspace="0" rspace="0.1667em">\u2061</mo>`), We = /\\(?:text(?:bf|it|rm|sf|tt|normal)?|mbox)\s*\{/g, Ge = (e) => {
+var He = /(<\/mi>|<\/mn>|<\/mrow>|<mo[^>]*>[)\]]<\/mo>)?(<mi(?: mathvariant="normal")?>[A-Za-z]{2,}<\/mi>)<mo>\u2061<\/mo>/g, Ue = "<mspace width=\"0.1667em\"></mspace>", We = (e) => e.replace(He, (e, t, n) => `${t ? t + Ue : ""}${n}<mo lspace="0" rspace="0.1667em">\u2061</mo>`), Ge = /\\(?:text(?:bf|it|rm|sf|tt|normal)?|mbox)\s*\{/g, Ke = (e) => {
 	let t = "", n = 0;
-	for (let r of e.matchAll(We)) {
+	for (let r of e.matchAll(Ge)) {
 		let i = r.index + r[0].length;
 		if (i <= n) continue;
 		let a = 1, o = i;
@@ -606,10 +607,10 @@ var Ve = /(<\/mi>|<\/mn>|<\/mrow>|<mo[^>]*>[)\]]<\/mo>)?(<mi(?: mathvariant="nor
 	}
 	return t + e.slice(n);
 };
-async function Ke(e) {
+async function qe(e) {
 	let [{ Marked: t }, { default: n }] = await Promise.all([import("marked"), import("katex")]), r = (e, t) => {
 		try {
-			return Ue(n.renderToString(Ge(e), {
+			return We(n.renderToString(Ke(e), {
 				output: "mathml",
 				displayMode: t,
 				throwOnError: !0
@@ -621,7 +622,7 @@ async function Ke(e) {
 		gfm: !0,
 		breaks: !1
 	});
-	i.use({ extensions: Be(r) });
+	i.use({ extensions: Ve(r) });
 	let a = i.lexer(e), o = a.findIndex((e) => {
 		if (e.type !== "paragraph" || e.tokens?.length !== 1) return !1;
 		let t = e.tokens[0];
@@ -630,7 +631,7 @@ async function Ke(e) {
 	if (o >= 0) {
 		let [t] = a.splice(o, 1), n = t?.type === "paragraph" ? t.tokens?.[0] : void 0, r = n?.type === "image" ? n.text : "", s = i.parser(a), c = e.replace(t?.raw ?? "", "");
 		return `<style>${Le}</style>
-<div class="${K} ${Pe}" data-fit style="font-size: ${Math.round(J(c) * Ie)}px">
+<div class="${K} ${Pe}" data-fit style="font-size: ${Math.round(Re(c) * Ie)}px">
 <div class="${q}">
 ${s}</div>
 <img class="${Fe}" src="${_}" alt="${p(r)}">
@@ -638,25 +639,25 @@ ${s}</div>
 	}
 	let s = await i.parse(e);
 	return `<style>${Le}</style>
-<div class="${K}" data-fit style="font-size: ${J(e)}px">
+<div class="${K}" data-fit style="font-size: ${Re(e)}px">
 ${s}</div>`;
 }
 //#endregion
 //#region src/core/records.ts
-var qe = "slideshows", Y = "storyboards", Je = {}, Ye = /* @__PURE__ */ new WeakMap(), Xe = /* @__PURE__ */ new WeakMap();
-function Ze(e) {
-	let t = Ye.get(e);
-	return t || Ye.set(e, t = /* @__PURE__ */ new Map()), t;
+var Je = "slideshows", J = "storyboards", Ye = {}, Xe = /* @__PURE__ */ new WeakMap(), Ze = /* @__PURE__ */ new WeakMap();
+function Qe(e) {
+	let t = Xe.get(e);
+	return t || Xe.set(e, t = /* @__PURE__ */ new Map()), t;
 }
-function Qe(t, n) {
-	let r = Xe.get(t);
-	r || Xe.set(t, r = /* @__PURE__ */ new Map());
+function $e(t, n) {
+	let r = Ze.get(t);
+	r || Ze.set(t, r = /* @__PURE__ */ new Map());
 	let i = r.get(n);
 	return i || r.set(n, i = e()), i;
 }
-var $e = (e, t) => `${e}/${t}.json`;
-async function et(e, t) {
-	let n = Ze(e ?? Je), r = n.get(t);
+var et = (e, t) => `${e}/${t}.json`;
+async function tt(e, t) {
+	let n = Qe(e ?? Ye), r = n.get(t);
 	if (r) return r;
 	if (!e) return null;
 	try {
@@ -666,14 +667,14 @@ async function et(e, t) {
 		return null;
 	}
 }
-async function tt(e, t, n) {
-	return S.test(n) ? et(e, $e(t, n)) : null;
+async function nt(e, t, n) {
+	return T.test(n) ? tt(e, et(t, n)) : null;
 }
-async function X(e, t, n, r) {
-	let i = $e(t, n), a = e ?? Je;
-	return Qe(a, i)(async () => {
-		let t = r(await et(e, i));
-		if (Ze(a).set(i, t), !e) return !1;
+async function Y(e, t, n, r) {
+	let i = et(t, n), a = e ?? Ye;
+	return $e(a, i)(async () => {
+		let t = r(await tt(e, i));
+		if (Qe(a).set(i, t), !e) return !1;
 		try {
 			return await e.write(i, JSON.stringify(t, null, 2)), !0;
 		} catch (e) {
@@ -681,12 +682,12 @@ async function X(e, t, n, r) {
 		}
 	});
 }
-var Z = (e) => `the ${e} could not be saved, so it lasts only until the app or server restarts`, nt = 6e4;
-function rt() {
+var X = (e) => `the ${e} could not be saved, so it lasts only until the app or server restarts`, rt = 6e4;
+function it() {
 	let e = /* @__PURE__ */ new Map();
 	return { claim: (t) => {
 		let n = Date.now();
-		for (let [t, r] of e) n - r.at > nt && e.delete(t);
+		for (let [t, r] of e) n - r.at > rt && e.delete(t);
 		let r = e.get(t);
 		if (r) return { earlier: r.shown };
 		let i = () => void 0, a = new Promise((e) => i = e);
@@ -700,16 +701,16 @@ function rt() {
 }
 //#endregion
 //#region src/core/webImage.ts
-var it = 1e4, at = 5242880, ot = 3, st = "images", ct = "artifacts/";
-function lt(e) {
+var at = 1e4, ot = 5242880, st = 3, ct = "images", lt = "artifacts/";
+function ut(e) {
 	if (e.protocol !== "https:") return "only https URLs are fetched";
 	if (e.username || e.password) return "a URL with a password isn't fetched";
 	let t = e.hostname.toLowerCase().replace(/\.$/, "");
 	return t.startsWith("[") || /^\d+\.\d+\.\d+\.\d+$/.test(t) ? "a URL with an IP address isn't fetched" : !t.includes(".") || /\.(localhost|local|internal|lan|home\.arpa)$/.test(t) ? "a URL on a local network isn't fetched" : null;
 }
-var Q = (e, t, n = 0) => t.every((t, r) => e[n + r] === t);
-function ut(e) {
-	return Q(e, [
+var Z = (e, t, n = 0) => t.every((t, r) => e[n + r] === t);
+function dt(e) {
+	return Z(e, [
 		137,
 		80,
 		78,
@@ -721,14 +722,14 @@ function ut(e) {
 	]) ? {
 		mime: "image/png",
 		extension: "png"
-	} : Q(e, [
+	} : Z(e, [
 		255,
 		216,
 		255
 	]) ? {
 		mime: "image/jpeg",
 		extension: "jpg"
-	} : Q(e, [
+	} : Z(e, [
 		71,
 		73,
 		70,
@@ -736,12 +737,12 @@ function ut(e) {
 	]) ? {
 		mime: "image/gif",
 		extension: "gif"
-	} : Q(e, [
+	} : Z(e, [
 		82,
 		73,
 		70,
 		70
-	]) && Q(e, [
+	]) && Z(e, [
 		87,
 		69,
 		66,
@@ -751,14 +752,14 @@ function ut(e) {
 		extension: "webp"
 	} : null;
 }
-function dt(e) {
+function ft(e) {
 	let t = "", n = 32768;
 	for (let r = 0; r < e.length; r += n) t += String.fromCharCode(...e.subarray(r, r + n));
 	return btoa(t);
 }
-var $ = (e) => e.body?.cancel().catch(() => void 0) ?? Promise.resolve();
-async function ft(e) {
-	if (Number(e.headers.get("content-length")) > 5242880) return await $(e), null;
+var Q = (e) => e.body?.cancel().catch(() => void 0) ?? Promise.resolve();
+async function pt(e) {
+	if (Number(e.headers.get("content-length")) > 5242880) return await Q(e), null;
 	if (!e.body) {
 		let t = new Uint8Array(await e.arrayBuffer());
 		return t.length > 5242880 ? null : t;
@@ -774,7 +775,30 @@ async function ft(e) {
 	for (let e of n) i.set(e, a), a += e.length;
 	return i;
 }
-async function pt(e, t) {
+var mt = [
+	"og:image:secure_url",
+	"og:image:url",
+	"og:image",
+	"twitter:image",
+	"twitter:image:src"
+], ht = /([a-z:-]+)\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'>]+))/gi, gt = (e, t) => t <= 1114111 ? String.fromCodePoint(t) : e, _t = (e) => e.replace(/&#x([0-9a-f]+);/gi, (e, t) => gt(e, parseInt(t, 16))).replace(/&#(\d+);/g, (e, t) => gt(e, Number(t))).replace(/&quot;/g, "\"").replace(/&apos;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
+function vt(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let [t] of e.matchAll(/<meta\b[^>]*>/gi)) {
+		let e = /* @__PURE__ */ new Map();
+		for (let [, n, r, i, a] of t.matchAll(ht)) n && e.set(n.toLowerCase(), r ?? i ?? a ?? "");
+		let r = (e.get("property") ?? e.get("name") ?? "").toLowerCase(), i = _t(e.get("content") ?? "").trim();
+		i && !n.has(r) && n.set(r, i);
+	}
+	for (let e of mt) {
+		let r = n.get(e);
+		if (r) try {
+			return new URL(r, t).href;
+		} catch {}
+	}
+	return null;
+}
+async function yt(e, t) {
 	let n;
 	try {
 		n = new URL(e);
@@ -782,7 +806,7 @@ async function pt(e, t) {
 		return "it isn't a URL";
 	}
 	for (let e = 0;; e++) {
-		let r = lt(n);
+		let r = ut(n);
 		if (r) return r;
 		let i = await fetch(n, {
 			redirect: "manual",
@@ -790,45 +814,64 @@ async function pt(e, t) {
 			credentials: "omit",
 			referrerPolicy: "no-referrer"
 		});
-		if (i.type === "opaqueredirect") return fetch(n, {
-			signal: t,
-			credentials: "omit",
-			referrerPolicy: "no-referrer"
-		});
+		if (i.type === "opaqueredirect") {
+			let e = await fetch(n, {
+				signal: t,
+				credentials: "omit",
+				referrerPolicy: "no-referrer"
+			});
+			return {
+				response: e,
+				url: e.url || n.href
+			};
+		}
 		let a = i.headers.get("location");
-		if (i.status < 300 || i.status >= 400 || !a) return i;
-		if (await $(i), e >= ot) return "it redirects too many times";
+		if (i.status < 300 || i.status >= 400 || !a) return {
+			response: i,
+			url: n.href
+		};
+		if (await Q(i), e >= st) return "it redirects too many times";
 		n = new URL(a, n);
 	}
 }
-async function mt(e, t) {
-	let n;
+async function $(e, t, n = !1) {
+	let r, i;
 	try {
-		let t = await pt(e, AbortSignal.timeout(it));
+		let t = await yt(e, AbortSignal.timeout(at));
 		if (typeof t == "string") return { error: t };
-		if (!t.ok) return await $(t), { error: `the site answered ${t.status}` };
-		n = await ft(t);
+		let { response: n } = t;
+		if (i = t.url, !n.ok) return await Q(n), { error: `the site answered ${n.status}` };
+		r = await pt(n);
 	} catch (e) {
 		return { error: `it couldn't be fetched (${e instanceof Error ? e.message : String(e)})` };
 	}
-	if (!n) return { error: `it is larger than ${at / 1024 / 1024} MB` };
-	let r = ut(n);
-	if (!r) return { error: "it isn't a PNG, JPEG, GIF or WebP picture" };
-	let i = `data:${r.mime};base64,${dt(n)}`;
-	if (!t) return { imageData: i };
-	let a = /* @__PURE__ */ new Date(), o = String(a.getUTCMonth() + 1).padStart(2, "0"), s = crypto.randomUUID().replace(/-/g, "").slice(0, 16), c = `${st}/${a.getUTCFullYear()}/${o}/${s}.${r.extension}`;
+	if (!r) return { error: `it is larger than ${ot / 1024 / 1024} MB` };
+	let a = dt(r);
+	if (!a) {
+		if (n) return { error: "it isn't a PNG, JPEG, GIF or WebP picture" };
+		let e = vt(new TextDecoder().decode(r), i);
+		if (!e) return { error: "it isn't a PNG, JPEG, GIF or WebP picture, or a web page with a preview picture (og:image)" };
+		let a = await $(e, t, !0);
+		return "error" in a ? { error: `its page's preview picture, ${e}: ${a.error}` } : {
+			...a,
+			source: e
+		};
+	}
+	let o = `data:${a.mime};base64,${ft(r)}`;
+	if (!t) return { imageData: o };
+	let s = /* @__PURE__ */ new Date(), c = String(s.getUTCMonth() + 1).padStart(2, "0"), l = crypto.randomUUID().replace(/-/g, "").slice(0, 16), u = `${ct}/${s.getUTCFullYear()}/${c}/${l}.${a.extension}`;
 	try {
-		return await t.write(c, n), {
-			imageData: i,
-			imagePath: `${ct}${c}`
+		return await t.write(u, r), {
+			imageData: o,
+			imagePath: `${lt}${u}`
 		};
 	} catch {
-		return { imageData: i };
+		return { imageData: o };
 	}
 }
 //#endregion
 //#region src/core/presentSlide.ts
-function ht({ slide: e, totalSlides: t, mode: n }) {
+function bt({ slide: e, totalSlides: t, mode: n }) {
 	return n === "steps" ? {
 		step: e,
 		total: t,
@@ -846,7 +889,7 @@ function ht({ slide: e, totalSlides: t, mode: n }) {
 		nextCall: `call presentSlide for slide ${e + 1} of ${t}`
 	};
 }
-var gt = (e, { slide: t, totalSlides: n, title: r, imagePrompt: i, imageUrl: a, html: o, markdown: s, chart: c }) => JSON.stringify([
+var xt = (e, { slide: t, totalSlides: n, title: r, imagePrompt: i, imageUrl: a, html: o, markdown: s, chart: c }) => JSON.stringify([
 	e,
 	t,
 	n,
@@ -856,19 +899,19 @@ var gt = (e, { slide: t, totalSlides: n, title: r, imagePrompt: i, imageUrl: a,
 	o,
 	s,
 	c
-]), _t = Ne(() => ({
+]), St = G(() => ({
 	latest: {
 		presentation: null,
 		steps: null
 	},
 	lastShown: null,
-	repeats: rt()
+	repeats: it()
 }));
-function vt(e, t) {
+function Ct(e, t) {
 	let n = e.latest[t.mode], r = n?.totalSlides === t.totalSlides && (t.slide !== 1 || n.firstTitle === t.title);
 	if (n && r) return n;
 	let i = {
-		id: ke(),
+		id: H(),
 		mode: t.mode,
 		totalSlides: t.totalSlides,
 		firstTitle: t.slide === 1 ? t.title : "",
@@ -878,50 +921,50 @@ function vt(e, t) {
 	};
 	return e.latest[t.mode] = i, i;
 }
-function yt(e, t, n, r) {
+function wt(e, t, n, r) {
 	t.current = n.slide, t.shownAt = Date.now(), e.lastShown = t;
 	let i = n.mode === "steps" ? "step" : "slide", { uuid: a, ...o } = r;
 	return {
 		...o,
 		message: `${i} ${n.slide} of ${n.totalSlides} is on the screen again, as it was`,
-		instructions: M(n),
+		instructions: A(n),
 		instructionsRequired: !0,
-		sequence: ht(n)
+		sequence: bt(n)
 	};
 }
-function bt(e, t) {
+function Tt(e, t) {
 	if (e.mode !== "steps") return e.title ? `A presentation slide titled "${e.title}". ${e.imagePrompt}` : e.imagePrompt;
 	let n = e.title ? `, "${e.title}"` : "";
 	return [
 		`An instructional illustration of step ${e.slide} of ${e.totalSlides}${n}. ${e.imagePrompt}`,
-		t ? xt : "",
+		t ? Et : "",
 		"Show the action clearly, with little or no text."
 	].filter(Boolean).join(" ");
 }
-var xt = "The reference image is the previous step: keep the same objects, hands, tools and setting, and show what this step changes.";
-async function St(e, t, n) {
+var Et = "The reference image is the previous step: keep the same objects, hands, tools and setting, and show what this step changes.";
+async function Dt(e, t, n) {
 	if (n.mode !== "steps") return [];
-	let r = H(t.slides.get(n.slide - 1)).imagePath;
-	return r ? await je(e, [r]) : [];
+	let r = R(t.slides.get(n.slide - 1)).imagePath;
+	return r ? await U(e, [r]) : [];
 }
-var Ct = (e, t) => [
+var Ot = (e, t) => [
 	e.mode === "steps" ? `An instructional illustration for step ${e.slide} of ${e.totalSlides}${e.title ? `, "${e.title}"` : ""}. ${e.imagePrompt}` : `A picture for a presentation slide${e.title ? ` titled "${e.title}"` : ""}. ${e.imagePrompt}`,
-	t ? xt : "",
+	t ? Et : "",
 	e.markdown ? "Keep the subject in the middle: the picture is cropped to a tall frame." : "",
 	"No text, letters or numbers in the picture."
 ].filter(Boolean).join(" ");
-async function wt(e, t) {
-	let n = await mt(t, e.files?.artifacts);
+async function kt(e, t) {
+	let n = await $(t, e.files?.artifacts);
 	return "error" in n && console.info(`[sequence] picture at ${t} not shown: ${n.error}`), n;
 }
-async function Tt(e, t, n) {
+async function At(e, t, n) {
 	if (n.chart) return {
 		chart: n.chart,
 		prompt: ""
 	};
 	if (n.html || n.markdown) {
 		let r = n.html ? { html: n.html } : {
-			html: await Ke(n.markdown ?? ""),
+			html: await qe(n.markdown ?? ""),
 			markdown: n.markdown ?? ""
 		};
 		if (!b(r.html)) return {
@@ -930,7 +973,7 @@ async function Tt(e, t, n) {
 		};
 		let i = n.imagePrompt || re(r.html) || n.title, a;
 		if (n.imageUrl) {
-			let t = await wt(e, n.imageUrl);
+			let t = await kt(e, n.imageUrl);
 			if (!("error" in t)) return {
 				...r,
 				...t,
@@ -943,7 +986,7 @@ async function Tt(e, t, n) {
 		let o = {
 			...n,
 			imagePrompt: i
-		}, s = await St(e, t, o), c = Ct(o, s.length > 0), l = await G(e, c, s), { imageData: u, imagePath: d } = H(l), f = a !== void 0 && { urlFailed: a };
+		}, s = await Dt(e, t, o), c = Ot(o, s.length > 0), l = await W(e, c, s), { imageData: u, imagePath: d } = R(l), f = a !== void 0 && { urlFailed: a };
 		return u ? {
 			...r,
 			imageData: u,
@@ -961,7 +1004,7 @@ async function Tt(e, t, n) {
 	}
 	let r;
 	if (n.imageUrl) {
-		let t = await wt(e, n.imageUrl);
+		let t = await kt(e, n.imageUrl);
 		if (!("error" in t)) return {
 			...t,
 			imageUrl: n.imageUrl,
@@ -973,7 +1016,7 @@ async function Tt(e, t, n) {
 		} };
 		r = t.error;
 	}
-	let i = await St(e, t, n), a = bt(n, i.length > 0), o = await G(e, a, i), { imageData: s, imagePath: c } = H(o);
+	let i = await Dt(e, t, n), a = Tt(n, i.length > 0), o = await W(e, a, i), { imageData: s, imagePath: c } = R(o);
 	return s ? {
 		imageData: s,
 		...c && { imagePath: c },
@@ -984,12 +1027,12 @@ async function Tt(e, t, n) {
 		sequence: null
 	} };
 }
-async function Et(e, t, n) {
-	let r = await Tt(e, t, n);
+async function jt(e, t, n) {
+	let r = await At(e, t, n);
 	if ("failed" in r) return r.failed;
-	let { imageData: i, imagePath: a, imageUrl: o, html: s, markdown: c, chart: l, prompt: u, pictureFailed: d, urlFailed: f } = r, p = t.id, m = await X(e.files?.artifacts, qe, p, (e) => {
+	let { imageData: i, imagePath: a, imageUrl: o, html: s, markdown: c, chart: l, prompt: u, pictureFailed: d, urlFailed: f, source: p } = r, m = t.id, h = await Y(e.files?.artifacts, Je, m, (e) => {
 		let t = e ?? {
-			id: p,
+			id: m,
 			title: "",
 			mode: n.mode,
 			totalSlides: n.totalSlides,
@@ -1004,7 +1047,7 @@ async function Et(e, t, n) {
 			...c && { markdown: c },
 			...l && { chart: l }
 		}, t;
-	}), h = {
+	}), g = {
 		...i && { imageData: i },
 		...a && { imagePath: a },
 		...o && { imageUrl: o },
@@ -1012,36 +1055,37 @@ async function Et(e, t, n) {
 		...c && { markdown: c },
 		...l && { chart: l },
 		prompt: u,
-		slideshowId: p,
+		slideshowId: m,
 		slide: n.slide,
 		totalSlides: n.totalSlides,
 		title: n.title,
 		mode: n.mode
-	}, g = n.mode === "steps" ? "step" : "slide";
+	}, v = n.mode === "steps" ? "step" : "slide";
 	return {
-		data: h,
+		data: g,
 		title: n.title || `Slide ${n.slide}`,
 		message: [
-			`${g} ${n.slide} of ${n.totalSlides} of slideshow "${p}" is on the screen`,
-			o ? `its picture is from ${o}` : "",
+			`${v} ${n.slide} of ${n.totalSlides} of slideshow "${m}" is on the screen`,
+			o ? p ? `its picture is the preview picture of ${o} (${p})` : `its picture is from ${o}` : "",
 			a ? `saved to ${a}` : "",
+			n.unplacedImageUrl ? `the picture at ${n.unplacedImageUrl} isn't shown: ${n.chart ? "a chart slide has no picture" : `the slide has no ${_} for it (<img src="${_}" alt="..." class="..."> where it goes)`}` : "",
 			f === void 0 ? "" : `the picture at ${n.imageUrl} couldn't be shown (${f}), so it was drawn instead`,
 			d ? `its picture couldn't be drawn (${d}), so the slide is shown without it` : "",
-			m ? "" : Z("slideshow")
+			h ? "" : X("slideshow")
 		].filter(Boolean).join("; "),
-		instructions: M(n),
+		instructions: A(n),
 		instructionsRequired: !0,
-		sequence: ht(n)
+		sequence: bt(n)
 	};
 }
-async function Dt(e, t) {
-	let n = A(t);
+async function Mt(e, t) {
+	let n = be(t);
 	if (typeof n == "string") return {
 		message: n,
 		sequence: null
 	};
-	let r = _t(e), i = vt(r, n), a = n.mode === "steps";
-	if (a && n.slide > i.current && i.current > 0 && !Oe(e, i.shownAt)) {
+	let r = St(e), i = Ct(r, n), a = n.mode === "steps";
+	if (a && n.slide > i.current && i.current > 0 && !V(e, i.shownAt)) {
 		console.info(`[sequence] holding step ${n.slide} for the user`);
 		let e = i.shownAt === Infinity ? "is still being drawn" : "is still on the screen";
 		return {
@@ -1050,15 +1094,15 @@ async function Dt(e, t) {
 		};
 	}
 	let o = a ? i.slides.get(n.slide) : void 0;
-	if (o) return De(e.currentResult, o) ? {
+	if (o) return je(e.currentResult, o) ? {
 		message: `step ${n.slide} of ${n.totalSlides} is already on the screen`,
 		cancelled: !0
-	} : yt(r, i, n, o);
-	let s = r.repeats.claim(gt(i.id, n));
+	} : wt(r, i, n, o);
+	let s = r.repeats.claim(xt(i.id, n));
 	if ("earlier" in s) {
-		if (!await s.earlier) return Dt(e, t);
+		if (!await s.earlier) return Mt(e, t);
 		let a = i.slides.get(n.slide);
-		return a && r.lastShown !== i ? yt(r, i, n, a) : {
+		return a && r.lastShown !== i ? wt(r, i, n, a) : {
 			message: `slide ${n.slide} of ${n.totalSlides} is already on the screen`,
 			cancelled: !0
 		};
@@ -1070,22 +1114,22 @@ async function Dt(e, t) {
 	i.current = n.slide, i.shownAt = Infinity;
 	let u = !1;
 	try {
-		let t = await Et(e, i, n);
-		return u = Ee(t), u && (i.slides.set(n.slide, t), i.current = n.slide, i.shownAt = Date.now(), r.lastShown = i), t;
+		let t = await jt(e, i, n);
+		return u = Ae(t), u && (i.slides.set(n.slide, t), i.current = n.slide, i.shownAt = Date.now(), r.lastShown = i), t;
 	} finally {
 		c(u), !u && i.current === n.slide && (i.current = l.current, i.shownAt = l.shownAt);
 	}
 }
 //#endregion
 //#region src/core/storyboard.ts
-var Ot = ({ id: e, title: t, totalPanels: n }) => ({
+var Nt = ({ id: e, title: t, totalPanels: n }) => ({
 	step: 0,
 	total: n,
 	kind: "story",
 	label: `The cast of "${t}"`,
 	onShown: "introduce the characters",
 	nextCall: `call presentPanel for panel 1 of ${n} with storyboardId "${e}"`
-}), kt = ({ id: e, totalPanels: t }, n, r) => ({
+}), Pt = ({ id: e, totalPanels: t }, n, r) => ({
 	step: n,
 	total: t,
 	kind: "story",
@@ -1093,21 +1137,21 @@ var Ot = ({ id: e, title: t, totalPanels: n }) => ({
 	onShown: "tell that part of the story",
 	nextCall: `call presentPanel for panel ${n + 1} of ${t} with storyboardId "${e}"`,
 	...r.length > 0 && { waitsForUser: !0 }
-}), At = (e, t) => e ? `${e}. ${t}` : t, jt = (e, { name: t, description: n }) => At(e, `Character reference sheet of ${t}: ${n}. Full body, front, side and back views, on a plain white background. No text or labels.`);
-async function Mt(e, t) {
-	let n = F(t);
+}), Ft = (e, t) => e ? `${e}. ${t}` : t, It = (e, { name: t, description: n }) => Ft(e, `Character reference sheet of ${t}: ${n}. Full body, front, side and back views, on a plain white background. No text or labels.`);
+async function Lt(e, t) {
+	let n = De(t);
 	if (typeof n == "string") return {
 		message: n,
 		sequence: null
 	};
-	let r = await Promise.all(n.characters.map((t) => G(e, jt(n.style, t)))), i = r.map(H), a = r.find((e, t) => !i[t]?.imageData);
+	let r = await Promise.all(n.characters.map((t) => W(e, It(n.style, t)))), i = r.map(R), a = r.find((e, t) => !i[t]?.imageData);
 	if (i.every(({ imageData: e }) => !e) && a) return {
 		...a,
 		message: `the character sheets couldn't be made: ${a.message}`,
 		sequence: null
 	};
 	let o = {
-		id: ke(),
+		id: H(),
 		...n,
 		characters: n.characters.map((e, t) => {
 			let n = i[t]?.imagePath;
@@ -1117,7 +1161,7 @@ async function Mt(e, t) {
 			};
 		}),
 		panels: {}
-	}, s = await X(e.files?.artifacts, Y, o.id, () => o), c = o.characters.filter((e) => e.imagePath).map((e) => `${e.name}: ${e.imagePath}`), l = n.characters.map(({ name: e }, t) => i[t]?.imageData ? null : `${e} (${r[t]?.message ?? ""})`).filter((e) => !!e), u = i.find((e) => e.imageData)?.imageData;
+	}, s = await Y(e.files?.artifacts, J, o.id, () => o), c = o.characters.filter((e) => e.imagePath).map((e) => `${e.name}: ${e.imagePath}`), l = n.characters.map(({ name: e }, t) => i[t]?.imageData ? null : `${e} (${r[t]?.message ?? ""})`).filter((e) => !!e), u = i.find((e) => e.imageData)?.imageData;
 	return {
 		data: {
 			storyboardId: o.id,
@@ -1138,39 +1182,39 @@ async function Mt(e, t) {
 			`storyboard "${o.id}" is ready with ${o.totalPanels} panels; the cast is on the screen`,
 			c.length ? `character sheets saved to ${c.join(", ")}` : "",
 			l.length ? `no sheet for ${l.join("; ")}: they will be drawn from their description` : "",
-			s ? "" : Z("storyboard")
+			s ? "" : X("storyboard")
 		].filter(Boolean).join("; "),
-		instructions: I(o),
+		instructions: Oe(o),
 		instructionsRequired: !0,
-		sequence: Ot(o)
+		sequence: Nt(o)
 	};
 }
-function Nt(e, t, n) {
-	let r = [At(e.style, `Panel ${t.panel} of ${e.totalPanels} of the illustrated story "${e.title}". ${t.imagePrompt}`)], i = 0, a = n.map(({ character: e, hasSheet: t }) => t ? `${e.name} is the character in reference image ${++i}` : `${e.name}: ${e.description}`);
+function Rt(e, t, n) {
+	let r = [Ft(e.style, `Panel ${t.panel} of ${e.totalPanels} of the illustrated story "${e.title}". ${t.imagePrompt}`)], i = 0, a = n.map(({ character: e, hasSheet: t }) => t ? `${e.name} is the character in reference image ${++i}` : `${e.name}: ${e.description}`);
 	return a.length && r.push(`${a.join(". ")}.`), i && r.push("Draw each character exactly as in their reference image: the same face, hair, clothes and colors. Use the reference images only for how the characters look, not for their pose or the background."), r.push("No captions, speech bubbles or other text in the picture."), r.join(" ");
 }
-async function Pt(e, t, n) {
+async function zt(e, t, n) {
 	let r = [], i = [];
 	for (let a of n.characters) {
-		let n = t.characters.find((e) => T(e.name, a));
+		let n = t.characters.find((e) => O(e.name, a));
 		if (!n) r.push(a);
 		else if (!i.some((e) => e.character === n)) {
-			let [t] = n.imagePath ? await je(e, [n.imagePath]) : [];
+			let [t] = n.imagePath ? await U(e, [n.imagePath]) : [];
 			i.push({
 				character: n,
 				sheet: t ?? null
 			});
 		}
 	}
-	let a = i.map(({ sheet: e }) => e).filter((e) => !!e), o = Nt(t, n, i.map(({ character: e, sheet: t }) => ({
+	let a = i.map(({ sheet: e }) => e).filter((e) => !!e), o = Rt(t, n, i.map(({ character: e, sheet: t }) => ({
 		character: e,
 		hasSheet: !!t
-	}))), s = await G(e, o, a), { imageData: c, imagePath: l } = H(s);
+	}))), s = await W(e, o, a), { imageData: c, imagePath: l } = R(s);
 	if (!c) return {
 		...s,
 		sequence: null
 	};
-	let u = n.panel < t.totalPanels && n.choices.length >= 2 ? n.choices : [], d = await X(e.files?.artifacts, Y, t.id, (e) => {
+	let u = n.panel < t.totalPanels && n.choices.length >= 2 ? n.choices : [], d = await Y(e.files?.artifacts, J, t.id, (e) => {
 		let r = e ?? t;
 		return u.length && (r.interactive = !0), r.panels[String(n.panel)] = {
 			caption: n.caption,
@@ -1196,25 +1240,25 @@ async function Pt(e, t, n) {
 			`panel ${n.panel} of ${t.totalPanels} is on the screen`,
 			l ? `saved to ${l}` : "",
 			r.length ? `not in the cast, so drawn from the prompt alone: ${r.join(", ")}` : "",
-			d ? "" : Z("storyboard")
+			d ? "" : X("storyboard")
 		].filter(Boolean).join("; "),
-		instructions: z(t, n.panel, u),
+		instructions: N(t, n.panel, u),
 		instructionsRequired: !0,
-		sequence: kt(t, n.panel, u)
+		sequence: Pt(t, n.panel, u)
 	};
 }
-var Ft = Ne(() => ({
-	repeats: rt(),
+var Bt = G(() => ({
+	repeats: it(),
 	awaitingChoice: /* @__PURE__ */ new Map()
 }));
-async function It(e, t) {
-	let n = R(t);
+async function Vt(e, t) {
+	let n = M(t);
 	if (!n) return {
-		message: L,
+		message: j,
 		sequence: null
 	};
-	let { storyboardId: r, panel: i } = n, { repeats: a, awaitingChoice: o } = Ft(e), s = o.get(r);
-	if (s && i > s.panel && !Oe(e, s.shownAt)) return console.info(`[sequence] holding panel ${i} for the user`), {
+	let { storyboardId: r, panel: i } = n, { repeats: a, awaitingChoice: o } = Bt(e), s = o.get(r);
+	if (s && i > s.panel && !V(e, s.shownAt)) return console.info(`[sequence] holding panel ${i} for the user`), {
 		message: s.shownAt === Infinity ? `panel ${i} was not shown: panel ${s.panel} is still being drawn. Wait for it before going on.` : `panel ${i} was not shown: the user hasn't picked a choice yet, and panel ${s.panel} is still on the screen. Wait for their answer.`,
 		cancelled: !0
 	};
@@ -1222,7 +1266,7 @@ async function It(e, t) {
 	if ("earlier" in c) return await c.earlier ? {
 		message: `panel ${i} is already on the screen`,
 		cancelled: !0
-	} : It(e, t);
+	} : Vt(e, t);
 	let { settle: l } = c, u = {
 		panel: i,
 		shownAt: Infinity
@@ -1230,7 +1274,7 @@ async function It(e, t) {
 	o.set(r, u);
 	let f = () => o.get(r) === u, p = !1;
 	try {
-		let t = await tt(e.files?.artifacts, Y, r);
+		let t = await nt(e.files?.artifacts, J, r);
 		if (!t) return {
 			message: `there is no storyboard "${r}"; call defineStoryboard first`,
 			sequence: null
@@ -1239,8 +1283,8 @@ async function It(e, t) {
 			message: `storyboard "${t.id}" has ${t.totalPanels} panels`,
 			sequence: null
 		};
-		let a = await Pt(e, t, n);
-		p = !!H(a).imageData;
+		let a = await zt(e, t, n);
+		p = !!R(a).imageData;
 		let s = a.data;
 		return p && f() && (s?.choices?.length ? o.set(r, {
 			panel: i,
@@ -1252,21 +1296,21 @@ async function It(e, t) {
 }
 //#endregion
 //#region src/core/index.ts
-var Lt = {
-	toolDefinition: P,
+var Ht = {
+	toolDefinition: Ee,
 	generatingMessage: "Making the slide...",
 	isEnabled: () => !0,
-	execute: (e, t) => Dt(e, t)
-}, Rt = {
-	toolDefinition: Ce,
+	execute: (e, t) => Mt(e, t)
+}, Ut = {
+	toolDefinition: F,
 	generatingMessage: "Drawing the characters...",
 	isEnabled: () => !0,
-	execute: (e, t) => Mt(e, t)
-}, zt = {
-	toolDefinition: we,
+	execute: (e, t) => Lt(e, t)
+}, Wt = {
+	toolDefinition: I,
 	generatingMessage: "Drawing the panel...",
 	isEnabled: () => !0,
-	execute: (e, t) => It(e, t)
+	execute: (e, t) => Vt(e, t)
 };
 //#endregion
-export { M as A, t as B, B as C, A as D, R as E, s as F, ae as H, h as I, l as L, fe as M, r as N, F as O, o as P, n as R, O as S, z as T, ie as U, b as V, P as _, Y as a, D as b, me as c, ve as d, _e as f, pe as g, we as h, qe as i, x as j, T as k, Ce as l, he as m, zt as n, tt as o, L as p, Lt as r, Ke as s, Rt as t, ge as u, N as v, I as w, k as x, S as y, _ as z };
+export { A, t as B, P as C, be as D, M as E, s as F, ae as H, h as I, l as L, de as M, r as N, De as O, o as P, n as R, _e as S, N as T, ie as U, b as V, Ee as _, J as a, ge as b, w as c, he as d, me as f, C as g, I as h, Je as i, x as j, O as k, F as l, fe as m, Wt as n, nt as o, j as p, Ht as r, qe as s, Ut as t, pe as u, Te as v, Oe as w, ve as x, T as y, _ as z };