@audiofool/moondog 0.1.0 → 0.2.0-beta.3

package/src/surfaces/cli/update-command.mjs

@@ -0,0 +1,32 @@
+export function parseUpdateArguments(args = []) {
+  const result = { checkOnly: false };
+  for (let index = 0; index < args.length; index++) {
+    if (args[index] === "--check" && !result.checkOnly) result.checkOnly = true;
+    else if (args[index] === "--channel" && !result.channel && ["latest", "beta"].includes(args[index + 1])) result.channel = args[++index];
+    else if (["help", "--help", "-h"].includes(args[index]) && args.length === 1) return { help: true };
+    else throw new Error("Usage: moondog update [--check] [--channel latest|beta]");
+  }
+  return result;
+}
+
+export function formatUpdateResult(result) {
+  if (result.state === "updated") return `Updated Moondog ${result.previous} → ${result.latest} (${result.channel}). Run moondog to start the new version.\nPrevious program: ${result.recoveryBackup}\nYour profile, sign-ins and conversation history were preserved.`;
+  if (result.state === "unavailable") return result.message;
+  if (result.state === "current") return `Moondog ${result.current} is current or newer than the ${result.channel} release (${result.latest}).`;
+  return `Moondog ${result.latest} is available (${result.channel}); installed: ${result.current}.\n${result.releaseUrl}\n${result.compatible ? "Run moondog update, or /update in the listening room." : `Update Node to ${result.minimumNode} or newer first.`}`;
+}
+
+export async function runUpdateCommand({ args = [], updater, signal, deferInstall = false, onProgress } = {}) {
+  const options = parseUpdateArguments(args);
+  if (options.help) return { text: "moondog update [--check] [--channel latest|beta]\n--check only reads release metadata. Updates preserve personal data and require other Moondog sessions to be closed." };
+  const result = options.checkOnly || deferInstall
+    ? await updater.check({ channel: options.channel, force: true, signal })
+    : await updater.apply({ channel: options.channel, signal, onProgress });
+  if (options.checkOnly || deferInstall) signal?.throwIfAborted();
+  if (deferInstall && !options.checkOnly && result.state === "available" && result.compatible) {
+    const install = await updater.installation();
+    if (install.mode === "unmanaged") throw new Error("Update this installation using its original installation method.");
+    return { text: "Closing this session before installing the update. Your conversation is saved.", update: { channel: result.channel } };
+  }
+  return { text: formatUpdateResult(result), result };
+}

package/src/surfaces/cli/web-command.mjs

