usehour 0.3.1 → 0.4.0

package/README.md

@@ -3,7 +3,7 @@
 Your year of building with AI, as Wrapped-style cards.
 
 ```
-npx usehour@0.3.1
+npx usehour@0.4.0
 ```
 
 - Asks before it reads anything, and lists the folders it will read.
@@ -11,6 +11,7 @@ npx usehour@0.3.1
 - Counts your habits, and finds a few of your best prompts (anything that looks like a key, password, email or home folder already hidden). You can pick some for your profile and black out words, but not add or change any.
 - Opens your cards in your browser. Save any card as an image to post it.
 - Optional: claim usehour.com/@you from the cards page. You see exactly what is sent first. The script itself never connects to the internet.
+- Counts only sessions you started yourself: sub-agents and runs started by scripts or SDKs are left out. `npx usehour@0.4.0 --explain` shows what was counted and what was left out, in your terminal only.
 - No dependencies, nothing installed.
 
 It's one file: read [hour.mjs](https://usehour.com/hour.mjs) before you run it.

package/hour.mjs

@@ -8,10 +8,11 @@
     1. Tells you which folders it will read, and asks before reading anything.
     2. Reads your Claude Code (~/.claude/projects) and Codex (~/.codex/sessions)
        session logs on this machine. Read only. Nothing is changed or deleted.
-    3. Counts: sessions, hours, models, how you brief and steer the agent.
-       It also picks a few of your strongest prompts (with anything that looks
-       like a key, token, password, email or home path already hidden) so you
-       can choose to put them on your profile.
+    3. Counts: sessions, hours, models, how you brief and steer the agent,
+       the file types your agents edited, commits, tools used. Counts and
+       labels only: no prompt you wrote, no code, no file contents. The one
+       exception is your go-to phrase, if it is three words or fewer (like
+       "please proceed"), which you see before anything is sent.
     4. Writes ./hour-wrapped/index.html (your cards) and wrapped.json (the
        counts only), then opens the cards in your browser.
     5. This script never uses the network. The cards page can make one request,
@@ -30,7 +31,7 @@ import { spawn } from "node:child_process";
 import { Worker, isMainThread, parentPort, workerData } from "node:worker_threads";
 import { fileURLToPath } from "node:url";
 
-const VERSION = "0.3.1";
+const VERSION = "0.4.0";
 const API_DEFAULT = "https://usehour.com/api";
 
 /* ------------------------------------------------------------------ patterns */
@@ -105,9 +106,21 @@ function promptFacts(ts, text) {
     spec: SPECIFIC.test(t),
     explains: kind === "correct" && words >= 12 && EXPLAIN.test(t),
     pasted: PASTED.test(t),
+    work: words >= 5 ? workKind(t) : null,
   };
   return f;
 }
