thursday-agent 0.15.0 → 0.16.0

package/public/sounds/NOTICE

@@ -0,0 +1,213 @@
+The sounds in this folder come from the Android Open Source Project,
+platform/frameworks/base, data/sounds/effects/ogg:
+https://android.googlesource.com/platform/frameworks/base/+/refs/heads/main/data/sounds/effects/ogg/
+
+Copyright (C) The Android Open Source Project.
+Licensed under the Apache License, Version 2.0; the full text follows.
+
+  start_voice.ogg  NFCSuccess.ogg, 1.2 dB quieter, re-encoded as Opus
+  end_voice.ogg    NFCTransferComplete.ogg, 4.8 dB louder, re-encoded as Opus
+  ring.ogg         NFCInitiated.ogg, 2.2 dB quieter, re-encoded as Opus
+
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/seed-skills/concierge/travel/SKILL.md

@@ -19,9 +19,9 @@ call. `S=<this skill's dir>/scripts`, `D=$THURSDAY_SKILLS/data-report/scripts`.
 hand to another bot: a hand-off pays for a second bot's prompt, skills and browser, and for the
 messages between you, to find what one search of yours finds.
 
-**Flights come from a published search; the rest from a page on the user's screen.** Nothing
-here reads another site by script: a search page moves without notice, and a wrong price is worse
-than none.
+**Flights come from a published search; the rest from a page on the user's screen.** You read
+only what that page shows them, never a site's own endpoints behind it: a search page moves
+without notice, and a wrong price is worse than none.
 
 - **With Kiwi connected** — `search-flight` on the `kiwi` server, among your own tools or under
   `## Connected tools` in your prompt — flights are that tool (`tool_search` it for the exact
@@ -30,7 +30,7 @@ than none.
 - **Without it, and for a stay**, the results are the user's to choose from, so the search opens
   on their screen — `--headed`, the `browser` skill — and you read it there. The answer then ends
   by saying that connecting Kiwi in Settings › Connectors finds flights without a window. Google's
-  search pages take the search in their address:
+  public search pages take the search in their address, as it reads today:
 
 ```
 https://www.google.com/travel/flights?q=Flights to LIS from LHR on 2026-11-12 through 2026-11-15 for 2 adults&curr=USD&hl=en

package/seed-skills/marketer/marketing/references/copywriting-copy-frameworks.md

@@ -7,7 +7,7 @@ Headline formulas, page section types, and structural templates.
 - Landing Page Section Types (core sections, supporting sections)
 - Page Structure Templates (feature-heavy page, varied engaging page, compact landing page, enterprise/B2B landing page, product launch page)
 - Section Writing Tips (problem section, benefits section, how it works section, testimonial selection)
-- Clarity & Message-Market Fit (the "Now you can" test, Human Action Model, the Perception Gap, the SavvyCal case, clarity metrics)
+- Clarity & Message-Market Fit (the "Now you can" test, Human Action Model, the Perception Gap, the SavvyCal case)
 
 ## Headline Formulas
 
@@ -419,15 +419,8 @@ That one line **roughly tripled (3×) conversions**. It works because it hits al
 
 The lesson: message-market fit beats feature lists. The winning line wasn't cleverer — it named a real feeling the reader hadn't heard a scheduling tool acknowledge before. Run your own hero through "Now you can…" and the Human Action Model to find that line.
 
-### Clarity Beats Cleverness (the metrics)
+### Clarity Beats Cleverness
 
-When teams measure it, clarity — not wit — is what moves the numbers. Clearer positioning and copy is associated with:
-
-- **+81% conversions**
-- **−38% sales cycle** (shorter time to close)
-- **−28% CAC** (lower customer acquisition cost)
-- **+175% referrals**
-
-The mechanism: clear copy lets the *right* buyer self-qualify fast and the wrong one bounce early, so every downstream metric improves. Clever copy that requires decoding does the opposite — it adds a comprehension tax at the exact moment attention is scarcest.
+Clarity, not wit, is what moves the numbers. The mechanism: clear copy lets the *right* buyer self-qualify fast and the wrong one bounce early, so every downstream metric improves. Clever copy that requires decoding does the opposite — it adds a comprehension tax at the exact moment attention is scarcest.
 
 **Practical rule:** if a reader has to pause to figure out what you mean, you've already lost. When forced to choose between a clever line and a clear one, ship the clear one — then use the tests above ("Now you can…", the Human Action Model, the Perception Gap) to make the clear line compelling too.

package/seed-skills/marketer/marketing/references/copywriting.md

@@ -45,9 +45,9 @@ Gather this context — fill it from the page as it stands, the product brief an
 ## Copywriting Principles
 
 ### Clarity Over Cleverness
-If you have to choose between clear and creative, choose clear. Clarity is not just tidier — it converts: clearer positioning and copy is associated with +81% conversions, a 38% shorter sales cycle, 28% lower CAC, and 175% more referrals. When a reader has to decode your line, you've lost them.
+If you have to choose between clear and creative, choose clear. When a reader has to decode your line, you've lost them.
 
-**For message-market fit tools** — the "Now you can" test, the Human Action Model (discomfort → vision → path), the Perception Gap, and the clarity metrics: See [references/copywriting-copy-frameworks.md](copywriting-copy-frameworks.md#clarity--message-market-fit)
+**For message-market fit tools** — the "Now you can" test, the Human Action Model (discomfort → vision → path), and the Perception Gap: See [references/copywriting-copy-frameworks.md](copywriting-copy-frameworks.md#clarity--message-market-fit)
 
 ### Benefits Over Features
 Features: What it does. Benefits: What that means for the customer.

package/seed-skills/marketer/marketing/references/social-platforms.md

@@ -14,7 +14,7 @@ Detailed strategies for each major social platform.
 **Best for:** B2B, thought leadership, professional networking, recruiting
 **Audience:** Professionals, decision-makers, job seekers
 **Posting frequency:** 3-5x per week
-**Best times:** Tuesday-Thursday, 7-8am, 12pm, 5-6pm
+**Best times:** when their own audience is active, from the account's analytics — no hour holds for every audience or time zone
 
 **What works:**
 - Personal stories with business lessons
@@ -52,7 +52,7 @@ Detailed strategies for each major social platform.
 **Best for:** Tech, media, real-time commentary, community building
 **Audience:** Tech-savvy, news-oriented, niche communities
 **Posting frequency:** 3-10x per day (including replies)
-**Best times:** Varies by audience; test and measure
+**Best times:** when their own audience is active, from the account's analytics — no hour holds for every audience or time zone
 
 **What works:**
 - Hot takes and opinions
@@ -88,7 +88,7 @@ Detailed strategies for each major social platform.
 **Best for:** Visual brands, lifestyle, e-commerce, younger demographics
 **Audience:** 18-44, visual-first consumers
 **Posting frequency:** 1-2 feed posts per day, 3-10 Stories per day
-**Best times:** 11am-1pm, 7-9pm
+**Best times:** when their own audience is active, from the account's analytics — no hour holds for every audience or time zone
 
 **What works:**
 - High-quality visuals
@@ -124,7 +124,7 @@ Detailed strategies for each major social platform.
 **Best for:** Brand awareness, younger audiences, viral potential
 **Audience:** 16-34, entertainment-focused
 **Posting frequency:** 1-4x per day
-**Best times:** 7-9am, 12-3pm, 7-11pm
+**Best times:** when their own audience is active, from the account's analytics — no hour holds for every audience or time zone
 
 **What works:**
 - Native, unpolished content
@@ -154,7 +154,7 @@ Detailed strategies for each major social platform.
 **Best for:** Communities, local businesses, older demographics, groups
 **Audience:** 25-55+, community-oriented
 **Posting frequency:** 1-2x per day
-**Best times:** 1-4pm weekdays
+**Best times:** when their own audience is active, from the account's analytics — no hour holds for every audience or time zone
 
 **What works:**
 - Facebook Groups (community)

package/skills/artifact/SKILL.md

@@ -42,7 +42,8 @@ document.
 ## Charts
 
 Numbers they should see are a chart, drawn into the document, page or book that carries them:
-`node $S/chart.mjs <file.html> <figure id> <data.csv>` (no arguments lists its options). Never
+`node $S/chart.mjs <file.html> <figure id> <data.csv>`; on a slide, a board or a post, it is a
+picture: `node $S/chart.mjs <picture.svg> <data.csv>` (no arguments lists its options). Never
 hand-write chart SVG.
 
 A few paragraphs that answer a question stay your final text; a kind here is for what they will

package/skills/artifact/references/book.md

@@ -70,9 +70,8 @@ Choose each page's picture in this order:
   ```
 
   It saves the page's own picture (`--all` adds the large ones in its body)
-  through the session's browser, so a site that refuses `curl` still answers,
-  keeps only what came back as an image, and prints each file with its size and
-  a `Credit:` line. Every run writes `web-01.…`, so rename what you keep to the
+  through the session's browser, keeps only what came back as an image, and
+  prints each file with its size and a `Credit:` line. Every run writes `web-01.…`, so rename what you keep to the
   page's own name before fetching the next one. Put the credit in the figure:
   `<figcaption>Photo: <author>, <a href="…">source</a>, <license></figcaption>`.
 - **A structure, a flow, a relation** — parts of a whole, one thing asking

package/skills/artifact/references/deck.md

@@ -17,6 +17,10 @@ fill them well.
   source in the slide's footer.
 - **Pictures come off the pages you read** (`webimage.mjs`, SKILL.md) and go in an `image` slide
   with their credit; a picture that only decorates is left out.
+- **Numbers that move are a chart**, drawn as a picture from their CSV —
+  `node $THURSDAY_SKILLS/artifact/scripts/chart.mjs <scratch>/<name>.svg <data.csv>` — and put in
+  an `image` slide with `fit` whole; the heading beside it says what it shows, and its source goes
+  in the slide's footer.
 - **Notes are speech**: what the presenter says over the slide, in their voice, never the slide's
   words again.
 - **Changing a deck** is sending the whole deck again with the `revision` the last call answered

package/skills/artifact/runtime/app/kit/vite.config.ts

@@ -3,10 +3,13 @@ import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 import { viteSingleFile } from "vite-plugin-singlefile";
 
-// One page per build, named by PAGE (scripts/page.mjs sets it). Each page keeps its
-// own output and cache, so two pages can build at once.
+// One page per build, named by PAGE (the artifact skill's scripts/app.mjs sets it). Each
+// page keeps its own output and cache, so two pages can build at once.
 const page = process.env.PAGE;
-if (!page) throw new Error("PAGE is not set: build with scripts/page.mjs");
+if (!page)
+  throw new Error(
+    "PAGE is not set: build with the artifact skill's scripts/app.mjs build <name>",
+  );
 const root = path.resolve(__dirname, "pages", page);
 
 export default defineConfig({

package/skills/artifact/runtime/app/page/index.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html>
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

package/skills/artifact/runtime/book/book.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html>
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />

package/skills/artifact/runtime/canvas/canvas.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html>
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />

package/skills/artifact/runtime/deck/deck.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html>
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />

package/skills/artifact/runtime/document/quick.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">

package/skills/artifact/scripts/chart.mjs

@@ -6,6 +6,10 @@
 // and the same figure is replaced.
 //
 //   node chart.mjs <page.html> <id> <data.csv> [options]
+//   node chart.mjs <picture.svg> <data.csv> [options]
+//                        the chart alone as a picture, its title and source on it, on a
+//                        light card that reads on any ground: a deck's image slide (fit
+//                        whole), a board, a post
 //
 //   --kind line|bar      line when the first column is dates, bar otherwise
 //   --title "<text>"     what the chart shows (default: the CSV's `# title:`)
@@ -26,7 +30,8 @@
 //
 // The figure carries no words of its own beyond what it is given, so it reads the same
 // in any language: the site's name, a date, "CSV".
-import { existsSync, readFileSync } from "node:fs";
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { dirname, resolve } from "node:path";
 import {
   END,
   editedSince,
@@ -522,13 +527,77 @@ function sourceLinks(text) {
     .replace(/(<\/a>) (<a )/g, "$1, $2");
 }
 
+/**
+ * The chart alone as an SVG file: its title and unit above, its source below, on a light card
+ * of its own, since a picture does not know the ground it will sit on. The page's stylesheet
+ * travels inside it, with the light colours only, and without the readout, which needs a page.
+ */
+function writePicture(path, { svg, title, sub, source }) {
+  const [, W, H] = svg.match(/viewBox="0 0 ([\d.]+) ([\d.]+)"/) ?? [];
+  const pad = 24;
+  const head = 22 + (sub ? 20 : 0) + 12;
+  const foot = source ? 30 : 8;
+  const width = Number(W) + pad * 2;
+  const height = pad + head + Number(H) + foot + pad;
+  const inner = svg
+    .replace(/ data-chart='[^']*'/, "")
+    .replace('<g class="hover"></g>', "")
+    .replace(/class="chart-svg (wide|narrow)"/, 'class="chart-svg"')
+    .replace(
+      "<svg ",
+      `<svg x="${pad}" y="${pad + head}" width="${W}" height="${H}" `,
+    );
+  // The drawing's own rules; the page's sizing rule (width 100%) would stretch the inner
+  // drawing past the card, where its size attributes are what it keeps
+  const style = STYLE.replace(/<\/?style[^>]*>/g, "")
+    .split("\n")
+    .filter(
+      (line) =>
+        line.startsWith(".chart-svg") &&
+        !line.startsWith(".chart-svg{") &&
+        !line.includes(".narrow") &&
+        !line.includes(".hover"),
+    )
+    .join("\n");
+  const plainSource = String(source ?? "")
+    .split(/\s+/)
+    .map((part) =>
+      /^https?:\/\//.test(part)
+        ? new URL(part).hostname.replace(/^www\./, "")
+        : part,
+    )
+    .join(" ");
+  const file = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" role="img" aria-label="${esc(title)}">
+<style>
+.pic{font:${FONT}px ui-sans-serif,system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums}
+.pic-title{font-size:16px;font-weight:600;fill:#18181b}
+.pic-sub,.pic-source{font-size:12px;fill:#71717a}
+${style}
+</style>
+<g class="pic">
+<rect width="${width}" height="${height}" rx="14" fill="#ffffff"/>
+<text class="pic-title" x="${pad}" y="${pad + 16}">${esc(title)}</text>
+${sub ? `<text class="pic-sub" x="${pad}" y="${pad + 36}">${esc(sub)}</text>` : ""}
+${inner}
+${plainSource ? `<text class="pic-source" x="${pad}" y="${height - pad}">${esc(plainSource)}</text>` : ""}
+</g>
+</svg>
+`;
+  mkdirSync(dirname(resolve(path)), { recursive: true });
+  writeFileSync(path, file);
+}
+
 function main() {
   const { positional, flags } = parseArgs(process.argv.slice(2));
-  const [pagePath, id, csvPath] = positional;
-  if (!pagePath || !id || !csvPath) throw new Stop(usage());
-  if (!/^[\w-]+$/.test(id))
+  // A picture takes no page and no id: the first path names what is written
+  const picture = /\.svg$/i.test(positional[0] ?? "") ? positional[0] : null;
+  const [pagePath, id, csvPath] = picture
+    ? [null, null, positional[1]]
+    : positional;
+  if (!csvPath || (!picture && (!pagePath || !id))) throw new Stop(usage());
+  if (!picture && !/^[\w-]+$/.test(id))
     throw new Stop(`"${id}" is not an id: letters, numbers, - and _ only.`);
-  if (!existsSync(pagePath))
+  if (!picture && !existsSync(pagePath))
     throw new Stop(
       `No page at ${pagePath}. Put a document first (the artifact skill's document.mjs), or give any HTML file.`,
     );
@@ -608,6 +677,8 @@ function main() {
     throw new Stop(`No numbers in ${wanted.join(", ")}.`);
 
   let chart;
+  let lineDraw;
+  let barDraw;
   if (kind === "line") {
     let indexed = null;
     if (flags.index) {
@@ -640,7 +711,7 @@ function main() {
         );
       return { t, text: label.join("=") || date };
     });
-    const draw = (size) =>
+    lineDraw = (size) =>
       lineChart({
         xs,
         labels: body.map((r) => r[0]),
@@ -651,7 +722,7 @@ function main() {
         locale,
         size,
       });
-    chart = both(draw);
+    chart = both(lineDraw);
   } else {
     let order = body.map((_, i) => i);
     if (!flags["keep-order"])
@@ -660,7 +731,7 @@ function main() {
           (series[0].values[b] ?? -Infinity) -
           (series[0].values[a] ?? -Infinity),
       );
-    chart = both((size) =>
+    barDraw = (size) =>
       barChart({
         labels: order.map((i) => body[i][0]),
         series: series.map((s) => ({
@@ -670,8 +741,8 @@ function main() {
         fmt,
         highlight: highlight ?? null,
         size,
-      }),
-    );
+      });
+    chart = both(barDraw);
   }
 
   const title =
@@ -702,6 +773,19 @@ function main() {
         `<tr><td>${esc(r[0])}</td>${cols.map((c) => `<td class="num">${toNumber(r[c]) === null ? "—" : esc(fmt.exact(r[c]))}</td>`).join("")}</tr>`,
     )
     .join("")}</tbody></table>`;
+  if (picture) {
+    const drawn = (kind === "line" ? lineDraw : barDraw)(SIZES.wide);
+    writePicture(picture, {
+      svg: drawn.svg,
+      title,
+      sub,
+      source: [source, note].filter(Boolean).join(". "),
+    });
+    console.log(
+      `Drew "${title}" (${kind}, ${body.length} rows) as a picture: ${picture}. On a deck, an image slide with fit "whole"; elsewhere an <img>.`,
+    );
+    return;
+  }
   const download = `data:text/csv;charset=utf-8,${encodeURIComponent(text)}`;
   const figure = `<figure id="${id}" class="chart">
 <p class="chart-title">${esc(title)}</p>${sub ? `\n<p class="chart-sub">${esc(sub)}</p>` : ""}
@@ -713,9 +797,7 @@ ${sourceLine}
   let html = readFileSync(pagePath, "utf8");
   // Whether the reader changed the document since the bot last put or got it (put.mjs)
   const edited = editedSince(html);
-  const existing = new RegExp(
-    `<(figure|div|section|p)\\b[^>]*\\bid=["']${id}["'][^>]*>[\\s\\S]*?</\\1>`,
-  );
+  const span = elementSpan(html, id);
   const selfClosed = new RegExp(
     `<(figure|div|section|p)\\b[^>]*\\bid=["']${id}["'][^>]*/>`,
   );
@@ -724,7 +806,7 @@ ${sourceLine}
   const waiting = [
     ...html.matchAll(/<figure\b[^>]*\bid=["']([\w-]+)["'][^>]*>\s*<\/figure>/g),
   ].map((match) => match[1]);
-  if (existing.test(html)) html = html.replace(existing, () => figure);
+  if (span) html = html.slice(0, span[0]) + figure + html.slice(span[1]);
   else if (selfClosed.test(html)) html = html.replace(selfClosed, () => figure);
   else if (waiting.length)
     throw new Stop(
@@ -759,6 +841,32 @@ ${sourceLine}
   );
 }
 
+/**
+ * Where the element holding `id` starts and ends in the page: its opening tag, then every tag
+ * of its own name after it counted in and out until its own close. Stopping at the first
+ * close instead cut a placeholder holding one of its kind short, and left the rest of it
+ * after the chart.
+ */
+function elementSpan(html, id) {
+  const safe = id.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const found = new RegExp(
+    `<(figure|div|section|p)\\b[^>]*\\bid=["']${safe}["'][^>]*>`,
+    "i",
+  ).exec(html);
+  if (!found || found[0].endsWith("/>")) return null;
+  const tags = new RegExp(`<(/?)${found[1]}\\b[^>]*>`, "gi");
+  tags.lastIndex = found.index + found[0].length;
+  let depth = 1;
+  for (let tag = tags.exec(html); tag; tag = tags.exec(html)) {
+    if (tag[0].endsWith("/>")) continue;
+    depth += tag[1] ? -1 : 1;
+    if (!depth) return [found.index, tag.index + tag[0].length];
+  }
+  throw new Stop(
+    `The <${found[1]} id="${id}"> in the page is never closed: close it, then draw again.`,
+  );
+}
+
 try {
   main();
 } catch (error) {