@@ -1,44 +1,83 @@
+import { translator } from "../../i18n/index.mjs";
+import { webProviderName } from "../../integrations/web/web-result.mjs";
+import { webSetupText } from "../../integrations/web/web-research.mjs";
 import { sanitizeTerminalText } from "./format-output.mjs";
 
 function inline(value) {
   return sanitizeTerminalText(value).replace(/\s+/gu, " ").replace(/[\\`*_[\]<>]/gu, "\\$&");
 }
 
-export function formatWebSources(sources) {
+function link(source) {
+  return `[${inline(source.title)}](<${source.url.replace(/[<>]/gu, encodeURIComponent)}>)`;
+}
+
+/** The sources under an agent reply, in the reply's language, naming the services that found them. */
+export function formatWebSources(sources, t = translator("en")) {
+  const providers = [...new Set(sources.map((source) => webProviderName(source.provider)).filter(Boolean))];
   return [
-    "### Public web sources (Codex)",
+    `### ${providers.length ? t("web.sources.heading", { providers: providers.join(", ") }) : t("web.sources.headingUnnamed")}`,
     "",
-    ...sources.map((source) => `- [${inline(source.title)}](<${source.url.replace(/[<>]/gu, encodeURIComponent)}>)${source.published_at ? ` - source date: ${inline(source.published_at)}` : ""}${source.retrieved_at ? ` - retrieved: ${source.retrieved_at}` : ""}`),
+    ...sources.map((source) => [
+      `- ${link(source)}`,
+      ...(source.published_at ? [t("web.sources.published", { date: inline(source.published_at) })] : []),
+      ...(source.retrieved_at ? [t("web.sources.retrieved", { date: source.retrieved_at.slice(0, 10) })] : []),
+    ].join(" - ")),
   ].join("\n");
 }
 
+const contentNotes = {
+  model_generated_web_summary: () => "A Codex summary of public pages. The dates are when each page was published, which may not be when things happened.",
+  search_engine_results: (name) => `Search results from ${name}, as the search engine gives them. The dates are when each page was published, which may not be when things happened.`,
+  fetched_page_text: (name, result) => `The page's own text, fetched by ${name}${result.truncated ? " and cut short" : ""}.`,
+};
+
 export function formatWebResearch(result) {
+  const name = webProviderName(result.provider) ?? "the web service";
+  const snippet = (text) => text.length > 320 ? `${text.slice(0, 319).trimEnd()}…` : text;
   return [
-    `# Web ${result.kind}: ${result.status}`,
+    `# Web ${result.kind}: ${result.status.replaceAll("_", " ")}`,
     "",
     `Retrieved: ${result.retrieved_at}${result.from_cache ? " (cached)" : ""}`,
-    "A Codex summary of public pages. The dates are when each page was published, which may not be when things happened.",
-    "",
-    sanitizeTerminalText(result.summary),
-    "",
-    "## Sources",
-    "",
+    contentNotes[result.content_kind]?.(name, result) ?? `From ${name}.`,
+    ...(result.summary ? ["", sanitizeTerminalText(result.summary)] : []),
+    ...(result.sources.length ? ["", "## Sources", ""] : []),
     ...result.sources.flatMap((source) => [
-      `- [${inline(source.title)}](<${source.url.replace(/[<>]/gu, encodeURIComponent)}>)${source.published_at ? ` - source date: ${inline(source.published_at)}` : " - source date unavailable"}`,
-      `  ${inline(source.snippet)}`,
+      `- ${link(source)}${source.published_at ? ` - source date: ${inline(source.published_at)}` : " - source date unavailable"}`,
+      ...(source.snippet ? [`  ${inline(snippet(source.snippet))}`] : []),
     ]),
   ].join("\n");
 }
 
+function formatStatus(status) {
+  const line = (label, entry) => {
+    const name = webProviderName(entry.provider);
+    if (entry.state === "configured") {
+      return `- ${label}: ${name}${entry.credential ? `, with the key from ${entry.credential === "stored credential" ? "/auth" : entry.credential}` : ""}${entry.selected_by ? `, chosen by ${entry.selected_by}` : ""}`;
+    }
+    const reason = entry.requested ? `${entry.requested} is not a web backend` : entry.reason?.replaceAll("_", " ") ?? "not set up";
+    return `- ${label}: not set up${name ? ` (${name}: ${reason})` : ` (${reason})`}`;
+  };
+  return [
+    "# Web lookups",
+    "",
+    // A single backend reports one status for both.
+    line("Search", status.search ?? status),
+    line("Page reading", status.read ?? status),
+    "",
+    ...(status.state === "configured" ? [] : ["To set one up:", "", webSetupText, "", "From the shell, `moondog auth login deepseek` or `moondog auth login brave` does the same.", ""]),
+    "Checking this didn't search anything.",
+  ].join("\n");
+}
+
 export async function runWebCommand({ args = [], webResearch, json = false, signal } = {}) {
   const [action = "help", ...values] = args;
   if (action === "help" || action === "--help") {
-    return "# Moondog public web\n\n- `/web status` - inspect Codex CLI readiness without a model request\n- `/web search <query>` - search reviews, news, interviews or concert information\n- `/web read <https://public-page>` - read and summarize a public page\n\nThese commands use your existing Codex login and usage allowance. Results stay in the TUI. A 5-minute process-local cache avoids repeat requests. Ctrl+C cancels a request. No music-profile import is needed.\n\nShell equivalents: `moondog web status|search|read [arguments] [--json]`.";
+    return `# Moondog public web\n\n- \`/web status\` - see which service searches and reads pages, without a request\n- \`/web search <query>\` - search reviews, news, interviews or concert information\n- \`/web read <https://public-page>\` - read a public page\n\nSearch uses DeepSeek when \`/auth deepseek\` has a key, then Brave Search with \`/auth brave\`, then your signed-in Codex CLI. Reading uses DeepSeek, then Codex. \`MOONDOG_WEB_SEARCH_PROVIDER\` and \`MOONDOG_WEB_READ_PROVIDER\` (deepseek, brave or codex) choose one.\n\nResults stay in the TUI. A 5-minute process-local cache avoids repeat requests. Ctrl+C cancels a request. No music-profile import is needed.\n\nShell equivalents: \`moondog web status|search|read [arguments] [--json]\`.`;
   }
   if (!webResearch) throw new Error("Web lookups aren't available right now.");
   if (action === "status" && values.length === 0) {
     const status = webResearch.publicStatus();
-    return json ? JSON.stringify(status, null, 2) : `Web lookups through Codex: ${status.state.replaceAll("_", " ")}${status.reason ? ` (${status.reason.replaceAll("_", " ")})` : ""}. Checking this didn't search anything.`;
+    return json ? JSON.stringify(status, null, 2) : formatStatus(status);
   }
   if (action === "search" && values.length > 0) {
     const result = await webResearch.search({ query: values.join(" ") }, { signal });

package/src/surfaces/html/tasteprint.mjs

@@ -26,6 +26,16 @@ function optionalNumber(value, { integer = false, minimum = 0 } = {}) {
   return value;
 }
 
+// The projection leaves out a measure that no play recorded: an absent value
+// is unknown, while a present value must still be valid.
+function recordedNumber(value, options) {
+  return value === undefined ? undefined : optionalNumber(value, options);
+}
+
+function exceeds(part, whole) {
+  return part !== undefined && whole !== undefined && part > whole;
+}
+
 function list(value, maximum, projector) {
   if (!Array.isArray(value)) return [];
   return value.slice(0, maximum).map(projector).filter(Boolean);
@@ -186,10 +196,10 @@ function listeningSeasonArtistSignal(item) {
     integer: true,
     minimum: 1,
   });
-  const engagedPlayCount = optionalNumber(item.engaged_play_count, {
+  const engagedPlayCount = recordedNumber(item.engaged_play_count, {
     integer: true,
   });
-  const listeningMinutes = optionalNumber(item.listening_minutes);
+  const listeningMinutes = recordedNumber(item.listening_minutes);
   const distinctTracks = optionalNumber(item.distinct_tracks, {
     integer: true,
     minimum: 1,
@@ -198,19 +208,19 @@ function listeningSeasonArtistSignal(item) {
     !name ||
     eventCount === null ||
     engagedPlayCount === null ||
-    engagedPlayCount > eventCount ||
+    exceeds(engagedPlayCount, eventCount) ||
     listeningMinutes === null ||
     distinctTracks === null
   ) {
     return null;
   }
-  return {
+  return compactObject({
     name,
     event_count: eventCount,
     engaged_play_count: engagedPlayCount,
     listening_minutes: listeningMinutes,
     distinct_tracks: distinctTracks,
-  };
+  });
 }
 
 function listeningSeasonTrackSignal(item) {
@@ -221,11 +231,11 @@ function listeningSeasonTrackSignal(item) {
     integer: true,
     minimum: 1,
   });
-  const engagedPlayCount = optionalNumber(item.engaged_play_count, {
+  const engagedPlayCount = recordedNumber(item.engaged_play_count, {
     integer: true,
   });
-  const listeningMinutes = optionalNumber(item.listening_minutes);
-  const explicitSkips = optionalNumber(item.explicit_skips, {
+  const listeningMinutes = recordedNumber(item.listening_minutes);
+  const explicitSkips = recordedNumber(item.explicit_skips, {
     integer: true,
   });
   if (
@@ -233,10 +243,12 @@ function listeningSeasonTrackSignal(item) {
     !artistCredit ||
     playCount === null ||
     engagedPlayCount === null ||
-    engagedPlayCount > playCount ||
+    exceeds(engagedPlayCount, playCount) ||
     listeningMinutes === null ||
     explicitSkips === null ||
-    engagedPlayCount + explicitSkips !== playCount
+    (engagedPlayCount === undefined) !== (explicitSkips === undefined) ||
+    (engagedPlayCount !== undefined &&
+      engagedPlayCount + explicitSkips !== playCount)
   ) {
     return null;
   }
@@ -267,10 +279,10 @@ function listeningSeasonSignal(item) {
     integer: true,
   });
   const eventCount = optionalNumber(item.event_count, { integer: true });
-  const engagedPlayCount = optionalNumber(item.engaged_play_count, {
+  const engagedPlayCount = recordedNumber(item.engaged_play_count, {
     integer: true,
   });
-  const listeningMinutes = optionalNumber(item.listening_minutes);
+  const listeningMinutes = recordedNumber(item.listening_minutes);
   const distinctTracks = optionalNumber(item.distinct_tracks, {
     integer: true,
   });
@@ -296,7 +308,7 @@ function listeningSeasonSignal(item) {
     activeMonthCount > retainedMonthCount ||
     eventCount === null ||
     engagedPlayCount === null ||
-    engagedPlayCount > eventCount ||
+    exceeds(engagedPlayCount, eventCount) ||
     listeningMinutes === null ||
     distinctTracks === null ||
     distinctTracks > eventCount ||
@@ -305,8 +317,8 @@ function listeningSeasonSignal(item) {
     firstObservedTracks + returningTracks !== distinctTracks ||
     (eventCount === 0 &&
       (activeMonthCount !== 0 ||
-        engagedPlayCount !== 0 ||
-        listeningMinutes !== 0 ||
+        (engagedPlayCount ?? 0) !== 0 ||
+        (listeningMinutes ?? 0) !== 0 ||
         distinctTracks !== 0 ||
         leadingArtist !== null ||
         signatureTrack !== null)) ||
@@ -317,13 +329,13 @@ function listeningSeasonSignal(item) {
         signatureTrack === null)) ||
     (leadingArtist &&
       (leadingArtist.event_count > eventCount ||
-        leadingArtist.engaged_play_count > engagedPlayCount ||
-        leadingArtist.listening_minutes > listeningMinutes ||
+        exceeds(leadingArtist.engaged_play_count, engagedPlayCount) ||
+        exceeds(leadingArtist.listening_minutes, listeningMinutes) ||
         leadingArtist.distinct_tracks > distinctTracks)) ||
     (signatureTrack &&
       (signatureTrack.play_count > eventCount ||
-        signatureTrack.engaged_play_count > engagedPlayCount ||
-        signatureTrack.listening_minutes > listeningMinutes))
+        exceeds(signatureTrack.engaged_play_count, engagedPlayCount) ||
+        exceeds(signatureTrack.listening_minutes, listeningMinutes)))
   ) {
     return null;
   }
@@ -814,7 +826,6 @@ export function createTasteprintView(
   profile,
   {
     generatedAt = new Date().toISOString(),
-    syntheticDemo = false,
   } = {},
 ) {
   if (!isPlainObject(profile)) {
@@ -823,9 +834,6 @@ export function createTasteprintView(
   if (typeof generatedAt !== "string" || Number.isNaN(Date.parse(generatedAt))) {
     throw new TypeError("Tasteprint generatedAt must be an ISO timestamp.");
   }
-  if (typeof syntheticDemo !== "boolean") {
-    throw new TypeError("Tasteprint syntheticDemo must be a boolean.");
-  }
   const coverage = isPlainObject(profile.coverage) ? profile.coverage : {};
   const behavior = isPlainObject(profile.listening_behavior)
     ? profile.listening_behavior
@@ -860,12 +868,9 @@ export function createTasteprintView(
   return {
     tasteprint_version: "moondog-tasteprint/1",
     generated_at: new Date(generatedAt).toISOString(),
-    synthetic_demo: syntheticDemo,
     privacy: {
-      classification: syntheticDemo
-        ? "public_synthetic_demo"
-        : "private_local_tasteprint",
-      contains_personal_music_context: !syntheticDemo,
+      classification: "private_local_tasteprint",
+      contains_personal_music_context: true,
       network_requests: "none",
     },
     profile_version: cleanText(profile.profile_version, 80) || "unknown",
@@ -1830,7 +1835,6 @@ function crossFormatIdentityCoverage(coverage) {
 
 export function renderTasteprintHtml(profile, options = {}) {
   const view = createTasteprintView(profile, options);
-  const syntheticDemo = view.synthetic_demo === true;
   const coverage = view.coverage;
   const context = view.behavior.context;
   const profiledEvents =
@@ -2000,7 +2004,7 @@ export function renderTasteprintHtml(profile, options = {}) {
   <meta name="robots" content="noindex, nofollow, noarchive">
   <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; img-src data:; connect-src 'none'; object-src 'none'; base-uri 'none'; form-action 'none'">
   <meta name="color-scheme" content="light">
-  <title>${syntheticDemo ? "Moondog Synthetic Tasteprint Demo" : "Private Moondog Tasteprint"}</title>
+  <title>Private Moondog Tasteprint</title>
   <style>
     :root {
       --paper: #eee8de;
@@ -2302,20 +2306,6 @@ export function renderTasteprintHtml(profile, options = {}) {
 
     .section.dark { color: #f5f1e9; background: var(--night); border-color: #10100f; }
 
-    .demo-chip {
-      display: inline-flex;
-      margin: 0 0 22px;
-      padding: 7px 10px;
-      border: 1px solid #5f7182;
-      border-radius: 999px;
-      color: #c8d9e8;
-      background: rgba(111, 140, 168, 0.12);
-      font-size: 9px;
-      font-weight: 850;
-      letter-spacing: 0.14em;
-      text-transform: uppercase;
-    }
-
     .section-heading {
       display: grid;
       grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
@@ -2490,20 +2480,6 @@ export function renderTasteprintHtml(profile, options = {}) {
         rgba(248, 244, 237, 0.94);
     }
 
-    .pattern-demo-chip {
-      display: inline-flex;
-      margin: 0 0 22px;
-      padding: 7px 10px;
-      border: 1px solid #a8bac9;
-      border-radius: 999px;
-      color: #4f708f;
-      background: rgba(237, 243, 247, 0.86);
-      font-size: 9px;
-      font-weight: 850;
-      letter-spacing: 0.14em;
-      text-transform: uppercase;
-    }
-
     .pattern-grid {
       align-items: start;
       grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr));
@@ -2981,7 +2957,7 @@ export function renderTasteprintHtml(profile, options = {}) {
 <body>
   <main class="shell">
     <header class="hero">
-      <p class="eyebrow">${syntheticDemo ? "Moondog listening report, fictional demo" : "Moondog listening report, private"}</p>
+      <p class="eyebrow">Moondog listening report, private</p>
       <h1>${escapeHtml(spanLabel(view.timeline.days))}, seen clearly.</h1>
       <p class="hero-copy">${escapeHtml(heroCopy)}</p>
       <div class="hero-meta" aria-label="Tasteprint snapshot metadata">
@@ -2991,9 +2967,9 @@ export function renderTasteprintHtml(profile, options = {}) {
       </div>
     </header>
 
-    <aside class="privacy" aria-label="${syntheticDemo ? "Synthetic demo boundary" : "Privacy boundary"}">
+    <aside class="privacy" aria-label="Privacy boundary">
       <span class="privacy-mark" aria-hidden="true">L</span>
-      <div><strong>${syntheticDemo ? "A fictional demo" : "Private, made on this machine"}</strong><p>${syntheticDemo ? "Every artist, track, and number on this page is made up. The page loads nothing from the internet." : "This page is about you. It loads nothing from the internet. Share it only if you are happy for others to see the artists, tracks, and numbers on it."}</p></div>
+      <div><strong>Private, made on this machine</strong><p>This page is about you. It loads nothing from the internet. Share it only if you are happy for others to see the artists, tracks, and numbers on it.</p></div>
     </aside>
 
     <section class="overview" aria-label="Listening coverage">
@@ -3008,7 +2984,6 @@ export function renderTasteprintHtml(profile, options = {}) {
     ${sectionNavigator}
 
     <section class="section dark" id="taste-shape">
-      ${syntheticDemo ? '<p class="demo-chip">Fictional public profile</p>' : ""}
       <div class="section-heading"><h2>Shine On</h2><p>The artists who stayed with you across the years, and the ones you have played in the last ${escapeHtml(number(recentWindow))} days. Bars compare within each list only.</p></div>
       <div class="two-column">
         <article class="panel"><span class="panel-label">All of your history</span><h3>Across the years</h3>${artistRows(view.behavior.enduring_artists)}</article>
@@ -3033,7 +3008,6 @@ export function renderTasteprintHtml(profile, options = {}) {
     </section>` : ""}
 
     ${hasListeningPatterns ? `<section class="section pattern-section" id="listening-patterns">
-      ${syntheticDemo ? '<p class="pattern-demo-chip">Fictional archive preview</p>' : ""}
       <div class="section-heading"><h2>Inside a listening stretch</h2><p>Spotify's extended history shows how plays cluster, which songs you played again right away, and which records you went deep on. These are patterns, not a read on your mood, routine, or taste.</p></div>
       <div class="two-column pattern-grid">
         ${view.behavior.session_summary ? `<article class="panel session-panel"><span class="panel-label">${escapeHtml(number(view.behavior.session_summary.gap_minutes))}-minute breaks</span><h3>Listening stretches</h3><p class="panel-intro">Plays are grouped together until a longer break starts a new stretch.</p>${sessionShape(view.behavior.session_summary)}</article>` : ""}
@@ -3082,7 +3056,7 @@ export function renderTasteprintHtml(profile, options = {}) {
       <div class="limitations">${view.limitations.map((item) => `<p>${escapeHtml(item)}</p>`).join("")}</div>
     </section>
 
-    <footer><span>Moondog listening report / ${syntheticDemo ? "fictional demo" : "private, made on this machine"} / works offline</span><span>Generated ${escapeHtml(view.generated_at)}</span></footer>
+    <footer><span>Moondog listening report / private, made on this machine / works offline</span><span>Generated ${escapeHtml(view.generated_at)}</span></footer>
   </main>
 </body>
 </html>
@@ -3091,7 +3065,6 @@ export function renderTasteprintHtml(profile, options = {}) {
 
 export function renderTasteprintCardHtml(profile, options = {}) {
   const view = createTasteprintView(profile, options);
-  const syntheticDemo = view.synthetic_demo === true;
   const coverage = view.coverage;
   const recentWindow = view.behavior.context.recent_window_days ?? 90;
   const enduringArtists = view.behavior.enduring_artists.slice(0, 3);
@@ -3156,7 +3129,7 @@ export function renderTasteprintCardHtml(profile, options = {}) {
   <meta name="robots" content="noindex, nofollow, noarchive">
   <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; img-src data:; connect-src 'none'; object-src 'none'; base-uri 'none'; form-action 'none'">
   <meta name="color-scheme" content="light">
-  <title>${syntheticDemo ? "Moondog Synthetic Tasteprint Card Demo" : "Private Moondog Tasteprint Card"}</title>
+  <title>Private Moondog Tasteprint Card</title>
   <style>
     :root {
       color: #1b1b19;
@@ -3520,7 +3493,7 @@ export function renderTasteprintCardHtml(profile, options = {}) {
 <body>
   <main class="taste-card" data-artifact="moondog-tasteprint-card/1">
     <section class="identity" aria-labelledby="card-title">
-      <div class="brand-row"><span>Moondog</span><span>${syntheticDemo ? "Fictional demo" : "Private recap"}</span></div>
+      <div class="brand-row"><span>Moondog</span><span>Private recap</span></div>
       <p class="card-kicker">Tasteprint card / across the years</p>
       <h1 id="card-title">${escapeHtml(headline)}</h1>
       <p class="span">${escapeHtml(spanLabel(view.timeline.days))}, read from your own listening history.</p>
@@ -3533,7 +3506,7 @@ export function renderTasteprintCardHtml(profile, options = {}) {
 
     <section class="content" aria-label="Tasteprint recap">
       <header class="content-header">
-        <p class="content-title">${syntheticDemo ? "Fictional public profile" : "Private listening recap"}</p>
+        <p class="content-title">Private listening recap</p>
         <p class="content-range">${escapeHtml(rangeLabel)}</p>
       </header>
 
@@ -3559,8 +3532,8 @@ export function renderTasteprintCardHtml(profile, options = {}) {
         <aside class="boundary" aria-label="Interpretation and privacy boundary">
           <span class="boundary-mark" aria-hidden="true">L</span>
           <div>
-            <strong>${syntheticDemo ? "A fictional demo" : "Read it before you share it"}</strong>
-            <p>${syntheticDemo ? "Every artist, track, date, and number on this card is made up." : "This card is about you. Check every artist, track, date, and number on it before you share it."}</p>
+            <strong>Read it before you share it</strong>
+            <p>This card is about you. Check every artist, track, date, and number on it before you share it.</p>
             <p>${escapeHtml(boundary)}</p>
             ${correctionCount > 0 ? `<span class="direct-signal">${escapeHtml(number(correctionCount))} of your own ${correctionCount === 1 ? "choice" : "choices"} applied</span>` : ""}
           </div>