+/* What a prompt is mostly about, as one label. First match wins, so "fix the
+   failing test" is fixing, not testing. Only the label leaves this function. */
+const WORK = [
+  ["fix", /\b(fix|fixes|bug|bugs|error|errors|broken|breaks|fails?|failing|crash\w*|exception|stack ?trace|not working|doesn'?t work|regression)\b/i],
+  ["tidy", /\b(refactor\w*|clean ?up|rename|simplify|restructure|reorgani[sz]e|tidy|dedupe|split (it|this|the)|extract)\b/i],
+  ["test", /\b(write (a |the )?tests?|unit tests?|e2e|coverage|test suite|add tests?)\b/i],
+  ["understand", /\b(explain|what does|how does|why does|walk me through|understand|investigate|look into|find out|figure out)\b/i],
+  ["write", /\b(readme|docs?|documentation|write[- ]?up|blog|article|post|email|copy)\b/i],
+  ["build", /\b(add|build|create|implement|make|new|feature|set ?up|scaffold|generate|design)\b/i],
+];
+function workKind(t) { for (const [k, re] of WORK) if (re.test(t)) return k; return null; }
 /* How good an example a prompt is: a clear brief with context, limits, a
    finish line, steps, specifics and a request for proof. Long pastes of code
    or logs are not examples of prompting, so they are skipped. */
@@ -130,12 +143,21 @@ function cleanPrompt(t) {
   if (!t || t.startsWith("<") || t.startsWith("# AGENTS.md") || t.startsWith("Caveat:") || t.startsWith("[Request interrupted") || t.startsWith("# Files mentioned")) return null;
   return t;
 }
+/* A short fingerprint of a prompt, used only to spot the same message logged
+   in two files (a resumed or forked session). The words themselves never
+   leave the file parser. */
+function hashText(t) { let h = 0x811c9dc5; for (let i = 0; i < t.length; i++) { h ^= t.charCodeAt(i); h = Math.imul(h, 0x01000193); } return (h >>> 0).toString(36); }
 let KEEP_EXAMPLES = true;
 const KEEP_CODEX = /"(session_meta|turn_context|user_message|UserMessage|function_call|custom_tool_call|local_shell_call|token_count|turn_aborted)"|"role":\s*"user"/;
 const KEEP_CLAUDE = /"type":\s*"(user|assistant)"/;
 async function parseFile(file, src) {
-  const s = { src, sub: file.includes(`${path.sep}subagents${path.sep}`), start: null, end: null, cwd: null, models: {}, prompts: [], ids: [], examples: [], patches: 0, cmds: 0, tests: 0, aborts: 0, tokens: 0 };
-  const seenMsg = new Set(); const seenText = new Set();
+  const sub = file.includes(`${path.sep}subagents${path.sep}`);
+  const s = { src, sub, how: "typed", via: null, id: path.basename(file, ".jsonl"), parent: sub ? path.basename(path.dirname(path.dirname(file))) : null, start: null, end: null, cwd: null, models: {}, prompts: [], ids: [], examples: [], patches: 0, cmds: 0, tests: 0, aborts: 0, tokens: 0, exts: {}, commits: 0, prs: 0, mcp: {}, skills: {} };
+  const seenMsg = new Set(); const seenText = new Map(); let waiting = false, curModel = null, agentTs = null;
+  /* Each prompt is "being worked on" from when it was sent until the agent's
+     last step before the next prompt. Only the two times are kept. */
+  const addPrompt = (f) => { closeLast(); s.prompts.push(f); agentTs = null; };
+  const closeLast = () => { const l = s.prompts[s.prompts.length - 1]; if (l && agentTs && agentTs > (l.ts || "")) l.end = agentTs; };
   const rl = readline.createInterface({ input: fs.createReadStream(file, { encoding: "utf8" }), crlfDelay: Infinity });
   for await (const line of rl) {
     if (line.length > 4_000_000) continue;
@@ -147,55 +169,93 @@ async function parseFile(file, src) {
     if (src === "claude") {
       if (o.isSidechain) s.sub = true;
       s.cwd = s.cwd || o.cwd || null;
+      /* Started by a script or the Agent SDK (claude -p, an app built on it),
+         not typed by the person: kept apart from their own sessions. */
+      if (typeof o.entrypoint === "string") { s.via = s.via || o.entrypoint; if (/^sdk/.test(o.entrypoint)) s.how = "script"; }
       const m = o.message && typeof o.message === "object" ? o.message : {};
       if (o.type === "user") {
         const c = m.content;
         let text = typeof c === "string" ? c : Array.isArray(c) && !c.some((x) => x && x.type === "tool_result") ? c.filter((x) => x && x.type === "text").map((x) => x.text).join("\n") : null;
         if (text && text.trim().startsWith("[Request interrupted")) s.aborts++;
         if (o.isMeta) continue;
+        /* Messages another agent or a background task put in the user's turn. */
+        if (o.origin && typeof o.origin === "object" && o.origin.kind && o.origin.kind !== "human") continue;
         const u = cleanPrompt(text);
-        if (u) { const f = promptFacts(ts, u); keepExample(s, f, u); s.prompts.push(f); s.ids.push(o.uuid || null); }
+        if (u) { const f = promptFacts(ts, u); keepExample(s, f, u); addPrompt(f); s.ids.push(o.uuid || null); waiting = true; }
       } else if (o.type === "assistant") {
+        if (ts) agentTs = ts;
         if (m.id && !seenMsg.has(m.id)) {
           seenMsg.add(m.id);
-          if (m.model && m.model !== "<synthetic>") s.models[m.model] = (s.models[m.model] || 0) + 1;
+          /* One count per prompt the person sent: the model that answered it. */
+          if (waiting && m.model && m.model !== "<synthetic>") { s.models[m.model] = (s.models[m.model] || 0) + 1; waiting = false; }
           const u = m.usage || {};
           s.tokens += (u.input_tokens || 0) + (u.output_tokens || 0) + (u.cache_read_input_tokens || 0) + (u.cache_creation_input_tokens || 0);
         }
         for (const x of m.content || []) {
           if (!x || x.type !== "tool_use") continue;
-          if (["Edit", "Write", "MultiEdit", "NotebookEdit"].includes(x.name)) s.patches++;
-          else if (x.name === "Bash") { s.cmds++; if (TEST.test((x.input && x.input.command) || "")) s.tests++; }
+          const inp = x.input || {};
+          if (["Edit", "Write", "MultiEdit", "NotebookEdit"].includes(x.name)) { s.patches++; addExt(s, inp.file_path || inp.notebook_path); }
+          else if (x.name === "Bash") { s.cmds++; shellFacts(s, inp.command || ""); }
+          else if (x.name === "Skill" && typeof inp.skill === "string") tally(s.skills, inp.skill.replace(/^.*:/, ""));
+          else if (/^mcp__/.test(x.name)) tally(s.mcp, x.name.split("__")[1]);
         }
       }
     } else {
       const p = o.payload || {};
       if (o.type === "session_meta") {
         s.cwd = p.cwd || null;
+        s.via = typeof p.source === "string" ? p.source : p.source && p.source.subagent ? "subagent" : null;
         if ((p.source && typeof p.source === "object" && p.source.subagent) || p.parent_thread_id) s.sub = true;
+        /* codex exec, the Codex SDK and MCP runs are started by a program. */
+        if (p.source === "exec" || p.source === "mcp" || /sdk|exec/i.test(p.originator || "")) s.how = "script";
+        if (p.id) s.id = p.id;
+        const pm = JSON.stringify(p.source || {}).match(/"parent_thread_id":"([^"]+)"/);
+        s.parent = p.parent_thread_id || (pm && pm[1]) || null;
       } else if (o.type === "turn_context") {
-        if (p.model) s.models[p.model] = (s.models[p.model] || 0) + 1;
+        if (p.model) curModel = p.model;
       } else if (o.type === "event_msg" && p.type === "turn_aborted") s.aborts++;
       else if (o.type === "event_msg" && p.type === "token_count") {
         const t = p.info && p.info.total_token_usage && p.info.total_token_usage.total_tokens;
         if (t) s.tokens = Math.max(s.tokens, t);
+        if (ts) agentTs = ts;
       }
       const ut = codexUserText(p);
       if (ut !== null && (o.type === "event_msg" || o.type === "response_item")) {
         const u = cleanPrompt(ut);
-        if (u && !seenText.has(u)) { seenText.add(u); const f = promptFacts(ts, u); keepExample(s, f, u); s.prompts.push(f); s.ids.push(null); }
+        /* Codex logs each message twice (as the item and as the event), a
+           moment apart. The same words said again later still count. */
+        const t0 = Date.parse(ts || "") || 0, prev = u ? seenText.get(u) : undefined;
+        if (u && (prev === undefined || Math.abs(t0 - prev) > 5000)) { seenText.set(u, t0); const f = promptFacts(ts, u); keepExample(s, f, u); addPrompt(f); s.ids.push(hashText(u) + "|" + (ts || "").slice(0, 19)); if (curModel) s.models[curModel] = (s.models[curModel] || 0) + 1; }
       }
       if (o.type === "response_item" && ["function_call", "custom_tool_call", "local_shell_call"].includes(p.type)) {
         const name = p.name || "";
         let arg = p.arguments || p.input || (p.action ? JSON.stringify(p.action) : "");
         if (typeof arg !== "string") arg = JSON.stringify(arg);
-        if (name === "apply_patch" || arg.includes("*** Begin Patch")) s.patches++;
-        else { s.cmds++; if (TEST.test(arg)) s.tests++; }
+        if (ts) agentTs = ts;
+        if (name === "apply_patch" || arg.includes("*** Begin Patch")) { s.patches++; for (const mm of arg.matchAll(/\*\*\* (?:Update|Add) File: ([^\n\\"]+)/g)) addExt(s, mm[1]); }
+        else if (/^mcp__/.test(name)) tally(s.mcp, name.split("__")[1]);
+        else { s.cmds++; shellFacts(s, arg); }
       }
     }
   }
+  closeLast();
   return s;
 }
+/* What a session touched, as labels only: a file's extension (or a few
+   telling file names), whether a command ran tests, committed or opened a pull
+   request, and which tools (MCP servers, skills) were used. */
+function tally(o, k) { if (k) o[k] = (o[k] || 0) + 1; }
+function addExt(s, f) {
+  if (typeof f !== "string" || !f) return;
+  const b = f.split(/[\/\\]/).pop().toLowerCase();
+  const k = /^dockerfile|^docker-compose/.test(b) ? "docker" : b === "package.json" ? "package.json" : /\.github\/workflows\//.test(f) ? "ci" : (b.match(/\.([a-z0-9]{1,8})$/) || [])[1];
+  tally(s.exts, k);
+}
+function shellFacts(s, c) {
+  if (TEST.test(c)) s.tests++;
+  if (/\bgit\s+(?:-C\s+\S+\s+)?commit\b/.test(c)) s.commits++;
+  if (/\bgh\s+pr\s+create\b/.test(c)) s.prs++;
+}
 /* Keeps the best three example prompts of a file, secrets hidden. */
 function keepExample(s, f, text) {
   if (!KEEP_EXAMPLES) return;
@@ -235,15 +295,20 @@ function modelName(id) {
   const pretty = m.replace(/^claude-/, "Claude ").replace(/-(\d+)-(\d+)(-\d{8})?$/, " $1.$2").replace(/-(\d+)(-\d{8})?$/, " $1").replace(/^gpt/, "GPT");
   return pretty.replace(/\b(opus|sonnet|haiku|fable)\b/g, (w) => w[0].toUpperCase() + w.slice(1));
 }
-function compute(summaries) {
-  const seen = new Set();
-  for (const s of summaries) {
-    if (s.src !== "claude") continue;
+/* Only sessions the person started count: sub-agents and runs started by a
+   script or an SDK are left out of every number (the counts of them are kept
+   so --explain can show what was left out). { all: true } counts them too,
+   the way versions before 0.4.0 did; --explain uses it to compare. */
+const MAX_AT_ONCE = 24;
+function compute(summaries, opts = {}) {
+  const seen = new Set(), rank = (s) => (s.sub ? 2 : s.how === "script" ? 1 : 0);
+  /* The same prompt in two files keeps its place in the person's own session. */
+  for (const s of [...summaries].sort((a, b) => rank(a) - rank(b))) {
     const keep = [];
     s.prompts.forEach((p, i) => { const k = s.ids[i] || `${p.ts}|${p.words}`; if (!seen.has(k)) { seen.add(k); keep.push(p); } });
     s.prompts = keep;
   }
-  const main = summaries.filter((s) => !s.sub && s.prompts.length);
+  const main = summaries.filter((s) => !s.sub && (opts.all || s.how !== "script") && s.prompts.length);
   const P = [];
   main.forEach((s, si) => { [...s.prompts].sort((a, b) => (a.ts || "").localeCompare(b.ts || "")).forEach((p, i) => { if (p.ts) P.push({ ...p, d: new Date(p.ts), si, i }); }); });
   if (!P.length) return null;
@@ -262,13 +327,30 @@ function compute(summaries) {
   const nf = follows.length || 1;
   const verifySessions = main.filter((s) => s.prompts.some((p) => p.verify)).length;
   const edit = main.filter((s) => s.patches > 0), editChecked = edit.filter((s) => s.tests > 0).length;
-  const sorted = P.map((p) => [p.d.getTime(), p.si]).sort((a, b) => a[0] - b[0]);
-  let best = 0, j = 0; const win = new Map();
-  for (let i = 0; i < sorted.length; i++) {
-    win.set(sorted[i][1], (win.get(sorted[i][1]) || 0) + 1);
-    while (sorted[i][0] - sorted[j][0] > 20 * 60e3) { const k = sorted[j][1]; const v = win.get(k) - 1; v ? win.set(k, v) : win.delete(k); j++; }
-    best = Math.max(best, win.size);
-  }
+  const peak = peakAtOnce(main);
+  /* More than a person could run by hand means something else started them:
+     say nothing rather than a wrong number. */
+  const atOnce = opts.all || peak.max <= MAX_AT_ONCE ? peak.max : 0;
+  /* Everything the agents did for you: your sessions and the sub-agents they
+     started (not the sub-agents of scripted runs). */
+  const scriptIds = new Set(summaries.filter((s) => !s.sub && s.how === "script").map((s) => s.id));
+  const work = opts.all ? summaries : summaries.filter((s) => (s.sub ? !scriptIds.has(s.parent) : s.how !== "script"));
+  const sum = (arr, f) => arr.reduce((a, s) => a + f(s), 0);
+  const merged = (k) => { const o = {}; work.forEach((s) => { for (const [x, c] of Object.entries(s[k] || {})) o[x] = (o[x] || 0) + c; }); return o; };
+  const exts = merged("exts"), edits = Object.values(exts).reduce((a, b) => a + b, 0);
+  const shares = (o, n, skip = []) => { const t = Object.entries(o).filter(([k]) => !skip.includes(k)); const tot = t.reduce((a, [, c]) => a + c, 0) || 1; return t.sort((a, b) => b[1] - a[1]).slice(0, n).map(([name, c]) => ({ name, share: c / tot })); };
+  const byLabel = (map) => { const o = {}; for (const [e, c] of Object.entries(exts)) { const l = map[e]; if (l) o[l] = (o[l] || 0) + c; } return o; };
+  const stack = edits >= 20 ? shares(byLabel(LANG), 5, ["Config", "Markdown"]) : [];
+  const areas = edits >= 20 ? shares(byLabel(AREA), 3) : [];
+  const wk = {}; P.forEach((p) => { if (p.work) wk[p.work] = (wk[p.work] || 0) + 1; });
+  const workMix = Object.values(wk).reduce((a, b) => a + b, 0) >= 20 ? shares(wk, 6).map((x) => ({ key: x.name, share: x.share })) : [];
+  const clean = (o, n) => shares(Object.fromEntries(Object.entries(o).filter(([k]) => /^[A-Za-z][\w .-]{1,39}$/.test(k) && !/^ccd_/.test(k))), n).map((x) => x.name);
+  const children = new Set(summaries.filter((s) => s.sub && s.parent).map((s) => s.parent));
+  const dayList = [...new Set(P.map((p) => p.d.toISOString().slice(0, 10)))].sort();
+  let streak = dayList.length ? 1 : 0, run = 1;
+  for (let i = 1; i < dayList.length; i++) { run = Date.parse(dayList[i]) - Date.parse(dayList[i - 1]) === 864e5 ? run + 1 : 1; streak = Math.max(streak, run); }
+  /* Longest focused stretch: one session worked on with no gap over 20 minutes. */
+  const longest = Math.max(0, ...main.map((s) => { let best = 0, a = 0, b = 0; s.prompts.filter((p) => p.ts).map((p) => [Date.parse(p.ts), Math.min(Date.parse(p.end || p.ts), Date.parse(p.ts) + 3 * 3600e3)]).sort((x, y) => x[0] - y[0]).forEach(([x, y]) => { if (x - b > 20 * 60e3) { a = x; b = y; } else b = Math.max(b, y); best = Math.max(best, b - a); }); return best / 60e3; }));
   const shorts = {}; P.forEach((p) => { if (p.short) shorts[p.short] = (shorts[p.short] || 0) + 1; });
   const goto = Object.entries(shorts).filter(([, c]) => c >= 5).sort((a, b) => b[1] - a[1])[0] || null;
   const days = new Set(P.map((p) => p.d.toDateString())).size;
@@ -292,26 +374,56 @@ function compute(summaries) {
     version: VERSION,
     generated: new Date().toISOString().slice(0, 10),
     window: { first: first.toISOString().slice(0, 10), last: last.toISOString().slice(0, 10), activeDays: days },
-    sessions: { total: main.length, claudeCode: main.filter((s) => s.src === "claude").length, codex: main.filter((s) => s.src === "codex").length, subagentThreads: summaries.filter((s) => s.sub).length },
+    sessions: { total: main.length, claudeCode: main.filter((s) => s.src === "claude").length, codex: main.filter((s) => s.src === "codex").length, subagentThreads: summaries.filter((s) => s.sub).length, scripted: summaries.filter((s) => !s.sub && s.how === "script" && s.prompts.length).length },
     prompts: { total: P.length, medianWords: median(P.map((p) => p.words)), firstPromptMedianWords: median(firsts), followupMedianWords: median(follows.map((p) => p.words)) },
     followups: { total: follows.length, question: mix.question / nf, correction: mix.correct / nf, goAhead: mix.go / nf, instruction: mix.direct / nf },
     proof: { sessionsAskedToVerify: verifySessions, codingSessions: edit.length, codingSessionsWithTests: editChecked },
-    parallelMax: best,
+    parallelMax: atOnce,
+    atOnceAt: atOnce ? peak.at : null,
     hours, busiestHour: busiest, weekendShare: P.filter((p) => [0, 6].includes(p.d.getDay())).length / P.length,
     months: months.map((m) => ({ month: m.key, label: m.label, prompts: m.n })), busiestMonth: busiestMonth.key,
     models: models.slice(0, 5), anthropicShare: anthropic,
     projects, stops: main.reduce((a, s) => a + s.aborts, 0),
     goToPrompt: goto ? { text: goto[0], count: goto[1] } : null,
     dontKnow: P.filter((p) => p.dontknow).length,
-    tokens: summaries.reduce((a, s) => a + s.tokens, 0),
+    tokens: summaries.filter((s) => opts.all || s.sub || s.how !== "script").reduce((a, s) => a + s.tokens, 0),
     promptProfile,
+    stack, areas, workMix,
+    shipped: { commits: sum(work, (s) => s.commits || 0), prs: sum(work, (s) => s.prs || 0) },
+    automations: { runs: scriptIds.size && !opts.all ? summaries.filter((s) => !s.sub && s.how === "script" && s.prompts.length).length : 0, projects: new Set(summaries.filter((s) => !s.sub && s.how === "script" && s.cwd).map((s) => s.cwd)).size },
+    subagents: { threads: work.filter((s) => s.sub).length, sessionsUsing: main.filter((s) => children.has(s.id)).length },
+    actionsPerPrompt: P.length ? Math.round(sum(work, (s) => s.cmds + s.patches) / P.length * 10) / 10 : 0,
+    tools: { mcp: clean(merged("mcp"), 6), skills: clean(merged("skills"), 5) },
+    style: { longestStretchMin: Math.round(longest), streakDays: streak, nightShare: P.filter((p) => p.d.getHours() >= 22 || p.d.getHours() < 5).length / P.length, earlyShare: P.filter((p) => p.d.getHours() >= 5 && p.d.getHours() < 9).length / P.length },
   };
 }
+/* The most agents at work at the same moment. A prompt keeps its session busy
+   from when it was sent until the agent's last step before the next prompt
+   (at most three hours; a minute if the agent never answered). */
+function peakAtOnce(sessions) {
+  const ev = [], spans = new Map();
+  for (const s of sessions) {
+    const iv = s.prompts.filter((p) => p.ts).map((p) => { const a = Date.parse(p.ts); let b = p.end ? Date.parse(p.end) : a + 60e3; if (!(b > a)) b = a + 60e3; return [a, Math.min(b, a + 3 * 3600e3)]; }).sort((x, y) => x[0] - y[0]);
+    const mg = []; for (const [a, b] of iv) { const l = mg[mg.length - 1]; if (l && a <= l[1]) l[1] = Math.max(l[1], b); else mg.push([a, b]); }
+    spans.set(s, mg); for (const [a, b] of mg) ev.push([a, 1], [b, -1]);
+  }
+  ev.sort((x, y) => x[0] - y[0] || x[1] - y[1]);
+  let cur = 0, max = 0, at = 0; for (const [t, d] of ev) { cur += d; if (cur > max) { max = cur; at = t; } }
+  const active = sessions.filter((s) => spans.get(s).some(([a, b]) => a <= at && at < b));
+  const d = new Date(at), two = (n) => String(n).padStart(2, "0");
+  return { max, at: max ? `${d.getFullYear()}-${two(d.getMonth() + 1)}-${two(d.getDate())}T${two(d.getHours())}:${two(d.getMinutes())}` : null, active };
+}
+/* File types, as languages and as the kind of thing being built. */
+const LANG = {}, AREA = {};
+[["TypeScript", "ts tsx mts cts"], ["JavaScript", "js jsx mjs cjs"], ["Python", "py"], ["Jupyter", "ipynb"], ["Go", "go"], ["Rust", "rs"], ["Java", "java"], ["Kotlin", "kt kts"], ["Swift", "swift"], ["Ruby", "rb"], ["PHP", "php"], ["C#", "cs"], ["C++", "cpp cc cxx hpp hh"], ["C", "c h"], ["SQL", "sql"], ["CSS", "css scss sass less"], ["HTML", "html htm"], ["Astro", "astro"], ["Vue", "vue"], ["Svelte", "svelte"], ["Dart", "dart"], ["Shell", "sh bash zsh"], ["Markdown", "md mdx"], ["Elixir", "ex exs"], ["Scala", "scala"], ["R", "r"], ["Lua", "lua"], ["Terraform", "tf"], ["Config", "json yaml yml toml ini env docker ci package.json"]]
+  .forEach(([l, e]) => e.split(" ").forEach((x) => { LANG[x] = l; }));
+[["Front end", "tsx jsx vue svelte astro css scss sass less html htm"], ["Back end", "ts mts cts js mjs cjs py go rs java rb php cs ex exs scala sql cpp cc c h"], ["Data & ML", "ipynb r"], ["Infra & DevOps", "tf docker ci sh bash zsh yaml yml toml"], ["Mobile", "swift kt kts dart"], ["Docs & writing", "md mdx txt"]]
+  .forEach(([l, e]) => e.split(" ").forEach((x) => { AREA[x] = l; }));
 /* The strongest example prompts across all sessions: no repeats, at most two
    from any one project, best first. They stay on this computer unless you
    choose some for your profile. */
 function pickExamples(summaries, n = 12) {
-  const all = summaries.filter((s) => !s.sub).flatMap((s) => (s.examples || []).map((e) => ({ ...e, cwd: s.cwd || "" })));
+  const all = summaries.filter((s) => !s.sub && s.how !== "script").flatMap((s) => (s.examples || []).map((e) => ({ ...e, cwd: s.cwd || "" })));
   all.sort((a, b) => b.q - a.q);
   const seen = new Set(), per = {}, out = [];
   for (const e of all) {
@@ -324,11 +436,14 @@ function pickExamples(summaries, n = 12) {
   return out;
 }
 
+/* @shared:start ---------------------------------------------------------
+   From here to @shared:end is also the site's netlify/lib/cards-page.mjs
+   (the profile shows the same cards): node site/scripts/sync-cards.mjs */
 /* Builder types. Each signal is scored against the level where it becomes
    notable; the highest score wins, and below 1 everywhere you are a Pair
    Programmer. The rules are public so anyone can check their own. */
 const TYPES = {
-  conductor: { name: "The Conductor", line: "Several agents at once. Long briefs, then you let them run." },
+  conductor: { name: "The Conductor", line: "Many sessions going in parallel. Long briefs, then you let them run." },
   verifier: { name: "The Verifier", line: "Nothing ships until the agent has shown it works." },
   architect: { name: "The Architect", line: "You brief first and in detail. The agent gets the plan before the work." },
   interrogator: { name: "The Interrogator", line: "You ask more than you tell. Questions steer the work." },
@@ -339,7 +454,7 @@ function builderType(m) {
   const verify = m.sessions.total ? m.proof.sessionsAskedToVerify / m.sessions.total : 0;
   const tested = m.proof.codingSessions ? m.proof.codingSessionsWithTests / m.proof.codingSessions : 0;
   const scores = {
-    conductor: m.parallelMax / 6,
+    conductor: (m.parallelMax || 0) / (m.atOnceAt !== undefined ? 4 : 6),
     verifier: Math.max(verify / 0.45, tested / 0.75),
     architect: m.prompts.firstPromptMedianWords / 80,
     interrogator: m.followups.question / 0.3,
@@ -354,8 +469,39 @@ const compact = (n) => n >= 1e9 ? (n / 1e9).toFixed(1).replace(/\.0$/, "") + "B"
 /* Dots for a habit: reaching the notable level fills 7 of 10, the last 3 are
    for going beyond it. */
 const habitFill = (h) => Math.min(1, 0.7 * Math.min(1, h.value / h.notable) + 0.3 * Math.max(0, (h.value - h.notable) / (1 - h.notable)));
+/* The Hour score, 0 to 100 (beta). Each part is scored the same way as the
+   habit bars: reaching the "good" level gives 70, the rest is for going past
+   it. The score is the plain average of the parts. Needs at least 4 parts. */
+function hourScore(m) {
+  const parts = (m.promptProfile || []).map((h) => ({ key: h.key, label: h.label, points: Math.round(100 * habitFill(h)) }));
+  if (m.proof && m.proof.codingSessions >= 5) parts.push({ key: "tests", label: "Running tests", points: Math.round(100 * habitFill({ value: m.proof.codingSessionsWithTests / m.proof.codingSessions, notable: 0.75 })) });
+  if (m.atOnceAt && m.parallelMax >= 1) parts.push({ key: "parallel", label: "Agents at once", points: Math.round(100 * Math.min(1, 0.7 * Math.min(1, m.parallelMax / 4) + 0.3 * Math.max(0, (m.parallelMax - 4) / 8))) });
+  if (parts.length < 4) return null;
+  return { total: Math.round(parts.reduce((a, x) => a + x.points, 0) / parts.length), parts };
+}
+const WORK_LABEL = { build: ["Building new things", "building new things"], fix: ["Fixing bugs", "fixing bugs"], understand: ["Understanding code", "understanding code"], write: ["Writing and docs", "writing and docs"], tidy: ["Cleaning up code", "cleaning up code"], test: ["Writing tests", "writing tests"] };
+const atOnceWhen = (at) => { if (!at) return ""; const d = new Date(at + ":00Z"); return `${at.slice(11, 16)} on ${d.getUTCDate()} ${d.toLocaleString("en", { month: "short", timeZone: "UTC" })}`; };
+/* The headlines: the four strongest things about how someone works, in plain
+   sentences, built only from the numbers. who: null for "you", else a name. */
+function headlines(m, who) {
+  const Y = who || "You", v = (you, they) => (who ? they : you), yr = who ? who + "'s" : "Your", H = [];
+  const add = (w, t) => H.push([w, t]);
+  const hp = (k) => (m.promptProfile || []).find((h) => h.key === k);
+  const proof = m.sessions.total ? m.proof.sessionsAskedToVerify / m.sessions.total : 0;
+  if (m.prompts.firstPromptMedianWords >= 80) add(m.prompts.firstPromptMedianWords / 80, `${Y} ${v("write", "writes")} detailed briefs: a typical first prompt is ${Math.round(m.prompts.firstPromptMedianWords)} words.`);
+  if (proof >= 0.45) add(proof / 0.45, `${Y} ${v("make", "makes")} the agent prove its work in ${pct(proof)}% of sessions.`);
+  if (m.atOnceAt && m.parallelMax >= 3) add(m.parallelMax / 3, `${Y} ${v("run", "runs")} up to ${m.parallelMax} agents at the same time.`);
+  if (m.stack && m.stack.length) add(1, `${Y} ${v("work", "works")} mostly in ${m.stack[0].name}${m.stack[1] ? " and " + m.stack[1].name : ""}.`);
+  if (m.shipped && m.shipped.commits >= 20) add(Math.min(1.6, m.shipped.commits / 100), `${yr} agents made ${m.shipped.commits.toLocaleString("en")} commits${m.shipped.prs ? ` and opened ${m.shipped.prs} pull requests` : ""}.`);
+  if (m.automations && m.automations.runs >= 10) add(Math.min(1.5, m.automations.runs / 20), `${Y} ${v("build", "builds")} with agents too: ${m.automations.runs} runs started by ${v("your", "their")} own code.`);
+  const st = hp("steps"); if (st && st.value >= st.notable) add(st.value / st.notable, `${Y} ${v("break", "breaks")} big tasks into steps.`);
+  if (m.followups.question >= 0.3) add(m.followups.question / 0.3, `${Y} ${v("steer", "steers")} by asking questions.`);
+  const rc = hp("recover"); if (rc && rc.value >= rc.notable) add(rc.value / rc.notable, `${Y} ${v("say", "says")} exactly what's wrong when correcting the agent.`);
+  if (m.workMix && m.workMix[0]) add(0.9, `Most prompts are about ${WORK_LABEL[m.workMix[0].key][1]}.`);
+  return H.sort((a, b) => b[0] - a[0]).slice(0, 4).map((x) => x[1]);
+}
 function cards(m, name) {
-  const type = TYPES[builderType(m)];
+  const tk = builderType(m), type = TYPES[tk];
   const tools = [m.sessions.claudeCode && "Claude Code", m.sessions.codex && "Codex"].filter(Boolean).join(" and ");
   const verify = m.sessions.total ? m.proof.sessionsAskedToVerify / m.sessions.total : 0;
   const tested = m.proof.codingSessions ? m.proof.codingSessionsWithTests / m.proof.codingSessions : 0;
@@ -363,14 +509,22 @@ function cards(m, name) {
   const busy = m.months.find((x) => x.month === m.busiestMonth);
   const C = [];
   C.push({ id: "intro", bg: "#0B0B0A", fg: "#F4F1EA", dot: "#F4F1EA", pat: "months", ask: "Your year with AI", big: m.sessions.total.toLocaleString("en"), line: `sessions in ${tools}. ${m.prompts.total.toLocaleString("en")} prompts. Busiest month: ${busy ? busy.label : ""}.`, bs: m.sessions.total >= 1000 ? "26cqw" : "32cqw" });
-  C.push({ id: "type", bg: "#F1ECE3", fg: "#0B0B0A", dot: "#0B0B0A", pat: "sweep", ask: "Your builder type", big: type.name, line: type.line, bs: "15cqw", grad: true });
+  C.push({ id: "type", bg: "#0B0B0A", fg: "#F4F1EA", av: tk, ask: "Your builder type", big: type.name, line: type.line, bs: "15cqw", grad: true });
+  const sc = hourScore(m);
+  if (sc) C.push({ id: "score", bg: "#F1ECE3", fg: "#0B0B0A", rc: "#8B5FD9", rows: sc.parts.map((x) => [x.label, x.points / 100, String(x.points)]), ask: "Your Hour score", big: String(sc.total), line: `out of 100: your average across ${sc.parts.length} habits.`, bs: "18cqw" });
   if (m.goToPrompt) C.push({ id: "prompt", bg: "#DBA004", fg: "#0B0B0A", dot: "#0B0B0A", pat: "rain", ask: "Your go-to prompt", big: `“${m.goToPrompt.text}”`, line: `You said it ${m.goToPrompt.count} times.`, bs: m.goToPrompt.text.length > 12 ? "14cqw" : "20cqw" });
   const hs = [...m.hours].map((v, h) => [h, v]).sort((a, b) => b[1] - a[1]);
   C.push({ id: "hour", bg: "#2B5FE3", fg: "#FFFFFF", dot: "#FFFFFF", pat: "hours", ask: "Your busiest hour", big: hourLabel(m.busiestHour), line: `${hourLabel(hs[1][0])} is a close second.`, bs: "26cqw" });
-  if (m.parallelMax >= 2) C.push({ id: "parallel", bg: "#F2601F", fg: "#0B0B0A", dot: "#0B0B0A", pat: "lanes", n: Math.min(13, m.parallelMax), ask: "Most agents at once", big: String(m.parallelMax), line: "sessions going inside twenty minutes.", bs: "34cqw" });
+  if (m.parallelMax >= 2) C.push({ id: "parallel", bg: "#F2601F", fg: "#0B0B0A", dot: "#0B0B0A", pat: "lanes", n: Math.min(13, m.parallelMax), ask: "Agents at once", big: String(m.parallelMax), line: m.atOnceAt ? `At ${atOnceWhen(m.atOnceAt)}, ${m.parallelMax} agents were working on your tasks at the same time.` : "sessions going inside twenty minutes.", bs: "34cqw" });
   C.push({ id: "proof", bg: "#8B5FD9", fg: "#FFFFFF", dot: "#FFFFFF", pat: "ring", pct: verify, ask: "How often you made the agent prove it", big: `${pct(verify)}%`, line: "of sessions, you asked it to test, verify or screenshot.", bs: "30cqw" });
   C.push({ id: "steer", bg: "#F1ECE3", fg: "#0B0B0A", dot: "#8B5FD9", pat: "share", frac: m.followups.question, ask: "How you steer", big: `${pct(m.followups.question)}%`, line: `of your follow-ups are questions. ${pct(m.followups.correction)}% are corrections.`, bs: "30cqw" });
-  if (top) C.push({ id: "model", bg: "#0B0B0A", fg: "#F4F1EA", dot: "#F2601F", pat: "stripes", shares: m.models.map((x) => x.share), ask: "Your model", big: top.name, line: `${pct(top.share)}% of your turns.` + (m.anthropicShare > 0 && m.anthropicShare < 1 ? ` ${pct(m.anthropicShare)}% Anthropic overall.` : ""), bs: top.name.length > 11 ? "11.5cqw" : "16cqw" });
+  if (m.stack && m.stack.length >= 2) C.push({ id: "stack", bg: "#F7F3EC", fg: "#0B0B0A", rc: "#2B5FE3", rows: m.stack.map((x) => [x.name, x.share, pct(x.share) + "%"]), ask: "Your stack", big: m.stack[0].name, line: m.areas && m.areas.length ? `By files edited. Mostly ${m.areas[0].name.toLowerCase()}${m.areas[1] ? ", then " + m.areas[1].name.toLowerCase() : ""}.` : "By files your agents edited.", bs: m.stack[0].name.length > 8 ? "12cqw" : "16cqw" });
+  if (m.workMix && m.workMix.length >= 3) C.push({ id: "work", bg: "#F7F3EC", fg: "#0B0B0A", rc: "#F2601F", rows: m.workMix.slice(0, 5).map((x) => [WORK_LABEL[x.key][0], x.share, pct(x.share) + "%"]), ask: "What you spend it on", big: WORK_LABEL[m.workMix[0].key][0], line: "Judged from the words in your prompts.", bs: "10cqw" });
+  if (m.shipped && m.shipped.commits >= 5) C.push({ id: "ship", bg: "#DBA004", fg: "#0B0B0A", dot: "#0B0B0A", pat: "field", ask: "What you shipped", big: m.shipped.commits.toLocaleString("en"), line: `commits${m.shipped.prs ? ` and ${m.shipped.prs} pull requests` : ""}, made by your agents.`, bs: m.shipped.commits >= 1000 ? "26cqw" : "32cqw" });
+  if (m.actionsPerPrompt >= 2) C.push({ id: "actions", bg: "#FB65C2", fg: "#0B0B0A", dot: "#0B0B0A", pat: "rain", ask: "Actions per prompt", big: String(m.actionsPerPrompt), line: `agent actions per prompt: commands and file edits.${m.stops ? ` You stopped the agent ${m.stops} times.` : ""}`, bs: "30cqw" });
+  if (m.automations && (m.automations.runs >= 5 || (m.subagents && m.subagents.sessionsUsing >= 5))) { const su = m.subagents && m.sessions.total ? m.subagents.sessionsUsing / m.sessions.total : 0; C.push(m.automations.runs >= 5 ? { id: "auto", bg: "#0B0B0A", fg: "#F4F1EA", dot: "#F2601F", pat: "lanes", n: 9, ask: "Built with agents", big: String(m.automations.runs), line: `runs started by your own code, not typed.${su >= 0.05 ? ` Your agents handed work to helpers in ${pct(su)}% of sessions.` : ""}`, bs: "30cqw" } : { id: "auto", bg: "#0B0B0A", fg: "#F4F1EA", dot: "#F2601F", pat: "lanes", n: 9, ask: "Your agents delegate", big: `${pct(su)}%`, line: "of your sessions handed work to helper agents.", bs: "30cqw" }); }
+  if (m.style && m.projects) C.push({ id: "range", bg: "#8B5FD9", fg: "#FFFFFF", dot: "#FFFFFF", pat: "months", ask: "Your range", big: String(m.projects), line: `projects, ${m.window.activeDays} active days, a ${m.style.streakDays}-day streak. Longest focused stretch: ${Math.floor(m.style.longestStretchMin / 60)}h ${m.style.longestStretchMin % 60}m.`, bs: "30cqw" });
+  if (top) C.push({ id: "model", bg: "#0B0B0A", fg: "#F4F1EA", dot: "#F2601F", pat: "stripes", shares: m.models.map((x) => x.share), ask: "Your model", big: top.name, line: `${pct(top.share)}% of your prompts.` + (m.anthropicShare > 0 && m.anthropicShare < 1 ? ` ${pct(m.anthropicShare)}% Anthropic overall.` : ""), bs: top.name.length > 11 ? "11.5cqw" : "16cqw" });
   if (m.dontKnow >= 10) C.push({ id: "honest", bg: "#FB65C2", fg: "#0B0B0A", dot: "#0B0B0A", pat: "rain", ask: "Your most honest phrase", big: "“I don't know”", line: `${m.dontKnow} times. You think out loud, with the agent.`, bs: "14cqw" });
   if (m.tokens > 0) C.push({ id: "tokens", bg: "#2B5FE3", fg: "#FFFFFF", dot: "#FFFFFF", pat: "field", ask: "How much you built", big: compact(m.tokens), line: "tokens processed.", bs: "30cqw" });
   if (m.proof.codingSessions >= 5) C.push({ id: "edge", bg: "#F7F3EC", fg: "#0B0B0A", dot: "#F2601F", pat: "ring", pct: tested, ask: tested < 0.75 ? "Your growth edge" : "Your strength", big: `${pct(tested)}%`, line: tested < 0.75 ? "of coding sessions ran a test. Push that higher." : "of coding sessions ran a test. Keep it that way.", bs: "30cqw" });
@@ -378,8 +532,8 @@ function cards(m, name) {
     const hp = m.promptProfile, best = [...hp].sort((a, b) => b.value / b.notable - a.value / a.notable)[0];
     C.push({ id: "prompting", bg: "#F7F3EC", fg: "#0B0B0A", bs: "8.6cqw", rows: hp.map((h) => [h.label, habitFill(h), `${pct(h.value)}%`]), ask: "How you prompt", big: best.label, line: `Your strongest habit.` });
   }
-  C.push({ id: "summary", bg: "#0B0B0A", fg: "#F4F1EA", summary: true, who: name || "", period: `${monthYear(m.window.first)} – ${monthYear(m.window.last)}`, type: type.name,
-    stats: [["Sessions", m.sessions.total.toLocaleString("en")], ["Busiest hour", hourLabel(m.busiestHour)], ["Go-to prompt", m.goToPrompt ? `“${m.goToPrompt.text}”` : "–"], ["Agents at once", String(m.parallelMax)], ["Made it prove it", `${pct(verify)}%`], ["Model", top ? top.name.replace(/^Claude /, "") : "–"]] });
+  C.push({ id: "summary", bg: "#0B0B0A", fg: "#F4F1EA", av: tk, summary: true, who: name || "", period: `${monthYear(m.window.first)} – ${monthYear(m.window.last)}`, type: type.name,
+    stats: [["Sessions", m.sessions.total.toLocaleString("en")], ["Hour score", sc ? String(sc.total) : "–"], ["Agents at once", m.parallelMax >= 2 ? String(m.parallelMax) : "–"], ["Made it prove it", `${pct(verify)}%`], [m.stack && m.stack.length ? "Stack" : "Busiest hour", m.stack && m.stack.length ? m.stack[0].name : hourLabel(m.busiestHour)], ["Go-to prompt", m.goToPrompt ? `“${m.goToPrompt.text}”` : "–"]] });
   return C;
 }
 
@@ -406,7 +560,53 @@ const CLAIM_CSS = String.raw`
 .cl-hcard:before{content:"";position:absolute;right:-10px;top:-10px;width:170px;height:120px;background-image:radial-gradient(circle,rgba(244,241,234,.9) 0 2.6px,transparent 3px);background-size:12px 12px;-webkit-mask-image:radial-gradient(circle at 80% 20%,#000 10%,transparent 70%);mask-image:radial-gradient(circle at 80% 20%,#000 10%,transparent 70%)}
 .cl-hcard label{position:relative;font-size:13px;opacity:.7}
 .cl-hrow{position:relative;display:flex;align-items:baseline;margin-top:4px}.cl-hrow span{font-size:40px;font-weight:650;letter-spacing:-.05em}
-.cl-hrow input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#F4F1EA;font:650 40px var(--sans);letter-spacing:-.05em;padding:0}
+.cl-hrow{align-items:center!important;gap:6px;margin-top:10px!important;padding:6px 8px 6px 14px;border-radius:16px;background:rgba(244,241,234,.08);box-shadow:inset 0 0 0 1.5px rgba(244,241,234,.3);transition:box-shadow .15s,background .15s}
+.cl-hrow:focus-within{background:rgba(244,241,234,.12);box-shadow:inset 0 0 0 2px #B0ACFE}
+.cl-hrow input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#F4F1EA;font:650 40px var(--sans);letter-spacing:-.05em;padding:0;caret-color:#FB65C2}
+.cl-edit-h{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:999px;border:0;background:#F4F1EA;color:var(--ink);font:600 14px var(--sans);cursor:pointer}.cl-edit-h svg{width:15px;height:15px}
+.cl-hst{position:relative;margin-top:10px;font-size:14px;opacity:.8}
+.claimbox .pill em{font-style:normal;margin-left:10px;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.18);font:500 12px var(--sans)}
+.pk-row{flex:none;display:grid;gap:12px;margin-top:22px}
+.pk{display:flex;flex-direction:column;border-radius:20px;padding:18px 18px 14px;background:#EDE8DE;color:var(--ink);cursor:pointer;transition:background .35s,color .35s}.pk:hover{background:#E7E1D5}
+.pk-pub{--on:#0B0B0A;--fg:#F4F1EA}.pk-roles{--on:#2B5FE3;--fg:#FFFFFF}.pk-feature{--on:#F2601F;--fg:#0B0B0A}
+.pk.on,.pk.on:hover{background:var(--on);color:var(--fg)}
+.pk-l{font-size:13px;font-weight:500;opacity:.75}
+.pk .art{display:block;width:100%;height:auto;margin:14px 0 0;fill:currentColor;opacity:.28;transition:opacity .35s}.pk.on .art{opacity:1}
+.pk .art circle.l{transform-box:fill-box;transform-origin:center}.pk.on .art circle.l{animation:pk-pop .55s cubic-bezier(.2,.8,.3,1.3) var(--d) both}
+@keyframes pk-pop{from{transform:scale(0)}}
+.pk-b{margin-top:14px;font-size:28px;line-height:1.02;letter-spacing:-.045em;font-weight:650}
+.pk-pub.on .hd{background:linear-gradient(100deg,#4F88FF 0%,#B0ACFE 38%,#FB65C2 72%,#FD2980 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
+.pk-t{flex:1;margin-top:8px;font-size:14px;line-height:1.42;opacity:.85}
+.pk-f{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;box-shadow:inset 0 1px 0 color-mix(in srgb,currentColor 18%,transparent);font-size:13px;font-weight:600}
+.pk .o1,.pk.on .o0{display:none}.pk.on .o1{display:inline}
+.pk .sw i{background:rgba(11,11,10,.2)}.pk.on .sw i{background:var(--fg)}.pk.on .sw i:after{background:var(--on);box-shadow:none}.pk .sw input:focus-visible+i{outline-color:currentColor}
+.gv{flex:none;display:grid;gap:18px;margin-top:12px;border-radius:20px;padding:16px 18px;box-shadow:inset 0 0 0 1px rgba(11,11,10,.12)}
+.gv-h{display:flex;flex-direction:column;align-items:flex-start}.gv-b{display:block;margin-top:8px;font-size:22px;line-height:1.05;letter-spacing:-.035em;font-weight:650}.gv .cl-link{padding:12px 0 0}
+.gv ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.35}
+.gv li{display:flex;gap:9px}.gv li:before{content:"";flex:none;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--ink)}.gv .st li:before{background:none;box-shadow:inset 0 0 0 1.5px var(--ink)}
+.gv .gv-pre{grid-column:1/-1;margin:0}
+@media(min-width:900px){.pk-row{grid-template-columns:repeat(3,minmax(0,1fr))}.gv{grid-template-columns:1.15fr 1fr 1fr;padding:18px 24px}.pk-row{margin-top:18px}}
+.pk.fl,.pk.fl:hover,.pk.fl.on{background:none;padding:0;perspective:1400px}
+.pk-flip{position:relative;flex:1;display:grid;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.9,.25,1)}.pk.fl.on .pk-flip{transform:rotateY(180deg)}
+.pk-face{grid-area:1/1;display:flex;flex-direction:column;border-radius:20px;padding:18px 18px 14px;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#EDE8DE;color:var(--ink);transition:background .2s}
+.pk.fl:hover .pk-face.fr{background:#E7E1D5}.pk-face.fr .pk-t{flex:1}.pk-face.bk{transform:rotateY(180deg);background:var(--on);color:var(--fg)}
+.pk.fl.on .pk-face.fr .sw i{background:rgba(11,11,10,.2)}.pk.fl.on .pk-face.fr .sw i:after{background:#fff}
+.sw.on-v i{background:var(--fg)}.sw.on-v i:after{transform:translateX(20px);background:var(--on);box-shadow:none}
+.pk-l2{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:500}.pk-l2 span{opacity:.8}.pk-l2 em{font-style:normal;font-size:10.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:99px;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 50%,transparent)}
+.ib{flex:1;display:flex;flex-direction:column;margin-top:12px;border-radius:16px;padding:14px;background:color-mix(in srgb,var(--fg) 13%,transparent)}
+.ib-h{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;opacity:.85}.ib-h:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:ib-p 1.6s ease-in-out infinite}
+@keyframes ib-p{50%{opacity:.25}}
+.ib-t{margin-top:8px;font-size:19px;line-height:1.1;letter-spacing:-.03em;font-weight:650}
+.ib-s{margin-top:12px;font-size:12px;opacity:.75}.ib-c{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.ib-c i{font-style:normal;font-size:12px;font-weight:600;padding:4px 9px;border-radius:99px;background:color-mix(in srgb,var(--fg) 18%,transparent)}
+.ib-a{display:flex;gap:8px;margin-top:auto;padding-top:12px}.ib-a b{flex:1;text-align:center;padding:8px 0;border-radius:99px;background:var(--fg);color:var(--on);font-size:13px}.ib-a b.o{background:none;color:var(--fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 50%,transparent)}
+.fp{flex:1;display:flex;flex-direction:column;margin-top:12px;border-radius:16px;padding:12px;background:#F4F1EA;color:#0B0B0A}
+.fp-h{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:650}.fp-h svg{width:16px;height:16px}.fp-h span{font-weight:400;opacity:.6}
+.fp-b{flex:1;display:flex;gap:12px;align-items:flex-end;margin-top:10px}.pk-thumb{flex:none;width:104px}.pk-thumb .card{border-radius:7px}
+.fp-t{display:flex;flex-direction:column;gap:4px;font-size:12.5px;line-height:1.35;padding-bottom:2px}.fp-t b{font-size:16px;letter-spacing:-.02em}
+.fp-c{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.fp-c i{font-style:normal;font-size:12px;font-weight:600;padding:4px 9px;border-radius:99px;background:rgba(11,11,10,.14)}
+@media(prefers-reduced-motion:reduce){.pk-flip{transition:none}.ib-h:before{animation:none}}
+.sw{position:relative;flex:none}.sw input{position:absolute;opacity:0;width:1px;height:1px}.sw i{display:block;width:48px;height:28px;border-radius:999px;background:rgba(11,11,10,.16);position:relative;transition:background .15s}.sw i:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
+.cl-opt.dk .sw i{background:rgba(244,241,234,.25)}.sw input:checked+i{background:var(--acc)}.sw input:checked+i:after{transform:translateX(20px)}.sw input:focus-visible+i{outline:2px solid var(--acc);outline-offset:2px}
 .cl-hst{position:relative;margin-top:8px;font-size:14px;min-height:20px;opacity:.85}
 .cl-f{flex:none;display:flex;flex-direction:column;gap:6px;margin-top:14px;font-size:14px;font-weight:500}
 .cl-f input{height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(11,11,10,.14);background:#fff;font:16px var(--sans);color:var(--ink)}
@@ -441,8 +641,12 @@ const CLAIM_CSS = String.raw`
 .cl-done h2{position:relative;margin:90px 0 0;font-size:44px;line-height:.95;letter-spacing:-.05em;font-weight:650}
 .cl-done a.u{position:relative;display:block;margin-top:16px;font:15px var(--mono);color:#F4F1EA;word-break:break-all}
 .cl-done p{position:relative;margin:14px 0 0;font-size:14px;line-height:1.45;opacity:.8}
+.cl-done .u.off{position:relative;margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:15px var(--mono);color:rgba(244,241,234,.6)}
+.cl-done .u.off .tag{font:600 12px var(--sans);letter-spacing:.02em;color:#F4F1EA;background:rgba(244,241,234,.14);border-radius:999px;padding:4px 10px}
+.cl-done a.u.s{margin-top:8px;font-size:13px;opacity:.85}
 .cl-row{flex:none;display:flex;gap:10px;margin-top:16px}.cl-row a,.cl-row button{flex:1;display:flex;align-items:center;justify-content:center;height:52px;border-radius:999px;font:600 16px var(--sans);text-decoration:none;cursor:pointer;border:0}
-.cl-row a{background:var(--ink);color:var(--paper)}.cl-row button{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(11,11,10,.14)}
+.cl-row a{background:var(--ink);color:var(--paper)}
+.cl-row.sec a{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(11,11,10,.14)}.cl-row button{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(11,11,10,.14)}
 .cl-g2{margin-top:22px}.cl-g2>*+*{margin-top:14px}
 .cl-foot{flex:none;display:flex;flex-direction:column-reverse;gap:8px;margin-top:14px}.cl-foot .cl-fine{margin:0;text-align:center}
 .cl-tip{margin-top:10px;font-size:12.5px;font-weight:600;opacity:.8}
@@ -466,8 +670,24 @@ d.querySelector(".cta").onclick=function(e){e.stopPropagation();openClaim()};ret
 function openClaim(){document.getElementById("cl").hidden=false;document.body.style.overflow="hidden";renderClaim()}
 function closeClaim(){document.getElementById("cl").hidden=true;document.body.style.overflow=""}
 function payload(){return{v:2,handle:CS.handle,name:CS.name.trim(),email:CS.email.trim(),linkedin:"",public:CS.pub,roles:CS.roles,feature:CS.feature,prompts:CS.picked.map(function(i){return{text:promptOut(i),date:D.examples[i].date,hidden:CS.hide[i].size}}).filter(function(p){return p.text&&p.text!=="[hidden]"}),wrapped:D.m}}
-function prog(n){return'<div class="cl-top"><button type="button" class="cl-back" data-a="back">'+(n===1?"Close":"Back")+'</button><span>'+n+' of 3</span></div><div class="cl-prog">'+[1,2,3].map(function(i){return'<i'+(i<=n?' class="on"':'')+'></i>'}).join("")+'</div>'}
-function handleNote(){var h=CS.handle;if(!h)return"Letters, numbers and dashes.";if(!HANDLE_RE.test(h))return"3 to 24 letters, numbers or single dashes.";return"Press Continue to check it's free."}
+function prog(n){var T=D.examples.length?3:2,k=T===2&&n===3?2:n,all=T===3?[1,2,3]:[1,2];return'<div class="cl-top"><button type="button" class="cl-back" data-a="back">'+(n===1?"Close":"Back")+'</button><span>'+k+' of '+T+'</span></div><div class="cl-prog">'+all.map(function(i){return'<i'+(i<=k?' class="on"':'')+'></i>'}).join("")+'</div>'}
+function perkType(){var t=(D.cards||[]).find(function(c){return c.id==="type"});return t?String(t.big).replace(/^The /,""):""}
+function dotArt(k){var C=18,R=5,o="";for(var y=0;y<R;y++)for(var x=0;x<C;x++){var r;
+if(k==="pub")r=Math.pow(x/(C-1),1.5)*(0.6+0.4*Math.sin((y+1)/(R+1)*Math.PI));
+else if(k==="roles"){var hs={1:2,4:4,7:3,10:5,13:3,16:5};r=x%3===1&&y>=R-hs[x]?0.85:0}
+else{var dx=(x-C*0.64)/1.7,dy=y-R*0.4;r=1.05-Math.sqrt(dx*dx+dy*dy)/4.4}
+var lit=r>0.28;o+='<circle cx="'+(x*10+5)+'" cy="'+(y*10+5)+'" r="'+((lit?Math.min(1,r):0.17)*4.4).toFixed(2)+'"'+(lit?' class="l" style="--d:'+(x*24+y*10)+'ms"':'')+'/>'}
+return'<svg class="art" viewBox="0 0 '+C*10+' '+R*10+'" aria-hidden="true">'+o+'</svg>'}
+function pkTile(k,label,big,body,offT,onT,back){var on=!!CS[k],sw='<span class="sw"><input type="checkbox" data-o="'+k+'"'+(on?' checked':'')+'><i></i></span>',fr='<span class="pk-l">'+label+'</span>'+dotArt(k)+'<span class="pk-b">'+big+'</span><span class="pk-t">'+body+'</span>';
+if(!back)return'<label class="pk pk-'+k+(on?' on':'')+'">'+fr+'<span class="pk-f"><span><span class="o0">'+offT+'</span><span class="o1">'+onT+'</span></span>'+sw+'</span></label>';
+return'<label class="pk fl pk-'+k+(on?' on':'')+'"><span class="pk-flip"><span class="pk-face fr">'+fr+'<span class="pk-f"><span>'+offT+'</span>'+sw+'</span></span><span class="pk-face bk" aria-hidden="true">'+back+'<span class="pk-f"><span>'+onT+'</span><span class="sw on-v"><i></i></span></span></span></span></label>'}
+function cardBy(id){return (D.cards||[]).find(function(c){return c.id===id})}
+function introBack(hh){var m=D.m||{},t=cardBy("type"),sc=cardBy("score"),ch=[];if(t)ch.push(t.big);if(m.parallelMax>1&&m.parallelMax<=24)ch.push(m.parallelMax+" agents at once");if(m.shipped&&m.shipped.commits)ch.push(Number(m.shipped.commits).toLocaleString("en")+" commits");if(ch.length<3&&sc)ch.push("Hour score "+sc.big);
+return'<span class="pk-l2"><span>What an intro looks like</span><em>Example</em></span><span class="ib"><span class="ib-h">Intro request</span><span class="ib-t">A team building AI agents wants to meet @'+hh+'.</span><span class="ib-s">What they saw</span><span class="ib-c">'+ch.slice(0,3).map(function(x){return'<i>'+esc(x)+'</i>'}).join("")+'</span><span class="ib-a"><b>Say yes</b><b class="o">Not now</b></span></span>'}
+function featBack(hh){var t=cardBy("type"),ln=t&&t.line?String(t.line).split(/(?<=\.)\s/)[0]:"";
+return'<span class="pk-l2"><span>Builders to watch</span><em>Example</em></span><span class="fp"><span class="fp-h"><svg viewBox="0 0 64 64" aria-hidden="true"><use href="#mark"/></svg>Hour<span>· this week</span></span><span class="fp-b"><span class="pk-thumb"></span><span class="fp-t"><b>@'+hh+'</b><span>'+esc((t?t.big+". ":"")+ln)+'</span></span></span></span><span class="fp-c"><i>X</i><i>LinkedIn</i><i>Hour newsletter</i></span>'}
+function perkLine(){var t=(D.cards||[]).find(function(c){return c.id==="type"}),sc=(D.cards||[]).find(function(c){return c.id==="score"});return (t?t.big:"")+(sc?" · Hour score "+sc.big:"")}
+function handleNote(){var h=CS.handle;if(!h)return"Letters, numbers and dashes.";if(D.suggest&&h===D.suggest)return"We suggested this from your computer’s name. Type any handle you like.";if(!HANDLE_RE.test(h))return"3 to 24 letters, numbers or single dashes.";return"Press Continue to check it's free."}
 function toks(i){return CS.texts[i].split(/(\s+)/)}
 function isAuto(w){return w.indexOf("[hidden]")>=0}
 function promptOut(i){var h=CS.hide[i];return toks(i).map(function(w,k){return h.has(k)?"[hidden]":w}).join("").replace(/\[hidden\](\s+\[hidden\])+/g,"[hidden]").trim()}
@@ -476,7 +696,7 @@ function viewHTML(i){var h=CS.hide[i];return toks(i).map(function(w,k){if(/^\s+$
 function editHTML(i){var h=CS.hide[i];return toks(i).map(function(w,k){if(/^\s+$/.test(w))return w;if(isAuto(w))return hidHTML(w);return'<button type="button" class="tok'+(h.has(k)?" on":"")+'" data-a="tok" data-i="'+i+'" data-k="'+k+'">'+esc(w)+'</button>'}).join("")}
 function renderClaim(){var s=document.getElementById("cls"),H="",n=CS.step;
 if(n===1){H=prog(1)+'<h2 class="cl-h">Pick your handle.</h2><p class="cl-p">It’s the address of your profile. Once it’s yours, nobody else can have it.</p>'
-+'<div class="cl-g2"><div class="cl-hcard"><label for="clh">usehour.com/</label><div class="cl-hrow"><span class="grad">@</span><input id="clh" autocomplete="off" autocapitalize="off" spellcheck="false" maxlength="24" value="'+esc(CS.handle)+'"></div><div class="cl-hst" id="clhst">'+esc(handleNote())+'</div></div>'
++'<div class="cl-g2"><div class="cl-hcard"><label for="clh">Your handle · usehour.com/</label><div class="cl-hrow"><span class="grad">@</span><input id="clh" autocomplete="off" autocapitalize="off" spellcheck="false" maxlength="24" value="'+esc(CS.handle)+'" aria-describedby="clhst"><button type="button" class="cl-edit-h" data-a="edith" aria-label="Edit your handle"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 20h4L19 9l-4-4L4 16v4z"/><path d="M13.5 6.5l4 4"/></svg>Edit</button></div><div class="cl-hst" id="clhst">'+esc(handleNote())+'</div></div>'
 +'<div><label class="cl-f" style="margin-top:0">Your name<input id="cln" autocomplete="name" maxlength="80" value="'+esc(CS.name)+'"></label>'
 +'<label class="cl-f">Email, to keep your handle<input id="cle" type="email" autocomplete="email" maxlength="200" value="'+esc(CS.email)+'"></label>'
 +'<p class="cl-fine">We email you a link to your profile. That’s how you get back in. No password.</p></div></div>'
@@ -489,25 +709,32 @@ return'<div class="cl-pc'+(on?" on":"")+(ed?" ed":"")+'" data-a="pick" data-i="'
 +'<button type="button" class="cl-edit" data-a="edit" data-i="'+i+'">'+(ed?"Done":"Black out words")+'</button></div>'}).join("")+'</div><div class="cl-more" id="clm" hidden><span>'+(D.examples.length>4?"More prompts below":"More below")+'</span></div></div>'
 +'<div class="cl-err">'+esc(CS.err)+'</div><div class="cl-foot" style="margin-top:14px">'+(k?'<button type="button" class="cl-skip" data-a="skip2">Skip, don’t share any prompts</button>':'<span></span>')+'<button type="button" class="cl-go" data-a="next2">'+(k?"Continue with "+k+" prompt"+(k>1?"s":""):"Continue without prompts")+'</button></div>'}
 else if(n===3){var p=payload(),hh=esc(CS.handle);H=prog(3)+'<h2 class="cl-h">Make it work for you.</h2><p class="cl-p">All optional. Change any of it later from your profile.</p>'
-+'<div class="cl-g2"><div>'
-+'<label class="cl-opt dk" style="margin-top:0"><span class="cl-oh"><span>Make <span class="grad">@'+hh+'</span> public</span><input type="checkbox" data-o="pub"'+(CS.pub?" checked":"")+'></span><span class="cl-ot">A link for your LinkedIn, GitHub and email signature. It shows how you work, which a CV can’t.</span><span class="cl-ot s">Off: your handle stays reserved, and only people with your private link can see the profile.</span></label>'
-+'<label class="cl-opt"><span class="cl-oh"><span>Let companies come to you</span><input type="checkbox" data-o="roles"'+(CS.roles?" checked":"")+'></span><ul class="cl-ul" style="--dot:#2B5FE3"><li>Teams hiring AI builders see your profile and ask for an intro. No applying, no cover letters.</li><li>You say yes or no to each one. Your email stays hidden until you say yes.</li></ul></label>'
-+'<label class="cl-opt"><span class="cl-oh"><span>Get featured by Hour</span><input type="checkbox" data-o="feature"'+(CS.feature?" checked":"")+'></span><ul class="cl-ul" style="--dot:#F2601F"><li>We post standout cards in our “builders to watch” series, tagged to you.</li><li>Your work in front of founders and hiring teams who follow Hour.</li></ul></label>'
-+'</div><div><h3 class="cl-h3" style="margin-top:0">What goes to Hour</h3><div class="cl-two"><div><b><i style="background:#2B5FE3"></i>Sent</b><span>Your card numbers</span><span>'+(p.prompts.length?p.prompts.length+" prompt"+(p.prompts.length>1?"s":"")+" you picked":"No prompts")+'</span><span>Handle, name, email</span></div><div><b><i style="background:#F2601F"></i>Stays with you</b><span>Your logs and code</span><span>Every other prompt</span><span>File and project names</span></div></div>'
-+'<button type="button" class="cl-link" data-a="data">'+(CS.data?"Hide the exact data":"See the exact data")+'</button>'+(CS.data?'<pre>'+esc(JSON.stringify(p,null,2))+'</pre>':'')+'</div></div>'
++'<div class="pk-row">'
++pkTile("pub","Public profile",'<span class="hd">@'+hh+'</span>',"One link for LinkedIn, GitHub and your email signature. It shows how you work, which a CV can’t.","Private: only your secret link opens it","Live at usehour.com/@"+hh)
++pkTile("roles","Teams hiring","Get asked, not screened.","Teams hiring AI builders see how you work and ask to meet you. You say yes or no. Your email stays hidden.","Not open to intros","Open to intros, by email",introBack(hh))
++pkTile("feature","Hour picks","Get featured.","We share standout cards with the founders and hiring teams who follow Hour, tagged @"+hh+".","Not in the picks",esc(perkType())?"Your "+esc(perkType())+" card is in":"Your cards are in",featBack(hh))
++'</div><div class="gv"><div class="gv-h"><span class="pk-l">What goes to Hour</span><span class="gv-b">Your cards go.<br>Your prompts stay.</span><button type="button" class="cl-link" data-a="data">'+(CS.data?"Hide the exact data":"See the exact data")+'</button></div>'
++'<div class="gv-c"><span class="pk-l">Sent to Hour</span><ul><li>The numbers on your cards</li><li>Languages, tools and model names</li>'+(D.m&&D.m.goToPrompt?'<li>Your go-to phrase, “'+esc(D.m.goToPrompt.text)+'”</li>':'')+'<li>Handle, name and email</li></ul></div>'
++'<div class="gv-c st"><span class="pk-l">Stays on this computer</span><ul><li>Every prompt you wrote</li><li>Your logs and code</li><li>File and project names</li></ul></div>'
++(CS.data?'<pre class="gv-pre">'+esc(JSON.stringify(p,null,2))+'</pre>':'')+'</div>'
 +'<div class="cl-err">'+esc(CS.err)+'</div><div class="cl-sp"></div><div class="cl-foot"><p class="cl-fine">Delete it any time, with one link.</p><button type="button" class="cl-go" data-a="create"'+(CS.busy?" disabled":"")+'>'+(CS.busy?"Creating…":"Create @"+hh)+'</button></div>'}
-else{var d=CS.done,u=d.publicUrl||d.url;H='<div class="cl-top"><span></span><button type="button" class="cl-back" data-a="close">Close</button></div><div class="cl-narrow"><div class="cl-done"><h2>@'+esc(d.handle)+'<br>is yours.</h2><a class="u" href="'+esc(u)+'" target="_blank" rel="noopener">'+esc(u.replace("https://",""))+'</a><p>'+(d.publicUrl?"Your profile is public. Put the link anywhere you like.":"Your profile is private. Only people you send this link to can see it.")+'</p></div>'
-+'<div class="cl-row"><a href="'+esc(u)+'" target="_blank" rel="noopener">Open my profile</a><button type="button" data-a="copy">Copy link</button></div><p class="cl-fine c">We emailed you this link, plus a private link to change your settings or delete your profile.</p></div>'}
-s.innerHTML=H;s.scrollTop=0;
+else{var d=CS.done,pub=!!d.publicUrl,u=d.publicUrl||d.url,hu="usehour.com/@"+d.handle;H='<div class="cl-top"><span></span><button type="button" class="cl-back" data-a="close">Close</button></div><div class="cl-narrow"><div class="cl-done"><h2>@'+esc(d.handle)+'<br>is yours.</h2>'
++(pub?'<a class="u" href="'+esc(u)+'" target="_blank" rel="noopener">'+esc(hu)+'</a><p>Your profile is public. Put the link anywhere you like.</p>'
+:'<div class="u off">'+esc(hu)+'<span class="tag">Not public yet</span></div><p>'+esc(hu)+' starts working when you make your profile public. Until then, only this private link opens it:</p><a class="u s" href="'+esc(d.url)+'" target="_blank" rel="noopener">'+esc(d.url.replace("https://",""))+'</a>')+'</div>'
++(pub||!d.key?'':'<button type="button" class="cl-go" style="width:100%;margin-top:16px" data-a="gopub"'+(CS.busy?" disabled":"")+'>'+(CS.busy?"Making it public…":"Make @"+esc(d.handle)+" public")+'</button>')
++'<div class="cl-err">'+esc(CS.err)+'</div>'
++'<div class="cl-row'+(pub?'':' sec')+'"><a href="'+esc(u)+'" target="_blank" rel="noopener">Open my profile</a><button type="button" data-a="copy">Copy link</button></div><p class="cl-fine c">We emailed you this link, plus a private link to change your settings or delete your profile.</p></div>'}
+s.innerHTML=H;s.scrollTop=0;if(n===3){var th=s.querySelector(".pk-thumb"),tc=cardBy("type");if(th&&tc)th.appendChild(el(tc))}if(n===1){var hi=document.getElementById("clh");if(hi&&D.suggest&&CS.handle===D.suggest){hi.focus();hi.select()}}
 if(n===2){var L=document.getElementById("cll"),M=document.getElementById("clm"),f=function(){M.hidden=L.scrollHeight-L.clientHeight-L.scrollTop<24};L.addEventListener("scroll",f);f()}}
 document.getElementById("cls").addEventListener("input",function(e){var t=e.target;
 if(t.id==="clh"){var v=t.value.toLowerCase().replace(/[^a-z0-9-]/g,"");if(v!==t.value)t.value=v;CS.handle=v;CS.err="";document.getElementById("clhst").textContent=handleNote()}
 else if(t.id==="cln")CS.name=t.value;else if(t.id==="cle")CS.email=t.value;
 else if(t.tagName==="TEXTAREA")CS.texts[+t.getAttribute("data-i")]=t.value});
-document.getElementById("cls").addEventListener("change",function(e){var o=e.target.getAttribute("data-o");if(o){CS[o]=e.target.checked;if(CS.data)renderClaim()}});
+document.getElementById("cls").addEventListener("change",function(e){var o=e.target.getAttribute("data-o");if(o){CS[o]=e.target.checked;var pk=e.target.closest(".pk");if(pk)pk.classList.toggle("on",e.target.checked);if(CS.data)renderClaim()}});
 document.getElementById("cls").addEventListener("click",function(e){var b=e.target.closest("[data-a]");if(!b||e.target.tagName==="TEXTAREA")return;var a=b.getAttribute("data-a"),i=+b.getAttribute("data-i");
 if(a==="back"){CS.err="";if(CS.step===1)closeClaim();else{CS.step=CS.step===3&&!D.examples.length?1:CS.step-1;renderClaim()}}
 else if(a==="close"){closeClaim()}
+else if(a==="edith"){var hi=document.getElementById("clh");hi.focus();hi.select()}
 else if(a==="next1"){if(CS.busy)return;if(!HANDLE_RE.test(CS.handle)){CS.err="Handles are 3 to 24 letters, numbers or single dashes.";return renderClaim()}if(!CS.name.trim()){CS.err="Add your name.";return renderClaim()}if(!EMAIL_RE.test(CS.email.trim())){CS.err="Add an email address, so the handle stays yours.";return renderClaim()}
 CS.busy=true;CS.err="";renderClaim();fetch(D.api+"/handles/"+encodeURIComponent(CS.handle)).then(function(r){return r.json()}).then(function(j){CS.busy=false;if(j.available){CS.step=D.examples.length?2:3}else CS.err="@"+CS.handle+(j.reason==="already taken"?" is taken. Try another.":": "+j.reason+".");renderClaim()}).catch(function(){CS.busy=false;CS.err="Couldn’t reach usehour.com. Check your connection and try again.";renderClaim()})}
 else if(a==="edit"){e.stopPropagation();CS.editing=CS.editing===i?-1:i;var y0=document.getElementById("cll").scrollTop;renderClaim();document.getElementById("cll").scrollTop=y0}
@@ -517,19 +744,61 @@ else if(a==="next2"){CS.err="";CS.editing=-1;CS.step=3;renderClaim()}
 else if(a==="skip2"){CS.picked=[];CS.err="";CS.editing=-1;CS.step=3;renderClaim()}
 else if(a==="data"){CS.data=!CS.data;renderClaim()}
 else if(a==="copy"){var u=CS.done.publicUrl||CS.done.url;(navigator.clipboard?navigator.clipboard.writeText(u):Promise.reject()).then(function(){b.textContent="Copied"},function(){window.prompt("Copy this link",u)})}
+else if(a==="gopub"){if(CS.busy)return;CS.busy=true;CS.err="";renderClaim();
+fetch(D.api+"/profiles/public",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:CS.done.id,key:CS.done.key})}).then(function(r){return r.json().catch(function(){return{}}).then(function(j){return{s:r.status,j:j}})}).then(function(x){CS.busy=false;
+if(x.s===200&&x.j.publicUrl){CS.done.publicUrl=x.j.publicUrl;delete CS.done.key}else CS.err="That didn’t work ("+(x.j.error||"error "+x.s)+"). You can switch it on from the link in your email.";renderClaim()}).catch(function(){CS.busy=false;CS.err="Couldn’t reach usehour.com. Try again, or switch it on from the link in your email.";renderClaim()})}
 else if(a==="create"){if(CS.busy)return;CS.busy=true;CS.err="";renderClaim();
 fetch(D.api+"/profiles",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload())}).then(function(r){return r.json().catch(function(){return{}}).then(function(j){return{s:r.status,j:j}})}).then(function(x){CS.busy=false;
 if(x.s===201&&x.j.url){CS.done=x.j;CS.step=4;document.getElementById("topnote").textContent="Your profile is on usehour.com. Your logs and other prompts stayed on this computer.";document.getElementById("claimbar").hidden=true}
 else if(x.s===409){CS.step=1;CS.err="Someone just took @"+CS.handle+". Pick another."}
 else CS.err="That didn’t go through ("+(x.j.error||"error "+x.s)+"). Nothing was saved. Try again in a minute.";renderClaim()}).catch(function(){CS.busy=false;CS.err="Couldn’t reach usehour.com. Nothing was saved. Try again.";renderClaim()})}});
 document.getElementById("claimb").onclick=openClaim;
-(function(){var h=document.getElementById("clhandle"),b=document.getElementById("claimb");if(CS.handle){h.textContent=CS.handle;b.textContent="Claim @"+CS.handle}})();
+(function(){var h=document.getElementById("clhandle");if(CS.handle){h.textContent=CS.handle;var sg=document.createElement("em");sg.textContent="suggested";h.parentNode.appendChild(sg)}})();
 `;
 
 /* --------------------------------------------------------------- the page */
+/* The avatar engine (direction D, the living dot matrix). Source of truth is
+   cli/avatar-engine.js; this is the same code as a string, because the
+   published package is this one file. Same copy in site/netlify/lib/avatar.mjs. */
+const AV_JS = "/* Hour avatars, direction D: the living dot matrix. One per builder type.\n   No dependencies. window.HourAvatar.draw(ctx, size, t, type, seed, still)\n   paints one frame; HourAvatar.add(canvas, type, seed) animates a canvas;\n   HourAvatar.scan(root) picks up every canvas[data-av=\"type:seed\"]. Draw on\n   a dark surface: the eyes are near-white. */\nwindow.HourAvatar = (function () {\n  var STOPS = [[0, [79, 136, 255]], [0.38, [176, 172, 254]], [0.72, [251, 101, 194]], [1, [253, 41, 128]]];\n  function grad(u) { u = Math.max(0, Math.min(1, u)); for (var i = 1; i < STOPS.length; i++) { if (u <= STOPS[i][0]) { var a = STOPS[i - 1], b = STOPS[i], k = (u - a[0]) / (b[0] - a[0]); return [a[1][0] + (b[1][0] - a[1][0]) * k, a[1][1] + (b[1][1] - a[1][1]) * k, a[1][2] + (b[1][2] - a[1][2]) * k]; } } return STOPS[3][1]; }\n  function rgba(c, a) { return 'rgba(' + (c[0] | 0) + ',' + (c[1] | 0) + ',' + (c[2] | 0) + ',' + a + ')'; }\n  function hash(n) { var x = Math.sin(n * 127.1 + 311.7) * 43758.5453; return x - Math.floor(x); }\n  function ease(k) { k = Math.max(0, Math.min(1, k)); return k < .5 ? 4 * k * k * k : 1 - Math.pow(-2 * k + 2, 3) / 2; }\n  function gaze(t, seed, bias) {\n    var P = 2.1 + hash(seed) * 1.2, s = Math.floor((t + seed * 3) / P), f = ((t + seed * 3) % P) / P;\n    function tgt(i) { var h = hash(i + seed * 17), h2 = hash(i * 3.3 + seed); return [(h < .35 ? 0 : (h2 * 2 - 1)) + (bias || 0), (hash(i * 7.7 + seed) * 2 - 1) * .5]; }\n    var a = tgt(s - 1), b = tgt(s), k = ease(f / .16);\n    return [a[0] + (b[0] - a[0]) * k, a[1] + (b[1] - a[1]) * k];\n  }\n  function blink(t, seed) {\n    var P = 3.7 + hash(seed + 9) * 1.6, f = (t + seed * 5) % P, d = .16;\n    if (f > d) { var f2 = f - .28; if (hash(Math.floor((t + seed * 5) / P) + seed) > .7 && f2 > 0 && f2 < d) return Math.abs(f2 / d * 2 - 1); return 1; }\n    return Math.abs(f / d * 2 - 1);\n  }\n  function capsule(ctx, x, y, w, h) { var r = Math.min(w, h) / 2; ctx.moveTo(x - w / 2 + r, y - h / 2); ctx.lineTo(x + w / 2 - r, y - h / 2); ctx.arc(x + w / 2 - r, y - h / 2 + r, r, -Math.PI / 2, 0); ctx.lineTo(x + w / 2, y + h / 2 - r); ctx.arc(x + w / 2 - r, y + h / 2 - r, r, 0, Math.PI / 2); ctx.lineTo(x - w / 2 + r, y + h / 2); ctx.arc(x - w / 2 + r, y + h / 2 - r, r, Math.PI / 2, Math.PI); ctx.lineTo(x - w / 2, y - h / 2 + r); ctx.arc(x - w / 2 + r, y - h / 2 + r, r, Math.PI, Math.PI * 1.5); ctx.closePath(); }\n  function draw(ctx, S, t, type, seed, still) {\n    seed = seed || 1;\n    var cx = S / 2, cy = S / 2, R = S * .44, small = S < 90, n = S < 50 ? 7 : S < 90 ? 9 : S < 200 ? 19 : 27, st = 2 * R / n;\n    var fields = type === 'pair' ? [[cx - R * .36, cy + R * .04, R * .6, seed], [cx + R * .36, cy - R * .04, R * .62, seed + 4]] : [[cx, cy, R, seed]];\n    var tilt = type === 'interrogator' ? Math.sin(t * .9) * .12 * (Math.sin(t * .45) > 0 ? 1 : .2) : 0;\n    var eyes = fields.map(function (f, i) {\n      var bias = type === 'sprinter' ? .7 : type === 'pair' ? (i ? -1 : 1) * (Math.sin(t * .5 + seed) > .3 ? .9 : 0) : 0;\n      var g = still ? [type === 'sprinter' ? .7 : type === 'pair' ? (i ? -.6 : .6) : 0, 0] : gaze(t, f[3], bias), op = still ? 1 : blink(t, f[3]);\n      var sq = 1; if (type === 'verifier') { var by = Math.sin(t * 1.3) * R * .75; sq = 1 - .55 * Math.exp(-Math.pow(by / (R * .18), 2)); }\n      return { x: f[0], y: f[1], r: f[2], g: g, op: op * sq, by: type === 'verifier' ? f[1] + Math.sin(t * 1.3) * R * .75 : null };\n    });\n    var sats = type === 'conductor' ? [0, 1, 2].map(function (k) { var a = t * .6 + k * 2.094; return [cx + Math.cos(a) * R * .72, cy + Math.sin(a) * R * .72]; }) : [];\n    for (var iy = 0; iy <= n; iy++) for (var ix = 0; ix <= n; ix++) {\n      var px = cx - R + ix * st, py = cy - R + iy * st;\n      if (type === 'sprinter') px -= ((t * 40) % st);\n      var best = 0, inside = 0, bright = 0;\n      eyes.forEach(function (e) {\n        var dx = px - e.x, dy = py - e.y;\n        if (tilt) { var c = Math.cos(tilt), s = Math.sin(tilt); var rx = dx * c - dy * s, ry = dx * s + dy * c; dx = rx; dy = ry; }\n        var dd = type === 'architect' ? Math.max(Math.abs(dx), Math.abs(dy)) / (e.r * .86) : Math.hypot(dx, dy) / e.r;\n        var edge = 1 - dd; if (edge > inside) inside = edge;\n        for (var s2 = -1; s2 <= 1; s2 += 2) {\n          var hx = e.x + s2 * e.r * .27 + e.g[0] * e.r * .13, hy = e.y - e.r * .02 + e.g[1] * e.r * .08;\n          var raise = type === 'interrogator' && s2 === 1 ? 1.3 : 1;\n          var qx = (px - hx) / Math.max(e.r * .115, small ? st * .55 : 0), qy = (py - hy) / Math.max(e.r * .23 * raise * Math.max(.12, e.op), small ? st * .6 * Math.max(.3, e.op) : 0);\n          var v = Math.exp(-(qx * qx + qy * qy) * 1.3); if (v > bright) bright = v;\n        }\n        if (e.by !== null) { var band = Math.exp(-Math.pow((py - e.by) / (st * 1.2), 2)); best = Math.max(best, band); }\n      });\n      sats.forEach(function (sp) { var v = Math.exp(-Math.pow(Math.hypot(px - sp[0], py - sp[1]) / (st * 1.3), 2)); if (v > bright * .8) bright = Math.max(bright, v * .95); });\n      if (inside <= 0 && !sats.length) continue;\n      if (inside <= 0 && bright < .2) continue;\n      var fade = Math.min(1, inside * 3.2);\n      var wave = .5 + .5 * Math.sin((px + py) / S * 9 - t * 2.2 + seed);\n      if (type === 'architect') { var row = (t * 3.2) % (n + 8); wave = Math.max(wave * .6, Math.exp(-Math.pow(iy - row, 2) / 3)); }\n      var base = st * ((small ? .26 : .14) + .12 * wave * fade + .16 * best);\n      var r = base + st * .34 * bright;\n      var col = grad((px - (cx - R)) / (2 * R) * .75 + (py - (cy - R)) / (2 * R) * .25);\n      if (bright > .35) col = [244 - 30 * (1 - bright), 241 - 30 * (1 - bright), 234];\n      ctx.fillStyle = rgba(col, Math.min(1, ((small ? .22 : .35) + (small ? .25 : .6) * wave * fade + .5 * best) * fade + bright));\n      ctx.beginPath();\n      if (type === 'sprinter' && bright < .35) { var w = r * (1.6 + 1.4 * (1 - ix / n)); capsule(ctx, px, py, w * 2, r * 2); } else ctx.arc(px, py, Math.min(r, st * .48), 0, 6.283);\n      ctx.fill();\n    }\n  }\n  var list = [], raf = 0, t0 = 0;\n  var still = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;\n  function frame(now) {\n    raf = 0; if (!t0) t0 = now; var t = (now - t0) / 1000;\n    list = list.filter(function (a) { return a.c.isConnected; });\n    list.forEach(function (a) {\n      var S = a.c.clientWidth; if (!S) return;\n      var dpr = Math.min(2, window.devicePixelRatio || 1), px = Math.round(S * dpr);\n      if (a.c.width !== px) { a.c.width = px; a.c.height = px; }\n      var ctx = a.c.getContext('2d'); ctx.setTransform(dpr, 0, 0, dpr, 0, 0); ctx.clearRect(0, 0, S, S);\n      draw(ctx, S, still ? 1.3 : t, a.type, a.seed, still);\n    });\n    if (list.length && !still) raf = requestAnimationFrame(frame);\n  }\n  function add(c, type, seed) { list.push({ c: c, type: type, seed: seed || 1 }); if (!raf) raf = requestAnimationFrame(frame); }\n  function scan(root) { [].slice.call((root || document).querySelectorAll('canvas[data-av]')).forEach(function (c) { if (c.__av) return; c.__av = 1; var p = c.getAttribute('data-av').split(':'); add(c, p[0], +(p[1] || 1)); }); }\n  return { draw: draw, add: add, scan: scan };\n})();\n";
+
+/* Draws a card onto a canvas (the dot patterns and, for saving, the whole
+   card). Shared with the profile page, which paints its card carousel with it. */
+const PAINT_JS = String.raw`function drawOn(x,W,H,c){if(!c.pat)return;
+const cols=28,step=W/cols,rows=Math.ceil(H/step),top=H*.13,bot=H*.47;x.fillStyle=c.dot||"#fff";
+const dot=(i,j,s)=>{if(s<=.04)return;x.globalAlpha=Math.min(1,.18+.82*s);x.beginPath();x.arc((i+.5)*step,(j+.5)*step,step*.42*Math.min(1,s),0,7);x.fill()};
+const rand=(i,j)=>{const t=Math.sin(i*127.1+j*311.7+c.id.length*17.3)*43758.5453;return t-Math.floor(t)};
+const band=[];for(let j=0;j<rows;j++){const y=(j+.5)*step;if(y>top&&y<bot)band.push(j)}const nb=band.length,j0=band[0]||0;
+const colChart=v=>{const m=Math.max(1,...v),per=cols/v.length;for(let i=0;i<cols;i++){const h=Math.round(v[Math.min(v.length-1,Math.floor(i/per))]/m*nb);for(let k=0;k<nb;k++)dot(i,j0+nb-1-k,k<h?1:.12)}};
+const ring=(p,a,b)=>{const cx=W/2,cy=(top+bot)/2,R=(bot-top)/2*.98;for(const j of band)for(let i=0;i<cols;i++){const px=(i+.5)*step-cx,py=(j+.5)*step-cy,d=Math.hypot(px,py);let an=Math.atan2(px,-py);if(an<0)an+=2*Math.PI;const t=an/(2*Math.PI),w=R*(a+(b-a)*t);if(d<=R&&d>=R-w)dot(i,j,t<=p?1:.16)}};
+switch(c.pat){case"months":colChart(D.months);break;case"hours":colChart(D.hours);break;case"sweep":ring(1,.06,.5);break;case"ring":ring(c.pct||0,.1,.5);break;
+case"lanes":for(let k=0;k<(c.n||5);k++){const i=Math.round((k+.5)*cols/(c.n||5)),s0=Math.floor(rand(k,3)*nb*.45),e0=nb-Math.floor(rand(k,7)*nb*.3);for(let q=0;q<nb;q++)dot(i,j0+q,q>=s0&&q<e0?1:.14)}break;
+case"share":{const f=c.frac||0;let n=0;for(const j of band)for(let i=0;i<cols;i++){dot(i,j,rand(i,j)<f?1:.16);n++}break}
+case"stripes":{let acc=0;const cut=(c.shares||[1]).map(v=>acc+=v);for(const j of band)for(let i=0;i<cols;i++){const f=(i+.5)/cols,k=cut.findIndex(v=>f<=v+1e-9);dot(i,j,[1,.62,.42,.3,.18][k<0?4:k])}break}
+case"rain":for(const j of band)for(let i=0;i<cols;i++){const v=rand(i,j);dot(i,j,v>.58?.95:v>.3?.35:.1)}break;
+case"field":for(const j of band)for(let i=0;i<cols;i++){const f=(i/cols+(j-j0)/nb)/2;dot(i,j,.15+.85*Math.pow(rand(i,j),1.6)*f*1.4)}break}x.globalAlpha=1}
+/* Save a card as a 1080x1350 PNG. Drawn with canvas on this machine; nothing is uploaded. */
+function wrapText(g,t,maxW){const words=String(t).split(" "),out=[];let l="";for(const w of words){const n=l?l+" "+w:w;if(g.measureText(n).width>maxW&&l){out.push(l);l=w}else l=n}if(l)out.push(l);return out}
+function paint(g,W,H,c){g.fillStyle=c.bg;g.fillRect(0,0,W,H);drawOn(g,W,H,c);if(c.av){const s=c.summary?W*.22:W*.46;g.save();g.translate(c.summary?W*.73:W*.27,c.summary?W*.05:W*.18);HourAvatar.draw(g,s,1.3,c.av,1,true);g.restore()}const P=W*.08,F="Geist, ui-sans-serif, system-ui, -apple-system, Helvetica, Arial, sans-serif";g.fillStyle=c.fg;g.textBaseline="alphabetic";
+const grad=()=>{const gr=g.createLinearGradient(P,0,W-P,0);[["#4F88FF",0],["#B0ACFE",.38],["#FB65C2",.72],["#FD2980",1]].forEach(([k,o])=>gr.addColorStop(o,k));return gr};
+/* footer */const fs=W*.034,fy=H-W*.07;g.font="600 "+fs+"px "+F;const r=W*.019;if(D.mark){const s=r*2.3;g.save();g.translate(P-r*.15,fy-fs*.35-s/2);g.scale(s/64,s/64);const mg=g.createLinearGradient(0,0,64,64);[["#4F88FF",0],["#B0ACFE",.38],["#FB65C2",.72],["#FD2980",1]].forEach(([k,o])=>mg.addColorStop(o,k));g.fillStyle=mg;g.fill(new Path2D(D.mark));g.restore();g.fillStyle=c.fg}else{g.lineWidth=W*.008;g.strokeStyle=grad();g.beginPath();g.arc(P+r,fy-fs*.35,r,0,7);g.stroke()}g.globalAlpha=.8;g.fillText("Hour",P+r*2+W*.016,fy);g.font="400 "+fs+"px ui-monospace, SFMono-Regular, Menlo, monospace";g.textAlign="right";g.fillText("usehour.com",W-P,fy);g.textAlign="left";g.globalAlpha=1;
+let y=fy-W*.085;
+if(c.summary){const cw=(W-2*P-W*.06)/2,rowH=W*.22;const rows=Math.ceil(c.stats.length/2);let top=y-rows*rowH+W*.02;
+c.stats.forEach((s,k)=>{const x=P+(k%2)*(cw+W*.06),yy=top+Math.floor(k/2)*rowH;g.fillStyle=c.fg;g.globalAlpha=1;g.fillRect(x,yy,cw,W*.0035);g.globalAlpha=.75;g.font="400 "+W*.034+"px "+F;g.fillText(s[0],x,yy+W*.05);g.globalAlpha=1;g.font="650 "+W*.062+"px "+F;wrapText(g,s[1],cw).slice(0,2).forEach((l,i)=>g.fillText(l,x,yy+W*.115+i*W*.062))});
+g.font="650 "+W*.115+"px "+F;g.fillStyle=grad();g.fillText(c.type,P,c.av?W*.37:W*.33);g.fillStyle=c.fg;g.globalAlpha=.85;g.font="500 "+W*.04+"px "+F;g.fillText((c.who?c.who.split(" ")[0]+" · ":"")+c.period,P,W*.16,c.av?W*.6:W-2*P);g.globalAlpha=1;return}
+g.font="450 "+W*.056+"px "+F;const L=wrapText(g,c.line,(W-2*P)*.92);L.reverse().forEach((l,i)=>g.fillText(l,P,y-i*W*.07));y-=L.length*W*.07+W*.034;
+let bs=parseFloat(c.bs||"19")/100*W;g.font="650 "+bs+"px "+F;let Bl=wrapText(g,c.big,W-2*P);while(Bl.length>1&&Bl[Bl.length-1].length<=2&&bs>W*.08){bs*=.92;g.font="650 "+bs+"px "+F;Bl=wrapText(g,c.big,W-2*P)}g.fillStyle=c.grad?grad():c.fg;Bl.reverse().forEach((l,i)=>g.fillText(l,P,y-i*bs*.9));
+g.fillStyle=c.fg;g.globalAlpha=.85;g.font="500 "+W*.044+"px "+F;wrapText(g,c.ask,(W-2*P)*.62).forEach((l,i)=>g.fillText(l,P,W*.16+i*W*.055));g.globalAlpha=1;
+if(c.rows){const d=W*.023,gap=W*.009,pw=W*.135,dx=W-P-pw-10*d-9*gap;const rs=Math.min(W*.083,W*.42/c.rows.length);c.rows.forEach((w,k)=>{const yy=W*.29+k*rs;g.fillStyle=c.fg;g.font="500 "+W*.04+"px "+F;g.fillText(w[0],P,yy);g.font="600 "+W*.04+"px "+F;g.textAlign="right";g.fillText(w[2],W-P,yy);g.textAlign="left";for(let q=0;q<10;q++){const on=q<Math.round(w[1]*10);g.globalAlpha=on?1:.14;g.fillStyle=on?(c.rc||"#8B5FD9"):c.fg;g.beginPath();g.arc(dx+q*(d+gap)+d/2,yy-W*.015,d/2,0,7);g.fill()}g.globalAlpha=1})}}
+`;
 function pageHTML(m, C, o = {}) {
-  const api = o.api || null, examples = api ? o.examples || [] : [];
-  const data = JSON.stringify({ hours: m.hours, months: m.months.map((x) => x.prompts), cards: C, m: api ? m : null, examples, api, suggest: api ? o.suggest || "" : "" }).replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+  const avk = (C.find((c) => c.av) || {}).av || "pair";
+  /* mode: "local" (the cards page on your computer), or on a profile:
+     "owner" (you, with Save) or "visitor" (read only, with "Make yours"). */
+  const mode = o.mode || "local", onSite = mode !== "local", first = String(o.who || "").split(" ")[0];
+  const api = onSite ? null : o.api || null, examples = api ? o.examples || [] : [];
+  const yours = mode === "visitor" ? `${first}'s` : "Your";
+  const data = JSON.stringify({ mark: MARK_PATH, hours: m.hours, months: m.months.map((x) => x.prompts), cards: C, m: api ? m : null, examples, api, canSave: mode !== "visitor", heads: headlines(m, mode === "visitor" ? first : null), suggest: api ? o.suggest || "" : "" }).replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
   /* The page may talk to exactly one place: Hour's profile endpoint, and only
      when you press the button. With --no-share it may talk to nothing. */
   const connect = api ? new URL(api).origin : "'none'";
@@ -537,6 +806,7 @@ function pageHTML(m, C, o = {}) {
   const meta = { period: `${monthYear(m.window.first)} – ${monthYear(m.window.last)}`, sessions: m.sessions.total.toLocaleString("en"), prompts: m.prompts.total.toLocaleString("en") };
   const LOCK = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg>';
   const DL = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 4v11M7 10l5 5 5-5M5 20h14"/></svg>';
+  const NOTE = onSite ? `Counted on ${escH(first)}'s computer. No prompts shared.` : "Made on this computer. Nothing has been sent.";
   const csp = `default-src 'none'; img-src data: blob:; font-src data:; style-src 'unsafe-inline'; script-src 'unsafe-inline'; connect-src ${connect}; form-action 'none'; base-uri 'none'`;
   return `<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
 <meta http-equiv="Content-Security-Policy" content="${csp}">
@@ -551,14 +821,20 @@ function pageHTML(m, C, o = {}) {
 .note{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-3);line-height:1.5}.note svg{flex:none;width:15px;height:15px}
 .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 22px;border-radius:999px;border:0;background:var(--ink);color:var(--paper);font:600 16px var(--sans);cursor:pointer;text-decoration:none}
 .btn.ghost{background:#fff;color:var(--ink);font-weight:500;box-shadow:inset 0 0 0 1px rgba(11,11,10,.14)}.btn svg{width:17px;height:17px;flex:none}.btn[disabled]{opacity:.6;cursor:wait}
-.hero{margin-top:40px;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(28px,5vw,56px);align-items:stretch}
+.hero{margin-top:48px;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
 .hero-r{display:flex;flex-direction:column}
 .hero h1{margin:4px 0 0;font-size:clamp(48px,6.4vw,76px);line-height:.9;letter-spacing:-.06em;font-weight:650}
 .hero p.sub{margin:16px 0 0;font-size:19px;line-height:1.4;color:#3A3935}
-.acts{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
-.claimbox{margin-top:auto;border-radius:26px;background:#8B5FD9;color:#fff;padding:28px 28px 26px;position:relative;overflow:hidden}
+.acts{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
+.glance{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}.glance.solo{grid-template-columns:1fr}
+.heads-card{border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1px rgba(11,11,10,.08);padding:30px 32px}.heads-card .k{font-size:15px;font-weight:500;color:#6C6A64}
+.claimbox{border-radius:26px;background:#8B5FD9;color:#fff;padding:28px 28px 26px;position:relative;overflow:hidden}
 .claimbox:before{content:"";position:absolute;right:-20px;top:-20px;width:300px;height:190px;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 3px,transparent 3.4px);background-size:14px 14px;-webkit-mask-image:radial-gradient(circle at 80% 20%,#000 10%,transparent 68%);mask-image:radial-gradient(circle at 80% 20%,#000 10%,transparent 68%)}
-.claimbox>*{position:relative}.claimbox .k{font-size:15px;font-weight:500;opacity:.9}.claimbox .h{margin-top:8px;font-size:clamp(32px,3.6vw,44px);line-height:.95;letter-spacing:-.05em;font-weight:650}
+.claimbox>*{position:relative}
+.claimbox a.cta{display:inline-flex;align-items:center;height:48px;margin-top:14px;padding:0 22px;border-radius:999px;background:#fff;color:var(--ink);font:600 15px var(--sans);text-decoration:none}
+.heads{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:16px}.heads li{position:relative;padding-left:24px;font-size:clamp(17px,1.6vw,20px);line-height:1.35;letter-spacing:-.015em;font-weight:500}.heads li:before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#4F88FF,#B0ACFE 38%,#FB65C2 72%,#FD2980)}
+.nosave .save,.nosave #sts{display:none}
+a.btn{text-decoration:none;display:inline-flex;align-items:center}.claimbox .k{font-size:15px;font-weight:500;opacity:.9}.claimbox .h{margin-top:8px;font-size:clamp(32px,3.6vw,44px);line-height:.95;letter-spacing:-.05em;font-weight:650}
 .claimbox .pill{display:inline-flex;margin-top:14px;padding:9px 15px;border-radius:999px;background:rgba(11,11,10,.22);font:16px var(--mono)}.claimbox .pill span{opacity:.7}
 .claimbox p{margin:12px 0 0;max-width:460px;font-size:15.5px;line-height:1.42}
 .claimbox button{margin-top:18px;height:52px;padding:0 24px;border-radius:999px;border:0;background:#fff;color:var(--ink);font:600 16px var(--sans);cursor:pointer}
@@ -567,9 +843,9 @@ h2.sec{margin:64px 0 18px;font-size:30px;letter-spacing:-.04em;font-weight:650}
 .grid .card{cursor:pointer;transition:transform .15s}.grid .card:hover{transform:translateY(-3px)}
 .save{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:40px;margin-top:6px;border:0;background:none;border-radius:999px;font:500 13px var(--sans);color:#3A3935;cursor:pointer}.save:hover{background:rgba(11,11,10,.05)}.save svg{width:14px;height:14px}
 .tips{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tips div{border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(11,11,10,.08);padding:20px 22px}.tips b{display:block;font-size:16px}.tips span{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:#3A3935}
-@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-r{order:-1}.claimbox{margin-top:24px}.tips{grid-template-columns:1fr}h2.sec{margin-top:48px;font-size:24px}}
+@media(max-width:760px){.hero{grid-template-columns:1fr;margin-top:28px;gap:28px}.hero-r{order:-1}.glance{grid-template-columns:1fr;margin-top:28px}.heads-card{padding:24px 22px}.claimbox{padding:24px 22px}.tips{grid-template-columns:1fr}h2.sec{margin-top:48px;font-size:24px}}
 .intro{position:fixed;inset:0;z-index:40;background:var(--ink);color:#F4F1EA;display:flex;flex-direction:column;padding:26px clamp(20px,4vw,48px);overflow:auto}.intro[hidden],.story[hidden]{display:none}
-.intro:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(244,241,234,.85) 0 3px,transparent 3.4px);background-size:18px 18px;-webkit-mask-image:radial-gradient(ellipse at 78% 40%,#000 0%,transparent 55%);mask-image:radial-gradient(ellipse at 78% 40%,#000 0%,transparent 55%);pointer-events:none}
+.intro:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(244,241,234,.85) 0 3px,transparent 3.4px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle at 78% 50%,transparent 0 17vw,rgba(0,0,0,.55) 21vw,transparent 31vw);mask-image:radial-gradient(circle at 78% 50%,transparent 0 17vw,rgba(0,0,0,.55) 21vw,transparent 31vw);pointer-events:none}
 .intro>*{position:relative}.intro .top .note{color:#F4F1EA;opacity:.75}
 .intro .mid{margin:auto 0;max-width:720px;padding:40px 0}.intro .meta{font-size:clamp(15px,1.6vw,18px);font-weight:500;opacity:.8}
 .intro h1{margin:18px 0 0;font-size:clamp(56px,9vw,112px);line-height:.88;letter-spacing:-.065em;font-weight:650}
@@ -590,79 +866,58 @@ h2.sec{margin:64px 0 18px;font-size:30px;letter-spacing:-.04em;font-weight:650}
 @media(max-width:640px){.nb{display:none}}
 .st-acts{margin-top:14px;display:flex;gap:10px}.st-acts button{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:0;background:rgba(244,241,234,.1);color:#F4F1EA;font:500 14px var(--sans);cursor:pointer}.st-acts svg{width:16px;height:16px}
 .card{container-type:inline-size;aspect-ratio:4/5;width:100%;border-radius:5.5%/4.4%;overflow:hidden;position:relative;background:var(--bg);color:var(--fg);isolation:isolate}
-.card canvas{position:absolute;inset:0;width:100%;height:100%}
+.card canvas{position:absolute;inset:0;width:100%;height:100%}.card canvas.av{inset:auto;left:27cqw;top:18cqw;width:46cqw;height:46cqw}.card canvas.av.s{left:auto;right:5cqw;top:5cqw;width:22cqw;height:22cqw}.card canvas.av.s~.in .ask{max-width:none;padding-right:23cqw;min-height:16cqw;font-size:3.7cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intro .iav{position:absolute;right:clamp(24px,6vw,96px);top:50%;transform:translateY(-50%);width:min(34vw,440px);height:min(34vw,440px);pointer-events:none}@media (max-width:860px){.intro .iav{position:static;transform:none;width:120px;height:120px;margin:8px 0 -8px}}
 .card .in{position:absolute;inset:0;padding:9cqw 8cqw 7cqw;display:flex;flex-direction:column;z-index:1}
 .ask{font-size:4.4cqw;font-weight:500;opacity:.85;margin-top:3cqw;max-width:62%}
 .big{margin-top:auto;font-size:var(--bs,19cqw);line-height:.9;letter-spacing:-.055em;font-weight:650;text-wrap:balance}
 .line{font-size:5.6cqw;line-height:1.25;letter-spacing:-.015em;margin-top:3.4cqw;max-width:92%;text-wrap:balance}
 .ft{display:flex;justify-content:space-between;align-items:center;margin-top:6cqw;font-size:3.4cqw;opacity:.8}.ft .b{display:flex;align-items:center;gap:1.6cqw;font-weight:600}.ft svg{width:4.6cqw;height:4.6cqw}.ft .u{font-family:var(--mono)}
-.sum{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:4.5cqw 5cqw}.sum div{border-top:.35cqw solid currentColor;padding-top:2cqw}.sum small{display:block;font-size:3.4cqw;opacity:.75;margin-bottom:.6cqw}.sum b{font-size:6.2cqw;letter-spacing:-.035em;font-weight:650;line-height:1}
+.sum{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:5.5cqw 6cqw}.sum div{border-top:.35cqw solid currentColor;padding-top:2.6cqw}.sum small{display:block;font-size:3.4cqw;opacity:.75;margin-bottom:1.4cqw}.sum b{font-size:6.2cqw;letter-spacing:-.035em;font-weight:650;line-height:1}
 .arch{font-size:11.5cqw;line-height:.92;letter-spacing:-.05em;font-weight:650;margin:2cqw 0 6cqw}
-.rows{margin-top:6cqw;display:grid;gap:3.2cqw}.rows div{display:grid;grid-template-columns:minmax(0,1fr) auto 9cqw;align-items:center;gap:2.6cqw;font-size:4cqw;font-weight:500;white-space:nowrap}.rows div>span{overflow:hidden;text-overflow:ellipsis}.rows em{display:flex;gap:.9cqw}.rows u{width:2.3cqw;height:2.3cqw;border-radius:50%;background:currentColor;opacity:.14}.rows u.on{opacity:1;background:#8B5FD9}.rows b{text-align:right;font-weight:600}
+.rows{margin-top:6cqw;display:grid;gap:3.2cqw}.rows div{display:grid;grid-template-columns:minmax(0,1fr) auto 9cqw;align-items:center;gap:2.6cqw;font-size:4cqw;font-weight:500;white-space:nowrap}.rows div>span{overflow:hidden;text-overflow:ellipsis}.rows em{display:flex;gap:.9cqw}.rows u{width:2.3cqw;height:2.3cqw;border-radius:50%;background:currentColor;opacity:.14}.rows u.on{opacity:1;background:var(--rc,#8B5FD9)}.rows.many{gap:1.5cqw;margin-top:4cqw}.rows b{text-align:right;font-weight:600}
 ${api ? CLAIM_CSS : ""}
 .grad{background:linear-gradient(100deg,#4F88FF 0%,#B0ACFE 38%,#FB65C2 72%,#FD2980 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
 </style></head><body>
 <svg width="0" height="0" style="position:absolute" aria-hidden="true"><defs><linearGradient id="ob" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#4F88FF"/><stop offset="38%" stop-color="#B0ACFE"/><stop offset="72%" stop-color="#FB65C2"/><stop offset="100%" stop-color="#FD2980"/></linearGradient><symbol id="mark" viewBox="0 0 64 64"><path fill="url(#ob)" d="${MARK_PATH}"/></symbol></defs></svg>
 <div class="intro" id="intro">
-<div class="top"><div class="brand"><svg viewBox="0 0 64 64"><use href="#mark"/></svg>Hour</div><div class="note">${LOCK}Made on this computer. Nothing has been sent.</div></div>
-<div class="mid"><div class="meta">${escH(meta.period)} · ${meta.sessions} sessions · ${meta.prompts} prompts</div>
-<h1>Your year with <span class="grad">AI</span> is ready.</h1>
-<p>${C.length} cards about how you build: your type, your hours, how you brief the agent. About a minute.</p>
-<div class="go"><button type="button" class="play" id="play"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M7 4.5v15l13-7.5z"/></svg>Play my year</button><button type="button" class="skip" id="skip">Skip to all cards</button></div></div>
+<div class="top"><div class="brand"><svg viewBox="0 0 64 64"><use href="#mark"/></svg>Hour</div><div class="note">${LOCK}${NOTE}</div></div>
+<canvas class="iav" data-av="${avk}:1" aria-hidden="true"></canvas><div class="mid"><div class="meta">${escH(meta.period)} · ${meta.sessions} sessions · ${meta.prompts} prompts</div>
+<h1>${yours} year with <span class="grad">AI</span>${onSite ? "." : " is ready."}</h1>
+<p>${C.length} cards about how ${mode === "visitor" ? escH(first) + " builds" : "you build"}: the type, the hours, how the agent gets briefed. About a minute.</p>
+<div class="go"><button type="button" class="play" id="play"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M7 4.5v15l13-7.5z"/></svg>${mode === "visitor" ? `Play ${escH(first)}'s year` : "Play my year"}</button><button type="button" class="skip" id="skip">Skip to all cards</button></div></div>
 <div class="tip">Tip: use the arrow keys, or tap the left and right of a card. Space pauses.</div>
 </div>
 <div class="story" id="story" hidden role="dialog" aria-modal="true" aria-label="Your year with AI">
-<div class="top"><div class="brand"><svg viewBox="0 0 64 64"><use href="#mark"/></svg>Your year with AI</div><div class="cnt"><span id="stn"></span><button type="button" class="rb" id="stx" aria-label="Close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg></button></div></div>
+<div class="top"><div class="brand"><svg viewBox="0 0 64 64"><use href="#mark"/></svg>${yours} year with AI</div><div class="cnt"><span id="stn"></span><button type="button" class="rb" id="stx" aria-label="Close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg></button></div></div>
 <div class="st-row"><button type="button" class="rb nb" id="stp" aria-label="Previous card"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 5l-7 7 7 7"/></svg></button>
 <div class="st-col"><div class="st-bars" id="bars"></div><div class="st-slot"><div id="slot"></div><button type="button" class="st-hit l" id="hl" aria-label="Previous"></button><button type="button" class="st-hit r" id="hr" aria-label="Next"></button></div></div>
 <button type="button" class="rb nb fw" id="stf" aria-label="Next card"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 5l7 7-7 7"/></svg></button></div>
 <div class="st-acts" id="sta"><button type="button" id="sts">${DL}Save this card</button><button type="button" id="stz"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/></svg><span>Pause</span></button></div>
 </div>
 <div class="wrap">
-<div class="top"><div class="brand"><svg viewBox="0 0 64 64"><use href="#mark"/></svg>Hour</div><div class="note" id="topnote">${LOCK}Made on this computer. Nothing has been sent.</div></div>
+<div class="top"><div class="brand"><svg viewBox="0 0 64 64"><use href="#mark"/></svg>Hour</div><div class="note" id="topnote">${LOCK}${NOTE}</div></div>
 <section class="hero"><div id="sumcard"></div><div class="hero-r">
-<h1>Your year with AI</h1><p class="sub">${C.length} cards from ${meta.sessions} sessions. Save the ones you like and post them.</p>
-<div class="acts"><button type="button" class="btn" id="saveall">${DL}Save all cards</button><button type="button" class="btn ghost" id="replay"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M7 4.5v15l13-7.5z"/></svg>Play again</button></div>
-${api ? `<div class="claimbox" id="claimbar"><div class="k">Next: make it a profile</div><div class="h">Claim your handle.</div><div class="pill"><span>usehour.com/</span>@<b id="clhandle">you</b></div><p>A profile companies hiring AI builders actually want to read. First come, first served. Private until you say otherwise.</p><button type="button" id="claimb">Claim your handle</button></div>` : ""}
+<h1>${yours} year with AI</h1><p class="sub">${C.length} cards from ${meta.sessions} sessions.${mode === "visitor" ? "" : " Save the ones you like and post them."}</p>
+<div class="acts">${mode === "visitor" ? "" : `<button type="button" class="btn" id="saveall">${DL}Save all cards</button>`}<button type="button" class="btn${mode === "visitor" ? "" : " ghost"}" id="replay"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M7 4.5v15l13-7.5z"/></svg>${mode === "visitor" ? `Play ${escH(first)}'s year` : "Play again"}</button>${onSite && o.profileUrl ? `<a class="btn ghost" href="${escH(o.profileUrl)}">${mode === "visitor" ? `${escH(first)}'s profile` : "Back to my profile"}</a>` : ""}</div>
 </div></section>
-<h2 class="sec">All your cards</h2><div class="grid" id="grid"></div>
-<div class="tips"><div><b>What to post</b><span>Your summary card or your builder type, with one line on what surprised you.</span></div><div><b>Where they go</b><span>Saved cards land in your Downloads, sized for LinkedIn and X.</span></div><div><b>Come back any time</b><span>This page lives in the hour-wrapped folder where you ran the command. The numbers are in wrapped.json.</span></div></div>
+<section class="glance${mode === "owner" ? " solo" : ""}"><div class="heads-card"><div class="k">${mode === "visitor" ? `${escH(first)} in four lines` : "You in four lines"}</div><ul class="heads" id="heads"></ul></div>
+${mode === "visitor" ? `<div class="claimbox"><div class="k">Made with Hour</div><div class="h">What does your year with AI look like?</div><p>Cards like these, from your own Claude Code and Codex logs. Counted on your computer.</p><a class="cta" href="${escH(o.makeUrl || "https://usehour.com/wrapped")}">Make yours</a></div>` : ""}
+${api ? `<div class="claimbox" id="claimbar"><div class="k">Next: make it a profile</div><div class="h">Claim your handle.</div><div class="pill"><span>usehour.com/</span>@<b id="clhandle">you</b></div><p>A profile companies hiring AI builders actually want to read. First come, first served. Private until you say otherwise.</p><button type="button" id="claimb">Claim your handle</button></div>` : ""}
+</section>
+<h2 class="sec">${mode === "visitor" ? `All of ${escH(first)}\u2019s cards` : "All your cards"}</h2><div class="grid" id="grid"></div>
+${mode === "visitor" ? "" : `<div class="tips"><div><b>What to post</b><span>Your summary card or your builder type, with one line on what surprised you.</span></div><div><b>Where they go</b><span>Saved cards land in your Downloads, sized for LinkedIn and X.</span></div><div><b>Come back any time</b><span>${onSite ? "Your cards live on your profile now: open it and press Your cards." : "This page lives in the hour-wrapped folder where you ran the command, and on your profile once you claim one."}</span></div></div>`}
 ${api ? CLAIM_HTML : ""}
 </div>
 <script>
+${AV_JS}
 const D=${data};
 const esc=s=>String(s).replace(/[&<>"]/g,c=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[c]));
-function el(c){const d=document.createElement("article");d.className="card";d.style.setProperty("--bg",c.bg);d.style.setProperty("--fg",c.fg);if(c.bs)d.style.setProperty("--bs",c.bs);
+function el(c){const d=document.createElement("article");d.className="card";d.style.setProperty("--bg",c.bg);d.style.setProperty("--fg",c.fg);if(c.bs)d.style.setProperty("--bs",c.bs);if(c.rc)d.style.setProperty("--rc",c.rc);
 const ft='<div class="ft"><span class="b"><svg viewBox="0 0 64 64"><use href="#mark"/></svg>Hour</span><span class="u">usehour.com</span></div>';
-d.innerHTML='<canvas aria-hidden="true"></canvas><div class="in">'+(c.summary?('<div class="ask">'+esc(c.who?c.who+" \\u00B7 ":"")+esc(c.period)+'</div><div class="arch grad">'+esc(c.type)+'</div><div class="sum">'+c.stats.map(s=>'<div><small>'+esc(s[0])+'</small><b>'+esc(s[1])+'</b></div>').join("")+'</div>'):('<div class="ask">'+esc(c.ask)+'</div>'+(c.rows?'<div class="rows">'+c.rows.map(w=>'<div><span>'+esc(w[0])+'</span><em>'+Array.from({length:10},(_,k)=>'<u'+(k<Math.round(w[1]*10)?' class="on"':'')+'></u>').join("")+'</em><b>'+esc(w[2])+'</b></div>').join("")+'</div>':'')+'<div class="big'+(c.grad?" grad":"")+'">'+esc(c.big)+'</div><div class="line">'+esc(c.line)+'</div>'))+ft+'</div>';
-requestAnimationFrame(()=>draw(d,c));return d}
+d.innerHTML='<canvas aria-hidden="true"></canvas>'+(c.av?'<canvas class="av'+(c.summary?' s':'')+'" aria-hidden="true"></canvas>':'')+'<div class="in">'+(c.summary?('<div class="ask">'+esc(c.who?c.who.split(" ")[0]+" \\u00B7 ":"")+esc(c.period)+'</div><div class="arch grad">'+esc(c.type)+'</div><div class="sum">'+c.stats.map(s=>'<div><small>'+esc(s[0])+'</small><b>'+esc(s[1])+'</b></div>').join("")+'</div>'):('<div class="ask">'+esc(c.ask)+'</div>'+(c.rows?'<div class="rows'+(c.rows.length>5?' many':'')+'">'+c.rows.map(w=>'<div><span>'+esc(w[0])+'</span><em>'+Array.from({length:10},(_,k)=>'<u'+(k<Math.round(w[1]*10)?' class="on"':'')+'></u>').join("")+'</em><b>'+esc(w[2])+'</b></div>').join("")+'</div>':'')+'<div class="big'+(c.grad?" grad":"")+'">'+esc(c.big)+'</div><div class="line">'+esc(c.line)+'</div>'))+ft+'</div>';
+requestAnimationFrame(()=>draw(d,c));if(c.av)HourAvatar.add(d.querySelector("canvas.av"),c.av,1);return d}
 function draw(card,c){const cv=card.querySelector("canvas"),r=card.getBoundingClientRect(),dpr=Math.min(devicePixelRatio||1,2),W=Math.max(1,r.width),H=Math.max(1,r.height);cv.width=W*dpr;cv.height=H*dpr;const g=cv.getContext("2d");g.scale(dpr,dpr);drawOn(g,W,H,c)}
-function drawOn(x,W,H,c){if(!c.pat)return;
-const cols=28,step=W/cols,rows=Math.ceil(H/step),top=H*.13,bot=H*.47;x.fillStyle=c.dot||"#fff";
-const dot=(i,j,s)=>{if(s<=.04)return;x.globalAlpha=Math.min(1,.18+.82*s);x.beginPath();x.arc((i+.5)*step,(j+.5)*step,step*.42*Math.min(1,s),0,7);x.fill()};
-const rand=(i,j)=>{const t=Math.sin(i*127.1+j*311.7+c.id.length*17.3)*43758.5453;return t-Math.floor(t)};
-const band=[];for(let j=0;j<rows;j++){const y=(j+.5)*step;if(y>top&&y<bot)band.push(j)}const nb=band.length,j0=band[0]||0;
-const colChart=v=>{const m=Math.max(1,...v),per=cols/v.length;for(let i=0;i<cols;i++){const h=Math.round(v[Math.min(v.length-1,Math.floor(i/per))]/m*nb);for(let k=0;k<nb;k++)dot(i,j0+nb-1-k,k<h?1:.12)}};
-const ring=(p,a,b)=>{const cx=W/2,cy=(top+bot)/2,R=(bot-top)/2*.98;for(const j of band)for(let i=0;i<cols;i++){const px=(i+.5)*step-cx,py=(j+.5)*step-cy,d=Math.hypot(px,py);let an=Math.atan2(px,-py);if(an<0)an+=2*Math.PI;const t=an/(2*Math.PI),w=R*(a+(b-a)*t);if(d<=R&&d>=R-w)dot(i,j,t<=p?1:.16)}};
-switch(c.pat){case"months":colChart(D.months);break;case"hours":colChart(D.hours);break;case"sweep":ring(1,.06,.5);break;case"ring":ring(c.pct||0,.1,.5);break;
-case"lanes":for(let k=0;k<(c.n||5);k++){const i=Math.round((k+.5)*cols/(c.n||5)),s0=Math.floor(rand(k,3)*nb*.45),e0=nb-Math.floor(rand(k,7)*nb*.3);for(let q=0;q<nb;q++)dot(i,j0+q,q>=s0&&q<e0?1:.14)}break;
-case"share":{const f=c.frac||0;let n=0;for(const j of band)for(let i=0;i<cols;i++){dot(i,j,rand(i,j)<f?1:.16);n++}break}
-case"stripes":{let acc=0;const cut=(c.shares||[1]).map(v=>acc+=v);for(const j of band)for(let i=0;i<cols;i++){const f=(i+.5)/cols,k=cut.findIndex(v=>f<=v+1e-9);dot(i,j,[1,.62,.42,.3,.18][k<0?4:k])}break}
-case"rain":for(const j of band)for(let i=0;i<cols;i++){const v=rand(i,j);dot(i,j,v>.58?.95:v>.3?.35:.1)}break;
-case"field":for(const j of band)for(let i=0;i<cols;i++){const f=(i/cols+(j-j0)/nb)/2;dot(i,j,.15+.85*Math.pow(rand(i,j),1.6)*f*1.4)}break}x.globalAlpha=1}
-/* Save a card as a 1080x1350 PNG. Drawn with canvas on this machine; nothing is uploaded. */
-function wrapText(g,t,maxW){const words=String(t).split(" "),out=[];let l="";for(const w of words){const n=l?l+" "+w:w;if(g.measureText(n).width>maxW&&l){out.push(l);l=w}else l=n}if(l)out.push(l);return out}
-function paint(g,W,H,c){g.fillStyle=c.bg;g.fillRect(0,0,W,H);drawOn(g,W,H,c);const P=W*.08,F="Geist, ui-sans-serif, system-ui, -apple-system, Helvetica, Arial, sans-serif";g.fillStyle=c.fg;g.textBaseline="alphabetic";
-const grad=()=>{const gr=g.createLinearGradient(P,0,W-P,0);[["#4F88FF",0],["#B0ACFE",.38],["#FB65C2",.72],["#FD2980",1]].forEach(([k,o])=>gr.addColorStop(o,k));return gr};
-/* footer */const fs=W*.034,fy=H-W*.07;g.globalAlpha=.8;g.font="600 "+fs+"px "+F;const r=W*.019;g.lineWidth=W*.008;g.strokeStyle=grad();g.beginPath();g.arc(P+r,fy-fs*.35,r,0,7);g.stroke();g.fillText("Hour",P+r*2+W*.016,fy);g.font="400 "+fs+"px ui-monospace, SFMono-Regular, Menlo, monospace";g.textAlign="right";g.fillText("usehour.com",W-P,fy);g.textAlign="left";g.globalAlpha=1;
-let y=fy-W*.085;
-if(c.summary){const cw=(W-2*P-W*.05)/2,rowH=W*.2;const rows=Math.ceil(c.stats.length/2);let top=y-rows*rowH+W*.02;
-c.stats.forEach((s,k)=>{const x=P+(k%2)*(cw+W*.05),yy=top+Math.floor(k/2)*rowH;g.fillStyle=c.fg;g.globalAlpha=1;g.fillRect(x,yy,cw,W*.0035);g.globalAlpha=.75;g.font="400 "+W*.034+"px "+F;g.fillText(s[0],x,yy+W*.05);g.globalAlpha=1;g.font="650 "+W*.062+"px "+F;wrapText(g,s[1],cw).slice(0,2).forEach((l,i)=>g.fillText(l,x,yy+W*.115+i*W*.062))});
-g.font="650 "+W*.115+"px "+F;g.fillStyle=grad();g.fillText(c.type,P,W*.33);g.fillStyle=c.fg;g.globalAlpha=.85;g.font="500 "+W*.044+"px "+F;g.fillText((c.who?c.who+" · ":"")+c.period,P,W*.16);g.globalAlpha=1;return}
-g.font="450 "+W*.056+"px "+F;const L=wrapText(g,c.line,(W-2*P)*.92);L.reverse().forEach((l,i)=>g.fillText(l,P,y-i*W*.07));y-=L.length*W*.07+W*.034;
-let bs=parseFloat(c.bs||"19")/100*W;g.font="650 "+bs+"px "+F;let Bl=wrapText(g,c.big,W-2*P);while(Bl.length>1&&Bl[Bl.length-1].length<=2&&bs>W*.08){bs*=.92;g.font="650 "+bs+"px "+F;Bl=wrapText(g,c.big,W-2*P)}g.fillStyle=c.grad?grad():c.fg;Bl.reverse().forEach((l,i)=>g.fillText(l,P,y-i*bs*.9));
-g.fillStyle=c.fg;g.globalAlpha=.85;g.font="500 "+W*.044+"px "+F;wrapText(g,c.ask,(W-2*P)*.62).forEach((l,i)=>g.fillText(l,P,W*.16+i*W*.055));g.globalAlpha=1;
-if(c.rows){const d=W*.023,gap=W*.009,pw=W*.135,dx=W-P-pw-10*d-9*gap;c.rows.forEach((w,k)=>{const yy=W*.29+k*W*.083;g.fillStyle=c.fg;g.font="500 "+W*.04+"px "+F;g.fillText(w[0],P,yy);g.font="600 "+W*.04+"px "+F;g.textAlign="right";g.fillText(w[2],W-P,yy);g.textAlign="left";for(let q=0;q<10;q++){const on=q<Math.round(w[1]*10);g.globalAlpha=on?1:.14;g.fillStyle=on?"#8B5FD9":c.fg;g.beginPath();g.arc(dx+q*(d+gap)+d/2,yy-W*.015,d/2,0,7);g.fill()}g.globalAlpha=1})}}
+${PAINT_JS}
 async function save(c){try{await document.fonts.ready}catch(e){}const cv=document.createElement("canvas");cv.width=1080;cv.height=1350;paint(cv.getContext("2d"),1080,1350,c);const a=document.createElement("a");a.download="hour-"+c.id+".png";a.href=cv.toDataURL("image/png");document.body.appendChild(a);a.click();a.remove()}
 let cur=0,timer=null,t0=0,paused=false;const DUR=6000;
 const $=id=>document.getElementById(id),slot=$("slot"),bars=$("bars"),grid=$("grid");
@@ -682,13 +937,84 @@ $("play").onclick=()=>openStory(0);$("skip").onclick=closeStory;$("replay").oncl
 $("stp").onclick=$("hl").onclick=()=>show(cur-1);$("stf").onclick=$("hr").onclick=()=>go(cur+1);$("stz").onclick=togglePause;$("sts").onclick=()=>save(D.cards[cur]);
 addEventListener("keydown",e=>{const o=$("cl");if(o&&!o.hidden)return;if($("story").hidden){if(!$("intro").hidden&&(e.key==="Enter"||e.key===" ")){e.preventDefault();openStory(0)}return}
 if(e.key==="ArrowRight")go(cur+1);else if(e.key==="ArrowLeft")show(cur-1);else if(e.key===" "){e.preventDefault();togglePause()}else if(e.key==="Escape")closeStory()});
+(D.heads||[]).forEach(t=>{const li=document.createElement("li");li.textContent=t;$("heads").appendChild(li)});if(!D.canSave)document.body.classList.add("nosave");
 const SUM=D.cards.find(c=>c.summary);if(SUM){const e=el(SUM);e.style.cursor="pointer";e.onclick=()=>openStory(D.cards.indexOf(SUM));$("sumcard").appendChild(e)}
 const DLI='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 4v11M7 10l5 5 5-5M5 20h14"/></svg>';
 D.cards.forEach((c,k)=>{const w=document.createElement("div");const e=el(c);e.onclick=()=>openStory(k);const s=document.createElement("button");s.type="button";s.className="save";s.innerHTML=DLI+"Save";s.onclick=()=>save(c);w.append(e,s);grid.appendChild(w)});
-$("saveall").onclick=async()=>{const b=$("saveall"),t=b.innerHTML;b.disabled=true;for(let i=0;i<D.cards.length;i++){b.textContent="Saving "+(i+1)+" of "+D.cards.length+"…";await save(D.cards[i]);await new Promise(r=>setTimeout(r,350))}b.innerHTML=t;b.disabled=false};
+if($("saveall"))$("saveall").onclick=async()=>{const b=$("saveall"),t=b.innerHTML;b.disabled=true;for(let i=0;i<D.cards.length;i++){b.textContent="Saving "+(i+1)+" of "+D.cards.length+"…";await save(D.cards[i]);await new Promise(r=>setTimeout(r,350))}b.innerHTML=t;b.disabled=false};
 ${api ? CLAIM_JS : ""}
+/* From the profile carousel: usehour.com/@you/cards#card-3 opens that card. */
+const HM=location.hash.match(/^#card-([0-9]+)$/);if(HM&&+HM[1]<D.cards.length)openStory(+HM[1]);
+HourAvatar.scan(document);
 </script></body></html>`;
 }
+/* @shared:end ----------------------------------------------------------- */
+
+/* ------------------------------------------------------------ --explain
+   Prints, in this terminal only, what was counted and what was left out, and
+   the busiest twenty minutes the way versions before 0.4.0 counted them. No
+   prompt text is printed; project folders are shown by their last name only.
+   Nothing is saved or sent. */
+function explain(summaries) {
+  const pad = (x, n) => { const t = String(x); return (t.length > n - 2 ? t.slice(0, n - 3) + "…" : t).padEnd(n); };
+  const tool = (s) => (s.src === "claude" ? "Claude Code" : "Codex");
+  const started = (s) => (s.sub ? "sub-agent" : s.how === "script" ? `program (${s.via || "?"})` : `you (${s.via || "?"})`);
+  const topModel = (s) => { const e = Object.entries(s.models).sort((a, b) => b[1] - a[1])[0]; return e ? e[0] : "–"; };
+  const folder = (s) => (s.cwd ? path.basename(s.cwd) : "–");
+  const withP = summaries.filter((s) => s.prompts.length);
+  const own = withP.filter((s) => !s.sub && s.how !== "script"), prog = withP.filter((s) => !s.sub && s.how === "script"), subs = withP.filter((s) => s.sub);
+  const by = (arr, f) => Object.entries(arr.reduce((a, s) => { const k = f(s); a[k] = (a[k] || 0) + 1; return a; }, {})).sort((a, b) => b[1] - a[1]).map(([k, v]) => `${k} ${v}`).join(", ");
+  const before = compute(summaries.map((s) => ({ ...s, prompts: [...s.prompts], ids: [...s.ids] })), { all: true });
+  const now = compute(summaries.map((s) => ({ ...s, prompts: [...s.prompts], ids: [...s.ids] })));
+  const L = (t = "") => console.log("  " + t);
+  L(); L(B("What Hour counted, and what it left out")); L(DIM("Printed here only. Nothing is saved or sent. No prompt text is shown.")); L();
+  L(B("Sessions with at least one prompt"));
+  L(`  Started by you          ${pad(own.length, 6)} ${DIM(by(own, (s) => tool(s) + " " + (s.via || "?")))}`);
+  L(`  Started by a program    ${pad(prog.length, 6)} ${DIM(by(prog, (s) => tool(s) + " " + (s.via || "?")))}  ${prog.length ? "left out from 0.4.0" : ""}`);
+  L(`  Sub-agents              ${pad(subs.length, 6)} ${DIM("always left out")}`);
+  L();
+  const models = (arr) => { const mc = {}; arr.forEach((s) => { for (const [k, v] of Object.entries(s.models)) mc[k] = (mc[k] || 0) + v; }); const t = Object.values(mc).reduce((a, b) => a + b, 0) || 1; return Object.entries(mc).sort((a, b) => b[1] - a[1]).slice(0, 4).map(([k, v]) => `${k} ${pct(v / t)}% (${v})`).join(", ") || "–"; };
+  L(B("Models, one count per prompt"));
+  L(`  Your sessions           ${models(own)}`);
+  if (prog.length) L(`  Program-started         ${models(prog)}`);
+  L();
+  /* The most agents at work at one moment: counting everything (as before
+     0.4.0), and counting only your own sessions. */
+  const peakAll = peakAtOnce(withP.filter((s) => !s.sub)), peakOwn = peakAtOnce(own);
+  const rows = new Map(peakAll.active.map((s) => [s, s.prompts.length]));
+  const when = (p) => (p.at ? DIM("   at " + p.at.replace("T", " ")) : "");
+  /* What the 0.3.x card showed: sessions with a prompt inside any 20 minutes. */
+  const ev = []; withP.filter((s) => !s.sub).forEach((s) => s.prompts.forEach((p) => { const t = Date.parse(p.ts || ""); if (t) ev.push([t, s]); }));
+  ev.sort((a, b) => a[0] - b[0]); let old = 0; const win = new Map();
+  for (let i = 0, j = 0; i < ev.length; i++) { win.set(ev[i][1], (win.get(ev[i][1]) || 0) + 1); while (ev[i][0] - ev[j][0] > 20 * 60e3) { const k = ev[j][1], v = win.get(k) - 1; v ? win.set(k, v) : win.delete(k); j++; } old = Math.max(old, win.size); }
+  L(B("Agents at once: most agents working at the same moment"));
+  L(`  The 0.3.x card said        ${old}${DIM("   (sessions with a prompt inside 20 minutes, everything counted)")}`);
+  L(`  Counting everything        ${peakAll.max}${when(peakAll)}`);
+  L(`  Only yours (0.4.0)         ${peakOwn.max > MAX_AT_ONCE ? `hidden (above ${MAX_AT_ONCE})` : peakOwn.max}${when(peakOwn)}`);
+  L(DIM("  A session counts as working from your prompt until the agent's last step before your next one."));
+  if (rows.size) {
+    /* Sessions that look the same are grouped: 30 runs of one script are one row. */
+    const g = new Map();
+    rows.forEach((n, s) => { const k = [tool(s), started(s), folder(s), topModel(s)].join("\t"); const x = g.get(k) || { k, sessions: 0, prompts: 0 }; x.sessions++; x.prompts += n; g.set(k, x); });
+    const G = [...g.values()].sort((a, b) => b.sessions - a.sessions || b.prompts - a.prompts);
+    L(); L(DIM("  Working at that moment, counting everything:"));
+    L(DIM("  " + pad("Sessions", 10) + pad("Tool", 13) + pad("Started by", 28) + pad("Project folder", 24) + pad("Model", 24) + "Prompts"));
+    G.slice(0, 25).forEach((x) => { const [t, st, f, mo] = x.k.split("\t"); L("  " + pad(x.sessions, 10) + pad(t, 13) + pad(st, 28) + pad(f, 24) + pad(mo, 24) + x.prompts); });
+    if (G.length > 25) L(DIM(`  …and ${G.length - 25} more rows`));
+  }
+  L();
+  if (before && now) {
+    const v = (m) => (m.sessions.total ? pct(m.proof.sessionsAskedToVerify / m.sessions.total) + "%" : "–");
+    const h = (m, k) => { const x = m.promptProfile.find((y) => y.key === k); return x ? pct(x.value) + "%" : "–"; };
+    const top = (m) => (m.models[0] ? m.models[0].name : "–");
+    L(B("Your numbers, before 0.4.0 → now"));
+    [["Sessions", before.sessions.total, now.sessions.total], ["Prompts", before.prompts.total, now.prompts.total], ["Agents at once", before.parallelMax, now.parallelMax || "hidden"], ["Hour score", (hourScore(before) || {}).total ?? "–", (hourScore(now) || {}).total ?? "–"], ["Made it prove it", v(before), v(now)], ["Briefing", h(before, "brief"), h(now, "brief")], ["Model", top(before), top(now)], ["Builder type", TYPES[builderType(before)].name, TYPES[builderType(now)].name]]
+      .forEach(([k, a, b]) => L(`  ${pad(k, 18)}${pad(a, 26)}→ ${b}`));
+    L();
+  }
+  L(DIM("Copy what you're happy to share. Project folder names are yours to blank out."));
+  L();
+}
 
 /* ------------------------------------------------------------------ the run */
 const B = (s) => `\x1b[1m${s}\x1b[0m`, DIM = (s) => `\x1b[2m${s}\x1b[0m`;
@@ -714,7 +1040,7 @@ function openFile(f) {
 async function main() {
   const argv = process.argv.slice(2), flag = (n) => argv.includes(n), opt = (n) => { const i = argv.indexOf(n); return i >= 0 ? argv[i + 1] : null; };
   if (flag("--help") || flag("-h")) {
-    console.log(`Hour Wrapped ${VERSION}\n\n  npx usehour [--yes] [--no-open] [--no-share] [--out DIR] [--claude-dir DIR] [--codex-dir DIR]\n\n  --yes         skip the first question (reading still happens only on this machine)\n  --no-open     don't open the browser\n  --no-share    cards only: no example prompts, and the cards page cannot connect anywhere\n  --out DIR     where to write hour-wrapped/ (default: current folder)\n`);
+    console.log(`Hour Wrapped ${VERSION}\n\n  npx usehour [--yes] [--no-open] [--no-share] [--out DIR] [--claude-dir DIR] [--codex-dir DIR] [--explain]\n\n  --yes         skip the first question (reading still happens only on this machine)\n  --no-open     don't open the browser\n  --no-share    cards only: no example prompts, and the cards page cannot connect anywhere\n  --out DIR     where to write hour-wrapped/ (default: current folder)\n  --explain     show, in this terminal only, what was counted and what was left out\n`);
     return;
   }
   const home = os.homedir();
@@ -732,8 +1058,9 @@ async function main() {
   const bytes = found.reduce((a, s) => a + s.files.reduce((b, f) => { try { return b + fs.statSync(f).size; } catch { return b; } }, 0), 0);
   console.log("  This reads your session logs, on this machine only:");
   for (const s of found) console.log(`    ${s.label.padEnd(12)} ${s.files.length} files  ${DIM(s.dir)}`);
-  console.log(`\n  It keeps counts${share ? ", plus a few of your best prompts for you to choose from" : ""}.`);
-  console.log(`  This script never connects to the internet.\n`);
+  console.log(`\n  ${B("Private by design.")} It keeps counts and labels only. No prompt you wrote,`);
+  console.log(`  no code and no file contents leave this computer, and this script never`);
+  console.log(`  connects to the internet. (Try it with Wi-Fi off: it still works.)\n`);
   if (!flag("--yes")) {
     if (!process.stdin.isTTY) { console.log("  Run this in a terminal (or add --yes)."); process.exitCode = 1; return; }
     const a = await ask(`  Read ${(bytes / 1e9).toFixed(1)} GB of logs and make your cards? [y/N] `);
@@ -751,12 +1078,13 @@ async function main() {
       if (next >= jobs.length) { w.terminate(); if (--active === 0) resolve(); return; }
       const job = jobs[next++];
       w.once("message", (r) => { if (r.ok) summaries.push(r.s); done++; doneBytes += job.size; tick(); feed(w); });
-      w.postMessage({ file: job.file, src: job.src, examples: share });
+      w.postMessage({ file: job.file, src: job.src, examples: false });
     };
     workers.forEach((w) => { active++; feed(w); });
   });
   if (process.stdout.isTTY) process.stdout.write("\r" + " ".repeat(60) + "\r");
   console.log(`  Read ${jobs.length} files in ${Math.round((Date.now() - t0) / 1000)}s.`);
+  if (flag("--explain")) { explain(summaries); return; }
   const m = compute(summaries);
   if (!m) { console.log("\n  Found the logs but no prompts in them. Nothing to make cards from.\n"); return; }
   const C = cards(m, "");
@@ -764,7 +1092,9 @@ async function main() {
   fs.mkdirSync(outDir, { recursive: true });
   fs.writeFileSync(path.join(outDir, "wrapped.json"), JSON.stringify(m, null, 2));
   const page = path.join(outDir, "index.html");
-  const examples = share ? pickExamples(summaries, 10) : [];
+  /* Since 0.4.0 no prompt text goes on a profile: only counts and labels.
+     (pickExamples stays for anyone who wants to see their best prompts.) */
+  const examples = [];
   const suggest = (() => { try { const u = os.userInfo().username.toLowerCase().replace(/[^a-z0-9-]/g, "").replace(/^-+|-+$/g, "").slice(0, 24); return ["root", "admin", "user", "ubuntu", "runner", "administrator", "guest", "owner"].includes(u) ? "" : u; } catch { return ""; } })();
   fs.writeFileSync(page, pageHTML(m, C, { api: share ? (opt("--api") || API_DEFAULT).replace(/\/+$/, "") : null, examples, suggest: suggest.length >= 3 ? suggest : "" }));
   const type = TYPES[builderType(m)].name;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "usehour",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Your year of building with AI, as Wrapped-style cards, and an optional private profile. Reads your Claude Code and Codex logs locally.",
   "type": "module",
   "bin": { "usehour": "hour.mjs" },