social-autoposter 1.3.10 → 1.5.0

package/bin/server.js

@@ -385,11 +385,19 @@ function getPool() {
   if (_pool) return _pool;
   const dbUrl = getDbUrl();
   if (!dbUrl) return null;
+  // Pool sized for the per-project breakdown load pattern: 8 pg-backed
+  // endpoints (views/upvotes/comments/clicks/posts/bookings/cost + funnel
+  // metadata) firing for 2-3 concurrent projects = ~24 simultaneous queries,
+  // on top of normal page load. max:5 caused ~219k connection timeouts in
+  // skill/logs/launchd-dashboard-stderr.log on 2026-05-19 because every
+  // pg-backed request started failing at the 10s connectionTimeoutMillis cap
+  // (blank Get Started card, empty per-project rows). Neon free tier allows
+  // 100 concurrent connections per project, so 25 is well within budget.
   _pool = new Pool({
     connectionString: dbUrl,
-    max: 5,
+    max: 25,
     idleTimeoutMillis: 30000,
-    connectionTimeoutMillis: 10000,
+    connectionTimeoutMillis: 30000,
   });
   _pool.on('error', (err) => {
     console.error('[pg.Pool] idle client error:', err.message);
@@ -416,9 +424,9 @@ function getBookingsPool() {
   if (!dbUrl) return null;
   _bookingsPool = new Pool({
     connectionString: dbUrl,
-    max: 3,
+    max: 10,
     idleTimeoutMillis: 30000,
-    connectionTimeoutMillis: 10000,
+    connectionTimeoutMillis: 30000,
   });
   _bookingsPool.on('error', (err) => {
     console.error('[bookings pg.Pool] idle client error:', err.message);
@@ -477,7 +485,11 @@ const RUN_MONITOR_PATH = path.join(LOG_DIR, 'run_monitor.log');
 // queries+candidates+above_floor only. Each sub-key is omitted when zero, so
 // `discover=` itself is absent on lines from pipelines that don't emit it.
 // Old log lines without the segment still parse cleanly via the optional `?`.
-const RUN_LINE_RE = /^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2})\s*\|\s*(\S+)\s*\|\s*posted=(\d+)\s+skipped=(\d+)\s+failed=(\d+)(?:\s+replies_refreshed=(\d+))?(?:\s+checked=(\d+)\s+updated=(\d+)\s+removed=(\d+))?(?:\s+unavailable=(\d+))?(?:\s+not_found=(\d+))?(?:\s+salvaged=(\d+))?(?:\s+discover=([^\s|]+))?(?:\s+scan=([^\s|]+))?\s+cost=\$([\d.]+)\s+elapsed=(\d+)s(?:\s+failure_reasons=([^\s|]+))?(?:\s+skip_reasons=([^\s|]+))?/;
+// 2026-05-18 stats-pill relabel: three new optional groups (scanned,
+// changed, views_refreshed) tail the unavailable/not_found block so old log
+// lines still parse via the existing positional regex. Each is independently
+// optional so a partial roll-out (just scanned, just changed) also parses.
+const RUN_LINE_RE = /^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2})\s*\|\s*(\S+)\s*\|\s*posted=(\d+)\s+skipped=(\d+)\s+failed=(\d+)(?:\s+replies_refreshed=(\d+))?(?:\s+checked=(\d+)\s+updated=(\d+)\s+removed=(\d+))?(?:\s+unavailable=(\d+))?(?:\s+not_found=(\d+))?(?:\s+scanned=(\d+))?(?:\s+changed=(\d+))?(?:\s+views_refreshed=(\d+))?(?:\s+salvaged=(\d+))?(?:\s+discover=([^\s|]+))?(?:\s+scan=([^\s|]+))?\s+cost=\$([\d.]+)\s+elapsed=(\d+)s(?:\s+failure_reasons=([^\s|]+))?(?:\s+skip_reasons=([^\s|]+))?/;
 
 // posts.platform is lowercase; UI labels are capitalized.
 const PLATFORM_LABELS = {
@@ -586,7 +598,7 @@ function parseRunMonitorLog(maxLines) {
   for (const line of tail) {
     const m = line.match(RUN_LINE_RE);
     if (!m) continue;
-    const [, ts, script, posted, skipped, failed, repliesRefreshed, checked, updated, removed, unavailable, notFound, salvaged, discoverStr, scanStr, cost, elapsed, failureReasonsStr, skipReasonsStr] = m;
+    const [, ts, script, posted, skipped, failed, repliesRefreshed, checked, updated, removed, unavailable, notFound, scannedRaw, changedRaw, viewsRefreshedRaw, salvaged, discoverStr, scanStr, cost, elapsed, failureReasonsStr, skipReasonsStr] = m;
     if (JOB_HISTORY_HIDDEN_SCRIPTS.has(script)) continue;
     // log_run.py writes naive local-wallclock time (strftime without tz), so
     // `new Date(ts)` in node interprets it as local on the server. That is
@@ -670,6 +682,13 @@ function parseRunMonitorLog(maxLines) {
         removed: removed ? parseInt(removed, 10) : 0,
         unavailable: unavailable ? parseInt(unavailable, 10) : 0,
         not_found: notFound ? parseInt(notFound, 10) : 0,
+        // 2026-05-18 stats-pill relabel: three new fields surface the split
+        // between Step 1 view-scrape leg and Step 2 metric-changed leg.
+        // Absent on pre-relabel log lines (defaults to 0); renderResultPills
+        // falls back to `checked`/`updated` when these are 0.
+        scanned: scannedRaw ? parseInt(scannedRaw, 10) : 0,
+        changed: changedRaw ? parseInt(changedRaw, 10) : 0,
+        views_refreshed: viewsRefreshedRaw ? parseInt(viewsRefreshedRaw, 10) : 0,
         salvaged: salvaged ? parseInt(salvaged, 10) : 0,
         discover, // {} when no `discover=` segment was present on the line
         scan, // {} when no `scan=` segment was present on the line
@@ -1091,6 +1110,20 @@ function parseTwitterBatchIdMs(batchId) {
   return new Date(`${y}-${mo}-${d}T${hh}:${mm}:${ss}`).getTime();
 }
 
+// Parse a reddit cycle batch_id (`rdcycle-YYYYMMDD-HHMMSS`) into epoch ms.
+// Mirrors parseTwitterBatchIdMs. Used to attribute reddit_candidates +
+// posts back to the cycle that owns them, so styles_used / posted counts
+// reflect THIS run's work, not whatever concurrent reddit cycles posted
+// during the same wall-clock window (the prior window-based approach
+// double-counted styles on overlapping 22-min cycles).
+function parseRedditBatchIdMs(batchId) {
+  if (!batchId) return NaN;
+  const m = batchId.match(/^rdcycle-(\d{4})(\d{2})(\d{2})-(\d{2})(\d{2})(\d{2})$/);
+  if (!m) return NaN;
+  const [, y, mo, d, hh, mm, ss] = m;
+  return new Date(`${y}-${mo}-${d}T${hh}:${mm}:${ss}`).getTime();
+}
+
 async function enrichPostCommentsTwitterRuns(runs) {
   const txRuns = runs.filter(r =>
     r.job_type === 'post-comments' && r.platform_key === 'twitter'
@@ -1130,7 +1163,8 @@ async function enrichPostCommentsTwitterRuns(runs) {
   // otherwise undercount the per-run queue snapshot at older runs.
   const candidateRows = await pq(
     "SELECT discovered_at, posted_at, t1_checked_at, drafted_at, " +
-    "       (draft_reply_text IS NOT NULL) AS has_draft, status, batch_id " +
+    "       (draft_reply_text IS NOT NULL) AS has_draft, status, batch_id, " +
+    "       matched_project, tweet_url " +
     "FROM twitter_candidates " +
     "WHERE discovered_at >= $1::timestamp OR posted_at >= $1::timestamp OR t1_checked_at >= $1::timestamp OR status='pending'",
     [since]
@@ -1164,12 +1198,23 @@ async function enrichPostCommentsTwitterRuns(runs) {
     "  )"
   );
   const salvageableNow = (salvageableRow && salvageableRow[0]) ? salvageableRow[0].n : 0;
+  // Bulk-fetch twitter/x posts in window to compute per-run style breakdown.
+  const twitterPostRows = await pq(
+    "SELECT posted_at, thread_url, engagement_style FROM posts " +
+    "WHERE platform IN ('twitter', 'x') AND posted_at >= $1::timestamp AND engagement_style IS NOT NULL",
+    [since]
+  ) || [];
 
   const toMs = (d) => {
     if (!d) return null;
     const dt = d instanceof Date ? d : new Date(d);
     return dt.getTime();
   };
+  const twitterPostNorm = twitterPostRows.map(r => ({
+    postedMs: toMs(r.posted_at),
+    threadUrl: r.thread_url || '',
+    style: r.engagement_style || '',
+  }));
   const searchNorm = searchRows.map(r => ({
     ms: toMs(r.ran_at),
     found: r.tweets_found || 0,
@@ -1194,6 +1239,8 @@ async function enrichPostCommentsTwitterRuns(runs) {
       exitMs,
       status: r.status,
       batch_id: r.batch_id || '',
+      matched_project: r.matched_project || '',
+      tweet_url: r.tweet_url || '',
     };
   });
 
@@ -1235,9 +1282,25 @@ async function enrichPostCommentsTwitterRuns(runs) {
     }
     let candidatesPassed = 0;
     let salvagePosted = 0;
+    // Project labels this cycle actually worked on, surfaced at the end of the
+    // pill row (mirrors enrichPostCommentsRedditRuns). Source is the
+    // twitter_candidates.matched_project values for rows tied to this run's
+    // own batch_id — i.e. tweets Phase 1 scraped + scored on behalf of these
+    // projects. Insertion-order Set preserves first-seen order while deduping.
+    const projectsSeen = new Set();
+    const projectsList = [];
+    const recordProject = (raw) => {
+      if (!raw) return;
+      const proj = raw.trim();
+      if (proj && !projectsSeen.has(proj)) {
+        projectsSeen.add(proj);
+        projectsList.push(proj);
+      }
+    };
     for (const c of candNorm) {
       if (!ownBatchId || c.batch_id !== ownBatchId) continue;
       candidatesPassed++;
+      recordProject(c.matched_project);
       if (c.status === 'posted') {
         posted++;
         // Salvage signature: candidate's discovered_at predates this cycle's
@@ -1270,6 +1333,19 @@ async function enrichPostCommentsTwitterRuns(runs) {
         const body = fs.readFileSync(path.join(LOG_DIR, chosenLog), 'utf8');
         const m = body.match(phase0SalvageRe);
         if (m) salvageAttempted = parseInt(m[1], 10);
+        // Fallback for scan-only cycles where 0 candidates upserted (so
+        // matched_project never landed in twitter_candidates for this batch):
+        // pull project names from the cycle log's "Selected projects:" header.
+        // This surfaces the projects the cycle SCANNED for, mirroring Reddit's
+        // behaviour of capturing project labels even when nothing posted.
+        if (!projectsList.length) {
+          const selM = body.match(/Selected projects:\s*([^\n]+)/);
+          if (selM) {
+            for (const tok of selM[1].split(',')) {
+              recordProject(tok);
+            }
+          }
+        }
       } catch { /* empty */ }
     }
     // Per-run queue delta. ADD = candidates whose discovered_at fell in this
@@ -1341,6 +1417,30 @@ async function enrichPostCommentsTwitterRuns(runs) {
         }
       }
     }
+    // Style counting: scope to the URLs this batch posted, not the time window.
+    // Time-window approach captured concurrent cycles during long-running cycles.
+    const batchPostedUrls = new Set();
+    for (const c of candNorm) {
+      if (ownBatchId && c.batch_id === ownBatchId && c.status === 'posted' && c.tweet_url) {
+        batchPostedUrls.add(c.tweet_url);
+      }
+    }
+    const stylesMapTx = {};
+    for (const p of twitterPostNorm) {
+      if (!p.threadUrl || !batchPostedUrls.has(p.threadUrl)) continue;
+      stylesMapTx[p.style] = (stylesMapTx[p.style] || 0) + 1;
+    }
+    // Fall back to time-window if batch URL matching found nothing (e.g. old
+    // rows before tweet_url was added to the SELECT, or cycle with no ownBatchId).
+    if (!Object.keys(stylesMapTx).length && !ownBatchId) {
+      for (const p of twitterPostNorm) {
+        if (p.postedMs == null || p.postedMs < startMs || p.postedMs > endMs) continue;
+        stylesMapTx[p.style] = (stylesMapTx[p.style] || 0) + 1;
+      }
+    }
+    const stylesUsedTx = Object.entries(stylesMapTx)
+      .sort(function (a, b) { return b[1] - a[1]; })
+      .map(function (e) { return e[0] + '(' + e[1] + ')'; });
     const prior = run.result || {};
     const priorDiscover = (prior.discover && typeof prior.discover === 'object') ? prior.discover : {};
     run.result = {
@@ -1373,6 +1473,13 @@ async function enrichPostCommentsTwitterRuns(runs) {
       salvage_attempted: salvageAttempted,
       salvage_posted: salvagePosted,
       own_batch_id: ownBatchId,
+      // Project(s) this cycle actually worked on (Phase 1 scraped + scored
+      // candidates for), parsed from twitter_candidates.matched_project for
+      // rows tied to this run's batch_id. Surfaces at the end of the dashboard
+      // pill row so the operator can see at a glance which projects consumed
+      // the cycle, even when posted=0. Mirrors enrichPostCommentsRedditRuns.
+      projects_worked: projectsList,
+      styles_used: stylesUsedTx,
       cost_usd: prior.cost_usd || 0,
       failed: prior.failed || 0,
       failure_reasons: Array.isArray(prior.failure_reasons) ? prior.failure_reasons : [],
@@ -1430,7 +1537,8 @@ async function enrichPostCommentsRedditRuns(runs) {
   const since = new Date(oldestMs - 2 * 60 * 1000).toISOString();
   const candidateRows = await pq(
     "SELECT discovered_at, posted_at, last_attempt_at, t1_checked_at, drafted_at, " +
-    "       attempt_count, (draft_text IS NOT NULL) AS has_draft, status, batch_id " +
+    "       attempt_count, (draft_text IS NOT NULL) AS has_draft, status, batch_id, " +
+    "       post_id " +
     "FROM reddit_candidates " +
     "WHERE discovered_at >= $1::timestamp " +
     "   OR posted_at >= $1::timestamp " +
@@ -1456,12 +1564,26 @@ async function enrichPostCommentsRedditRuns(runs) {
     "  )"
   );
   const salvageableNow = (salvageableRow && salvageableRow[0]) ? salvageableRow[0].n : 0;
+  // Bulk-fetch reddit posts in window to compute per-run style breakdown.
+  // posts.id is included so the enricher can scope styles to "posts whose id
+  // appears as reddit_candidates.post_id for this run's own batch_id",
+  // mirroring the Twitter batch-scoped style attribution.
+  const redditPostRows = await pq(
+    "SELECT id, posted_at, engagement_style FROM posts " +
+    "WHERE platform = 'reddit' AND posted_at >= $1::timestamp AND engagement_style IS NOT NULL",
+    [since]
+  ) || [];
 
   const toMs = (d) => {
     if (!d) return null;
     const dt = d instanceof Date ? d : new Date(d);
     return dt.getTime();
   };
+  const redditPostNorm = redditPostRows.map(r => ({
+    id: r.id,
+    postedMs: toMs(r.posted_at),
+    style: r.engagement_style || '',
+  }));
   // exitMs = the moment the row left 'pending'. Null for rows still pending.
   // posted  -> posted_at
   // failed  -> last_attempt_at  (set by _db_mark_candidate_attempt + html_locked)
@@ -1491,6 +1613,7 @@ async function enrichPostCommentsRedditRuns(runs) {
       exitMs,
       status: r.status,
       batch_id: r.batch_id || '',
+      post_id: r.post_id || null,
     };
   });
   // Filename carries the run start: run-reddit-search-YYYY-MM-DD_HHMMSS.log
@@ -1799,6 +1922,57 @@ async function enrichPostCommentsRedditRuns(runs) {
                        + queueDrainedExpired + queueDrainedSkipped;
 
     const dropped = Math.max(0, raw - passed);
+    // Style counting: scope to the post_ids THIS batch posted, not the time
+    // window. Mirrors the Twitter fix (server.js ~line 1408). Window-based
+    // attribution double-counted styles during long-running cycles because
+    // reddit-search overlaps every 15 min and salvage/discover lanes from
+    // OTHER projects post inside the same wall-clock window.
+    //
+    // Derive ownBatchId by matching rdcycle-YYYYMMDD-HHMMSS to run.started_at
+    // within ±10s. Fall back to the cycle log header `Cycle batch_id=...`
+    // (emitted by run-reddit-search.sh:191) when no candidate batch matches,
+    // so cycles that scored 0 raw → 0 candidates still attribute their styles.
+    let ownBatchId = null;
+    let ownBatchDelta = Infinity;
+    for (const c of candNorm) {
+      if (!c.batch_id) continue;
+      const bms = parseRedditBatchIdMs(c.batch_id);
+      if (!Number.isFinite(bms)) continue;
+      const delta = Math.abs(bms - startMs);
+      if (delta > 10 * 1000) continue;
+      if (delta < ownBatchDelta) { ownBatchDelta = delta; ownBatchId = c.batch_id; }
+    }
+    if (!ownBatchId) {
+      const logHeader = body.match(/Cycle batch_id=(rdcycle-\d{8}-\d{6})/);
+      if (logHeader) ownBatchId = logHeader[1];
+    }
+    // Build a Set of posts.id values that THIS batch's reddit_candidates
+    // rows have stamped as their post_id (the posts row created by
+    // post_reddit.py when status flipped to 'posted').
+    const batchPostedIds = new Set();
+    for (const c of candNorm) {
+      if (ownBatchId && c.batch_id === ownBatchId
+          && c.status === 'posted' && c.post_id != null) {
+        batchPostedIds.add(c.post_id);
+      }
+    }
+    const stylesMapRd = {};
+    for (const p of redditPostNorm) {
+      if (p.id == null || !batchPostedIds.has(p.id)) continue;
+      stylesMapRd[p.style] = (stylesMapRd[p.style] || 0) + 1;
+    }
+    // Fall back to time-window when batch-scoped lookup found nothing AND we
+    // failed to identify ownBatchId (very old rows, or cycle log missing the
+    // header). Preserves visibility for runs with no batch correlation.
+    if (!Object.keys(stylesMapRd).length && !ownBatchId) {
+      for (const p of redditPostNorm) {
+        if (p.postedMs == null || p.postedMs < startMs || p.postedMs > endMs) continue;
+        stylesMapRd[p.style] = (stylesMapRd[p.style] || 0) + 1;
+      }
+    }
+    const stylesUsedRd = Object.entries(stylesMapRd)
+      .sort(function (a, b) { return b[1] - a[1]; })
+      .map(function (e) { return e[0] + '(' + e[1] + ')'; });
     const prior = run.result || {};
     // Trust the per-iter rollup `phase=post posted=N` over the bare POSTED:
     // grep when both exist (POSTED: can fire mid-retry). Fall back to the
@@ -1833,6 +2007,11 @@ async function enrichPostCommentsRedditRuns(runs) {
       // end of the dashboard pill row so the operator can see at a glance which
       // project(s) consumed the cycle (often 2 distinct: salvage lane + discover).
       projects_worked: projectsList,
+      styles_used: stylesUsedRd,
+      // Exposed for parity with Twitter's enricher result; lets the dashboard
+      // (or `/api/...`) show which rdcycle batch this run "owns" for debugging
+      // batch-scoped attribution misses.
+      own_batch_id: ownBatchId,
       // Ripen phase (5-min delta gate, scripts/ripen_reddit_plan.py). Reflects
       // the per-run sum across all iterations that reached the ripen step.
       // ripen_iters counts iterations where the [ripen] summary marker fired
@@ -2224,7 +2403,7 @@ async function enrichSeoRuns(runs) {
     }
     if (sessionIds.length) {
       const rows = await pq(
-        'SELECT session_id, total_cost_usd, orchestrator_cost_usd FROM claude_sessions WHERE session_id = ANY($1::uuid[])',
+        'SELECT session_id, total_cost_usd, orchestrator_cost_usd, subagent_cost_usd FROM claude_sessions WHERE session_id = ANY($1::uuid[])',
         [sessionIds]
       );
       if (rows && rows.length) {
@@ -2234,6 +2413,9 @@ async function enrichSeoRuns(runs) {
             orchestrator: r.orchestrator_cost_usd != null
               ? Number(r.orchestrator_cost_usd)
               : null,
+            subagent: r.subagent_cost_usd != null
+              ? Number(r.subagent_cost_usd)
+              : null,
           }])
         );
         for (const run of seoRuns) {
@@ -2246,16 +2428,20 @@ async function enrichSeoRuns(runs) {
             // sessions, locked callers that don't pass --orchestrator-cost-usd),
             // keep whatever streamRes value _collectSeoDetails parsed from the
             // .log file.
+            // SDK-only: d.cost_usd is orchestrator_cost_usd alone. Estimate
+            // and subagent are kept on the row for diagnostic tooltips but
+            // not folded into the displayed total.
             if (Number.isFinite(row.orchestrator)) {
               d.cost_usd = row.orchestrator;
               d.cost_usd_orchestrator = row.orchestrator;
-            } else if (Number.isFinite(d.cost_usd)) {
-              d.cost_usd_orchestrator = d.cost_usd;
+            } else {
+              d.cost_usd = null;
+              d.cost_usd_orchestrator = null;
             }
-            // Manual estimate alongside (always populated by log_claude_session.py).
             if (Number.isFinite(row.estimated)) {
               d.cost_usd_estimated = row.estimated;
             }
+            d.cost_usd_subagent = Number.isFinite(row.subagent) ? row.subagent : 0;
           }
         }
       }
@@ -2284,6 +2470,229 @@ async function enrichSeoRuns(runs) {
   }
 }
 
+// Maps a Job History row's `script` (log_run.py canonical name) to the
+// `claude_sessions.script` values its wrapper actually spawns. Without this
+// constraint a 40-min post_reddit run's window catches every concurrent
+// pipeline's sessions (engage-dm-replies, seo_generate_page, etc.) and the
+// "cost" cell sums everything that ran in parallel — meaningless. Lookup is
+// keyed on the underscore form (post_reddit, dm_replies_reddit) that survives
+// classifyScript's normalization. Add new entries here when a new wrapper
+// pipeline ships.
+const _PHASE_FAMILY = {
+  // Reddit
+  post_reddit:          ['post_reddit'],
+  engage_reddit:        ['engage_reddit'],
+  thread_reddit:        ['run-reddit-threads'],
+  dm_outreach_reddit:   ['dm-outreach-reddit'],
+  dm_replies_reddit:    ['engage-dm-replies'],
+  link_edit_reddit:     ['link-edit-reddit'],
+  // Twitter
+  post_twitter:         ['run-twitter-cycle-scan', 'run-twitter-cycle-prep'],
+  engage_twitter:       ['engage-twitter-phaseB'],
+  thread_twitter:       ['run-twitter-threads'],
+  dm_outreach_twitter:  ['dm-outreach-twitter'],
+  dm_replies_twitter:   ['engage-dm-replies'],
+  link_edit_twitter:    ['link-edit-twitter'],
+  // LinkedIn (run-linkedin bare = pre-phase-split legacy tag, kept for old rows)
+  post_linkedin:        ['run-linkedin-phaseA', 'run-linkedin-phaseB', 'run-linkedin'],
+  engage_linkedin:      ['engage-linkedin-phaseA', 'engage-linkedin-phaseB'],
+  dm_replies_linkedin:  ['engage-dm-replies'],
+  dm_outreach_linkedin: ['dm-outreach-linkedin'],
+  link_edit_linkedin:   ['link-edit-linkedin'],
+  // GitHub
+  post_github:          ['post_github'],
+  engage_github:        ['engage_github', 'github-engage', 'run-github-cycle'],
+  link_edit_github:     ['link-edit-github'],
+  // Moltbook
+  post_moltbook:        ['run-moltbook-cycle'],
+  // SEO
+  gsc_seo:              ['seo_generate_page', 'seo_generate_page_retry'],
+  serp_seo:             ['seo_generate_page', 'seo_generate_page_retry'],
+  seo_improve:          ['seo_improve_page'],
+  seo_weekly_roundup:   ['seo_generate_page'],
+  seo_top_pages:        ['seo_generate_page'],
+  seo_top_posts:        ['seo_generate_page'],
+};
+
+function _phaseFamilyFor(runScript) {
+  if (!runScript) return null;
+  const norm = String(runScript).replace(/-/g, '_').toLowerCase();
+  const aliased = SCRIPT_ALIASES[norm] || norm;
+  const family = _PHASE_FAMILY[aliased];
+  return family && family.length ? new Set(family) : null;
+}
+
+// Per-phase Claude cost breakdown for Job History rows. For each completed
+// run, queries `claude_sessions` rows whose `script` belongs to the run's
+// known phase family (see _PHASE_FAMILY) AND whose `started_at` falls inside
+// [run.started_at - slack, run.finished_at + slack]. Groups results by
+// session script (the phase) and attaches:
+//   run.result.cost_breakdown = {
+//     total, orchestrator, subagent, estimated,
+//     phases: [{phase, sessions, total, orch, sub, est}, ...] // desc by total
+//   }
+//   run.result.cost_usd          = total (overrides the shell-log value when
+//                                  we found ≥1 matching session — the wrapper
+//                                  log line often misses sub-phase cost,
+//                                  e.g. engage_twitter logs $0 but phaseB
+//                                  spent real money).
+//   run.result.cost_usd_from_log = original shell-log value (preserved for
+//                                  audit/provenance).
+//   run.result.cost_usd_*        = orch/subagent/estimated lanes for the
+//                                  4-lane tooltip the Cost column renders.
+// Runs whose `script` isn't in _PHASE_FAMILY get NO breakdown (we don't know
+// which sessions to attribute) and keep their shell-log cost.
+//
+// cycle_id disambiguation (2026-05-15): time-window + family matching alone
+// mis-attributes overlapping cycles. Twitter cycles fire every 15 min, so a
+// 30-min run's window catches the previous cycle's late-running prep and the
+// next cycle's scan. Each wrapper invocation exports a unique SA_CYCLE_ID
+// that every child claude_sessions row inherits, so after window+family
+// matching we pick the ONE cycle_id whose earliest session is closest to the
+// run's started_at (that's the run's own scan/first phase) and drop every
+// session belonging to a different cycle_id. Sessions with NULL cycle_id are
+// only used when the run matched no cycle_id at all (pure fallback).
+async function enrichRunsCostBreakdown(runs) {
+  const candidates = (runs || []).filter(r =>
+    !r.running && r.started_at && r.finished_at && _phaseFamilyFor(r.script)
+  );
+  if (!candidates.length) return;
+  let minStart = Infinity, maxEnd = 0;
+  for (const r of candidates) {
+    const s = Date.parse(r.started_at);
+    const e = Date.parse(r.finished_at);
+    if (Number.isFinite(s) && s < minStart) minStart = s;
+    if (Number.isFinite(e) && e > maxEnd) maxEnd = e;
+  }
+  if (minStart === Infinity) return;
+  const slackMs = _RUN_WINDOW_SLACK_MS;
+  const since = new Date(minStart - slackMs).toISOString();
+  const until = new Date(maxEnd + slackMs).toISOString();
+  let rows;
+  try {
+    rows = await pq(
+      // SDK-only mode: orchestrator_cost_usd is the only number we display.
+      // Subagent and transcript-estimate are kept for diagnostic tooltips but
+      // never added into the total. has_sdk lets the UI distinguish "session
+      // happened but SDK didn't capture cost" from "session cost was $0".
+      "SELECT script, started_at, cycle_id, " +
+        "orchestrator_cost_usd IS NOT NULL AS has_sdk, " +
+        "COALESCE(orchestrator_cost_usd, 0)::float8 AS orch, " +
+        "COALESCE(total_cost_usd, 0)::float8 AS est, " +
+        "COALESCE(subagent_cost_usd, 0)::float8 AS sub " +
+      "FROM claude_sessions WHERE started_at BETWEEN $1::timestamp AND $2::timestamp",
+      [since, until]
+    );
+  } catch (e) {
+    console.error('[enrichRunsCostBreakdown] query failed:', e && e.message || e);
+    return;
+  }
+  if (!rows || !rows.length) return;
+  const sessionList = rows.map(r => ({
+    ts: r.started_at instanceof Date ? r.started_at.getTime() : Date.parse(r.started_at),
+    script: r.script || '(unknown)',
+    cycleId: r.cycle_id || null,
+    hasSdk: !!r.has_sdk,
+    orch: Number(r.orch) || 0,
+    est:  Number(r.est)  || 0,
+    sub:  Number(r.sub)  || 0,
+    // SDK-only: total = orch. Sessions without SDK contribute 0 to total
+    // (they're flagged via hasSdk so the tooltip can show coverage).
+    total: Number(r.orch) || 0,
+  }));
+  for (const r of candidates) {
+    const runStartMs = Date.parse(r.started_at);
+    const startMs = runStartMs - slackMs;
+    const endMs   = Date.parse(r.finished_at) + slackMs;
+    const family = _phaseFamilyFor(r.script);
+    // Step 1: window + family match (over-broad — catches overlapping cycles).
+    const windowMatched = sessionList.filter(s =>
+      s.ts >= startMs && s.ts <= endMs && (!family || family.has(s.script))
+    );
+    // Step 2: cycle_id disambiguation. Group matched sessions by cycle_id and
+    // pick the group whose earliest session starts closest to this run's
+    // started_at — that's the run's own cycle. Drop sessions from other
+    // cycle_ids. If no session carries a cycle_id, fall back to the full
+    // window-matched set (older sessions / pipelines that don't set
+    // SA_CYCLE_ID).
+    let attributed;
+    const byCycle = new Map();
+    for (const s of windowMatched) {
+      if (!s.cycleId) continue;
+      let g = byCycle.get(s.cycleId);
+      if (!g) { g = { earliest: s.ts, sessions: [] }; byCycle.set(s.cycleId, g); }
+      if (s.ts < g.earliest) g.earliest = s.ts;
+      g.sessions.push(s);
+    }
+    if (byCycle.size > 0) {
+      let bestCycle = null, bestDelta = Infinity;
+      for (const [cid, g] of byCycle) {
+        const delta = Math.abs(g.earliest - runStartMs);
+        if (delta < bestDelta) { bestDelta = delta; bestCycle = cid; }
+      }
+      attributed = byCycle.get(bestCycle).sessions;
+    } else {
+      attributed = windowMatched;
+    }
+    const byPhase = {};
+    let totalOrch = 0, totalEst = 0, totalSub = 0;
+    let sessionsAll = 0, sessionsWithSdk = 0;
+    for (const s of attributed) {
+      const key = s.script;
+      const cur = byPhase[key] || { phase: key, sessions: 0, sessions_with_sdk: 0, orch: 0, est: 0, sub: 0 };
+      cur.sessions += 1;
+      if (s.hasSdk) cur.sessions_with_sdk += 1;
+      cur.orch += s.orch;
+      cur.est  += s.est;
+      cur.sub  += s.sub;
+      byPhase[key] = cur;
+      sessionsAll += 1;
+      if (s.hasSdk) sessionsWithSdk += 1;
+      totalOrch += s.orch;
+      totalEst  += s.est;
+      totalSub  += s.sub;
+    }
+    if (!sessionsAll) continue;
+    const phases = Object.values(byPhase)
+      .sort((a, b) => b.orch - a.orch || b.sessions - a.sessions)
+      .map(p => ({
+        phase: p.phase,
+        sessions: p.sessions,
+        sessions_with_sdk: p.sessions_with_sdk,
+        sessions_missing_sdk: p.sessions - p.sessions_with_sdk,
+        total: Number(p.orch.toFixed(6)),
+        orch:  Number(p.orch.toFixed(6)),
+        sub:   Number(p.sub.toFixed(6)),
+        est:   Number(p.est.toFixed(6)),
+      }));
+    if (!r.result) r.result = {};
+    // Preserve provenance: the original shell-log cost (parseFloat'd from the
+    // run_monitor line) is kept under cost_usd_from_log so an operator can
+    // see what the wrapper reported vs what we recomputed.
+    if (typeof r.result.cost_usd === 'number') {
+      r.result.cost_usd_from_log = r.result.cost_usd;
+    }
+    // SDK-only displayed total. Sessions missing SDK contribute 0 — the
+    // sessions_missing_sdk counter on each phase row is the only signal that
+    // real spend went unrecorded.
+    r.result.cost_breakdown = {
+      total: Number(totalOrch.toFixed(6)),
+      orchestrator: Number(totalOrch.toFixed(6)),
+      subagent: Number(totalSub.toFixed(6)),
+      estimated: Number(totalEst.toFixed(6)),
+      sessions: sessionsAll,
+      sessions_with_sdk: sessionsWithSdk,
+      sessions_missing_sdk: sessionsAll - sessionsWithSdk,
+      phases,
+    };
+    r.result.cost_usd = r.result.cost_breakdown.total;
+    r.result.cost_usd_orchestrator = r.result.cost_breakdown.orchestrator;
+    r.result.cost_usd_estimated    = r.result.cost_breakdown.estimated;
+    r.result.cost_usd_subagent     = r.result.cost_breakdown.subagent;
+    r.result.cost_sessions_missing_sdk = r.result.cost_breakdown.sessions_missing_sdk;
+  }
+}
+
 // DB-backed enrichment uses run.started_at and run.finished_at to define a
 // window, plus a small slack on each side for clock skew between the shell
 // trap that wrote the run_monitor line and the page row's completed_at.
@@ -3526,6 +3935,7 @@ async function handleApi(req, res) {
       await enrichPostCommentsTwitterRuns(runs);
       await enrichPostCommentsRedditRuns(runs);
       await enrichSeoRuns(runs);
+      await enrichRunsCostBreakdown(runs);
       // Prepend in-progress pipelines so they appear at the top of the table.
       // Always included regardless of the hours window — a long-running job
       // started before the window is still relevant right now.
@@ -3632,28 +4042,37 @@ async function handleApi(req, res) {
       "), session_counts AS (" +
         "SELECT claude_session_id, COUNT(*)::int AS rows_in_session FROM src GROUP BY claude_session_id" +
       "), session_cost AS (" +
+        // SDK-only mode (2026-05-15): per_row_cost = orchestrator_cost_usd
+        // alone, split evenly across activity rows. NULL when the wrapper
+        // didn't pass --orchestrator-cost-usd (e.g. shell wrappers that omit
+        // --output-format json so Claude never emits total_cost_usd). The
+        // transcript estimate and subagent dollars are computed from a local
+        // pricing table — kept in the JSON payload for diagnostics only,
+        // never folded into the displayed total.
         "SELECT cs.session_id, " +
-          "(COALESCE(cs.orchestrator_cost_usd, cs.total_cost_usd) / NULLIF(sc.rows_in_session, 0))::numeric(10,6) AS per_row_cost, " +
+          "(cs.orchestrator_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(10,6) AS per_row_cost, " +
           "(cs.orchestrator_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(10,6) AS per_row_cost_orchestrator, " +
-          "(cs.total_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(10,6) AS per_row_cost_estimated " +
+          "(cs.total_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(10,6) AS per_row_cost_estimated, " +
+          "(cs.subagent_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(10,6) AS per_row_cost_subagent " +
         "FROM claude_sessions cs JOIN session_counts sc ON sc.claude_session_id = cs.session_id" +
       ") " +
       "SELECT json_agg(row_to_json(r)) FROM (" +
-      "SELECT * FROM (SELECT posted_at AS occurred_at, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN 'posted_thread' ELSE 'posted_comment' END AS type, platform, our_account AS actor, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN COALESCE(thread_title, LEFT(our_content, 280)) ELSE LEFT(our_content, 280) END AS summary, engagement_style AS detail, our_url AS link, ('p' || posts.id) AS key, project_name AS project, sc.per_row_cost AS cost_usd, sc.per_row_cost_orchestrator AS cost_usd_orchestrator, sc.per_row_cost_estimated AS cost_usd_estimated, c.name AS campaign_name, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN NULL ELSE thread_title END AS context_title, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN NULL ELSE thread_url END AS context_url, LEFT(our_content, 3000) AS body FROM posts LEFT JOIN session_cost sc ON sc.session_id = posts.claude_session_id LEFT JOIN campaigns c ON c.id = posts.campaign_id WHERE posted_at IS NOT NULL AND our_content <> '(mention - no original post)' ORDER BY posted_at DESC LIMIT 150) x1 " +
-      "UNION ALL SELECT * FROM (SELECT r2.replied_at, 'replied', r2.platform, r2.their_author, COALESCE(LEFT(r2.our_reply_content, 280), LEFT(r2.their_content, 280)), CASE WHEN r2.is_recommendation THEN 'rec · ' || COALESCE(r2.engagement_style, '') ELSE r2.engagement_style END, r2.our_reply_url, ('r' || r2.id), p.project_name, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, c2.name, p.thread_title, p.thread_url, NULL::text FROM replies r2 LEFT JOIN posts p ON p.id = r2.post_id LEFT JOIN session_cost sc ON sc.session_id = r2.claude_session_id LEFT JOIN campaigns c2 ON c2.id = r2.campaign_id WHERE r2.status='replied' AND r2.replied_at IS NOT NULL ORDER BY r2.replied_at DESC LIMIT 150) x2 " +
-      "UNION ALL SELECT * FROM (SELECT COALESCE(r3.processing_at, r3.discovered_at), 'skipped', r3.platform, r3.their_author, LEFT(r3.their_content, 140), r3.skip_reason, r3.their_comment_url, ('s' || r3.id), p.project_name, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, c3.name, p.thread_title, p.thread_url, NULL::text FROM replies r3 LEFT JOIN posts p ON p.id = r3.post_id LEFT JOIN session_cost sc ON sc.session_id = r3.claude_session_id LEFT JOIN campaigns c3 ON c3.id = r3.campaign_id WHERE r3.status='skipped' ORDER BY COALESCE(r3.processing_at, r3.discovered_at) DESC LIMIT 150) x3 " +
-      "UNION ALL SELECT * FROM (SELECT COALESCE(source_timestamp, received_at), 'mention', platform, author, COALESCE(title, LEFT(body, 140)), sentiment, url, ('m' || id), NULL::text, NULL::numeric, NULL::numeric, NULL::numeric, NULL::text, NULL::text, NULL::text, NULL::text FROM octolens_mentions ORDER BY COALESCE(source_timestamp, received_at) DESC LIMIT 150) x4 " +
-      "UNION ALL SELECT * FROM (SELECT sent_at, 'dm_sent', platform, their_author, LEFT(our_dm_content, 140), NULL::text, chat_url, ('d' || dms.id), NULL::text, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, NULL::text, NULL::text, NULL::text, NULL::text FROM dms LEFT JOIN session_cost sc ON sc.session_id = dms.claude_session_id WHERE status='sent' AND sent_at IS NOT NULL ORDER BY sent_at DESC LIMIT 150) x5 " +
-      "UNION ALL SELECT * FROM (SELECT m.message_at, 'dm_reply_sent', d.platform, d.their_author, LEFT(m.content, 140), NULL::text, d.chat_url, ('dr' || m.id), NULL::text, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, c5.name, NULL::text, NULL::text, NULL::text FROM dm_messages m JOIN dms d ON d.id = m.dm_id LEFT JOIN session_cost sc ON sc.session_id = m.claude_session_id LEFT JOIN campaigns c5 ON c5.id = m.campaign_id WHERE m.direction = 'outbound' AND EXISTS (SELECT 1 FROM dm_messages m2 WHERE m2.dm_id = m.dm_id AND m2.direction = 'inbound' AND m2.message_at < m.message_at) ORDER BY m.message_at DESC LIMIT 150) x5b " +
-      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_serp', 'seo', product, keyword, slug, page_url, ('k' || sk.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_keywords sk LEFT JOIN session_cost sc ON sc.session_id = sk.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL AND COALESCE(source, '') NOT IN ('reddit', 'top_page', 'top_post', 'roundup') ORDER BY completed_at DESC LIMIT 150) x6 " +
-      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_gsc', 'seo', product, query, page_slug, page_url, ('g' || gq.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, NULL::text, NULL::text, NULL::text, NULL::text FROM gsc_queries gq LEFT JOIN session_cost sc ON sc.session_id = gq.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL ORDER BY completed_at DESC LIMIT 150) x7 " +
-      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_reddit', 'seo', product, keyword, slug, page_url, ('kr' || sk2.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_keywords sk2 LEFT JOIN session_cost sc ON sc.session_id = sk2.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL AND source = 'reddit' ORDER BY completed_at DESC LIMIT 150) x8 " +
-      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_top', 'seo', product, keyword, slug, page_url, ('kt' || sk3.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_keywords sk3 LEFT JOIN session_cost sc ON sc.session_id = sk3.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL AND source = 'top_page' ORDER BY completed_at DESC LIMIT 150) x8b " +
-      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_top_post', 'seo', product, keyword, slug, page_url, ('ktp' || sk5.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_keywords sk5 LEFT JOIN session_cost sc ON sc.session_id = sk5.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL AND source = 'top_post' ORDER BY completed_at DESC LIMIT 150) x8tp " +
-      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_roundup', 'seo', product, keyword, slug, page_url, ('kru' || sk4.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_keywords sk4 LEFT JOIN session_cost sc ON sc.session_id = sk4.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL AND source = 'roundup' ORDER BY completed_at DESC LIMIT 150) x8r " +
-      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_improved', 'seo', product, LEFT(COALESCE(rationale, diff_summary, page_path), 140), page_path, page_url, ('pi' || spi.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_page_improvements spi LEFT JOIN session_cost sc ON sc.session_id = spi.claude_session_id WHERE completed_at IS NOT NULL AND status = 'committed' ORDER BY completed_at DESC LIMIT 150) x8c " +
-      "UNION ALL SELECT * FROM (SELECT expired_at, 'page_expired', 'seo', product, regexp_replace(source_path, '^.*/', ''), 'imp=' || impressions_30d || ' clicks=0 age=' || COALESCE(file_age_days::int, 0) || 'd ' || COALESCE(reason,''), page_url, ('xp' || sep.id), product, NULL::numeric, NULL::numeric, NULL::numeric, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_expired_pages sep ORDER BY expired_at DESC LIMIT 150) x8d " +
-      "UNION ALL SELECT * FROM (SELECT resurrected_at AS occurred_at, 'resurrected' AS type, platform, our_account AS actor, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN COALESCE(thread_title, LEFT(our_content, 280)) ELSE LEFT(our_content, 280) END AS summary, NULL::text AS detail, our_url AS link, ('rr' || posts.id) AS key, project_name AS project, sc.per_row_cost AS cost_usd, sc.per_row_cost_orchestrator AS cost_usd_orchestrator, sc.per_row_cost_estimated AS cost_usd_estimated, c9.name AS campaign_name, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN NULL ELSE thread_title END AS context_title, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN NULL ELSE thread_url END AS context_url, LEFT(our_content, 3000) AS body FROM posts LEFT JOIN session_cost sc ON sc.session_id = posts.claude_session_id LEFT JOIN campaigns c9 ON c9.id = posts.campaign_id WHERE resurrected_at IS NOT NULL AND our_content <> '(mention - no original post)' ORDER BY resurrected_at DESC LIMIT 150) x9 " +
+      "SELECT * FROM (SELECT posted_at AS occurred_at, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN 'posted_thread' ELSE 'posted_comment' END AS type, platform, our_account AS actor, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN COALESCE(thread_title, LEFT(our_content, 280)) ELSE LEFT(our_content, 280) END AS summary, engagement_style AS detail, our_url AS link, ('p' || posts.id) AS key, project_name AS project, sc.per_row_cost AS cost_usd, sc.per_row_cost_orchestrator AS cost_usd_orchestrator, sc.per_row_cost_estimated AS cost_usd_estimated, sc.per_row_cost_subagent AS cost_usd_subagent, c.name AS campaign_name, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN NULL ELSE thread_title END AS context_title, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN NULL ELSE thread_url END AS context_url, LEFT(our_content, 3000) AS body FROM posts LEFT JOIN session_cost sc ON sc.session_id = posts.claude_session_id LEFT JOIN campaigns c ON c.id = posts.campaign_id WHERE posted_at IS NOT NULL AND our_content <> '(mention - no original post)' ORDER BY posted_at DESC LIMIT 150) x1 " +
+      "UNION ALL SELECT * FROM (SELECT r2.replied_at, 'replied', r2.platform, r2.their_author, COALESCE(LEFT(r2.our_reply_content, 280), LEFT(r2.their_content, 280)), CASE WHEN r2.is_recommendation THEN 'rec · ' || COALESCE(r2.engagement_style, '') ELSE r2.engagement_style END, r2.our_reply_url, ('r' || r2.id), p.project_name, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, c2.name, p.thread_title, p.thread_url, NULL::text FROM replies r2 LEFT JOIN posts p ON p.id = r2.post_id LEFT JOIN session_cost sc ON sc.session_id = r2.claude_session_id LEFT JOIN campaigns c2 ON c2.id = r2.campaign_id WHERE r2.status='replied' AND r2.replied_at IS NOT NULL ORDER BY r2.replied_at DESC LIMIT 150) x2 " +
+      "UNION ALL SELECT * FROM (SELECT COALESCE(r3.processing_at, r3.discovered_at), 'skipped', r3.platform, r3.their_author, LEFT(r3.their_content, 140), r3.skip_reason, r3.their_comment_url, ('s' || r3.id), p.project_name, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, c3.name, p.thread_title, p.thread_url, NULL::text FROM replies r3 LEFT JOIN posts p ON p.id = r3.post_id LEFT JOIN session_cost sc ON sc.session_id = r3.claude_session_id LEFT JOIN campaigns c3 ON c3.id = r3.campaign_id WHERE r3.status='skipped' ORDER BY COALESCE(r3.processing_at, r3.discovered_at) DESC LIMIT 150) x3 " +
+      "UNION ALL SELECT * FROM (SELECT COALESCE(source_timestamp, received_at), 'mention', platform, author, COALESCE(title, LEFT(body, 140)), sentiment, url, ('m' || id), NULL::text, NULL::numeric, NULL::numeric, NULL::numeric, NULL::numeric, NULL::text, NULL::text, NULL::text, NULL::text FROM octolens_mentions ORDER BY COALESCE(source_timestamp, received_at) DESC LIMIT 150) x4 " +
+      "UNION ALL SELECT * FROM (SELECT sent_at, 'dm_sent', platform, their_author, LEFT(our_dm_content, 140), NULL::text, chat_url, ('d' || dms.id), NULL::text, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, NULL::text, NULL::text, NULL::text, NULL::text FROM dms LEFT JOIN session_cost sc ON sc.session_id = dms.claude_session_id WHERE status='sent' AND sent_at IS NOT NULL ORDER BY sent_at DESC LIMIT 150) x5 " +
+      "UNION ALL SELECT * FROM (SELECT m.message_at, 'dm_reply_sent', d.platform, d.their_author, LEFT(m.content, 140), NULL::text, d.chat_url, ('dr' || m.id), NULL::text, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, c5.name, NULL::text, NULL::text, NULL::text FROM dm_messages m JOIN dms d ON d.id = m.dm_id LEFT JOIN session_cost sc ON sc.session_id = m.claude_session_id LEFT JOIN campaigns c5 ON c5.id = m.campaign_id WHERE m.direction = 'outbound' AND EXISTS (SELECT 1 FROM dm_messages m2 WHERE m2.dm_id = m.dm_id AND m2.direction = 'inbound' AND m2.message_at < m.message_at) ORDER BY m.message_at DESC LIMIT 150) x5b " +
+      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_twitter', 'seo', product, keyword, slug, page_url, ('k' || sk.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_keywords sk LEFT JOIN session_cost sc ON sc.session_id = sk.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL AND source = 'twitter' ORDER BY completed_at DESC LIMIT 150) x6 " +
+      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_misc', 'seo', product, keyword, slug, page_url, ('km' || sk6.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_keywords sk6 LEFT JOIN session_cost sc ON sc.session_id = sk6.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL AND COALESCE(source, '') NOT IN ('reddit', 'top_page', 'top_post', 'roundup', 'twitter') ORDER BY completed_at DESC LIMIT 150) x6m " +
+      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_gsc', 'seo', product, query, page_slug, page_url, ('g' || gq.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, NULL::text, NULL::text, NULL::text, NULL::text FROM gsc_queries gq LEFT JOIN session_cost sc ON sc.session_id = gq.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL ORDER BY completed_at DESC LIMIT 150) x7 " +
+      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_reddit', 'seo', product, keyword, slug, page_url, ('kr' || sk2.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_keywords sk2 LEFT JOIN session_cost sc ON sc.session_id = sk2.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL AND source = 'reddit' ORDER BY completed_at DESC LIMIT 150) x8 " +
+      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_top', 'seo', product, keyword, slug, page_url, ('kt' || sk3.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_keywords sk3 LEFT JOIN session_cost sc ON sc.session_id = sk3.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL AND source = 'top_page' ORDER BY completed_at DESC LIMIT 150) x8b " +
+      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_top_post', 'seo', product, keyword, slug, page_url, ('ktp' || sk5.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_keywords sk5 LEFT JOIN session_cost sc ON sc.session_id = sk5.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL AND source = 'top_post' ORDER BY completed_at DESC LIMIT 150) x8tp " +
+      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_published_roundup', 'seo', product, keyword, slug, page_url, ('kru' || sk4.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_keywords sk4 LEFT JOIN session_cost sc ON sc.session_id = sk4.claude_session_id WHERE completed_at IS NOT NULL AND page_url IS NOT NULL AND source = 'roundup' ORDER BY completed_at DESC LIMIT 150) x8r " +
+      "UNION ALL SELECT * FROM (SELECT completed_at, 'page_improved', 'seo', product, LEFT(COALESCE(rationale, diff_summary, page_path), 140), page_path, page_url, ('pi' || spi.id), product, sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_page_improvements spi LEFT JOIN session_cost sc ON sc.session_id = spi.claude_session_id WHERE completed_at IS NOT NULL AND status = 'committed' ORDER BY completed_at DESC LIMIT 150) x8c " +
+      "UNION ALL SELECT * FROM (SELECT expired_at, 'page_expired', 'seo', product, regexp_replace(source_path, '^.*/', ''), 'imp=' || impressions_30d || ' clicks=0 age=' || COALESCE(file_age_days::int, 0) || 'd ' || COALESCE(reason,''), page_url, ('xp' || sep.id), product, NULL::numeric, NULL::numeric, NULL::numeric, NULL::numeric, NULL::text, NULL::text, NULL::text, NULL::text FROM seo_expired_pages sep ORDER BY expired_at DESC LIMIT 150) x8d " +
+      "UNION ALL SELECT * FROM (SELECT resurrected_at AS occurred_at, 'resurrected' AS type, platform, our_account AS actor, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN COALESCE(thread_title, LEFT(our_content, 280)) ELSE LEFT(our_content, 280) END AS summary, NULL::text AS detail, our_url AS link, ('rr' || posts.id) AS key, project_name AS project, sc.per_row_cost AS cost_usd, sc.per_row_cost_orchestrator AS cost_usd_orchestrator, sc.per_row_cost_estimated AS cost_usd_estimated, sc.per_row_cost_subagent AS cost_usd_subagent, c9.name AS campaign_name, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN NULL ELSE thread_title END AS context_title, CASE WHEN thread_url = our_url AND (thread_author IS NULL OR thread_author = our_account) THEN NULL ELSE thread_url END AS context_url, LEFT(our_content, 3000) AS body FROM posts LEFT JOIN session_cost sc ON sc.session_id = posts.claude_session_id LEFT JOIN campaigns c9 ON c9.id = posts.campaign_id WHERE resurrected_at IS NOT NULL AND our_content <> '(mention - no original post)' ORDER BY resurrected_at DESC LIMIT 150) x9 " +
       "ORDER BY 1 DESC LIMIT 500) r";
     return (async () => {
       const rows = await pq(q);
@@ -3668,6 +4087,7 @@ async function handleApi(req, res) {
           delete e.cost_usd;
           delete e.cost_usd_orchestrator;
           delete e.cost_usd_estimated;
+          delete e.cost_usd_subagent;
         });
       }
       return json(res, { events });
@@ -3866,7 +4286,7 @@ async function handleApi(req, res) {
     // Project is case-sensitive (stored as 'Assrt', 'Cyrano', 'fazm', etc.).
     const rawProject = (url.searchParams.get('project') || '').trim();
     const project = (rawProject === '' || rawProject.toLowerCase() === 'all') ? '' : rawProject;
-    const projectOk = project === '' || /^[A-Za-z0-9_\-]{1,64}$/.test(project);
+    const projectOk = project === '' || /^[A-Za-z0-9_\- ]{1,64}$/.test(project);
     if (!projectOk) return json(res, { error: 'invalid project' }, 400);
     // Non-admin clients can only see projects in their claim. Reject if the
     // requested project isn't allowed, and force-filter the default "all" view.
@@ -3918,18 +4338,23 @@ async function handleApi(req, res) {
           "ELSE COALESCE(upvotes,0) END), 0)::int AS upvotes_discounted, " +
         "COALESCE(SUM(comments_count), 0)::int AS comments, " +
         "COALESCE(SUM(views) FILTER (WHERE LOWER(platform) NOT IN ('moltbook', 'github', 'github_issues')), 0)::int AS views, " +
-        // post_clicks: SUM of post_links.clicks attributable to short links
-        // minted for these posts (post_id-keyed). Reply-keyed clicks are
-        // excluded so we don't double-count engagement on replies that hang
-        // off someone else's thread.
+        // post_clicks: bot-filtered click events from post_link_clicks for
+        // short links minted for these posts (post_id-keyed). Reply-keyed
+        // clicks are excluded so we don't double-count engagement on replies
+        // that hang off someone else's thread. Source matches the picker
+        // (engagement_styles._fetch_style_stats) and top_performers.SCORE_SQL.
         "COALESCE(SUM(pl.total_clicks), 0)::int AS post_clicks, " +
         // Intent dimension (is_recommendation) is independent of tone (engagement_style).
         // This sum tells us "of N posts in this tone, how many carried a project mention".
         "COALESCE(SUM(CASE WHEN is_recommendation THEN 1 ELSE 0 END), 0)::int AS recommendations " +
       "FROM posts " +
       "LEFT JOIN (" +
-        "SELECT post_id, SUM(clicks)::int AS total_clicks " +
-        "FROM post_links WHERE post_id IS NOT NULL GROUP BY post_id" +
+        "SELECT pl2.post_id, COUNT(plc.id)::int AS total_clicks " +
+        "FROM post_links pl2 " +
+        "LEFT JOIN post_link_clicks plc " +
+          "ON plc.code = pl2.code AND plc.is_bot = false " +
+        "WHERE pl2.post_id IS NOT NULL " +
+        "GROUP BY pl2.post_id" +
       ") pl ON pl.post_id = posts.id " +
       "WHERE posted_at >= NOW() - INTERVAL '" + windowHours + " hours' " +
       "AND our_content <> '(mention - no original post)' " +
@@ -3957,9 +4382,10 @@ async function handleApi(req, res) {
   }
 
   // GET /api/cohort/stats - posts bucketed into 4 score cohorts over a trailing window.
-  // Score formula matches top_performers.py SCORE_SQL:
-  //   score = comments_count*3 + upvotes (Reddit/Moltbook: -1 to strip OP self-upvote)
-  // Cohorts: dead=0, low=1-4, mid=5-14, high=15+.
+  // Score formula matches top_performers.py SCORE_SQL and engagement_styles.py picker:
+  //   score = clicks*10 + comments_count*3 + upvotes (Reddit/Moltbook: -1 to strip OP self-upvote)
+  // clicks = COUNT(post_link_clicks WHERE is_bot=false) per post (bot-filtered).
+  // Cohorts: dead=0, low=1-9, mid=10-29, high=30+ (rebucketed for the click-weighted score).
   // Honors the same window/platform/project filters as the rest of the Stats tab.
   if (p === '/api/cohort/stats' && req.method === 'GET') {
     const url = new URL(req.url, 'http://localhost');
@@ -3971,7 +4397,7 @@ async function handleApi(req, res) {
     if (!platformOk) return json(res, { error: 'invalid platform' }, 400);
     const rawProject = (url.searchParams.get('project') || '').trim();
     const project = (rawProject === '' || rawProject.toLowerCase() === 'all') ? '' : rawProject;
-    const projectOk = project === '' || /^[A-Za-z0-9_\-]{1,64}$/.test(project);
+    const projectOk = project === '' || /^[A-Za-z0-9_\- ]{1,64}$/.test(project);
     if (!projectOk) return json(res, { error: 'invalid project' }, 400);
     const cohortPc = auth.projectClause(req.user, 'project_name', project || null);
     if (!cohortPc.ok) return json(res, { windowHours, platform: platform || 'all', project: project || 'all', rows: [], totalPosts: 0 });
@@ -3986,17 +4412,27 @@ async function handleApi(req, res) {
       : '';
     const projectFilter = cohortPc.clause ? cohortPc.clause + ' '
       : (project ? "AND project_name = '" + project.replace(/'/g, "''") + "' " : '');
-    // Score expression (must stay aligned with scripts/top_performers.SCORE_SQL).
+    // Score expression (must stay aligned with scripts/top_performers.SCORE_SQL
+    // and scripts/engagement_styles.py picker). clicks weighted ×10 because a
+    // real human click outvalues 10 likes of vibes. Clicks come from a
+    // bot-filtered subquery against post_link_clicks (matching the picker).
     const scoreExpr =
-      "(COALESCE(comments_count,0) * 3 + " +
+      "(COALESCE(clicks, 0) * 10 + " +
+        "COALESCE(comments_count,0) * 3 + " +
         "CASE WHEN LOWER(platform) IN ('reddit', 'moltbook') " +
           "THEN GREATEST(0, COALESCE(upvotes,0) - 1) " +
           "ELSE COALESCE(upvotes,0) END)";
+    // Cohort bands rescaled for the click-weighted score so most posts don't
+    // collapse into 'high' (a single click already adds 10). Empirically:
+    //   dead = 0   no engagement at all
+    //   low  = 1-9 some upvotes/comments OR no clicks
+    //   mid  = 10-29 a click OR strong comment/upvote
+    //   high = 30+  clicks + discussion combined
     const cohortExpr =
       "CASE " +
         "WHEN " + scoreExpr + " = 0 THEN 'dead' " +
-        "WHEN " + scoreExpr + " BETWEEN 1 AND 4 THEN 'low' " +
-        "WHEN " + scoreExpr + " BETWEEN 5 AND 14 THEN 'mid' " +
+        "WHEN " + scoreExpr + " BETWEEN 1 AND 9 THEN 'low' " +
+        "WHEN " + scoreExpr + " BETWEEN 10 AND 29 THEN 'mid' " +
         "ELSE 'high' END";
     // Views excluded from moltbook/github (no public view counter on those
     // platforms); use FILTER so the views range only reflects platforms that
@@ -4025,11 +4461,20 @@ async function handleApi(req, res) {
         "MAX(COALESCE(views,0)) " + viewsFilter + " AS max_views, " +
         "(AVG(COALESCE(views,0)) " + viewsFilter + ")::numeric(10,0) AS avg_views " +
       "FROM (" +
-        "SELECT platform, " + upvotesNetExpr + " AS upvotes_net, " +
+        "SELECT posts.platform, " + upvotesNetExpr + " AS upvotes_net, " +
+          "COALESCE(pl.total_clicks, 0) AS clicks, " +
           "comments_count, views, " +
           scoreExpr + " AS score, " +
           cohortExpr + " AS cohort " +
         "FROM posts " +
+        "LEFT JOIN (" +
+          "SELECT pl2.post_id, COUNT(plc.id)::int AS total_clicks " +
+          "FROM post_links pl2 " +
+          "LEFT JOIN post_link_clicks plc " +
+            "ON plc.code = pl2.code AND plc.is_bot = false " +
+          "WHERE pl2.post_id IS NOT NULL " +
+          "GROUP BY pl2.post_id" +
+        ") pl ON pl.post_id = posts.id " +
         "WHERE posted_at >= NOW() - INTERVAL '" + windowHours + " hours' " +
           "AND upvotes IS NOT NULL " +
           "AND our_content <> '(mention - no original post)' " +
@@ -4158,7 +4603,16 @@ async function handleApi(req, res) {
     // started with a prospect."
     parts.push("SELECT 'dm_sent' AS type, d.platform AS pl FROM dms d WHERE EXISTS (SELECT 1 FROM dm_messages m WHERE m.dm_id = d.id AND m.direction='outbound' AND m.message_at >= NOW() - " + win + " AND NOT EXISTS (SELECT 1 FROM dm_messages m2 WHERE m2.dm_id = d.id AND m2.direction='outbound' AND m2.message_at < m.message_at))" + dmsAliasedPc.clause);
     parts.push("SELECT 'dm_reply_sent' AS type, d.platform AS pl FROM dm_messages m JOIN dms d ON d.id = m.dm_id WHERE m.direction='outbound' AND m.message_at >= NOW() - " + win + " AND EXISTS (SELECT 1 FROM dm_messages m2 WHERE m2.dm_id = m.dm_id AND m2.direction='inbound' AND m2.message_at < m.message_at)" + dmsAliasedPc.clause);
-    parts.push("SELECT 'page_published_serp' AS type, 'seo' AS pl FROM seo_keywords WHERE completed_at >= NOW() - " + win + " AND page_url IS NOT NULL AND COALESCE(source, '') NOT IN ('reddit', 'top_page', 'top_post', 'roundup')" + seoProdPc.clause);
+    // Pre-2026-05-16: a single 'page_published_serp' bucket caught every
+    // seo_keywords row whose source was not (reddit, top_page, top_post,
+    // roundup). The real SERP pipeline was unloaded 2026-04-17; the cards
+    // labelled "SERP SEO" since then have actually been Twitter-cycle
+    // page-gen output (twitter_gen_links.py -> generate_page.py --trigger
+    // twitter, source='twitter'). Split into an honest twitter bucket and a
+    // misc catch-all for legacy/edge sources (existing_page, gsc,
+    // suggestion:*, competitor:*, topic_template, etc).
+    parts.push("SELECT 'page_published_twitter' AS type, 'seo' AS pl FROM seo_keywords WHERE completed_at >= NOW() - " + win + " AND page_url IS NOT NULL AND source = 'twitter'" + seoProdPc.clause);
+    parts.push("SELECT 'page_published_misc' AS type, 'seo' AS pl FROM seo_keywords WHERE completed_at >= NOW() - " + win + " AND page_url IS NOT NULL AND COALESCE(source, '') NOT IN ('reddit', 'top_page', 'top_post', 'roundup', 'twitter')" + seoProdPc.clause);
     parts.push("SELECT 'page_published_gsc' AS type, 'seo' AS pl FROM gsc_queries WHERE completed_at >= NOW() - " + win + " AND page_url IS NOT NULL" + seoProdPc.clause);
     parts.push("SELECT 'page_published_reddit' AS type, 'seo' AS pl FROM seo_keywords WHERE completed_at >= NOW() - " + win + " AND page_url IS NOT NULL AND source='reddit'" + seoProdPc.clause);
     parts.push("SELECT 'page_published_top' AS type, 'seo' AS pl FROM seo_keywords WHERE completed_at >= NOW() - " + win + " AND page_url IS NOT NULL AND source='top_page'" + seoProdPc.clause);
@@ -4209,7 +4663,7 @@ async function handleApi(req, res) {
     if (!platformOk) return json(res, { error: 'invalid platform' }, 400);
     const rawProject = (url.searchParams.get('project') || '').trim();
     const project = (rawProject === '' || rawProject.toLowerCase() === 'all') ? '' : rawProject;
-    const projectOk = project === '' || /^[A-Za-z0-9_\-]{1,64}$/.test(project);
+    const projectOk = project === '' || /^[A-Za-z0-9_\- ]{1,64}$/.test(project);
     if (!projectOk) return json(res, { error: 'invalid project' }, 400);
     const cacheKey = days + '|' + platform + '|' + project;
     const cached = cache.get(cacheKey);
@@ -4289,7 +4743,7 @@ async function handleApi(req, res) {
     if (!platformOk) return json(res, { error: 'invalid platform' }, 400);
     const rawProject = (url.searchParams.get('project') || '').trim();
     const project = (rawProject === '' || rawProject.toLowerCase() === 'all') ? '' : rawProject;
-    const projectOk = project === '' || /^[A-Za-z0-9_\-]{1,64}$/.test(project);
+    const projectOk = project === '' || /^[A-Za-z0-9_\- ]{1,64}$/.test(project);
     if (!projectOk) return json(res, { error: 'invalid project' }, 400);
     const cacheKey = days + '|' + platform + '|' + project;
     const cached = clicksPerDayCache.get(cacheKey);
@@ -4341,7 +4795,7 @@ async function handleApi(req, res) {
     if (!platformOk) return json(res, { error: 'invalid platform' }, 400);
     const rawProject = (url.searchParams.get('project') || '').trim();
     const project = (rawProject === '' || rawProject.toLowerCase() === 'all') ? '' : rawProject;
-    const projectOk = project === '' || /^[A-Za-z0-9_\-]{1,64}$/.test(project);
+    const projectOk = project === '' || /^[A-Za-z0-9_\- ]{1,64}$/.test(project);
     if (!projectOk) return json(res, { error: 'invalid project' }, 400);
     const cacheKey = days + '|' + platform + '|' + project;
     const cached = postsPerDayCache.get(cacheKey);
@@ -4354,10 +4808,18 @@ async function handleApi(req, res) {
     const projectFilter = project
       ? " AND p.project_name = '" + project.replace(/'/g, "''") + "'"
       : '';
+    // Split posts_made into threads_made (we authored the thread itself) vs
+    // comments_made (we engaged on someone else's thread). Matches the
+    // /api/activity classifier: thread iff thread_url = our_url AND
+    // (thread_author IS NULL OR thread_author = our_account).
+    const threadClause =
+      "p.thread_url = p.our_url AND (p.thread_author IS NULL OR p.thread_author = p.our_account)";
     const q =
       "SELECT json_agg(row_to_json(r)) FROM (" +
         "SELECT to_char((p.posted_at AT TIME ZONE 'UTC')::date, 'YYYY-MM-DD') AS day, " +
-          "COUNT(*)::bigint AS posts_made " +
+          "COUNT(*)::bigint AS posts_made, " +
+          "SUM(CASE WHEN " + threadClause + " THEN 1 ELSE 0 END)::bigint AS threads_made, " +
+          "SUM(CASE WHEN " + threadClause + " THEN 0 ELSE 1 END)::bigint AS comments_made " +
         "FROM posts p " +
         "WHERE p.posted_at IS NOT NULL " +
           "AND p.posted_at >= CURRENT_DATE - INTERVAL '" + days + " days' " +
@@ -4384,7 +4846,7 @@ async function handleApi(req, res) {
     const days = Math.max(1, Math.min(365, parseInt(url.searchParams.get('days') || '30', 10) || 30));
     const rawProject = (url.searchParams.get('project') || '').trim();
     const project = (rawProject === '' || rawProject.toLowerCase() === 'all') ? '' : rawProject;
-    const projectOk = project === '' || /^[A-Za-z0-9_\-]{1,64}$/.test(project);
+    const projectOk = project === '' || /^[A-Za-z0-9_\- ]{1,64}$/.test(project);
     if (!projectOk) return json(res, { error: 'invalid project' }, 400);
     const cacheKey = days + '|' + project;
     const cached = bookingsPerDayCache.get(cacheKey);
@@ -4424,7 +4886,7 @@ async function handleApi(req, res) {
     const days = Math.max(1, Math.min(90, parseInt(url.searchParams.get('days') || '30', 10) || 30));
     const rawProject = (url.searchParams.get('project') || '').trim();
     const project = (rawProject === '' || rawProject.toLowerCase() === 'all') ? '' : rawProject;
-    const projectOk = project === '' || /^[A-Za-z0-9_\-]{1,64}$/.test(project);
+    const projectOk = project === '' || /^[A-Za-z0-9_\- ]{1,64}$/.test(project);
     if (!projectOk) return json(res, { error: 'invalid project' }, 400);
     const cacheKey = days + '|' + project;
     const cached = funnelPerDayCache.get(cacheKey);
@@ -4506,7 +4968,8 @@ async function handleApi(req, res) {
     const sumCols =
       "COALESCE(SUM(sc.per_row_cost), 0)::numeric(12,4) AS total_cost_usd, " +
       "COALESCE(SUM(sc.per_row_cost_orchestrator), 0)::numeric(12,4) AS total_cost_usd_orchestrator, " +
-      "COALESCE(SUM(sc.per_row_cost_estimated), 0)::numeric(12,4) AS total_cost_usd_estimated";
+      "COALESCE(SUM(sc.per_row_cost_estimated), 0)::numeric(12,4) AS total_cost_usd_estimated, " +
+      "COALESCE(SUM(sc.per_row_cost_subagent), 0)::numeric(12,4) AS total_cost_usd_subagent";
     if (includeThread) {
       rowQueries.push(
         "SELECT 'thread' AS type, COUNT(*)::int AS count, " + sumCols + " " +
@@ -4545,15 +5008,46 @@ async function handleApi(req, res) {
       "WITH src AS (" + parts.join(' UNION ALL ') + "), " +
       "session_counts AS (SELECT claude_session_id, COUNT(*)::int AS rows_in_session FROM src GROUP BY claude_session_id), " +
       "session_cost AS (SELECT cs.session_id, " +
-          "(COALESCE(cs.orchestrator_cost_usd, cs.total_cost_usd) / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost, " +
+          "(cs.orchestrator_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost, " +
           "(cs.orchestrator_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost_orchestrator, " +
-          "(cs.total_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost_estimated " +
+          "(cs.total_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost_estimated, " +
+          "(cs.subagent_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost_subagent " +
         "FROM claude_sessions cs JOIN session_counts sc ON sc.claude_session_id = cs.session_id) " +
       "SELECT json_agg(row_to_json(r)) FROM (" + rowQueries.join(' UNION ALL ') + ") r";
+    // Per-phase (script) cost rollup over the same window. Groups every
+    // claude_sessions row in the window by its `script` column (e.g.
+    // run-twitter-cycle-scan, post_reddit, seo_generate_page) and surfaces
+    // total + orchestrator + subagent + estimate lanes. Independent of the
+    // activity-type rollup above: a single post_reddit session might produce
+    // 0 or 1 thread row, but its cost still shows up in the per-phase view.
+    // SDK-only per-phase rollup. total_cost_usd = SUM(orchestrator_cost_usd)
+    // — no transcript estimate, no subagent fold-in. Phases with 0% SDK
+    // coverage (wrapper doesn't capture --orchestrator-cost-usd) show
+    // total $0 but a non-zero sessions_missing_sdk count, which is the
+    // signal to investigate. Also surfaces the estimate and subagent
+    // columns as diagnostic-only fields.
+    const phaseQ =
+      "SELECT script AS phase, " +
+        "COUNT(*)::int AS sessions, " +
+        "COUNT(orchestrator_cost_usd)::int AS sessions_with_sdk, " +
+        "(COUNT(*) - COUNT(orchestrator_cost_usd))::int AS sessions_missing_sdk, " +
+        "COALESCE(SUM(orchestrator_cost_usd), 0)::numeric(12,4) AS total_cost_usd, " +
+        "COALESCE(SUM(orchestrator_cost_usd), 0)::numeric(12,4) AS total_cost_usd_orchestrator, " +
+        "COALESCE(SUM(total_cost_usd), 0)::numeric(12,4) AS total_cost_usd_estimated, " +
+        "COALESCE(SUM(subagent_cost_usd), 0)::numeric(12,4) AS total_cost_usd_subagent " +
+      "FROM claude_sessions " +
+      "WHERE started_at >= NOW() - " + win + " " +
+      "GROUP BY script " +
+      "HAVING COUNT(*) > 0 " +
+      "ORDER BY total_cost_usd DESC, sessions DESC " +
+      "LIMIT 50";
     return (async () => {
       const dbRows = await pq(q);
       const value = (dbRows && dbRows.length && dbRows[0].json_agg) ? dbRows[0].json_agg : [];
-      return json(res, { windowHours, platform: plat || 'all', rows: value });
+      let phases = [];
+      try { phases = await pq(phaseQ) || []; }
+      catch (e) { console.error('[cost/stats] phase query failed:', e && e.message || e); }
+      return json(res, { windowHours, platform: plat || 'all', rows: value, phases });
     })().catch(e => json(res, { error: e.message }, 500));
   }
 
@@ -4583,7 +5077,7 @@ async function handleApi(req, res) {
     const days = Math.max(1, Math.min(365, parseInt(url.searchParams.get('days') || '30', 10) || 30));
     const rawProject = (url.searchParams.get('project') || '').trim();
     const project = (rawProject === '' || rawProject.toLowerCase() === 'all') ? '' : rawProject;
-    const projectOk = project === '' || /^[A-Za-z0-9_\-]{1,64}$/.test(project);
+    const projectOk = project === '' || /^[A-Za-z0-9_\- ]{1,64}$/.test(project);
     if (!projectOk) return json(res, { error: 'invalid project' }, 400);
     const ALLOWED_COST_PLATFORMS = new Set(['reddit', 'twitter', 'linkedin', 'moltbook', 'github', 'seo', 'email']);
     let rawPlat = String(url.searchParams.get('platform') || '').toLowerCase().trim();
@@ -4674,7 +5168,7 @@ async function handleApi(req, res) {
       "WITH src AS (" + parts.join(' UNION ALL ') + "), " +
       "session_counts AS (SELECT claude_session_id, COUNT(*)::int AS rows_in_session FROM src GROUP BY claude_session_id), " +
       "session_cost AS (SELECT cs.session_id, " +
-          "(COALESCE(cs.orchestrator_cost_usd, cs.total_cost_usd) / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost " +
+          "(cs.orchestrator_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost " +
         "FROM claude_sessions cs JOIN session_counts sc ON sc.claude_session_id = cs.session_id), " +
       "in_window AS (" + inWindow.join(' UNION ALL ') + ") " +
       "SELECT json_agg(row_to_json(r)) FROM (" +
@@ -5181,10 +5675,47 @@ async function handleApi(req, res) {
     const pc = auth.projectClause(req.user, 'project_name', url.searchParams.get('project'));
     if (!pc.ok) return json(res, { posts: [], window: windowKey, platform: platformFilter || 'all', kind: kindFilter });
     if (pc.clause) whereParts.push(pc.clause.replace(/^\s*AND\s+/, ''));
+    // 2026-05-18 dashboard parity for Reddit DM-rail follow-ups.
+    // Reply-to-reply rows (we replied back to someone who replied to our
+    // top-level comment) live in the `replies` table, not `posts`, so they
+    // were invisible on the Top tab even though they have real engagement
+    // (some routinely break 1000 views). LinkedIn migrated the analogous
+    // data into `posts` on 2026-05-11, but the (platform, thread_url) dedup
+    // on /api/v1/posts blocks the same migration for Reddit (most reply-
+    // to-replies share thread_url with our top-level post in the same
+    // thread). UNION-into-/api/top sidesteps that entirely: the `replies`
+    // table stays the source of truth, and the Top tab surfaces both
+    // surfaces. The activity feed (line ~3919) already filters
+    // r.status='replied' so reply-to-replies appear ONCE there.
+    //
+    // Build the same WHERE clause for the replies branch, but referencing
+    // `r2.replied_at` for the time window and `parent.thread_url` semantics
+    // for the kind filter. Replies are by definition never threads, so
+    // kind='threads' must exclude the whole branch.
+    const repliesPc = auth.projectClause(req.user, 'parent.project_name', url.searchParams.get('project'));
+    const repliesWhere = [
+      "r2.platform = 'reddit'",          // only Reddit has the gap today
+      "r2.status = 'replied'",
+      "r2.our_reply_id IS NOT NULL",
+      "r2.our_reply_url IS NOT NULL",
+      "r2.our_reply_content IS NOT NULL AND LENGTH(r2.our_reply_content) >= 30",
+    ];
+    if (windowHours != null) {
+      repliesWhere.push("r2.replied_at >= NOW() - INTERVAL '" + windowHours + " hours'");
+    }
+    if (platformFilter && platformFilter !== 'reddit') {
+      // Caller filtered to a non-Reddit platform; replies branch yields nothing.
+      repliesWhere.push("FALSE");
+    }
+    // kind: 'threads' excludes replies entirely; 'comments' and 'all' include.
+    if (kindFilter === 'threads') {
+      repliesWhere.push("FALSE");
+    }
+    if (repliesPc.clause) repliesWhere.push(repliesPc.clause.replace(/^\s*AND\s+/, ''));
     // Moltbook and GitHub have no views metric; return NULL for those so the UI can
     // render a dash instead of a misleading 0. Score still uses COALESCE so they
     // rank alongside other platforms based on upvotes + comments only.
-    const q = "SELECT json_agg(row_to_json(r)) FROM (" +
+    const postsBranch =
       "SELECT posts.id, posts.platform, " +
         // Upvotes are reported NET on Reddit/Moltbook (both auto-apply a +1 OP
         // self-upvote on every post). Strip it per row, clamped at 0 so
@@ -5216,7 +5747,8 @@ async function handleApi(req, res) {
         "COALESCE(pl.bot_clicks, 0)::int AS link_bot_clicks, " +
         "COALESCE(pl.backfill_real, 0)::int AS link_backfill_real, " +
         "COALESCE(pl.link_count, 0)::int AS link_count, " +
-        "pl.first_code AS link_code " +
+        "pl.first_code AS link_code, " +
+        "'post'::text AS row_kind " +
       "FROM posts LEFT JOIN campaigns c ON c.id = posts.campaign_id " +
       // pl rollup: legacy `total_clicks` reads the post_links.clicks integer
       // (humans-only after 2026-05-07; pre-existing rows include bots).
@@ -5245,6 +5777,50 @@ async function handleApi(req, res) {
       ") pl ON pl.post_id = posts.id " +
       "WHERE " + whereParts.join(' AND ') + " " +
       "ORDER BY upvotes DESC NULLS LAST, comments_count DESC NULLS LAST, views DESC NULLS LAST " +
+      "LIMIT " + limit;
+    // Replies branch: shape-compatible SELECT against `replies` JOIN `posts` (parent)
+    // for thread context. ID is negated to guarantee uniqueness within the UNION
+    // (posts.id and replies.id are independent sequences and would otherwise
+    // collide for sort/key purposes). The FE only uses `id` as a React key, so
+    // negative integers are fine.
+    const repliesBranch =
+      "SELECT (-r2.id)::int AS id, r2.platform, " +
+        // Reddit-only branch today; strip the OP self-upvote like the posts branch.
+        "GREATEST(0, COALESCE(r2.upvotes, 0) - 1)::int AS upvotes, " +
+        "COALESCE(r2.comments_count, 0)::int AS comments_count, " +
+        "COALESCE(r2.views, 0)::int AS views, " +
+        // Same score formula. Views (Reddit only) contribute /100.
+        "(COALESCE(r2.comments_count,0) * 5 " +
+          "+ GREATEST(0, COALESCE(r2.upvotes,0) - 1) * 5 " +
+          "+ COALESCE(r2.views,0) / 100)::int AS score, " +
+        "FALSE AS is_thread, " +
+        "r2.replied_at AS posted_at, " +
+        "r2.engagement_updated_at, " +
+        "r2.our_reply_content AS our_content, " +
+        "r2.our_reply_url AS our_url, " +
+        "parent.thread_url, parent.thread_title, " +
+        "LEFT(COALESCE(parent.thread_content, ''), 400) AS thread_content, " +
+        "parent.our_account, parent.project_name, " +
+        "r2.engagement_style, r2.is_recommendation, " +
+        "cr.name AS campaign_name, " +
+        // No link tracking on reply-to-replies yet (we don't usually drop a CTA
+        // there). All link counters return 0 so they sort to the bottom of
+        // any link-clicks ordering.
+        "0::int AS link_clicks, 0::int AS link_real_clicks, " +
+        "0::int AS link_bot_clicks, 0::int AS link_backfill_real, " +
+        "0::int AS link_count, NULL::text AS link_code, " +
+        "'reply'::text AS row_kind " +
+      "FROM replies r2 " +
+      "LEFT JOIN posts parent ON parent.id = r2.post_id " +
+      "LEFT JOIN campaigns cr ON cr.id = r2.campaign_id " +
+      "WHERE " + repliesWhere.join(' AND ') + " " +
+      "ORDER BY r2.upvotes DESC NULLS LAST, r2.comments_count DESC NULLS LAST, r2.views DESC NULLS LAST " +
+      "LIMIT " + limit;
+    const q = "SELECT json_agg(row_to_json(r)) FROM (" +
+      "SELECT * FROM (" + postsBranch + ") posts_branch " +
+      "UNION ALL " +
+      "SELECT * FROM (" + repliesBranch + ") replies_branch " +
+      "ORDER BY upvotes DESC NULLS LAST, comments_count DESC NULLS LAST, views DESC NULLS LAST " +
       "LIMIT " + limit +
       ") r";
     return (async () => {
@@ -5254,6 +5830,134 @@ async function handleApi(req, res) {
     })().catch(e => json(res, { error: e.message }, 500));
   }
 
+  // GET /api/top/destinations - post links rolled up by target URL.
+  // One row per unique destination URL (e.g. https://s4l.ai vs
+  // https://s4l.ai/ghostwriting vs https://s4l.ai/t/<slug>), with click totals
+  // aggregated across every short code that pointed at that URL. Used by the
+  // "Links" subtab in the Top tab to answer "where are my posts sending
+  // traffic and how many clicks does each destination get?"
+  if (p === '/api/top/destinations' && req.method === 'GET') {
+    const url = new URL(req.url, 'http://localhost');
+    const WINDOW_HOURS = { '24h': 24, '7d': 24*7, '14d': 24*14, '30d': 24*30, '90d': 24*90, 'all': null };
+    const rawWindow = String(url.searchParams.get('window') || '7d').toLowerCase();
+    const windowKey = Object.prototype.hasOwnProperty.call(WINDOW_HOURS, rawWindow) ? rawWindow : '7d';
+    const windowHours = WINDOW_HOURS[windowKey];
+    const rawPlatform = String(url.searchParams.get('platform') || '').toLowerCase().trim();
+    const ALLOWED_PLATFORMS = new Set(['reddit', 'twitter', 'x', 'linkedin', 'moltbook', 'github']);
+    const platformFilter = ALLOWED_PLATFORMS.has(rawPlatform) ? rawPlatform : '';
+    const pc = auth.projectClause(req.user, 'pl.project_name', url.searchParams.get('project'));
+    if (!pc.ok) return json(res, { destinations: [], window: windowKey, platform: 'all' });
+    const limit = Math.max(50, Math.min(500, parseInt(url.searchParams.get('limit') || '200', 10) || 200));
+    const whereParts = [];
+    if (windowHours != null) {
+      whereParts.push("pl.minted_at >= NOW() - INTERVAL '" + windowHours + " hours'");
+    }
+    if (platformFilter) {
+      whereParts.push("LOWER(pl.platform) = '" + platformFilter + "'");
+    }
+    if (pc.clause) whereParts.push(pc.clause.replace(/^\s*AND\s+/, ''));
+    const whereSql = whereParts.length ? ('WHERE ' + whereParts.join(' AND ')) : '';
+    // Grouping key is the URL with all query params + trailing slash stripped.
+    // UTM params (utm_source / utm_medium / utm_campaign / utm_term /
+    // utm_content) are baked into every target_url at mint time so each
+    // post gets its own uniquely-tracked URL even when posting at the same
+    // destination; without stripping, the same homepage would split into
+    // 50 rows. Path is preserved (so /ghostwriting stays distinct from /).
+    // Project + platform stay in GROUP BY so a multi-project repo (one
+    // website hosting pages for several projects) keeps them on separate
+    // rows.
+    const q = "SELECT json_agg(row_to_json(r)) FROM (" +
+      "SELECT " +
+        "REGEXP_REPLACE(REGEXP_REPLACE(pl.target_url, '\\?.*$', ''), '/$', '') AS target_url, " +
+        "pl.project_name, pl.platform, " +
+        "COUNT(DISTINCT pl.post_id)::int AS posts, " +
+        "COUNT(*)::int AS codes, " +
+        "COALESCE(SUM(pl.clicks), 0)::int AS legacy_clicks, " +
+        "COALESCE(SUM(plc.real_clicks), 0)::int AS real_clicks, " +
+        "COALESCE(SUM(plc.bot_clicks), 0)::int AS bot_clicks, " +
+        "COALESCE(SUM(pl.real_clicks), 0)::int AS backfill_real, " +
+        "MIN(pl.minted_at) AS first_minted_at, " +
+        "MAX(pl.last_click_at) AS last_click_at " +
+      "FROM post_links pl " +
+      "LEFT JOIN (" +
+        "SELECT code, " +
+        "  COUNT(*) FILTER (WHERE is_bot = false)::int AS real_clicks, " +
+        "  COUNT(*) FILTER (WHERE is_bot = true)::int AS bot_clicks " +
+        "FROM post_link_clicks GROUP BY code" +
+      ") plc ON plc.code = pl.code " +
+      whereSql + " " +
+      "GROUP BY 1, pl.project_name, pl.platform " +
+      "ORDER BY real_clicks DESC NULLS LAST, legacy_clicks DESC NULLS LAST, codes DESC " +
+      "LIMIT " + limit +
+      ") r";
+    return (async () => {
+      const rows = await pq(q);
+      const destinations = (rows && rows.length && rows[0].json_agg) ? rows[0].json_agg : [];
+      // Server-side classification of each destination URL into a kind bucket
+      // and (when applicable) the audience-page angle. Reads config.json
+      // once per request to look up each project's website host + audience
+      // pages list; classification is plain hostname / path matching. Done
+      // here so every consumer (UI, future CSV exports) sees the same
+      // canonical label without having to re-implement classify logic.
+      let cfg = null;
+      try {
+        cfg = JSON.parse(fs.readFileSync(CONFIG_FILE, 'utf8'));
+      } catch (_e) { cfg = { projects: [] }; }
+      const projIdx = {};
+      for (const p of (cfg && cfg.projects) || []) {
+        if (!p || !p.name) continue;
+        const host = String(p.website || '').replace(/^https?:\/\//, '').replace(/^www\./, '').replace(/\/.*$/, '').toLowerCase();
+        const audience = ((p.landing_pages || {}).audience_pages) || [];
+        const apIdx = [];
+        for (const a of audience) {
+          try {
+            const u = new URL(a.url);
+            apIdx.push({
+              angle: a.angle,
+              host: (u.hostname || '').toLowerCase().replace(/^www\./, ''),
+              path: (u.pathname || '/').replace(/\/+$/, '') || '/',
+            });
+          } catch (_e) {}
+        }
+        projIdx[p.name] = { website_host: host, audience_pages: apIdx };
+      }
+      const classify = (targetUrl, projectName) => {
+        if (!targetUrl) return { kind: 'other', audience_page_angle: null };
+        let host = '', pathName = '/';
+        try {
+          const u = new URL(targetUrl);
+          host = (u.hostname || '').toLowerCase().replace(/^www\./, '');
+          pathName = (u.pathname || '/').replace(/\/+$/, '') || '/';
+        } catch (_e) { return { kind: 'other', audience_page_angle: null }; }
+        if (/(^|\.)cal\.com$/.test(host) || /(^|\.)calendly\.com$/.test(host)) return { kind: 'booking', audience_page_angle: null };
+        if (host === 'github.com') return { kind: 'github', audience_page_angle: null };
+        const entry = projectName ? projIdx[projectName] : null;
+        // Audience-page exact host+path match wins over generic SUBPAGE.
+        if (entry) {
+          for (const ap of entry.audience_pages || []) {
+            if (ap.host === host && ap.path === pathName) {
+              return { kind: 'audience_page', audience_page_angle: ap.angle || null };
+            }
+          }
+          if (entry.website_host && host === entry.website_host) {
+            if (pathName === '/' || pathName === '') return { kind: 'home', audience_page_angle: null };
+            if (/^\/t\//.test(pathName)) return { kind: 'seo', audience_page_angle: null };
+            return { kind: 'subpage', audience_page_angle: null };
+          }
+        }
+        if (pathName === '/' || pathName === '') return { kind: 'other', audience_page_angle: null };
+        if (/^\/t\//.test(pathName)) return { kind: 'seo', audience_page_angle: null };
+        return { kind: 'external', audience_page_angle: null };
+      };
+      for (const d of destinations) {
+        const c = classify(d.target_url, d.project_name);
+        d.kind = c.kind;
+        d.audience_page_angle = c.audience_page_angle;
+      }
+      return json(res, { destinations, window: windowKey, platform: platformFilter || 'all' });
+    })().catch(e => json(res, { error: e.message }, 500));
+  }
+
   // GET /api/top/links - post short links ranked by click count.
   // Queries post_links joined with posts so the content snippet is available.
   // Returns links with >= 1 click, ordered by clicks desc. Used by the "Links"
@@ -5319,36 +6023,44 @@ async function handleApi(req, res) {
   // slow (~15-30s), so we cache for 10 min and dedupe concurrent callers.
   // A launchd timer (com.m13v.social-precompute-stats) also writes fresh
   // snapshots to skill/cache/funnel_stats_<N>d.json so cold starts are instant.
+  //
+  // Platform filter handling:
+  //   !platform: read the all-platform snapshot from disk (~instant).
+  //   platform set: read the snapshot for funnel cells (pageviews / signups /
+  //     bookings / amplitude are platform-independent since they measure on-
+  //     site behavior, not which social platform drove the visitor) AND spawn
+  //     python with --posts-only --platform=X to recompute ONLY the per-project
+  //     posts.* engagement counters (~1.5s instead of ~30s+ because the
+  //     PostHog/Amplitude/bookings batch is skipped). Merge the two into one
+  //     payload so the dashboard sees platform-scoped engagement on the same
+  //     row as the all-source funnel cells.
   if (p === '/api/funnel/stats' && req.method === 'GET') {
     const url = new URL(req.url, 'http://localhost');
     const days = Math.max(1, Math.min(90, parseInt(url.searchParams.get('days') || '1', 10) || 1));
-    const entry = funnelStatsCache.get(days);
+    const rawPlatform = (url.searchParams.get('platform') || '').trim().toLowerCase();
+    const platform = (rawPlatform === '' || rawPlatform === 'all') ? '' :
+                     (rawPlatform === 'x' ? 'twitter' : rawPlatform);
+    const platformOk = platform === '' || /^[a-z0-9_]{1,32}$/.test(platform);
+    if (!platformOk) return json(res, { error: 'invalid platform' }, 400);
+    const cacheKey = days + '|' + platform;
+    const entry = funnelStatsCache.get(cacheKey);
     const TTL_MS = 600000;
     if (entry && entry.value && Date.now() - entry.at < TTL_MS) {
-      return json(res, scopeFunnelStatsPayload({ days, ...entry.value, cachedAt: entry.at }, req.user));
-    }
-    const snap = await readSnapshotCached(`funnel_stats_${days}d.json`);
-    if (snap && snap.value && !snap.value.error) {
-      // Warm the in-memory cache so subsequent hits skip the disk read too.
-      funnelStatsCache.set(days, { at: snap.at, value: snap.value });
-      return json(res, scopeFunnelStatsPayload({ ...snap.value, cachedAt: snap.at }, req.user));
+      return json(res, scopeFunnelStatsPayload({ days, platform: platform || 'all', ...entry.value, cachedAt: entry.at }, req.user));
     }
     if (entry && entry.pending) {
-      entry.pending.then(val => json(res, scopeFunnelStatsPayload({ days, ...val, cachedAt: Date.now() }, req.user)))
+      entry.pending.then(val => json(res, scopeFunnelStatsPayload({ days, platform: platform || 'all', ...val, cachedAt: Date.now() }, req.user)))
                    .catch(err => json(res, { error: String(err && err.message || err) }, 500));
       return;
     }
-    // Cloud Run has no python runtime and no PostHog creds; only the
-    // operator's local server can run the live pipeline. Return whatever
-    // we've got (empty snapshot if nothing) rather than hanging.
     if (auth.CLIENT_MODE) {
-      return json(res, { days, error: 'snapshot_missing', cachedAt: null }, 503);
+      return json(res, { days, platform: platform || 'all', error: 'snapshot_missing', cachedAt: null }, 503);
     }
+
     const scriptPath = path.join(DEST, 'scripts', 'project_stats_json.py');
-    const pending = new Promise((resolve, reject) => {
-      const child = spawn('python3', [scriptPath, '--days', String(days)], {
-        env: process.env, cwd: DEST,
-      });
+    const runPython = (extraArgs) => new Promise((resolve, reject) => {
+      const args = [scriptPath, '--days', String(days), ...extraArgs];
+      const child = spawn('python3', args, { env: process.env, cwd: DEST });
       let out = '', err = '';
       child.stdout.on('data', d => out += d);
       child.stderr.on('data', d => err += d);
@@ -5358,12 +6070,69 @@ async function handleApi(req, res) {
         try { resolve(JSON.parse(out)); } catch (e) { reject(e); }
       });
     });
-    funnelStatsCache.set(days, { at: Date.now(), pending });
+
+    let pending;
+    if (platform) {
+      // Fast platform-filtered path: snapshot (funnel cells) + posts-only overlay.
+      // Falls back to the slow full pipeline if no all-platform snapshot exists.
+      pending = (async () => {
+        // Use a 24h freshness window for the overlay base: the snapshot only
+        // contributes the funnel cells (pageviews / signups / bookings /
+        // amplitude / SEO pages), all of which move on a daily-ish timescale.
+        // The posts.* counters (which DO move every few minutes) are
+        // recomputed live via --posts-only, so a stale funnel-cell base is
+        // safe and avoids falling back to the 30s+ full pipeline whenever
+        // the precompute job lags >15min.
+        const STALE_OK = 24 * 60 * 60 * 1000;
+        const snap = await readSnapshotCached(`funnel_stats_${days}d.json`, STALE_OK);
+        if (!snap || !snap.value || snap.value.error || !Array.isArray(snap.value.projects)) {
+          return runPython(['--platform', platform]);
+        }
+        const overlay = await runPython(['--platform', platform, '--posts-only']);
+        const overlayByName = new Map();
+        for (const op of overlay.projects || []) {
+          if (op && op.name) overlayByName.set(op.name, op);
+        }
+        const mergedProjects = snap.value.projects.map(snapP => {
+          if (!snapP || !snapP.name) return snapP;
+          const op = overlayByName.get(snapP.name);
+          if (!op || op.error || !op.posts) return snapP;
+          // Replace ONLY the posts.* counters from the overlay; everything
+          // else (funnel, posthog, bookings, seo, platforms, analytics flags)
+          // stays at the snapshot's all-platform value because those metrics
+          // don't move with the social-platform filter.
+          return { ...snapP, posts: { ...(snapP.posts || {}), ...op.posts } };
+        });
+        return {
+          generated_at: overlay.generated_at || snap.value.generated_at,
+          days,
+          platform,
+          posts_only_overlay: true,
+          projects: mergedProjects,
+          overall: snap.value.overall || null,
+        };
+      })();
+    } else {
+      // Prefer a fresh snapshot. If none, accept a stale-but-recent one
+      // (<24h) to avoid blocking the user behind a 30s+ live python run
+      // every time the precompute job lags. The 5-min precompute timer
+      // cycles through all five windows (1d/7d/14d/30d/90d) so any one
+      // can be 20-30min old at random.
+      const STALE_OK = 24 * 60 * 60 * 1000;
+      const snap = await readSnapshotCached(`funnel_stats_${days}d.json`, STALE_OK);
+      if (snap && snap.value && !snap.value.error) {
+        funnelStatsCache.set(cacheKey, { at: snap.at, value: snap.value });
+        return json(res, scopeFunnelStatsPayload({ ...snap.value, cachedAt: snap.at }, req.user));
+      }
+      pending = runPython([]);
+    }
+
+    funnelStatsCache.set(cacheKey, { at: Date.now(), pending });
     pending.then(val => {
-      funnelStatsCache.set(days, { at: Date.now(), value: val });
-      json(res, scopeFunnelStatsPayload({ days, ...val, cachedAt: Date.now() }, req.user));
+      funnelStatsCache.set(cacheKey, { at: Date.now(), value: val });
+      json(res, scopeFunnelStatsPayload({ days, platform: platform || 'all', ...val, cachedAt: Date.now() }, req.user));
     }).catch(err => {
-      funnelStatsCache.delete(days);
+      funnelStatsCache.delete(cacheKey);
       json(res, { error: String(err && err.message || err) }, 500);
     });
     return;
@@ -5486,11 +6255,23 @@ async function handleApi(req, res) {
           "AND query IS NOT NULL AND length(trim(query)) > 0 " +
       "), " +
       "cand AS ( " +
-        "SELECT 'twitter'  AS platform, c.search_topic AS query, " +
+        // Twitter: c.search_topic is the SEED concept (e.g. "vibe coding") while
+        // twitter_search_attempts.query is the literal X advanced-search string
+        // (e.g. '("vibe coded" OR ...) min_faves:30 since:... -filter:replies').
+        // The two never line up textually, so we associate each candidate to
+        // its parent attempt via (batch_id, project_name) and project the
+        // attempt's `query` as the join key. When one project ran multiple
+        // queries in the same batch (~1.5% of cases), this attributes each
+        // candidate to all of them — known minor over-attribution, acceptable
+        // until we add a per-attempt seed column.
+        "SELECT 'twitter' AS platform, a.query, " +
                "COALESCE(c.matched_project, '(none)') AS project_name, c.post_id " +
         "FROM twitter_candidates c " +
+        "JOIN twitter_search_attempts a " +
+          "ON a.batch_id = c.batch_id " +
+         "AND COALESCE(a.project_name, '(none)') = COALESCE(c.matched_project, '(none)') " +
         "WHERE c.discovered_at >= NOW() - INTERVAL '" + windowHours + " hours' " +
-          "AND c.search_topic IS NOT NULL " +
+          "AND c.batch_id IS NOT NULL " +
         "UNION ALL " +
         "SELECT 'linkedin', c.search_query, COALESCE(c.matched_project, '(none)'), c.post_id " +
         "FROM linkedin_candidates c " +
@@ -5680,7 +6461,7 @@ async function handleApi(req, res) {
     // suppresses the column. SDK and estimate lanes are surfaced separately
     // so the dashboard tooltip can show both, same UX as cost-stats.
     let costByProject = {};
-    let grandCost = 0, grandCostOrch = 0, grandCostEst = 0;
+    let grandCost = 0, grandCostOrch = 0, grandCostEst = 0, grandCostSub = 0;
     if (req.user && req.user.admin) {
       const costSrcParts = [
         "SELECT claude_session_id FROM posts WHERE claude_session_id IS NOT NULL AND posted_at IS NOT NULL",
@@ -5694,24 +6475,24 @@ async function handleApi(req, res) {
       const costWin = "INTERVAL '" + hours + " hours'";
       const costAttributed = [
         "SELECT COALESCE(posts.project_name, '(none)') AS project, " +
-          "sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated " +
+          "sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent " +
           "FROM posts LEFT JOIN session_cost sc ON sc.session_id = posts.claude_session_id " +
           "WHERE posts.posted_at >= NOW() - " + costWin + " " +
           "AND posts.our_content <> '(mention - no original post)'",
         "SELECT COALESCE(replies.project_name, '(none)') AS project, " +
-          "sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated " +
+          "sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent " +
           "FROM replies LEFT JOIN session_cost sc ON sc.session_id = replies.claude_session_id " +
           "WHERE replies.status='replied' AND replies.replied_at >= NOW() - " + costWin,
         "SELECT COALESCE(dms.target_project, '(none)') AS project, " +
-          "sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated " +
+          "sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent " +
           "FROM dms LEFT JOIN session_cost sc ON sc.session_id = dms.claude_session_id " +
           "WHERE dms.status='sent' AND dms.sent_at >= NOW() - " + costWin,
         "SELECT COALESCE(seo_keywords.product, '(none)') AS project, " +
-          "sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated " +
+          "sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent " +
           "FROM seo_keywords LEFT JOIN session_cost sc ON sc.session_id = seo_keywords.claude_session_id " +
           "WHERE seo_keywords.completed_at >= NOW() - " + costWin + " AND seo_keywords.page_url IS NOT NULL",
         "SELECT COALESCE(gsc_queries.product, '(none)') AS project, " +
-          "sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated " +
+          "sc.per_row_cost, sc.per_row_cost_orchestrator, sc.per_row_cost_estimated, sc.per_row_cost_subagent " +
           "FROM gsc_queries LEFT JOIN session_cost sc ON sc.session_id = gsc_queries.claude_session_id " +
           "WHERE gsc_queries.completed_at >= NOW() - " + costWin + " AND gsc_queries.page_url IS NOT NULL",
       ];
@@ -5719,15 +6500,17 @@ async function handleApi(req, res) {
         "WITH src AS (" + costSrcParts.join(' UNION ALL ') + "), " +
         "session_counts AS (SELECT claude_session_id, COUNT(*)::int AS rows_in_session FROM src GROUP BY claude_session_id), " +
         "session_cost AS (SELECT cs.session_id, " +
-            "(COALESCE(cs.orchestrator_cost_usd, cs.total_cost_usd) / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost, " +
+            "(cs.orchestrator_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost, " +
             "(cs.orchestrator_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost_orchestrator, " +
-            "(cs.total_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost_estimated " +
+            "(cs.total_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost_estimated, " +
+            "(cs.subagent_cost_usd / NULLIF(sc.rows_in_session, 0))::numeric(12,6) AS per_row_cost_subagent " +
           "FROM claude_sessions cs JOIN session_counts sc ON sc.claude_session_id = cs.session_id), " +
         "attributed AS (" + costAttributed.join(' UNION ALL ') + ") " +
         "SELECT project, " +
           "COALESCE(SUM(per_row_cost), 0)::numeric(12,4) AS cost_usd, " +
           "COALESCE(SUM(per_row_cost_orchestrator), 0)::numeric(12,4) AS cost_usd_orchestrator, " +
-          "COALESCE(SUM(per_row_cost_estimated), 0)::numeric(12,4) AS cost_usd_estimated " +
+          "COALESCE(SUM(per_row_cost_estimated), 0)::numeric(12,4) AS cost_usd_estimated, " +
+          "COALESCE(SUM(per_row_cost_subagent), 0)::numeric(12,4) AS cost_usd_subagent " +
         "FROM attributed GROUP BY project";
       try {
         const costRows = await pq(costQ) || [];
@@ -5736,10 +6519,12 @@ async function handleApi(req, res) {
           const c = Number(r.cost_usd) || 0;
           const co = Number(r.cost_usd_orchestrator) || 0;
           const ce = Number(r.cost_usd_estimated) || 0;
-          costByProject[proj] = { cost_usd: c, cost_usd_orchestrator: co, cost_usd_estimated: ce };
+          const cs = Number(r.cost_usd_subagent) || 0;
+          costByProject[proj] = { cost_usd: c, cost_usd_orchestrator: co, cost_usd_estimated: ce, cost_usd_subagent: cs };
           grandCost += c;
           grandCostOrch += co;
           grandCostEst += ce;
+          grandCostSub += cs;
         });
       } catch (e) {
         // Soft fail: log and continue without cost data. Don't block the
@@ -5753,6 +6538,7 @@ async function handleApi(req, res) {
       r.cost_usd = c ? c.cost_usd : 0;
       r.cost_usd_orchestrator = c ? c.cost_usd_orchestrator : 0;
       r.cost_usd_estimated = c ? c.cost_usd_estimated : 0;
+      r.cost_usd_subagent = c ? c.cost_usd_subagent : 0;
       return r;
     };
     projects.forEach(attachCost);
@@ -5791,6 +6577,7 @@ async function handleApi(req, res) {
       grand_cost_usd: grandCost,
       grand_cost_usd_orchestrator: grandCostOrch,
       grand_cost_usd_estimated: grandCostEst,
+      grand_cost_usd_subagent: grandCostSub,
       cost_available: !!(req.user && req.user.admin),
       can_edit_weight: !auth.CLIENT_MODE && !!(req.user && req.user.admin),
       projects,
@@ -6389,6 +7176,19 @@ const HTML = `<!DOCTYPE html>
   #top-pages-container .style-stats-table th,
   #top-pages-container .style-stats-table td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 10px; }
   #top-pages-container .style-stats-table td[data-col-key="path"] { white-space: normal; overflow: visible; text-overflow: clip; word-break: break-all; }
+
+  #top-links-container .style-stats-table { table-layout: fixed; }
+  #top-links-container .style-stats-table th,
+  #top-links-container .style-stats-table td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 10px; vertical-align: top; }
+  #top-links-container .style-stats-table td[data-col-key="target_url"] { white-space: normal; overflow: visible; text-overflow: clip; word-break: break-all; }
+  #top-links-container .dest-kind-badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; }
+  #top-links-container .dest-kind-home     { background: rgba(16,185,129,0.18); color: #10b981; }
+  #top-links-container .dest-kind-subpage  { background: rgba(59,130,246,0.18); color: #3b82f6; }
+  #top-links-container .dest-kind-seo      { background: rgba(168,85,247,0.18); color: #a855f7; }
+  #top-links-container .dest-kind-booking  { background: rgba(245,158,11,0.18); color: #f59e0b; }
+  #top-links-container .dest-kind-github   { background: rgba(148,163,184,0.18); color: #94a3b8; }
+  #top-links-container .dest-kind-external { background: rgba(239,68,68,0.18); color: #ef4444; }
+  #top-links-container .dest-kind-other    { background: rgba(148,163,184,0.18); color: #94a3b8; }
   /* DMs sub-tab */
   #top-dms-container .style-stats-table { table-layout: fixed; }
   #top-dms-container .style-stats-table th,
@@ -6630,6 +7430,34 @@ const HTML = `<!DOCTYPE html>
   .daily-metrics-tooltip .tt-row { display: flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; color: var(--text); }
   .daily-metrics-tooltip .tt-row .swatch { width: 8px; height: 8px; border-radius: 2px; display: inline-block; }
   .daily-metrics-tooltip .tt-row .val { margin-left: auto; }
+  /* Trends tab — per-project breakdown. One row per project, each row has a
+     left-aligned project label and the same column chart used in the main
+     section (just shorter). Stack vertically, lazy-loaded on details open;
+     re-rendered (no refetch) when the user toggles legend pills. */
+  .per-project-breakdown { padding: 0 20px 14px; }
+  .per-project-breakdown > summary { display: flex; align-items: center; gap: 8px; padding: 6px 0; cursor: pointer; font-size: 12px; color: var(--text-secondary); user-select: none; list-style: none; }
+  .per-project-breakdown > summary::-webkit-details-marker { display: none; }
+  .per-project-breakdown > summary .pp-caret { display: inline-block; width: 10px; transition: transform 0.1s; }
+  .per-project-breakdown[open] > summary .pp-caret { transform: rotate(90deg); }
+  .per-project-breakdown > summary .pp-status { margin-left: auto; color: var(--text-muted); font-size: 11px; }
+  .per-project-rows { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
+  .per-project-row { display: grid; grid-template-columns: 140px 1fr; align-items: stretch; gap: 8px; padding: 4px 0; border-top: 1px dashed var(--border); }
+  .per-project-row:first-child { border-top: none; }
+  .per-project-label { font-size: 12px; color: var(--text); font-weight: 500; padding: 6px 0 0 4px; word-break: break-word; }
+  .per-project-chart { position: relative; min-height: 130px; }
+  .per-project-chart svg { display: block; width: 100%; height: 130px; overflow: visible; }
+  .per-project-chart .gridline { stroke: var(--border); stroke-width: 1; stroke-dasharray: 2 3; }
+  .per-project-chart .axis-text { fill: var(--text-secondary); font-size: 9px; font-variant-numeric: tabular-nums; }
+  .per-project-chart .series-bar { transition: opacity 0.1s; }
+  .per-project-chart .series-bar:hover { opacity: 0.85; }
+  .per-project-chart .hover-line { stroke: var(--text-muted); stroke-width: 1; stroke-dasharray: 3 3; opacity: 0; pointer-events: none; }
+  .per-project-chart .pp-tooltip { position: absolute; pointer-events: none; background: var(--bg-panel, #fff); border: 1px solid var(--border); border-radius: 6px; padding: 6px 8px; font-size: 11px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); min-width: 160px; max-width: 240px; opacity: 0; transition: opacity 0.08s; z-index: 5; left: 0; top: 0; }
+  .per-project-chart .pp-tooltip .tt-day { font-weight: 600; margin-bottom: 3px; color: var(--text); }
+  .per-project-chart .pp-tooltip .tt-row { display: flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; color: var(--text); }
+  .per-project-chart .pp-tooltip .tt-row .swatch { width: 8px; height: 8px; border-radius: 2px; display: inline-block; }
+  .per-project-chart .pp-tooltip .tt-row .val { margin-left: auto; }
+  .per-project-chart .pp-empty { padding: 14px 12px; color: var(--text-muted); font-size: 11px; text-align: center; }
+  .per-project-row.pp-loading .per-project-chart .pp-empty { color: var(--text-secondary); }
   /* Deploy Health: slim inline bar when collapsed, alert colors when there is something worth attention */
   #deploy-health:not([open]) { margin-bottom: 10px; border-radius: 8px; }
   #deploy-health:not([open]) > summary { padding: 6px 14px; }
@@ -6662,6 +7490,24 @@ const HTML = `<!DOCTYPE html>
   .style-stats-pill:hover { border-color: var(--border-strong); background: var(--bg-hover); }
   .style-stats-pill.active { background: var(--accent-panel-bg); border-color: #3b82f6; color: var(--text); }
 
+  /* In-place loading state for stats containers. Dims the previously-rendered
+     grid/table so it stays visible (no layout jump) but reads clearly as stale.
+     Used by loadActivityStats / loadCohortStats / loadStyleStats while their
+     fetches are in flight. */
+  .is-loading { opacity: 0.5; transition: opacity 0.12s linear; pointer-events: none; }
+
+  /* Disable Stats-tab filter pills while any stats fetch is in flight
+     (body.sa-stats-busy) so users can't queue overlapping requests across
+     rapid pill changes. Covers the three pill rows that drive
+     reloadStatsTabSections: stats window + style-stats platform/project. */
+  body.sa-stats-busy #stats-window-pills .style-stats-pill,
+  body.sa-stats-busy #style-stats-platform-pills .style-stats-pill,
+  body.sa-stats-busy #style-stats-project-pills .style-stats-pill {
+    pointer-events: none;
+    opacity: 0.55;
+    cursor: wait;
+  }
+
   @media (max-width: 600px) { .cards { grid-template-columns: 1fr; } .content { padding: 16px; } }
 
   /* Client-mode auth overlay. Non-admin users see the app with admin-only
@@ -6912,7 +7758,7 @@ const HTML = `<!DOCTYPE html>
   </div>
   <details class="style-stats-section" id="cohort-stats" open>
     <summary>
-      <span class="style-stats-title"><span class="style-stats-caret">\u25B6</span><span id="cohort-stats-heading">Score Cohort Distribution (24h)</span><span class="stat-card-info" data-tooltip="Buckets posts by composite score (comments \u00D7 3 + upvotes; Reddit/Moltbook subtract 1 to strip OP self-upvote). Views are deliberately excluded from the score. Cohorts: Dead = 0, Low = 1-4, Mid = 5-14, High = 15+. Honors the Window / Platform / Project filters above.">i</span></span>
+      <span class="style-stats-title"><span class="style-stats-caret">\u25B6</span><span id="cohort-stats-heading">Score Cohort Distribution (24h)</span><span class="stat-card-info" data-tooltip="Buckets posts by composite score (clicks \u00D7 10 + comments \u00D7 3 + upvotes; Reddit/Moltbook subtract 1 to strip OP self-upvote). Click weight \u00D710 because a real human click outvalues 10 likes of vibes (matches top_performers.SCORE_SQL and the engagement_styles.py picker). Views are deliberately excluded. Cohorts: Dead = 0, Low = 1\u20139, Mid = 10\u201329, High = 30+. Honors the Window / Platform / Project filters above.">i</span></span>
       <span class="style-stats-total" id="cohort-stats-total"></span>
     </summary>
     <div id="cohort-stats-body">
@@ -6990,6 +7836,16 @@ const HTML = `<!DOCTYPE html>
       <div id="daily-metrics-chart" class="daily-metrics-chart">
         <div class="views-chart-empty">Loading…</div>
       </div>
+      <details class="per-project-breakdown" id="daily-metrics-per-project" data-scope="daily">
+        <summary>
+          <span class="pp-caret">▶</span>
+          <span class="pp-label">Per-project breakdown</span>
+          <span class="pp-status" id="daily-metrics-per-project-status"></span>
+        </summary>
+        <div class="per-project-rows" id="daily-metrics-per-project-rows">
+          <div class="views-chart-empty">Click to load per-project charts.</div>
+        </div>
+      </details>
     </div>
   </details>
   <details class="style-stats-section" id="ratio-metrics" open>
@@ -7002,6 +7858,16 @@ const HTML = `<!DOCTYPE html>
       <div id="ratio-metrics-chart" class="daily-metrics-chart">
         <div class="views-chart-empty">Loading&hellip;</div>
       </div>
+      <details class="per-project-breakdown" id="ratio-metrics-per-project" data-scope="ratio">
+        <summary>
+          <span class="pp-caret">&#9654;</span>
+          <span class="pp-label">Per-project breakdown</span>
+          <span class="pp-status" id="ratio-metrics-per-project-status"></span>
+        </summary>
+        <div class="per-project-rows" id="ratio-metrics-per-project-rows">
+          <div class="views-chart-empty">Click to load per-project charts.</div>
+        </div>
+      </details>
     </div>
   </details>
 </div>
@@ -7096,6 +7962,11 @@ const HTML = `<!DOCTYPE html>
         <span class="top-subtab-label">DMs</span>
         <span class="top-subtab-sub">prospect chats</span>
       </span>
+      <span class="top-subtab" data-subtab="links" role="tab" aria-selected="false" title="Destination URLs across all posts, ranked by clicks. Homepage vs audience pages vs SEO pages.">
+        <span class="top-subtab-icon" aria-hidden="true">\ud83d\udd17</span>
+        <span class="top-subtab-label">Links</span>
+        <span class="top-subtab-sub">destinations</span>
+      </span>
     </div>
     <div class="top-controls">
       <input id="top-search" class="top-search" type="search" placeholder="Search posts\u2026" />
@@ -7197,6 +8068,9 @@ const HTML = `<!DOCTYPE html>
   <div id="top-dms-container" class="hidden">
     <div class="style-stats-empty">Loading\u2026</div>
   </div>
+  <div id="top-links-container" class="hidden">
+    <div class="style-stats-empty">Loading\u2026</div>
+  </div>
 </div>
 
 <div class="content hidden" id="tab-logs">
@@ -7311,11 +8185,31 @@ function toast(msg, isError) {
     tipEl.style.left = left + 'px';
     tipEl.style.top  = top + 'px';
   }
+  // Render tooltip text with safe minimal markup:
+  //   1. Escape all HTML special chars (so dynamic data can never inject HTML).
+  //   2. Then turn double-asterisk sequences into bold. The escape step happens
+  //      FIRST, so even bolded angle-bracket text becomes inert.
+  //   3. Newlines render via CSS white-space:pre-line (already on .sa-tooltip).
+  //      No conversion to br needed.
+  // NOTE: this whole file sits inside the outer HTML backtick template, so all
+  // escapes here must be DOUBLE backslashes — the outer template eats single
+  // backslashes. The served JS sees single-backslash escapes, which the regex
+  // engine then handles correctly.
+  function renderTooltipMarkup(text) {
+    var html = String(text)
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;');
+    // Non-greedy match so multiple **bold** runs on one line work.
+    html = html.replace(/\\*\\*([^*\\n]+?)\\*\\*/g, '<b>$1</b>');
+    return html;
+  }
   function show(host) {
     const text = getText(host);
     if (!text) return;
     const el = ensureTip();
-    el.textContent = text;
+    el.innerHTML = renderTooltipMarkup(text);
     el.classList.add('visible');
     position(host);
     currentHost = host;
@@ -7721,12 +8615,14 @@ function renderResult(run) {
     const unmatchedN = scan.unmatched || 0;
     const backfillN = scan.backfill || 0;
     const hasScan = scannedN || newN || excludedN || unmatchedN || backfillN;
+    const SNL = String.fromCharCode(10);
     const scanTooltip = hasScan
-      ? ('inbox scan: seen=' + scannedN +
-         ' / new=' + newN +
-         ' / excluded=' + excludedN +
-         ' / unmatched=' + unmatchedN +
-         ' / backfill_skipped=' + backfillN)
+      ? ('**Inbox scan**' + SNL + SNL +
+         '• **seen:** ' + scannedN + SNL +
+         '• **new:** ' + newN + SNL +
+         '• **excluded:** ' + excludedN + SNL +
+         '• **unmatched:** ' + unmatchedN + SNL +
+         '• **backfill_skipped:** ' + backfillN)
       : '';
     const scanPills = hasScan
       ? ('<span title="' + scanTooltip.replace(/"/g, '&quot;') + '" style="display:inline-block;">' +
@@ -7760,7 +8656,8 @@ function renderResult(run) {
       if (!failed && !reasons.length) return '';
       const top = reasons[0];
       const tt = reasons.length
-        ? reasons.map(function (x) { return x.reason + ' x' + x.count; }).join(', ')
+        ? '**Failure reasons**' + String.fromCharCode(10) +
+          reasons.map(function (x) { return '• ' + x.reason + ' × **' + x.count + '**'; }).join(String.fromCharCode(10))
         : 'failed (no reason logged)';
       const label = top
         ? ('failed: ' + top.reason + (reasons.length > 1 ? ' +' + (reasons.length - 1) : ''))
@@ -7770,12 +8667,16 @@ function renderResult(run) {
         'style="display:inline-block;margin-right:10px;font-size:12px;color:var(--muted);">' +
         label + (count ? ' <span style="color:var(--text);font-weight:600;">' + count + '</span>' : '') + '</span>';
     };
-    const tooltip = 'searches: ' + searches +
-      ' / raw SERP candidates: ' + raw +
-      ' / passed 20.0 floor: ' + passed +
-      ' / dropped below floor: ' + dropped +
-      ' / posted: ' + posted +
-      ' / pending queue: ' + queue;
+    const LNL = String.fromCharCode(10);
+    const tooltip =
+      '**LinkedIn post-comment funnel**' + LNL +
+      LNL +
+      '• **searches:** ' + searches + LNL +
+      '• **raw SERP candidates:** ' + raw + LNL +
+      '• **passed 20.0 floor:** ' + passed + LNL +
+      '• **dropped below floor:** ' + dropped + LNL +
+      '• **posted:** ' + posted + LNL +
+      '• **pending queue:** ' + queue;
     return (
       '<span title="' + tooltip.replace(/"/g, '&quot;') + '" style="display:inline-block;">' +
         pill('searches', searches, searches > 0 ? 'var(--text)' : 'var(--muted)') +
@@ -7826,7 +8727,8 @@ function renderResult(run) {
       if (!failed && !reasons.length) return '';
       const top = reasons[0];
       const tt = reasons.length
-        ? reasons.map(function (x) { return x.reason + ' x' + x.count; }).join(', ')
+        ? '**Failure reasons**' + String.fromCharCode(10) +
+          reasons.map(function (x) { return '• ' + x.reason + ' × **' + x.count + '**'; }).join(String.fromCharCode(10))
         : 'failed (no reason logged)';
       const label = top
         ? ('failed: ' + top.reason + (reasons.length > 1 ? ' +' + (reasons.length - 1) : ''))
@@ -7855,31 +8757,60 @@ function renderResult(run) {
       'salvaged <span style="color:var(--text);font-weight:600;">' + salvPrimary + '</span>' +
       salvBracket +
       '</span>';
-    const tooltip = 'searches: ' + searches +
-      ' / raw tweets: ' + raw +
-      ' / passed score-time cuts: ' + passed +
-      ' / dropped pre-score (already-posted or age>18h): ' + dropped +
-      ' / expired (delta<1 floor): ' + expired +
-      ' / above review cap (delta>=10, gates POST_LIMIT=3): ' + aboveFloor +
-      ' / posted: ' + posted +
-      ' / Phase 0 salvaged into this cycle: ' + salvAttempted +
-      ' (of which posted: ' + salvPosted + ')' +
-      ' / salvageable now (pool size for next cycle): ' + salvageableLive +
-      ' (+' + salvAdded + ' became salvageable / -' + salvDrained + ' drained this run)' +
-      ' / pending end-of-run: ' + queue +
-      ' (start: ' + queueStart + ', +' + qAdded + ' added, -' + qDrained + ' drained = ' +
-        qDrainedPosted + ' posted + ' + qDrainedExpired + ' expired + ' + qDrainedSkipped + ' skipped)' +
-      ' / pending right now (live): ' + pendingLive;
+    // Tooltip is grouped by cycle phase so the funnel reads chronologically.
+    // String.fromCharCode(10) sidesteps the outer HTML backtick template
+    // that strips literal backslash-n escapes (see feedback_server_js_template_regex).
+    // CSS .sa-tooltip white-space:pre-line turns these into line breaks.
+    const NL = String.fromCharCode(10);
+    const tooltip =
+      '**Phase 0 — cleanup**' + NL +
+      '• **salvaged ' + salvAttempted + '** — orphan rows adopted from prior dead cycles (' + salvPosted + ' posted this cycle)' + NL +
+      '• pool for next cycle: **' + salvageableLive + '** salvageable (+' + salvAdded + ' / -' + salvDrained + ' this run)' + NL +
+      NL +
+      '**Phase 1 — scrape**' + NL +
+      '• **searches ' + searches + '** — queries run' + NL +
+      '• **raw ' + raw + '** — tweets returned' + NL +
+      '• **passed ' + passed + '** — after dedup + age>18h cuts (' + dropped + ' dropped)' + NL +
+      NL +
+      '**Phase 2a — Δ re-score**' + NL +
+      '• **expired ' + expired + '** — below Δ<1 likes floor' + NL +
+      NL +
+      '**Phase 2b — draft + post**' + NL +
+      '• **Δ≥10: ' + aboveFloor + '** — crossed POST_LIMIT=3 review cap' + NL +
+      '• **posted ' + posted + '** — shipped' + NL +
+      '• **failed ' + failed + '** — post errors' + NL +
+      NL +
+      '**Pending end-of-run:** ' + queue + NL +
+      '  start ' + queueStart + ', +' + qAdded + ' / -' + qDrained + ' = ' +
+        qDrainedPosted + ' posted, ' + qDrainedExpired + ' expired, ' + qDrainedSkipped + ' skipped' + NL +
+      '**Pending live:** ' + pendingLive;
+    // Pill order mirrors the tooltip story: salvaged (Phase 0 input) leads,
+    // then Phase 1 funnel (searches, raw, passed), Phase 2a drop (expired),
+    // Phase 2b decision and outcome (Δ≥10, posted, failed).
     return (
       '<span title="' + tooltip.replace(/"/g, '&quot;') + '" style="display:inline-block;">' +
+        queuePill +
         pill('searches', searches, searches > 0 ? 'var(--text)' : 'var(--muted)') +
         pill('raw', raw, raw > 0 ? 'var(--text)' : 'var(--muted)') +
         pill('passed', passed, passed > 0 ? '#22c55e' : 'var(--muted)') +
         pill('expired', expired, expired > 0 ? 'var(--text)' : 'var(--muted)') +
         pill('Δ≥10', aboveFloor, aboveFloor > 0 ? '#a78bfa' : 'var(--muted)') +
         pill('posted', posted, posted > 0 ? '#22c55e' : 'var(--muted)') +
-        queuePill +
         renderFailedPill() +
+        (Array.isArray(r.projects_worked) && r.projects_worked.length
+          ? '<span style="display:inline-block;margin-right:10px;font-size:12px;color:var(--muted);">'
+            + 'projects '
+            + '<span style="color:var(--text);font-weight:600;">'
+            + r.projects_worked.join(', ')
+            + '</span></span>'
+          : '') +
+        (Array.isArray(r.styles_used) && r.styles_used.length
+          ? '<span style="display:inline-block;margin-right:10px;font-size:12px;color:var(--muted);">'
+            + 'styles '
+            + '<span style="color:var(--text);font-weight:600;">'
+            + r.styles_used.join(', ')
+            + '</span></span>'
+          : '') +
       '</span>'
     );
   }
@@ -7936,7 +8867,8 @@ function renderResult(run) {
         ? ' (' + reasons.map(function (x) { return x.reason + ' ' + x.count; }).join('; ') + ')'
         : '';
       const tt = reasons.length
-        ? reasons.map(function (x) { return x.reason + ': ' + x.count; }).join(', ')
+        ? '**Failure reasons**' + String.fromCharCode(10) +
+          reasons.map(function (x) { return '• ' + x.reason + ': **' + x.count + '**'; }).join(String.fromCharCode(10))
         : 'failed (no reason logged)';
       return '<span title="' + tt.replace(/"/g, '&quot;') + '" ' +
         'style="display:inline-block;margin-right:10px;font-size:12px;color:var(--muted);">' +
@@ -7960,17 +8892,28 @@ function renderResult(run) {
       //     now means "threads that ACTUALLY came through the ripen step
       //     with positive momentum", which is what the word implies in plain
       //     English. Final chain: raw → passed → ripened → drafted → posted.
-      const ripenTip = 'ripen iters: ' + ripenIters +
-        ' / input decisions (=passed): ' + ripenInput +
-        ' / ripened (composite > ' + (ripenFloor != null ? ripenFloor : '?') + '): ' + ripenSurvivors +
-        ' / drops: ' + ripenDrops +
-        ' / iters skipped (0 survivors): ' + ripenSkipped +
-        ' / iters passthrough (no urls / rate limit): ' + ripenPassthrough +
-        (ripenWindow != null ? ' / window: ' + ripenWindow + 's' : '') +
-        (ripenW != null ? ' / formula: Δup + ' + ripenW + '*Δcomments' : '') +
-        (bestComp != null ? ' / best: composite=' + bestComp.toFixed(1) +
-          ' (Δup=' + (bestDup != null ? bestDup : '?') +
-          ', Δcomm=' + (bestDco != null ? bestDco : '?') + ')' : '');
+      // Build the ripen tooltip with explicit newlines (NL is defined in the
+      // outer scope; use String.fromCharCode(10) here in case the closure
+      // walked away from it). See feedback_server_js_template_regex memory:
+      // literal backslash-n inside the outer HTML backtick template gets eaten,
+      // so we build the newline char numerically.
+      const RNL = String.fromCharCode(10);
+      const ripenTip =
+        '**Ripen step** — 5-min Δ re-score' + RNL +
+        RNL +
+        '• **iterations:** ' + ripenIters + RNL +
+        '• **input decisions** (= passed): ' + ripenInput + RNL +
+        '• **ripened** (composite > ' + (ripenFloor != null ? ripenFloor : '?') + '): ' + ripenSurvivors + RNL +
+        '• **drops:** ' + ripenDrops + RNL +
+        '• **iters skipped** (0 survivors): ' + ripenSkipped + RNL +
+        '• **iters passthrough** (no urls / rate limit): ' + ripenPassthrough +
+        (ripenWindow != null ? RNL + RNL + '**window:** ' + ripenWindow + 's' : '') +
+        (ripenW != null ? RNL + '**formula:** Δup + ' + ripenW + '×Δcomments' : '') +
+        (bestComp != null
+          ? RNL + RNL + '**best:** composite=' + bestComp.toFixed(1) +
+            ' (Δup=' + (bestDup != null ? bestDup : '?') +
+            ', Δcomm=' + (bestDco != null ? bestDco : '?') + ')'
+          : '');
       const bestLabel = bestComp != null
         ? ('best Δ' + bestComp.toFixed(1))
         : (ripenSurvivors > 0 ? 'best Δ?' : 'no Δ');
@@ -8027,35 +8970,55 @@ function renderResult(run) {
         bracket = ' <span style="color:var(--muted);font-weight:400;">(' +
                   '+' + salvAdded + '/-' + salvDrained + ' pool)</span>';
       }
-      const qTip = 'salvage attempts this run (Phase 0 row pulls): ' + salvAttempted +
-        ' / salvage lane posted: ' + salvPosted +
-        ' / salvage lane failed: ' + salvFailedNow +
-        ' / salvageable now (pool size for next cycle): ' + salvageableLive +
-        ' (+' + salvAdded + ' became salvageable / -' + salvDrained + ' drained out)' +
-        ' / pending pool end-of-run: ' + queue + ' (start: ' + queueStartV +
-        ', +' + qAdded + ' added, -' + qDrained + ' drained = ' +
-        qDrainedPosted + ' posted + ' + qDrainedFailed + ' failed + ' +
-        qDrainedExpired + ' expired + ' + qDrainedSkipped + ' skipped)' +
-        ' / pending right now (live): ' + pendingLive;
+      const QNL = String.fromCharCode(10);
+      const qTip =
+        '**Salvage lane** — Phase 0 cleanup' + QNL +
+        QNL +
+        '• **attempts this run:** ' + salvAttempted + QNL +
+        '• **posted:** ' + salvPosted + QNL +
+        '• **failed:** ' + salvFailedNow + QNL +
+        QNL +
+        '**Salvageable pool** (next cycle): ' + salvageableLive + QNL +
+        '  +' + salvAdded + ' became salvageable, -' + salvDrained + ' drained out' + QNL +
+        QNL +
+        '**Pending pool end-of-run:** ' + queue + QNL +
+        '  start: ' + queueStartV + ', +' + qAdded + ' added, -' + qDrained + ' drained' + QNL +
+        '  drained = ' + qDrainedPosted + ' posted + ' + qDrainedFailed + ' failed + ' +
+        qDrainedExpired + ' expired + ' + qDrainedSkipped + ' skipped' + QNL +
+        QNL +
+        '**Pending live now:** ' + pendingLive;
       return '<span title="' + qTip.replace(/"/g, '&quot;') + '" ' +
         'style="display:inline-block;margin-right:10px;font-size:12px;color:var(--muted);">' +
         'salvaged <span style="color:var(--text);font-weight:600;">' + primaryN + '</span>' +
         bracket + '</span>';
     };
 
-    const tooltip = 'iterations: ' + iterations +
-      ' / searches: ' + searches +
-      ' / raw API results: ' + raw +
-      ' / passed (post-API filter): ' + passed +
-      ' / dropped (blocked sub / archived / locked / age>180d): ' + dropped +
-      ' / fetched (model opened to read): ' + fetched +
-      ' / drafted: ' + drafted +
-      (ripenIters ? ' / ripen survivors: ' + ripenSurvivors + '/' + ripenInput +
-        (bestComp != null ? ' (best composite ' + bestComp.toFixed(1) + ')' : '') : '') +
-      ' / posted: ' + posted +
-      (salvageableLive ? ' / salvageable in DB: ' + salvageableLive : '');
+    const RDNL = String.fromCharCode(10);
+    const tooltip =
+      '**Reddit post-comment funnel**' + RDNL +
+      RDNL +
+      '• **iterations:** ' + iterations + RDNL +
+      '• **searches:** ' + searches + RDNL +
+      '• **raw API results:** ' + raw + RDNL +
+      '• **passed** (post-API filter): ' + passed + RDNL +
+      '• **dropped** (blocked sub / archived / locked / age>180d): ' + dropped + RDNL +
+      '• **fetched** (model opened to read): ' + fetched + RDNL +
+      '• **drafted:** ' + drafted +
+      (ripenIters
+        ? RDNL + '• **ripen survivors:** ' + ripenSurvivors + ' / ' + ripenInput +
+          (bestComp != null ? ' (best composite ' + bestComp.toFixed(1) + ')' : '')
+        : '') + RDNL +
+      '• **posted:** ' + posted +
+      (salvageableLive ? RDNL + RDNL + '**Salvageable in DB:** ' + salvageableLive : '');
     return (
       '<span title="' + tooltip.replace(/"/g, '&quot;') + '" style="display:inline-block;">' +
+        // 2026-05-19: salvaged pill leads, mirroring Twitter chronological
+        // pill order (server.js ~line 8723). Phase 0 salvage runs FIRST in
+        // every reddit cycle (run-reddit-search.sh:241), so it belongs at the
+        // start of the funnel, not buried after the posted pill. Twitter
+        // renderer comment says: pill order mirrors the tooltip story,
+        // salvaged (Phase 0 input) leads, then Phase 1 funnel, Phase 2b.
+        renderQueuePill() +
         pill('iterations', iterations, iterations > 0 ? 'var(--text)' : 'var(--muted)') +
         pill('searches', searches, searches > 0 ? 'var(--text)' : 'var(--muted)') +
         pill('raw', raw, raw > 0 ? 'var(--text)' : 'var(--muted)') +
@@ -8069,7 +9032,6 @@ function renderResult(run) {
         renderRipenPills() +
         pill('drafted', drafted, drafted > 0 ? 'var(--text)' : 'var(--muted)') +
         pill('posted', posted, posted > 0 ? '#22c55e' : 'var(--muted)') +
-        renderQueuePill() +
         renderFailedPill() +
         (Array.isArray(r.projects_worked) && r.projects_worked.length
           ? '<span style="display:inline-block;margin-right:10px;font-size:12px;color:var(--muted);">'
@@ -8078,6 +9040,13 @@ function renderResult(run) {
             + r.projects_worked.join(', ')
             + '</span></span>'
           : '') +
+        (Array.isArray(r.styles_used) && r.styles_used.length
+          ? '<span style="display:inline-block;margin-right:10px;font-size:12px;color:var(--muted);">'
+            + 'styles '
+            + '<span style="color:var(--text);font-weight:600;">'
+            + r.styles_used.join(', ')
+            + '</span></span>'
+          : '') +
       '</span>'
     );
   }
@@ -8105,7 +9074,8 @@ function renderResult(run) {
       if (!failed) return '';
       const top = reasons[0];
       const tooltip = reasons.length
-        ? reasons.map(function (x) { return x.reason + ' x' + x.count; }).join(', ')
+        ? '**Failure reasons**' + String.fromCharCode(10) +
+          reasons.map(function (x) { return '• ' + x.reason + ' × **' + x.count + '**'; }).join(String.fromCharCode(10))
         : 'failed (no reason logged)';
       const label = top
         ? ('failed: ' + top.reason + (reasons.length > 1 ? ' +' + (reasons.length - 1) : ''))
@@ -8125,12 +9095,14 @@ function renderResult(run) {
     const unmatchedN = scan.unmatched || 0;
     const backfillN = scan.backfill || 0;
     const hasScan = scannedN || newN || excludedN || unmatchedN || backfillN;
+    const SNL = String.fromCharCode(10);
     const scanTooltip = hasScan
-      ? ('inbox scan: seen=' + scannedN +
-         ' / new=' + newN +
-         ' / excluded=' + excludedN +
-         ' / unmatched=' + unmatchedN +
-         ' / backfill_skipped=' + backfillN)
+      ? ('**Inbox scan**' + SNL + SNL +
+         '• **seen:** ' + scannedN + SNL +
+         '• **new:** ' + newN + SNL +
+         '• **excluded:** ' + excludedN + SNL +
+         '• **unmatched:** ' + unmatchedN + SNL +
+         '• **backfill_skipped:** ' + backfillN)
       : '';
     const scanPills = hasScan
       ? ('<span title="' + scanTooltip.replace(/"/g, '&quot;') + '" style="display:inline-block;">' +
@@ -8153,6 +9125,26 @@ function renderResult(run) {
   // the old "posted=18216" pill was the total active-posts count from the
   // DB, which had nothing to do with what the run did. Render the real
   // per-run counters parsed out of the stats log instead.
+  //
+  // 2026-05-18 relabel: split the misleading single "updated" pill into
+  // four explicit pills (scanned / checked / changed / views) so the
+  // operator can read at a glance what the run actually did:
+  //
+  //   scanned -> total rows considered (= polled + every flavor of skip)
+  //   skipped -> rows we deliberately did NOT poll (covered by Step 1
+  //              scrape or stable cooldown). Saves API calls.
+  //   checked -> rows we actually hit the platform API for this run.
+  //   changed -> subset of "checked" where any tracked metric moved.
+  //              Was the original intent of "updated" but the legacy
+  //              field also summed in the Step 1 view-scrape count.
+  //   views   -> Step 1 scrape leg only: rows where the cheap profile-
+  //              page scrape wrote a fresh view count (Reddit) or
+  //              fxtwitter view (Twitter). Distinct from "changed".
+  //   replies -> per-reply rows refreshed (DM-rail follow-ups we made
+  //              on someone else thread, live in the "replies" table).
+  //
+  // Each pill carries data-tooltip so hovering surfaces the meaning
+  // line-by-line via the global .sa-tooltip handler.
   if (run.job_type === 'stats') {
     const checked = r.checked || 0;
     const updated = r.updated || 0;
@@ -8162,19 +9154,77 @@ function renderResult(run) {
     const skipped = r.skipped || 0;
     const failed = r.failed || 0;
     const repliesRefreshed = r.replies_refreshed || 0;
+    // New 2026-05-18 fields; fall back to derived values when the log line
+    // pre-dates the relabel pass (so historical rows still render sanely).
+    const scanned = r.scanned || (checked + skipped) || 0;
+    const changed = r.changed || 0;
+    const viewsRefreshed = r.views_refreshed || 0;
     if (!checked && !updated && !removed && !unavailable && !notFound &&
-        !skipped && !failed && !repliesRefreshed) {
+        !skipped && !failed && !repliesRefreshed &&
+        !scanned && !changed && !viewsRefreshed) {
       return '<span style="color:var(--muted);font-size:12px;">—</span>';
     }
+    // Inline helper: pill with a data-tooltip attribute for per-pill hover
+    // explanations. Plain pill() (above) has no tooltip slot; this is
+    // local to stats-job rendering only.
+    const tipPill = (label, n, color, tip) => {
+      const tipEsc = (tip || '').replace(/"/g, '&quot;');
+      return '<span data-tooltip="' + tipEsc + '" style="display:inline-block;' +
+        'margin-right:10px;font-size:12px;color:var(--muted);cursor:help;">' +
+        label + ' <span style="color:' + (color || 'var(--text)') +
+        ';font-weight:600;">' + n + '</span></span>';
+    };
     return (
-      pill('checked', checked, 'var(--text)') +
-      pill('updated', updated, '#22c55e') +
-      (removed ? pill('removed', removed, '#eab308') : '') +
-      (unavailable ? pill('unavail', unavailable, '#eab308') : '') +
-      (notFound ? pill('not found', notFound, 'var(--muted)') : '') +
-      (skipped ? pill('skipped', skipped, 'var(--muted)') : '') +
-      (repliesRefreshed ? pill('replies', repliesRefreshed, '#3b82f6') : '') +
-      (failed ? pill('failed', failed, '#ef4444') : '')
+      tipPill('scanned', scanned, 'var(--text)',
+        '**Scanned**\\n\\n' +
+        'Total rows the run considered (every active row in the relevant platform tables).\\n\\n' +
+        '= checked + skipped + bypassed-as-fresh.') +
+      (skipped ? tipPill('skipped', skipped, 'var(--muted)',
+        '**Skipped**\\n\\n' +
+        'Rows we deliberately did NOT poll this run.\\n\\n' +
+        '**Two reasons:**\\n' +
+        '• already refreshed by the cheap scrape leg within the last 4h\\n' +
+        '• stable cooldown (2+ scans with no metric change AND older than 3 days)\\n\\n' +
+        'Saves API calls; data is still current.') : '') +
+      tipPill('checked', checked, 'var(--text)',
+        '**Checked**\\n\\n' +
+        'Rows we actually hit the platform API for this run (Reddit old.reddit.com JSON / fxtwitter / LinkedIn activity feed).\\n\\n' +
+        'Includes both successful polls and the ones that errored mid-fetch.') +
+      tipPill('changed', changed, '#22c55e',
+        '**Changed**\\n\\n' +
+        'Subset of CHECKED where any tracked metric (upvotes, comments_count, views) actually moved since the prior scan.\\n\\n' +
+        'The real-activity signal; everything else is no-op polling.') +
+      (viewsRefreshed ? tipPill('views', viewsRefreshed, '#06b6d4',
+        '**Views refreshed**\\n\\n' +
+        'Rows where the cheap view-scrape leg wrote a fresh view count this run.\\n\\n' +
+        '• **Reddit:** Step 1 profile-page scrape (sees every comment + thread on /user/<name>/)\\n' +
+        '• **Twitter:** built-in to the fxtwitter call\\n\\n' +
+        'Separate from CHANGED because views can tick up without upvotes/comments moving.') : '') +
+      (repliesRefreshed ? tipPill('replies', repliesRefreshed, '#3b82f6',
+        '**Replies refreshed**\\n\\n' +
+        'Per-reply rows refreshed: comments we authored AS replies to someone else replying to our original comment (the DM-rail follow-up). Live in the replies table, not posts.\\n\\n' +
+        '• **Reddit:** refreshes upvotes + reply-count via batch JSON API\\n' +
+        '• **Twitter:** also refreshes views via fxtwitter') : '') +
+      (removed ? tipPill('removed', removed, '#eab308',
+        '**Removed**\\n\\n' +
+        'Posts newly flagged deleted/removed this run.\\n\\n' +
+        '• **Reddit:** comment gone from thread JSON for 2+ consecutive scans (deletion_detect_count threshold)\\n' +
+        '• **LinkedIn:** post returned "Post unavailable"') : '') +
+      (unavailable ? tipPill('unavail', unavailable, '#eab308',
+        '**Unavailable** (LinkedIn only)\\n\\n' +
+        'Post explicitly returned a Post Unavailable string.\\n\\n' +
+        'Subset of REMOVED; rendered as its own pill so an operator can tell hard-deletion from rate-limit or network noise.') : '') +
+      (notFound ? tipPill('not found', notFound, 'var(--muted)',
+        '**Not found** (LinkedIn only)\\n\\n' +
+        'Post is still active on LinkedIn but our specific comment could not be located on the activity feed (may have aged off our visible recent-activity window).') : '') +
+      (failed ? tipPill('failed', failed, '#ef4444',
+        '**Failed**\\n\\n' +
+        'API errors during the run, broken down by category:\\n' +
+        '• 404 not_found\\n' +
+        '• rate-limited (429)\\n' +
+        '• empty / malformed response\\n' +
+        '• other / network\\n\\n' +
+        'Includes step-exit failures from the shell pipeline as well.') : '')
     );
   }
   // seo_expire (delete dead-weight pages): repurposes posted/skipped from the
@@ -8192,7 +9242,8 @@ function renderResult(run) {
       if (!failed && !reasons.length) return '';
       const top = reasons[0];
       const tt = reasons.length
-        ? reasons.map(function (x) { return x.reason + ' x' + x.count; }).join(', ')
+        ? '**Failure reasons**' + String.fromCharCode(10) +
+          reasons.map(function (x) { return '• ' + x.reason + ' × **' + x.count + '**'; }).join(String.fromCharCode(10))
         : 'failed (no reason logged)';
       const label = top
         ? ('failed: ' + top.reason + (reasons.length > 1 ? ' +' + (reasons.length - 1) : ''))
@@ -8202,10 +9253,16 @@ function renderResult(run) {
         'style="display:inline-block;margin-right:10px;font-size:12px;color:var(--muted);">' +
         label + (count ? ' <span style="color:var(--text);font-weight:600;">' + count + '</span>' : '') + '</span>';
     };
-    const tooltip = 'total pages in scope (zero-click 30+ days, all projects): ' + total +
-      ' / deleted this run: ' + deleted +
-      ' / queue (waiting for next run, capped by DAILY_MAX): ' + queue +
-      ' / failed: ' + failed;
+    const ENL = String.fromCharCode(10);
+    const tooltip =
+      '**SEO page expire**' + ENL +
+      ENL +
+      '• **total pages in scope:** ' + total + ENL +
+      '  (zero-click 30+ days, all projects)' + ENL +
+      '• **deleted this run:** ' + deleted + ENL +
+      '• **queue:** ' + queue + ENL +
+      '  (waiting for next run, capped by DAILY_MAX)' + ENL +
+      '• **failed:** ' + failed;
     return (
       '<span title="' + tooltip.replace(/"/g, '&quot;') + '" style="display:inline-block;">' +
         pill('total pages', total, total > 0 ? 'var(--text)' : 'var(--muted)') +
@@ -8230,7 +9287,8 @@ function renderResult(run) {
     if (!failed && !reasons.length) return '';
     const top = reasons[0];
     const tooltip = reasons.length
-      ? reasons.map(function (x) { return x.reason + ' x' + x.count; }).join(', ')
+      ? '**Failure reasons**' + String.fromCharCode(10) +
+        reasons.map(function (x) { return '• ' + x.reason + ' × **' + x.count + '**'; }).join(String.fromCharCode(10))
       : 'failed (no reason logged)';
     const label = top
       ? ('failed: ' + top.reason + (reasons.length > 1 ? ' +' + (reasons.length - 1) : ''))
@@ -8247,8 +9305,10 @@ function renderResult(run) {
   const renderSkipReasonsPill = () => {
     if (!skipBreakdown.length) return '';
     const top = skipBreakdown[0];
-    const tooltip = skipBreakdown
-      .map(function (x) { return x.reason + ' x' + x.count; }).join(', ');
+    const tooltip = '**Skip reasons**' + String.fromCharCode(10) +
+      skipBreakdown
+        .map(function (x) { return '• ' + x.reason + ' × **' + x.count + '**'; })
+        .join(String.fromCharCode(10));
     const label = 'skipped: ' + top.reason +
       (skipBreakdown.length > 1 ? ' +' + (skipBreakdown.length - 1) : '');
     const count = top.count;
@@ -8270,10 +9330,17 @@ function renderResult(run) {
     const tp = discover.tweets_pulled || 0;
     const c = discover.candidates || 0;
     const af = discover.above_floor || 0;
-    const tip = (q + ' queries' + (d ? ' (' + d + ' duds)' : '')) + ' \u2192 ' +
-      (tp + ' tweets pulled') + ' \u2192 ' +
-      (c + ' candidates after floor') + ' \u2192 ' +
-      (af + ' cleared review cap');
+    const DNL = String.fromCharCode(10);
+    const tip =
+      '**Discovery funnel**' + DNL +
+      DNL +
+      '• **' + q + ' queries**' + (d ? ' (' + d + ' duds)' : '') + DNL +
+      '  \u2193' + DNL +
+      '• **' + tp + ' tweets pulled**' + DNL +
+      '  \u2193' + DNL +
+      '• **' + c + ' candidates** after floor' + DNL +
+      '  \u2193' + DNL +
+      '• **' + af + ' cleared** review cap';
     const visStr = q + '\u2192' + c + '\u2192' + af;
     const color = (q || c || af) ? 'var(--text)' : 'var(--muted)';
     return '<span title="' + tip.replace(/"/g, '&quot;') + '" ' +
@@ -8332,7 +9399,7 @@ function buildSeoDetailRows(run) {
   if (!details.length) return '';
   const subRows = details.map(d => {
     const cost = (typeof d.cost_usd === 'number' && d.cost_usd > 0)
-      ? fmtCostCell(d.cost_usd, d.cost_usd_orchestrator, d.cost_usd_estimated)
+      ? fmtCostCell(d.cost_usd, d.cost_usd_orchestrator, d.cost_usd_estimated, d.cost_usd_subagent)
       : '<span style="color:var(--muted);">—</span>';
     const turns = (typeof d.num_turns === 'number' && d.num_turns > 0)
       ? d.num_turns
@@ -8378,6 +9445,85 @@ function buildSeoDetailRows(run) {
   );
 }
 
+// Cost cell for a Job History row. SDK-only mode (2026-05-15): the headline
+// total is the sum of orchestrator_cost_usd across the phases of this run.
+// Sessions whose wrapper didn't capture SDK cost contribute 0; the per-phase
+// breakdown surfaces a "missing SDK" count so the operator can spot pipelines
+// where real spend went unrecorded (the cost cell shows the smaller real
+// number, not an inflated estimate).
+function _jobHistoryCostCell(result) {
+  const fmtLane = (v) => {
+    if (v == null) return 'n/a';
+    const n = Number(v);
+    if (!isFinite(n)) return 'n/a';
+    if (n === 0) return '$0';
+    if (n < 0.01) return '$' + n.toFixed(4);
+    return '$' + n.toFixed(4);
+  };
+  const bd    = result.cost_breakdown;
+  const orch  = result.cost_usd_orchestrator != null ? Number(result.cost_usd_orchestrator) : null;
+  const sub   = result.cost_usd_subagent != null ? Number(result.cost_usd_subagent) : null;
+  const est   = result.cost_usd_estimated != null ? Number(result.cost_usd_estimated) : null;
+  const sessionsAll = bd ? Number(bd.sessions) || 0 : 0;
+  const sessionsWithSdk = bd ? Number(bd.sessions_with_sdk) || 0 : 0;
+  const sessionsMissing = Math.max(0, sessionsAll - sessionsWithSdk);
+  const totalForDisplay = orch != null ? orch : 0;
+  // Header value: "n/a" when no SDK data captured for any of the run's
+  // sessions, otherwise the orchestrator sum (with a "(N missing SDK)"
+  // hint inline when partial).
+  let headerHtml;
+  if (sessionsAll === 0) {
+    headerHtml = '<span style="color:var(--text-very-faint);">n/a</span>';
+  } else if (sessionsWithSdk === 0) {
+    headerHtml = '<span style="color:var(--text-very-faint);">n/a</span>';
+  } else if (sessionsMissing > 0) {
+    headerHtml = fmtCost(totalForDisplay) +
+      ' <span style="color:#eab308;font-size:11px;">(' + sessionsMissing + ' missing)</span>';
+  } else {
+    headerHtml = fmtCost(totalForDisplay);
+  }
+  const lines = [
+    '**Cost (SDK orchestrator):** ' + (sessionsWithSdk > 0 ? fmtLane(orch) : 'n/a'),
+  ];
+  if (sessionsAll > 0) {
+    lines.push('• Sessions: **' + sessionsAll + '**');
+    lines.push('• with SDK data: **' + sessionsWithSdk + '**');
+    lines.push('• missing SDK: **' + sessionsMissing + '**');
+  }
+  if (bd && Array.isArray(bd.phases) && bd.phases.length) {
+    lines.push('');
+    lines.push('**Per-phase** (claude_sessions.script grouping)');
+    const shown = bd.phases.slice(0, 10);
+    for (const p of shown) {
+      const missing = (p.sessions_missing_sdk && p.sessions_missing_sdk > 0)
+        ? ('  [' + p.sessions_missing_sdk + ' missing SDK]')
+        : '';
+      const orchVal = (p.sessions_with_sdk && p.sessions_with_sdk > 0)
+        ? fmtLane(p.orch)
+        : 'n/a';
+      lines.push('• ' + (p.phase || '(unknown)') + ' ×' + p.sessions +
+        '  ' + orchVal + missing);
+    }
+    if (bd.phases.length > shown.length) {
+      lines.push('  …(' + (bd.phases.length - shown.length) + ' more)');
+    }
+  }
+  if (typeof result.cost_usd_from_log === 'number') {
+    lines.push('');
+    lines.push('**Wrapper shell-log value:** ' + fmtLane(result.cost_usd_from_log));
+  }
+  lines.push('');
+  lines.push('**Diagnostic-only** (local pricing estimate, not actual billing)');
+  lines.push('• Transcript estimate: ' + fmtLane(est));
+  lines.push('• Subagent (est): ' + fmtLane(sub));
+  lines.push('');
+  lines.push('SDK-only mode: shows orchestrator_cost_usd captured by the SDK result event. "missing SDK" = wrapper script didn\\'t pass --output-format json to claude, so no result event = no cost data recorded. Patch the wrapper to fix.');
+  const tip = lines.join('\\n');
+  return '<span data-tooltip="' + escapeHtml(tip) +
+    '" style="cursor:help;border-bottom:1px dotted var(--text-muted);">' +
+    headerHtml + '</span>';
+}
+
 // Stable identity for a job-history row across polls. (script, started_at)
 // is unique in practice; pid is appended as a tiebreaker for the rare case
 // where two parallel fires of the same script land in the same second.
@@ -8406,8 +9552,16 @@ function _jobHistoryRowSig(r) {
   ].join('|');
 }
 function _buildJobHistoryRowGroup(r, idx) {
-  const cost = r.result && r.result.cost_usd;
-  const costCell = cost ? fmtCost(cost) : '<span style="color:var(--muted);">—</span>';
+  // SDK-only mode: render the cost cell whenever the run produced any
+  // claude_sessions rows (cost_breakdown is attached), even if the SDK lane
+  // is NULL across all of them — the tooltip surfaces "missing SDK" so the
+  // operator sees pipelines whose wrappers haven't been patched yet.
+  const hasBreakdown = r.result && r.result.cost_breakdown
+    && Number(r.result.cost_breakdown.sessions) > 0;
+  const hasLogCost = r.result && typeof r.result.cost_usd === 'number';
+  const costCell = (hasBreakdown || hasLogCost)
+    ? _jobHistoryCostCell(r.result)
+    : '<span style="color:var(--muted);">—</span>';
   const hasDetails = Array.isArray(r.details) && r.details.length;
   const caret = hasDetails
     ? '<span class="sa-job-caret" style="display:inline-block;width:12px;color:var(--muted);cursor:pointer;user-select:none;transition:transform 0.15s ease;">&#9656;</span> '
@@ -8972,8 +10126,12 @@ async function saveSettings() {
 }
 
 // Activity tab
-const EVENT_TYPES = ['posted_thread', 'posted_comment', 'replied', 'skipped', 'mention', 'dm_sent', 'dm_reply_sent', 'page_published_serp', 'page_published_gsc', 'page_published_reddit', 'page_published_top', 'page_published_top_post', 'page_published_roundup', 'page_improved', 'page_expired', 'resurrected'];
-const EVENT_LABELS = { posted_thread: 'thread posted', posted_comment: 'comment posted', replied: 'engage replied', skipped: 'engage skipped', mention: 'mention', dm_sent: 'dm sent', dm_reply_sent: 'dm reply', page_published_serp: 'page (serp)', page_published_gsc: 'page (gsc)', page_published_reddit: 'page (reddit)', page_published_top: 'page (top)', page_published_top_post: 'page (top post)', page_published_roundup: 'page (roundup)', page_improved: 'page (improved)', page_expired: 'page expired', resurrected: 'resurrected' };
+// Page-generation event types. Folded into a single 'pages_generated' card
+// in renderActivityStats (with per-pipeline breakdown in the body + tooltip).
+// SQL still emits each subtype so the breakdown is faithful.
+const PAGE_GEN_EVENT_TYPES = ['page_published_twitter', 'page_published_gsc', 'page_published_reddit', 'page_published_top', 'page_published_top_post', 'page_published_roundup', 'page_published_misc', 'page_improved'];
+const EVENT_TYPES = ['posted_thread', 'posted_comment', 'replied', 'skipped', 'mention', 'dm_sent', 'dm_reply_sent', ...PAGE_GEN_EVENT_TYPES, 'page_expired', 'resurrected'];
+const EVENT_LABELS = { posted_thread: 'thread posted', posted_comment: 'comment posted', replied: 'engage replied', skipped: 'engage skipped', mention: 'mention', dm_sent: 'dm sent', dm_reply_sent: 'dm reply', page_published_twitter: 'page (twitter)', page_published_gsc: 'page (gsc)', page_published_reddit: 'page (reddit)', page_published_top: 'page (top)', page_published_top_post: 'page (top post)', page_published_roundup: 'page (roundup)', page_published_misc: 'page (misc)', page_improved: 'page (improved)', page_expired: 'page expired', resurrected: 'resurrected', pages_generated: 'pages generated' };
 const EVENT_DESCRIPTIONS = {
   posted_thread: 'Original thread the bot published (Post Threads job): a new top-level Reddit submission, tweet/X post, LinkedIn post, etc. Identified by thread_url = our_url AND thread_author is empty or matches our_account.',
   posted_comment: 'Comment the bot left on someone else’s thread (Post Comments job): a Reddit/Twitter/LinkedIn/Moltbook/GitHub reply where thread_url ≠ our_url, or where thread_url = our_url but thread_author is someone else (LinkedIn comment job stores the parent URL in both columns).',
@@ -8982,13 +10140,15 @@ const EVENT_DESCRIPTIONS = {
   mention: 'Someone mentioned one of our products on a tracked platform. Detection only, no engagement action.',
   dm_sent: 'New direct-message conversation the bot started with a prospect.',
   dm_reply_sent: 'Follow-up message sent inside an existing DM conversation.',
-  page_published_serp: 'SEO landing page generated from the SERP pipeline (based on ranked search results for target keywords).',
+  pages_generated: 'Total SEO/landing pages produced across every pipeline in this window. Hover the breakdown chips for the per-pipeline counts. The standalone SERP pipeline was unloaded 2026-04-17; any page tagged "twitter" came from the Twitter cycle page-gen A/B lane (twitter_gen_links.py), not a dedicated SERP run.',
+  page_published_twitter: 'SEO landing page generated by the Twitter cycle page-gen A/B lane (twitter_gen_links.py -> generate_page.py --trigger twitter). Source rows have seo_keywords.source=twitter. This is what the legacy "SERP SEO" pill was actually counting after the standalone SERP pipeline was unloaded on 2026-04-17.',
   page_published_gsc: 'SEO page generated from a Google Search Console query the site already gets impressions for.',
   page_published_reddit: 'SEO page generated from a high-intent Reddit thread.',
-  page_published_top: 'SEO page generated for a top-of-funnel ranking opportunity.',
+  page_published_top: 'SEO page generated for a top-of-funnel ranking opportunity (top_pages pipeline).',
   page_published_top_post: 'SEO page generated retroactively for a viral social-autoposter post (>=10k views, last 7d) whose link still points at the homepage. Pipeline also mounts a NewsStrip on the homepage routing existing organic clickthroughs to the new /t/ page.',
   page_published_roundup: 'Roundup or list-style SEO page (comparisons, best-of, alternatives).',
-  page_improved: 'Existing SEO page that was updated or rewritten to improve rankings.',
+  page_published_misc: 'SEO page from a legacy or edge source (existing_page, suggestion:*, competitor:*, topic_template, feature_template, client_blog, etc). Mostly historical; near-zero new volume in 2026-05.',
+  page_improved: 'Existing SEO page that was updated or rewritten to improve rankings (seo_page_improvements table).',
   page_expired: 'SEO page deleted by the daily expire pipeline because it had zero clicks in the last 30 days. The on-disk source file was removed; Next.js now returns 404 for the URL. Logged for audit/revert in seo_expired_pages.',
   resurrected: 'Previously archived or unavailable item brought back into rotation (e.g., a removed post restored after reappearing).',
 };
@@ -9000,7 +10160,10 @@ const ACTIVITY_CAMPAIGN_ORGANIC = '(organic)';
 let _activitySeen = new Set();
 let _activityFirstLoad = true;
 // Activity-tab filters/sort/search are persisted across reloads.
-let _activityTypeFilter = saLoadSet('sa.activity.typeFilter.v2', EVENT_TYPES);
+// Bumped v2 -> v3 on 2026-05-16 when page_published_serp was split into
+// page_published_twitter + page_published_misc; old saved Sets did not
+// include the new types, so they'd silently disappear from the feed.
+let _activityTypeFilter = saLoadSet('sa.activity.typeFilter.v3', EVENT_TYPES);
 let _activityPlatformFilter = saLoadSet('sa.activity.platformFilter.v1', ACTIVITY_PLATFORMS);
 let _activityProjectFilter = saLoadSet('sa.activity.projectFilter.v1', []);
 let _activityKnownProjects = saLoad('sa.activity.knownProjects.v1', []);
@@ -9098,7 +10261,7 @@ function buildActivityFilters() {
     var added;
     if (_activityTypeFilter.has(t)) { _activityTypeFilter.delete(t); el.classList.remove('active'); added = false; }
     else { _activityTypeFilter.add(t); el.classList.add('active'); added = true; }
-    saSaveSet('sa.activity.typeFilter.v2', _activityTypeFilter);
+    saSaveSet('sa.activity.typeFilter.v3', _activityTypeFilter);
     try { window.posthog && window.posthog.capture('filter_toggle', { table: 'activity', dimension: 'type', value: t, action: added ? 'add' : 'remove' }); } catch (er) {}
     _activityPage = 0;
     renderActivity(_lastActivityEvents || []);
@@ -9151,11 +10314,11 @@ function buildActivityFilters() {
       if (a === 'type-all') {
         _activityTypeFilter = new Set(EVENT_TYPES);
         tEl.querySelectorAll('[data-type]').forEach(c => c.classList.add('active'));
-        saSaveSet('sa.activity.typeFilter.v2', _activityTypeFilter);
+        saSaveSet('sa.activity.typeFilter.v3', _activityTypeFilter);
       } else if (a === 'type-none') {
         _activityTypeFilter = new Set();
         tEl.querySelectorAll('[data-type]').forEach(c => c.classList.remove('active'));
-        saSaveSet('sa.activity.typeFilter.v2', _activityTypeFilter);
+        saSaveSet('sa.activity.typeFilter.v3', _activityTypeFilter);
       } else if (a === 'platform-all') {
         _activityPlatformFilter = new Set(ACTIVITY_PLATFORMS);
         pEl.querySelectorAll('[data-platform]').forEach(c => c.classList.add('active'));
@@ -9257,19 +10420,21 @@ function fmtCost(c) {
 //
 // Args (no backticks anywhere; this whole helper sits inside the dashboard
 // HTML template literal, see feedback_server_js_template_regex memory):
-//   displayed     value rendered in the cell. Already prefers SDK, falls
-//                 back to estimate. Source of truth for the text.
+//   displayed     value rendered in the cell. Total = COALESCE(orch,
+//                 estimate) + subagent. Source of truth for the text.
 //   orchestrator  native SDK orchestrator cost (claude_sessions.
 //                 orchestrator_cost_usd, captured from streamRes.
 //                 total_cost_usd). Authoritative for orchestrator billing
 //                 but EXCLUDES Task subagent costs (anthropics/claude-code
-//                 issue #43945).
-//   estimated     manual transcript-derived estimate using local pricing
-//                 tables (claude_sessions.total_cost_usd, written by
+//                 issue #43945). Subagent is now folded in via the 4th arg.
+//   estimated     manual transcript-derived estimate of orchestrator turns
+//                 only (claude_sessions.total_cost_usd, written by
 //                 log_claude_session.py).
-function fmtCostCell(displayed, orchestrator, estimated) {
-  const text = fmtCost(displayed);
-  if (text === '') return '';
+//   subagent      Task/Agent subagent cost from sidechain transcripts +
+//                 sibling subagents/*.jsonl files (claude_sessions.
+//                 subagent_cost_usd). Added on top of the orch/estimate
+//                 lane to form the displayed total.
+function fmtCostCell(displayed, orchestrator, estimated, subagent) {
   const fmtLane = (v) => {
     if (v == null) return 'n/a';
     const n = Number(v);
@@ -9278,13 +10443,23 @@ function fmtCostCell(displayed, orchestrator, estimated) {
     if (n < 0.01) return '$' + n.toFixed(4);
     return '$' + n.toFixed(4);
   };
+  // SDK-only mode (2026-05-15): the displayed value is orchestrator_cost_usd
+  // alone. When that's NULL we render "n/a" — not $0, since the session DID
+  // spend money but the wrapper didn't capture --orchestrator-cost-usd.
+  // Estimate and subagent are diagnostic-only (computed from local pricing
+  // table; not actual billing data).
+  const hasOrch = orchestrator != null && Number.isFinite(Number(orchestrator));
+  const text = hasOrch
+    ? fmtCost(Number(orchestrator))
+    : '<span style="color:var(--text-very-faint);">n/a</span>';
   const lines = [
-    'Orchestrator (SDK): ' + fmtLane(orchestrator),
-    'Estimated (transcript): ' + fmtLane(estimated),
+    '**Cost (SDK orchestrator):** ' + fmtLane(orchestrator),
     '',
-    'Displayed value prefers the SDK orchestrator cost (native streamRes.total_cost_usd, matches Anthropic billing for the orchestrator session) and falls back to the manual transcript-derived estimate when the SDK value is unavailable.',
+    '**Diagnostic-only** (not actual billing)',
+    '• Transcript estimate: ' + fmtLane(estimated),
+    '• Subagent (est): ' + fmtLane(subagent),
     '',
-    'Note: orchestrator cost EXCLUDES Task subagent spend (anthropics/claude-code #43945). The estimate uses our local pricing table over the parent transcript only and has the same exclusion.',
+    'Displays Anthropic-reported orchestrator_cost_usd only. "n/a" means the wrapper didn\\'t capture the SDK cost (no --output-format json on the claude call). Transcript estimate and subagent figures are computed locally from a hardcoded pricing table — informational, not billing-accurate on subscription plans.',
   ];
   const tip = lines.join('\\n');
   return '<span data-tooltip="' + escapeHtml(tip) +
@@ -9581,22 +10756,35 @@ function currentStatsProject() {
   const row = document.getElementById('style-stats-project-pills');
   return (row && row.dataset.selected) || 'all';
 }
-function reloadStatsTabSections() {
-  loadActivityStats();
-  loadCohortStats();
-  loadStyleStats();
+// Sets body.sa-stats-busy while the batch of stats fetches kicked off by a
+// single filter change is in flight. CSS uses the class to disable the four
+// pill rows (status window, stats window, style-stats platform/project) so
+// users can't queue overlapping reloads across rapid pill clicks.
+async function reloadStatsTabSections() {
+  document.body.classList.add('sa-stats-busy');
+  const pending = [
+    loadActivityStats(),
+    loadCohortStats(),
+    loadStyleStats(),
+  ];
   // daily-metrics chart now lives on its own Trends tab with its own filter
   // bar; intentionally NOT reloaded on stats-tab window/platform/project
   // of the filter bar.
   const funnelEl = document.getElementById('funnel-stats');
   if (funnelEl && funnelEl.open) {
-    if (_lastFunnelPayload) renderFunnelStats(_lastFunnelPayload);
-    else loadFunnelStats(true);
+    // Always refetch when a filter pill changes — the cached payload was
+    // built against the *previous* platform/window and rendering it would
+    // contradict the engagement-style table above it. loadFunnelStats's
+    // own (loadKey) check still keeps redundant fetches off when nothing
+    // actually changed.
+    pending.push(loadFunnelStats(true));
   }
   const dmEl = document.getElementById('dm-stats');
-  if (dmEl && dmEl.open) loadDmStats(true);
+  if (dmEl && dmEl.open) pending.push(loadDmStats(true));
   const sqEl = document.getElementById('search-queries-stats');
-  if (sqEl && sqEl.open) loadSearchQueriesStats(true);
+  if (sqEl && sqEl.open) pending.push(loadSearchQueriesStats(true));
+  try { await Promise.allSettled(pending); }
+  finally { document.body.classList.remove('sa-stats-busy'); }
 }
 function syncStatsHeadings() {
   const win = currentStatsWindow();
@@ -9641,7 +10829,63 @@ function renderActivityStats(payload) {
     grandTotal += n;
   });
   if (totalEl) totalEl.textContent = grandTotal + ' events in ' + currentStatsWindow().labelLong;
-  grid.innerHTML = EVENT_TYPES.map(t => {
+  // Fold all page-generation subtypes into a single synthetic 'pages_generated'
+  // card so the grid stops looking like six near-empty SEO cells. The breakdown
+  // row inside the card lists each pipeline + count chip; the hover tooltip on
+  // each chip shows the long description for that pipeline. Card-level "i"
+  // icon shows the umbrella tooltip.
+  const pagesBucket = { total: 0, subtypes: {} };
+  PAGE_GEN_EVENT_TYPES.forEach(t => {
+    const b = byType[t];
+    if (!b) return;
+    pagesBucket.total += b.total;
+    if (b.total > 0) pagesBucket.subtypes[t] = b.total;
+  });
+  const PAGE_GEN_CHIP_LABELS = {
+    page_published_twitter: 'twitter',
+    page_published_gsc: 'gsc',
+    page_published_reddit: 'reddit',
+    page_published_top: 'top',
+    page_published_top_post: 'top post',
+    page_published_roundup: 'roundup',
+    page_published_misc: 'misc',
+    page_improved: 'improved',
+  };
+  // Render order: keep PAGE_GEN_EVENT_TYPES order, then drop the non-page tail
+  // cards (page_expired, resurrected) at the end. Suppress individual page_*
+  // cards since we render the umbrella card instead.
+  const renderOrder = [];
+  EVENT_TYPES.forEach(t => {
+    if (PAGE_GEN_EVENT_TYPES.includes(t)) return; // folded into umbrella
+    renderOrder.push(t);
+  });
+  // Insert the umbrella where the first page card used to live (after dm_reply_sent).
+  const dmIdx = renderOrder.indexOf('dm_reply_sent');
+  if (dmIdx >= 0) renderOrder.splice(dmIdx + 1, 0, '__pages_generated__');
+  else renderOrder.push('__pages_generated__');
+
+  grid.innerHTML = renderOrder.map(t => {
+    if (t === '__pages_generated__') {
+      const total = pagesBucket.total;
+      const subtypes = Object.keys(pagesBucket.subtypes).sort((a, b) => pagesBucket.subtypes[b] - pagesBucket.subtypes[a]);
+      const chips = subtypes.length
+        ? subtypes.map(st => {
+            const lab = PAGE_GEN_CHIP_LABELS[st] || st.replace(/^page_published_/, '');
+            const desc = EVENT_DESCRIPTIONS[st] || '';
+            const titleAttr = desc ? ' data-tooltip="' + escapeHtml(desc) + '"' : '';
+            return '<span class="stat-plat"' + titleAttr + '><span class="stat-plat-text">' + escapeHtml(lab) + '</span><span class="stat-plat-count">' + pagesBucket.subtypes[st] + '</span></span>';
+          }).join('')
+        : '<span style="color:var(--text-very-faint);">\u2014</span>';
+      const umbrellaDesc = EVENT_DESCRIPTIONS.pages_generated || '';
+      const infoIcon = '<span class="stat-card-info" data-tooltip="' + escapeHtml(umbrellaDesc) + '" aria-label="' + escapeHtml(umbrellaDesc) + '">i</span>';
+      return '<div class="stat-card ev-pages-generated' + (total === 0 ? ' zero' : '') + '">' +
+        '<div class="stat-card-head">' +
+          '<span class="stat-card-label">pages generated' + infoIcon + '</span>' +
+          '<span class="stat-card-count">' + total + '</span>' +
+        '</div>' +
+        '<div class="stat-card-breakdown">' + chips + '</div>' +
+      '</div>';
+    }
     const bucket = byType[t];
     const total = bucket.total;
     const plats = Object.keys(bucket.platforms).sort((a, b) => bucket.platforms[b] - bucket.platforms[a]);
@@ -9668,6 +10912,13 @@ function renderActivityStats(payload) {
 }
 
 async function loadActivityStats() {
+  // Immediate visual feedback on filter change. Without this the previously
+  // rendered grid sits frozen until the 9-way UNION returns; on a cold cache
+  // miss that's a couple seconds with zero indication anything is happening.
+  const grid = document.getElementById('stats-grid');
+  const totalEl = document.getElementById('stats-total');
+  if (grid) grid.classList.add('is-loading');
+  if (totalEl) totalEl.textContent = 'loading…';
   try {
     const hours = currentStatsWindow().hours;
     const plat = currentStatsPlatform();
@@ -9678,7 +10929,9 @@ async function loadActivityStats() {
     const res = await fetch('/api/activity/stats?' + params.join('&'));
     const data = await res.json();
     renderActivityStats(data);
-  } catch {}
+  } catch {} finally {
+    if (grid) grid.classList.remove('is-loading');
+  }
 }
 
 // Combined daily-metrics line chart (Trends tab). Fetches 4 endpoints (2
@@ -9698,6 +10951,14 @@ async function loadActivityStats() {
 // to a capture day; expect those lines to sit at 0 until at least two
 // consecutive days of snapshots have accumulated per post.
 let DAILY_METRICS = [
+  // Output volume: posts we made per day, split by type. 'threads' counts
+  // posts where we authored the thread itself; 'comments_made' counts posts
+  // where we engaged on someone else's thread. Both come from the same
+  // /api/posts/per-day endpoint (server returns threads_made + comments_made
+  // alongside posts_made). 'comments_made' is intentionally distinct from
+  // the 'comments' pill below, which counts comments EARNED on our posts.
+  { id: 'threads',         label: 'Threads',           color: '#a855f7', endpoint: '/api/posts/per-day',    valueKey: 'threads_made',     platformAware: true },
+  { id: 'comments_made',   label: 'Comments Made',     color: '#d946ef', endpoint: '/api/posts/per-day',    valueKey: 'comments_made',    platformAware: true },
   { id: 'views',           label: 'Views',             color: '#6366f1', endpoint: '/api/views/per-day',    valueKey: 'views_gained',     platformAware: true },
   { id: 'upvotes',         label: 'Upvotes',           color: '#f97316', endpoint: '/api/upvotes/per-day',  valueKey: 'upvotes_gained',   platformAware: true },
   { id: 'comments',        label: 'Comments',          color: '#14b8a6', endpoint: '/api/comments/per-day', valueKey: 'comments_gained',  platformAware: true },
@@ -9844,6 +11105,13 @@ function renderDailyMetrics() {
       if (active.has(id)) active.delete(id); else active.add(id);
       _saveDailyMetricsActive();
       renderDailyMetrics();
+      // Mirror the legend change across all per-project mini charts so they
+      // stay in sync with the main chart's metric selection. No fetch.
+      try {
+        if (_perProjectState && _perProjectState.loadedKey) {
+          _perProjectGetProjects().forEach(p => _renderPerProjectChart(p, 'daily'));
+        }
+      } catch {}
     });
   });
 
@@ -10167,6 +11435,13 @@ function renderRatioMetrics() {
       if (active.has(id)) active.delete(id); else active.add(id);
       _saveRatioMetricsActive();
       renderRatioMetrics();
+      // Same pattern as the daily-metrics legend: mirror the toggle across
+      // the per-project ratio mini-charts (no fetch, just SVG rebuild).
+      try {
+        if (_perProjectState && _perProjectState.loadedKey) {
+          _perProjectGetProjects().forEach(p => _renderPerProjectChart(p, 'ratio'));
+        }
+      } catch {}
     });
   });
   const visible = RATIO_METRICS.filter(r => active.has(r.id));
@@ -10315,6 +11590,508 @@ function renderRatioMetrics() {
   }
 }
 
+// ============================================================================
+// Per-project breakdown for the Trends tab. Renders the same Daily Metrics
+// and Engagement Ratios charts (sharing the user's legend selection) once per
+// project, stacked vertically. Lazy-loaded on first details open; cached by
+// granularity+platform (so toggling either filter triggers a refetch but the
+// legend pills just re-render from the cached series). Always shows ALL
+// projects regardless of the Trends project filter — the breakdown is the
+// place to compare projects against each other.
+// ============================================================================
+const _perProjectState = {
+  loadedKey: null,        // 'daily|all' style cache key
+  series: {},             // { project: { metricId: { dayISO: value } } }
+  days: [],               // axis (daily or weekly buckets)
+  failed: {},             // { project: [{key, timedOut}] }
+  loading: false,         // a fetch cycle is in flight
+};
+
+function _perProjectGetProjects() {
+  const pills = document.querySelectorAll('#trends-project-pills .style-stats-pill[data-value]');
+  return Array.from(pills)
+    .map(p => p.getAttribute('data-value'))
+    .filter(v => v && v !== 'all');
+}
+
+function _perProjectCacheKey() {
+  return currentTrendsGranularity() + '|' + currentTrendsPlatform();
+}
+
+// True when at least one of the per-project details elements is open.
+// Used to decide whether to (re)load on filter change; if both are closed
+// the data is irrelevant until the user opens one.
+function _perProjectIsAnyOpen() {
+  const a = document.getElementById('daily-metrics-per-project');
+  const b = document.getElementById('ratio-metrics-per-project');
+  return !!((a && a.open) || (b && b.open));
+}
+
+// Maybe-invalidate: only clears state when the cache key (granularity +
+// platform) actually changed. Project filter is irrelevant to per-project
+// breakdown (it always shows all projects), so a project-only change is a
+// no-op. Called from loadDailyMetrics on every refilter; cheap when no
+// section is open and no key change happened.
+function _perProjectInvalidate() {
+  const want = _perProjectCacheKey();
+  const changed = _perProjectState.loadedKey && _perProjectState.loadedKey !== want;
+  if (changed) {
+    _perProjectState.loadedKey = null;
+    _perProjectState.series = {};
+    _perProjectState.failed = {};
+  }
+  if (_perProjectIsAnyOpen()) {
+    _perProjectLoadIfNeeded();
+  } else if (changed) {
+    // Reset both row containers to a hint state so when the user opens the
+    // section next, they don't see stale data.
+    ['daily-metrics-per-project-rows', 'ratio-metrics-per-project-rows'].forEach(id => {
+      const el = document.getElementById(id);
+      if (el) el.innerHTML = '<div class="views-chart-empty">Click to load per-project charts.</div>';
+    });
+    ['daily-metrics-per-project-status', 'ratio-metrics-per-project-status'].forEach(id => {
+      const el = document.getElementById(id);
+      if (el) el.textContent = '';
+    });
+  }
+}
+
+// Single fetch helper: 7 best-effort endpoints (8 in admin mode w/ cost) for
+// one project, mirroring the shape of loadDailyMetrics. Returns a flat
+// { series: { metricId: { day: value } }, failed: [...] } record.
+async function _perProjectFetchOne(project, gran, platform, fetchDays, dailyAxis) {
+  // 30s per endpoint. /api/funnel/per-day shells out to PostHog HogQL which
+  // routinely takes 10-25s on a cold cache; 9s was killing 19 of 23 projects'
+  // funnel fetch on first page-load and rendering them as silent zeros.
+  // Pair this with the funnel pre-warmer (launchd com.m13v.social-funnel-prewarm)
+  // which keeps the 5-min server cache hot so most fetches return instantly.
+  const FETCH_TIMEOUT_MS = 30000;
+  const fetchOne = async (url) => {
+    const ctl = (typeof AbortController !== 'undefined') ? new AbortController() : null;
+    const timer = ctl ? setTimeout(() => { try { ctl.abort(); } catch {} }, FETCH_TIMEOUT_MS) : null;
+    try {
+      const res = await fetch(url, ctl ? { signal: ctl.signal } : undefined);
+      if (!res.ok) return { rows: [], failed: true, status: res.status };
+      const data = await res.json();
+      return { rows: data.rows || [], failed: false };
+    } catch (e) {
+      const msg = String(e && e.message || e);
+      const timedOut = msg.includes('aborted') || msg.includes('Timeout') || msg.includes('timed out');
+      return { rows: [], failed: true, timedOut };
+    } finally {
+      if (timer) clearTimeout(timer);
+    }
+  };
+  // Force the project filter; platform stays inherited from the Trends bar.
+  const platformAwareParams = ['days=' + fetchDays, 'project=' + encodeURIComponent(project)];
+  if (platform && platform !== 'all') platformAwareParams.push('platform=' + encodeURIComponent(platform));
+  const projectOnlyParams = ['days=' + fetchDays, 'project=' + encodeURIComponent(project)];
+  const qsAware = platformAwareParams.join('&');
+  const qsProj  = projectOnlyParams.join('&');
+  const costAvail = window.SA_IS_ADMIN !== false;
+  const [views, upvotes, comments, clicks, bookings, funnel, cost, posts] = await Promise.all([
+    fetchOne('/api/views/per-day?'    + qsAware),
+    fetchOne('/api/upvotes/per-day?'  + qsAware),
+    fetchOne('/api/comments/per-day?' + qsAware),
+    fetchOne('/api/clicks/per-day?'   + qsAware),
+    fetchOne('/api/bookings/per-day?' + qsProj),
+    fetchOne('/api/funnel/per-day?'   + qsProj),
+    costAvail ? fetchOne('/api/cost/per-day?' + qsAware) : Promise.resolve({ rows: [], failed: false }),
+    fetchOne('/api/posts/per-day?'    + qsAware),
+  ]);
+  const series = {};
+  const intoSeries = (id, rows, key) => {
+    const map = {};
+    rows.forEach(r => { if (r && r.day) map[r.day] = Number(r[key]) || 0; });
+    series[id] = map;
+  };
+  intoSeries('views',         views.rows,    'views_gained');
+  intoSeries('upvotes',       upvotes.rows,  'upvotes_gained');
+  intoSeries('comments',      comments.rows, 'comments_gained');
+  intoSeries('clicks',        clicks.rows,   'clicks_gained');
+  intoSeries('bookings',      bookings.rows, 'bookings_gained');
+  intoSeries('cost',          cost.rows,     'cost_usd');
+  intoSeries('posts',         posts.rows,    'posts_made');
+  intoSeries('threads',       posts.rows,    'threads_made');
+  intoSeries('comments_made', posts.rows,    'comments_made');
+  DAILY_METRICS.filter(m => m.funnel).forEach(m => {
+    intoSeries(m.id, funnel.rows, m.valueKey);
+  });
+  // Apply weekly bucketing if needed (same shape as loadDailyMetrics).
+  let outSeries = series;
+  if (gran === 'weekly') {
+    const aggregated = {};
+    DAILY_METRICS.forEach(m => {
+      const bucketed = _bucketWeekly(dailyAxis, series[m.id] || {});
+      aggregated[m.id] = bucketed.weeklyMap;
+    });
+    outSeries = aggregated;
+  }
+  const fetchResults = { views, upvotes, comments, clicks, bookings, funnel, cost, posts };
+  const failed = Object.keys(fetchResults)
+    .filter(k => fetchResults[k].failed)
+    .map(k => ({ key: k, timedOut: !!fetchResults[k].timedOut }));
+  return { series: outSeries, failed };
+}
+
+// Run an async fn over items with bounded concurrency. Used so we don't
+// fire 8 endpoints * 25 projects = 200 simultaneous requests at PostHog.
+async function _perProjectRunConcurrency(items, limit, fn) {
+  const queue = items.slice();
+  const workers = [];
+  for (let i = 0; i < Math.min(limit, queue.length); i++) {
+    workers.push((async () => {
+      while (queue.length) {
+        const item = queue.shift();
+        if (item == null) break;
+        try { await fn(item); } catch {}
+      }
+    })());
+  }
+  await Promise.all(workers);
+}
+
+// Build a compact column chart SVG. Same visual model as renderDailyMetrics
+// but smaller (130px tall, no value labels above bars, X labels at first/
+// middle/last only). Returns { svgHtml, plot } where plot exposes the
+// padding + dimensions for hover wiring.
+function _buildMiniChartSvg(opts) {
+  const days = opts.days || [];
+  const visible = opts.visible || [];
+  const valueOf = opts.valueOf; // (metric, day) => number|null
+  const isRatio = !!opts.isRatio;
+  const formatter = opts.formatter; // (metric, value) => string
+  const seriesPeak = {};
+  visible.forEach(m => {
+    let p = 0;
+    days.forEach(d => {
+      const v = valueOf(m, d);
+      if (v == null || !isFinite(v)) return;
+      p = Math.max(p, v);
+    });
+    seriesPeak[m.id] = p;
+  });
+  const isSingle = visible.length === 1;
+  const singleMetric = isSingle ? visible[0] : null;
+  const yMax = isSingle ? _niceMax(Math.max(isRatio ? 0.01 : 0, seriesPeak[visible[0].id] || 0)) : 0;
+  const width = 960;
+  const height = 130;
+  const padL = isSingle ? 44 : 12;
+  const padR = 12, padT = 10, padB = 16;
+  const plotW = width - padL - padR;
+  const plotH = height - padT - padB;
+  const groupWidth = days.length > 0 ? plotW / days.length : 0;
+  const groupGap = Math.max(1, groupWidth * 0.18);
+  const barCount = visible.length;
+  const barSpacing = barCount > 1 ? 1 : 0;
+  const innerWidth = Math.max(1, groupWidth - groupGap);
+  const barWidth = Math.max(1, (innerWidth - barSpacing * (barCount - 1)) / barCount);
+  const yOfFor = (m) => {
+    const peak = isSingle ? yMax : (seriesPeak[m.id] || 0);
+    return v => padT + plotH - (peak > 0 ? (v / peak) * plotH : 0);
+  };
+  const xCenter = i => padL + groupWidth * i + groupWidth / 2;
+  const yGrid = [0, 0.5, 1].map(t => {
+    const y = padT + plotH - t * plotH;
+    let label = '';
+    if (isSingle) {
+      const v = yMax * t;
+      label = '<text class="axis-text" x="' + (padL - 6) + '" y="' + (y + 3) + '" text-anchor="end">' + escapeHtml(formatter(singleMetric, v)) + '</text>';
+    }
+    return '<line class="gridline" x1="' + padL + '" x2="' + (width - padR) + '" y1="' + y + '" y2="' + y + '"/>' + label;
+  }).join('');
+  const xLabelIdxs = days.length <= 1
+    ? [0]
+    : [0, Math.floor(days.length / 2), days.length - 1];
+  const xLabels = Array.from(new Set(xLabelIdxs)).map(i => {
+    return '<text class="axis-text" x="' + xCenter(i) + '" y="' + (height - 4) + '" text-anchor="middle">' + escapeHtml(_fmtDay(days[i])) + '</text>';
+  }).join('');
+  const bars = days.map((d, i) => {
+    const groupX = padL + groupWidth * i + groupGap / 2;
+    return visible.map((m, mi) => {
+      const v = valueOf(m, d);
+      if (v == null || !isFinite(v)) return '';
+      if (!isRatio && v === 0) return ''; // skip zero bars for cleanliness
+      const x = groupX + (barWidth + barSpacing) * mi;
+      const yOf = yOfFor(m);
+      const y = yOf(v);
+      const h = Math.max(0, padT + plotH - y);
+      return '<rect class="series-bar" data-day="' + escapeHtml(d) + '" data-metric="' + escapeHtml(m.id) + '" x="' + x.toFixed(2) + '" y="' + y.toFixed(2) + '" width="' + barWidth.toFixed(2) + '" height="' + h.toFixed(2) + '" fill="' + m.color + '"/>';
+    }).join('');
+  }).join('');
+  const svgHtml =
+    '<svg viewBox="0 0 ' + width + ' ' + height + '" preserveAspectRatio="none" role="img">' +
+      yGrid + xLabels + bars +
+      '<line class="hover-line" x1="0" y1="' + padT + '" x2="0" y2="' + (padT + plotH) + '"/>' +
+      '<rect class="pp-hover-rect" x="' + padL + '" y="' + padT + '" width="' + plotW + '" height="' + plotH + '" fill="transparent"/>' +
+    '</svg>' +
+    '<div class="pp-tooltip"></div>';
+  return { svgHtml, plot: { width, height, padL, padR, padT, padB, plotW, plotH, groupWidth, xCenter } };
+}
+
+// Attach hover behavior to a mini chart inside chartEl. visible / valueOf /
+// formatter match the build call so the tooltip shows the same values.
+function _wireMiniChartHover(chartEl, plot, opts) {
+  const days = opts.days;
+  const visible = opts.visible;
+  const valueOf = opts.valueOf;
+  const formatter = opts.formatter;
+  const emptyLabelFor = opts.emptyLabelFor; // (metric) => string | null
+  const rect = chartEl.querySelector('.pp-hover-rect');
+  const hoverLine = chartEl.querySelector('.hover-line');
+  const tip = chartEl.querySelector('.pp-tooltip');
+  if (!rect || !hoverLine || !tip) return;
+  const show = e => {
+    const svgEl = chartEl.querySelector('svg');
+    const box = svgEl.getBoundingClientRect();
+    const relX = e.clientX - box.left;
+    const scale = plot.width / box.width;
+    const svgX = relX * scale;
+    const idxRaw = (svgX - plot.padL) / (plot.groupWidth || 1);
+    const idx = Math.max(0, Math.min(days.length - 1, Math.floor(idxRaw)));
+    const snapX = plot.xCenter(idx);
+    hoverLine.setAttribute('x1', snapX);
+    hoverLine.setAttribute('x2', snapX);
+    hoverLine.style.opacity = '1';
+    const day = days[idx];
+    const rows = visible.map(m => {
+      const v = valueOf(m, day);
+      let display;
+      if (v == null || !isFinite(v)) {
+        display = (emptyLabelFor ? emptyLabelFor(m) : '\u2014');
+      } else {
+        display = formatter(m, v);
+      }
+      return '<div class="tt-row"><span class="swatch" style="background:' + m.color + ';"></span>' +
+             '<span>' + escapeHtml(m.label) + '</span>' +
+             '<span class="val">' + escapeHtml(display) + '</span></div>';
+    }).join('');
+    tip.innerHTML = '<div class="tt-day">' + escapeHtml(_fmtDay(day)) + '</div>' + rows;
+    const cssX = snapX / scale;
+    tip.style.transform = 'none';
+    tip.style.visibility = 'hidden';
+    tip.style.opacity = '1';
+    const tipW = tip.offsetWidth;
+    const tipH = tip.offsetHeight;
+    const cw = chartEl.clientWidth;
+    const margin = 4;
+    const gap = 10;
+    const chartBox = chartEl.getBoundingClientRect();
+    const svgOffsetLeft = box.left - chartBox.left;
+    const cursorPx = svgOffsetLeft + cssX;
+    let leftPx = cursorPx - tipW / 2;
+    if (leftPx + tipW > cw - margin) {
+      leftPx = cursorPx - tipW - gap;
+      if (leftPx < margin) leftPx = Math.max(margin, cw - margin - tipW);
+    } else if (leftPx < margin) {
+      leftPx = cursorPx + gap;
+      if (leftPx + tipW > cw - margin) leftPx = Math.max(margin, cw - margin - tipW);
+    }
+    let topPx = plot.padT - 6 - tipH;
+    if (topPx < margin) topPx = plot.padT + 12;
+    tip.style.left = leftPx + 'px';
+    tip.style.top = topPx + 'px';
+    tip.style.visibility = '';
+  };
+  const hide = () => { hoverLine.style.opacity = '0'; tip.style.opacity = '0'; };
+  rect.addEventListener('mousemove', show);
+  rect.addEventListener('mouseleave', hide);
+}
+
+// Render one mini chart for a single project in either 'daily' or 'ratio' scope.
+function _renderPerProjectChart(project, scope) {
+  const rowsEl = document.getElementById(scope === 'daily' ? 'daily-metrics-per-project-rows' : 'ratio-metrics-per-project-rows');
+  if (!rowsEl) return;
+  const rowEl = rowsEl.querySelector('.per-project-row[data-project="' + (window.CSS && CSS.escape ? CSS.escape(project) : project) + '"]');
+  if (!rowEl) return;
+  const chartEl = rowEl.querySelector('.per-project-chart');
+  if (!chartEl) return;
+  const projectSeries = _perProjectState.series[project];
+  if (!projectSeries) {
+    chartEl.innerHTML = '<div class="pp-empty">Loading\u2026</div>';
+    rowEl.classList.add('pp-loading');
+    return;
+  }
+  rowEl.classList.remove('pp-loading');
+  const days = _perProjectState.days;
+  // Map each metric id -> the endpoint key its data comes from in _perProjectFetchOne.
+  // Used below to detect when ALL visible metrics are powered by a failed endpoint
+  // (e.g. funnel timed out for this project), so we can render an explicit "failed
+  // to load" hint instead of silently drawing flat zeros that look like real data.
+  const failedKeys = new Set((_perProjectState.failed[project] || []).map(f => f.key));
+  const _sourceKeyForMetric = (m) => {
+    if (m.funnel) return 'funnel';
+    if (m.id === 'posts' || m.id === 'threads' || m.id === 'comments_made') return 'posts';
+    return m.id; // views / upvotes / comments / clicks / bookings / cost match by id
+  };
+  if (scope === 'daily') {
+    const active = _loadDailyMetricsActive();
+    const visible = DAILY_METRICS.filter(m => active.has(m.id));
+    if (!visible.length) {
+      chartEl.innerHTML = '<div class="pp-empty">No metrics selected.</div>';
+      return;
+    }
+    // If every visible metric's source endpoint failed for this project,
+    // show a clear failure hint instead of silent zeros.
+    if (visible.every(m => failedKeys.has(_sourceKeyForMetric(m)))) {
+      const failKeys = Array.from(new Set(visible.map(m => _sourceKeyForMetric(m))));
+      const timedOut = (_perProjectState.failed[project] || []).some(f => f.timedOut && failKeys.includes(f.key));
+      chartEl.innerHTML = '<div class="pp-empty" style="color:#dc2626;">Failed to load (' + (timedOut ? 'timed out' : 'error') + ': ' + escapeHtml(failKeys.join(', ')) + ')</div>';
+      return;
+    }
+    const valueOf = (m, d) => Number((projectSeries[m.id] || {})[d]) || 0;
+    const formatter = (m, v) => _fmtForMetric(m, v);
+    const { svgHtml, plot } = _buildMiniChartSvg({ days, visible, valueOf, isRatio: false, formatter });
+    chartEl.innerHTML = svgHtml;
+    _wireMiniChartHover(chartEl, plot, { days, visible, valueOf, formatter });
+  } else {
+    const active = _loadRatioMetricsActive();
+    const visible = RATIO_METRICS.filter(r => active.has(r.id));
+    if (!visible.length) {
+      chartEl.innerHTML = '<div class="pp-empty">No ratios selected.</div>';
+      return;
+    }
+    // Build per-ratio per-day series from this project's numerator/denominator.
+    const ratioCache = {};
+    visible.forEach(r => {
+      const numByDay = projectSeries[r.numerator]   || {};
+      const denByDay = projectSeries[r.denominator] || {};
+      const scale = (typeof r.scaleFactor === 'number') ? r.scaleFactor : 100;
+      const map = {};
+      days.forEach(d => {
+        const num = Number(numByDay[d]) || 0;
+        const den = Number(denByDay[d]) || 0;
+        map[d] = (den > 0) ? (num / den * scale) : null;
+      });
+      ratioCache[r.id] = map;
+    });
+    const valueOf = (r, d) => ratioCache[r.id][d];
+    const formatter = (r, v) => _fmtForRatio(r, v);
+    const emptyLabelFor = (r) => (r.denominator === 'pageviews') ? 'no visitors'
+                                : (r.denominator === 'posts')     ? 'no posts'
+                                : 'no views';
+    const { svgHtml, plot } = _buildMiniChartSvg({ days, visible, valueOf, isRatio: true, formatter });
+    chartEl.innerHTML = svgHtml;
+    _wireMiniChartHover(chartEl, plot, { days, visible, valueOf, formatter, emptyLabelFor });
+  }
+}
+
+// Render BOTH scopes (daily + ratio) for one project. Cheap; only the open
+// section will be visually scrolled into view, but rendering both keeps the
+// state symmetric.
+function _renderPerProjectBoth(project) {
+  _renderPerProjectChart(project, 'daily');
+  _renderPerProjectChart(project, 'ratio');
+}
+
+// Re-render every per-project row for both scopes. Used after legend pill
+// toggles (no fetch, just SVG rebuild) and after a fresh load completes.
+function _renderPerProjectAll() {
+  const projects = _perProjectGetProjects();
+  projects.forEach(p => _renderPerProjectBoth(p));
+}
+
+// Build (or rebuild) the row skeleton in both containers. One row per project
+// with a project label and an empty .per-project-chart waiting for render.
+function _renderPerProjectSkeleton() {
+  const projects = _perProjectGetProjects();
+  ['daily-metrics-per-project-rows', 'ratio-metrics-per-project-rows'].forEach(id => {
+    const el = document.getElementById(id);
+    if (!el) return;
+    if (!projects.length) {
+      el.innerHTML = '<div class="views-chart-empty">No projects.</div>';
+      return;
+    }
+    el.innerHTML = projects.map(p => (
+      '<div class="per-project-row pp-loading" data-project="' + escapeHtml(p) + '">' +
+        '<div class="per-project-label">' + escapeHtml(p) + '</div>' +
+        '<div class="per-project-chart"><div class="pp-empty">Loading\u2026</div></div>' +
+      '</div>'
+    )).join('');
+  });
+}
+
+function _setPerProjectStatus(text) {
+  ['daily-metrics-per-project-status', 'ratio-metrics-per-project-status'].forEach(id => {
+    const el = document.getElementById(id);
+    if (el) el.textContent = text || '';
+  });
+}
+
+// Lazy-load entry point. Triggered by details toggle and by filter changes
+// while at least one details is open. No-op if already loading or already
+// loaded for the current (granularity, platform) key.
+async function _perProjectLoadIfNeeded() {
+  const want = _perProjectCacheKey();
+  if (_perProjectState.loadedKey === want) {
+    _renderPerProjectSkeleton();
+    _renderPerProjectAll();
+    return;
+  }
+  if (_perProjectState.loading) return;
+  _perProjectState.loading = true;
+  _perProjectState.loadedKey = want;
+  _perProjectState.series = {};
+  _perProjectState.failed = {};
+  const gran = currentTrendsGranularity();
+  const platform = currentTrendsPlatform();
+  const fetchDays = gran === 'weekly' ? DAILY_METRICS_DAYS_WEEKLY : DAILY_METRICS_DAYS_DAILY;
+  const today = new Date();
+  const dailyAxis = [];
+  for (let i = fetchDays - 1; i >= 0; i--) {
+    const d = new Date(today);
+    d.setDate(today.getDate() - i);
+    dailyAxis.push(d.toISOString().slice(0, 10));
+  }
+  // Axis stored on state matches the granularity (weekly buckets or daily).
+  if (gran === 'weekly') {
+    const { weekKeys } = _bucketWeekly(dailyAxis, {});
+    _perProjectState.days = weekKeys;
+  } else {
+    _perProjectState.days = dailyAxis;
+  }
+  _renderPerProjectSkeleton();
+  const projects = _perProjectGetProjects();
+  let done = 0;
+  _setPerProjectStatus('0 / ' + projects.length);
+  try {
+    // 2 concurrent projects = 16 simultaneous endpoint calls (8 per project).
+    // 3 was overloading the dashboard's pg pool and PostHog rate limits on a
+    // cold cache; 2 keeps the per-project load slow-but-steady and lets the
+    // pg pool (now max:25) actually drain between waves.
+    await _perProjectRunConcurrency(projects, 2, async (project) => {
+      // Bail if filters changed mid-load.
+      if (_perProjectState.loadedKey !== want) return;
+      const { series, failed } = await _perProjectFetchOne(project, gran, platform, fetchDays, dailyAxis);
+      if (_perProjectState.loadedKey !== want) return;
+      _perProjectState.series[project] = series;
+      _perProjectState.failed[project] = failed;
+      _renderPerProjectBoth(project);
+      done += 1;
+      _setPerProjectStatus(done + ' / ' + projects.length);
+    });
+  } finally {
+    _perProjectState.loading = false;
+  }
+  // Final status: how many had any failed endpoint?
+  const failedCount = Object.values(_perProjectState.failed).filter(arr => arr && arr.length).length;
+  _setPerProjectStatus(projects.length + ' / ' + projects.length + (failedCount ? ' · ' + failedCount + ' partial' : ''));
+}
+
+// Wire details toggle on first DOMContentLoaded. Idempotent so it survives
+// any partial reloads. Hook is delayed via setTimeout to make sure the
+// elements exist before we attach.
+function _wirePerProjectToggles() {
+  ['daily-metrics-per-project', 'ratio-metrics-per-project'].forEach(id => {
+    const el = document.getElementById(id);
+    if (!el || el.dataset.wired === '1') return;
+    el.dataset.wired = '1';
+    el.addEventListener('toggle', () => {
+      if (el.open) _perProjectLoadIfNeeded();
+    });
+  });
+}
+
 // Trends-tab filter state. Selection is read off the trends pill rows by
 // data-selected; granularity drives the day count and axis bucketing.
 function currentTrendsPlatform() {
@@ -10390,13 +12167,14 @@ async function loadDailyMetrics() {
   // or any transient 5xx) renders the affected series as flat zeros instead
   // of killing the whole chart. The "Unable to load daily metrics" fallback
   // below now only triggers when literally every fetch failed.
-  // Per-endpoint timeout. /api/funnel/per-day shells out to PostHog +
-  // Postgres and at days=91 (weekly window) it can hang well past 15s,
-  // which previously froze the entire chart because Promise.all waited on
-  // the slowest of 5. Cap each fetch at ~9s so a slow endpoint degrades
-  // gracefully (renders as flat zeros with the "rendered N of 5" note in
-  // the status pill) instead of leaving a permanent "Loading…" placeholder.
-  const FETCH_TIMEOUT_MS = 9000;
+  // Per-endpoint timeout. /api/funnel/per-day shells out to PostHog HogQL
+  // and at days=91 (weekly window) routinely takes 15-25s on a cold cache.
+  // 9s was too tight: on a fresh page load the funnel endpoint timed out
+  // and the top chart's Get Started / Visitors / Email Signups / Schedule
+  // Clicks series all rendered as flat zeros. Bumped to 30s; paired with
+  // the funnel pre-warmer (launchd com.m13v.social-funnel-prewarm) which
+  // keeps the 5-min server cache hot so most fetches still return fast.
+  const FETCH_TIMEOUT_MS = 30000;
   const fetchOne = async (url) => {
     const ctl = (typeof AbortController !== 'undefined') ? new AbortController() : null;
     const timer = ctl ? setTimeout(() => { try { ctl.abort(); } catch {} }, FETCH_TIMEOUT_MS) : null;
@@ -10452,6 +12230,8 @@ async function loadDailyMetrics() {
     intoSeries('bookings', bookings.rows, 'bookings_gained');
     intoSeries('cost',     cost.rows,     'cost_usd');
     intoSeries('posts',    posts.rows,    'posts_made');
+    intoSeries('threads',       posts.rows, 'threads_made');
+    intoSeries('comments_made', posts.rows, 'comments_made');
     DAILY_METRICS.filter(m => m.funnel).forEach(m => {
       intoSeries(m.id, funnel.rows, m.valueKey);
     });
@@ -10480,6 +12260,11 @@ async function loadDailyMetrics() {
       .map(k => ({ key: k, timedOut: !!fetchResults[k].timedOut }));
     renderDailyMetrics();
     renderRatioMetrics();
+    // Propagate filter changes to the per-project breakdown. Cheap no-op
+    // when neither section is open and the cache key (granularity+platform)
+    // hasn't actually changed; otherwise it kicks off a fresh per-project
+    // fetch in the background.
+    try { _perProjectInvalidate(); } catch {}
   } catch (e) {
     if (chartEl) chartEl.innerHTML = '<div class="views-chart-empty">Unable to load daily metrics (' + escapeHtml(String(e.message || e)) + ').</div>';
   }
@@ -10777,7 +12562,7 @@ let _styleStatsTableState = { sortField: 'score', sortDir: 'desc', filters: {} }
 // OS-level title-attribute delay.
 const STYLE_STATS_HELP = {
   style:    'Engagement tone Claude used to draft this first-touch comment/post (slug from scripts/engagement_styles.py). The A/B testing system uses these stats to decide which tones to imitate next. Note: a row in the posts table = our FIRST-TOUCH engagement on a thread, not (usually) an original thread we authored. Reddit/Moltbook/GitHub = our top-level comment on someone else’s thread; X = our reply; LinkedIn = our comment. Subsequent back-and-forth replies live in a separate replies pipeline and are not counted here.',
-  score:    'Per-post quality signal computed on engagement that landed on OUR comment/post (replies to it, upvotes on it), not on the underlying third-party thread. Formula: (comments * 3 + upvotes_discounted) / posts. upvotes_discounted subtracts the OP self-upvote on Reddit and Moltbook so those platforms compare fairly with X/LinkedIn. Views are deliberately excluded so low-volume styles compare fairly with high-volume ones. Same signal the feedback report uses.',
+  score:    'Per-post quality signal computed on engagement that landed on OUR comment/post (clicks on our short link, replies to it, upvotes on it), not on the underlying third-party thread. Formula: (post_clicks * 10 + comments * 3 + upvotes_discounted) / posts. Click weight ×10 because a real human click outvalues 10 likes of vibes (matches top_performers.SCORE_SQL and the engagement_styles.py picker). upvotes_discounted subtracts the OP self-upvote on Reddit and Moltbook so those platforms compare fairly with X/LinkedIn. Views are deliberately excluded so low-volume styles compare fairly with high-volume ones.',
   posts:    'Count of first-touch comments/posts published in this style during the selected window. (Reddit comments on others’ threads, X replies, LinkedIn comments, etc. The rare run-reddit-threads.sh original-thread rows are also counted.)',
   upvotes:  'Sum of upvotes/likes received by OUR comment (or our thread, in the rare original-thread case). Net of the Reddit/Moltbook OP self-upvote (both platforms auto-apply +1 on every post; we strip it so a brand-new post starts at 0, not 1). Other platforms (X, LinkedIn, GitHub) pass through unchanged. Per-post average shown in parentheses.',
   comments: 'Sum of replies received by OUR comment (or comments under our thread). Per-post average in parentheses. Tracked in the posts.comments_count column, independent of the separate replies pipeline that records replies WE author.',
@@ -10824,17 +12609,31 @@ function formatStyleCell(name, metaMap) {
   const m = (metaMap && metaMap[name]) || null;
   if (!m || name === '(none)') return safeName;
   const lines = [];
-  if (m.description) lines.push(m.description);
-  if (m.note) lines.push('Note: ' + m.note);
-  if (m.why_existing_didnt_fit) lines.push('Why invented: ' + m.why_existing_didnt_fit);
+  // Bold the style name as the tooltip header.
+  lines.push('**' + name + '**');
+  if (m.description) {
+    lines.push('');
+    lines.push(m.description);
+  }
+  if (m.note) {
+    lines.push('');
+    lines.push('**Note:** ' + m.note);
+  }
+  if (m.why_existing_didnt_fit) {
+    lines.push('');
+    lines.push('**Why invented:** ' + m.why_existing_didnt_fit);
+  }
   const status = m.status || 'active';
   const provenance = [];
   if (status && status !== 'active') provenance.push('status=' + status);
   if (m.invented_at) provenance.push('invented ' + String(m.invented_at).slice(0, 10));
   if (m.first_post_platform) provenance.push('first on ' + m.first_post_platform);
   if (m.promoted_at) provenance.push('promoted ' + String(m.promoted_at).slice(0, 10));
-  if (provenance.length) lines.push(provenance.join(' · '));
-  if (!lines.length) return safeName;
+  if (provenance.length) {
+    lines.push('');
+    lines.push(provenance.join(' · '));
+  }
+  if (lines.length <= 1) return safeName;
   const tip = lines.join('\\n');
   return '<span data-tooltip="' + escapeHtml(tip) + '" style="cursor: help; border-bottom: 1px dotted var(--text-muted);">' + safeName + '</span>';
 }
@@ -10897,15 +12696,17 @@ function renderStyleStats(payload, meta) {
     const per   = total / denom;
     return fmt(total) + ' <span style="color:var(--text-muted);">(' + perPostStr(per) + ')</span>';
   };
-  // Per-post score matches top_performers.SCORE_SQL (comments*3 + upvotes, Reddit
-  // self-upvote discounted at SQL layer). Views deliberately excluded so this is
-  // the same signal Claude uses for imitation; comparing by per-post keeps low-
-  // volume styles on equal footing with high-volume ones.
+  // Per-post score matches top_performers.SCORE_SQL and engagement_styles.py
+  // picker (clicks*10 + comments*3 + upvotes, Reddit self-upvote discounted
+  // at SQL layer). Click weight ×10: one real human click outvalues 10 likes
+  // of vibes when ranking styles. Views deliberately excluded. Per-post avg
+  // keeps low-volume styles on equal footing with high-volume ones.
   const normalized = rows.map(r => {
     const posts            = Number(r.posts)             || 0;
     const comments         = Number(r.comments)          || 0;
     const upvotesDiscounted = Number(r.upvotes_discounted) || 0;
-    const score = posts > 0 ? (comments * 3 + upvotesDiscounted) / posts : 0;
+    const postClicks       = Number(r.post_clicks)       || 0;
+    const score = posts > 0 ? (postClicks * 10 + comments * 3 + upvotesDiscounted) / posts : 0;
     return {
       style:       r.style || '(none)',
       posts,
@@ -10913,7 +12714,7 @@ function renderStyleStats(payload, meta) {
       upvotes:     Number(r.upvotes)     || 0,
       comments,
       views:       Number(r.views)       || 0,
-      post_clicks: Number(r.post_clicks) || 0,
+      post_clicks: postClicks,
       recommendations: Number(r.recommendations) || 0,
       score,
     };
@@ -10971,6 +12772,10 @@ function getStyleMeta() {
 }
 
 async function loadStyleStats() {
+  const body = document.getElementById('style-stats-body');
+  const totalEl = document.getElementById('style-stats-total');
+  if (body) body.classList.add('is-loading');
+  if (totalEl) totalEl.textContent = 'loading…';
   try {
     const platformRow = document.getElementById('style-stats-platform-pills');
     const projectRow  = document.getElementById('style-stats-project-pills');
@@ -10985,17 +12790,21 @@ async function loadStyleStats() {
       getStyleMeta(),
     ]);
     renderStyleStats(statsRes, meta);
-  } catch {}
+  } catch {} finally {
+    if (body) body.classList.remove('is-loading');
+  }
 }
 
 // Score-cohort distribution. Buckets posts in the trailing window into
-// 4 cohorts (dead/low/mid/high) by composite score (comments*3 + upvotes,
-// minus 1 on Reddit/Moltbook to strip the OP self-upvote). Mirrors top_performers.
+// 4 cohorts (dead/low/mid/high) by composite score (clicks*10 + comments*3 +
+// upvotes, minus 1 on Reddit/Moltbook to strip the OP self-upvote). Mirrors
+// top_performers.SCORE_SQL and the engagement_styles.py picker. Bands
+// rescaled to absorb the click ×10 weight (a single click already adds 10).
 const COHORT_DEFS = [
-  { key: 'dead', label: 'Dead',  scoreLabel: '0',     blurb: 'No discussion, no upvotes beyond the OP self-upvote (Reddit/Moltbook). Skip imitating.' },
-  { key: 'low',  label: 'Low',   scoreLabel: '1\u20134',  blurb: 'A handful of upvotes OR a single comment. Faint signal, below the per-platform meaningful-engagement floor.' },
-  { key: 'mid',  label: 'Mid',   scoreLabel: '5\u201314', blurb: 'Real but modest reaction. Roughly 1\u20134 comments, or 5\u201314 upvotes, or a mix.' },
-  { key: 'high', label: 'High',  scoreLabel: '15+',   blurb: 'Posts that actually sparked discussion. Imitate these.' },
+  { key: 'dead', label: 'Dead',  scoreLabel: '0',     blurb: 'No discussion, no upvotes beyond the OP self-upvote (Reddit/Moltbook), no clicks. Skip imitating.' },
+  { key: 'low',  label: 'Low',   scoreLabel: '1\u20139',  blurb: 'A handful of upvotes OR a couple of comments, but no real clicks. Faint signal.' },
+  { key: 'mid',  label: 'Mid',   scoreLabel: '10\u201329', blurb: 'A single real click (×10), OR strong discussion (3+ comments), OR 10\u201329 upvotes. Worth imitating.' },
+  { key: 'high', label: 'High',  scoreLabel: '30+',   blurb: 'Multiple clicks plus discussion, or a viral comment thread. Imitate these.' },
 ];
 const COHORT_COLORS = { dead: '#9ca3af', low: '#60a5fa', mid: '#22c55e', high: '#a855f7' };
 
@@ -11035,7 +12844,7 @@ function renderCohortStats(payload) {
   const headers = [
     { label: 'Cohort',   tip: 'Bucket name. Tooltip on each row explains what that range means.' },
     { label: 'Posts',    tip: 'Number of posts in the bucket (and share of total in the current window/platform/project filter).' },
-    { label: 'Score',    tip: 'Composite score = comments \u00D7 3 + upvotes (Reddit/Moltbook subtract 1 to strip OP self-upvote). Range and average within this cohort.' },
+    { label: 'Score',    tip: 'Composite score = clicks \u00D7 10 + comments \u00D7 3 + upvotes (Reddit/Moltbook subtract 1 to strip OP self-upvote). Click weight \u00D710 matches top_performers.SCORE_SQL and the engagement_styles.py picker. Range and average within this cohort.' },
     { label: 'Upvotes',  tip: 'Upvote/like/reaction count range (min\u2013max) and average within this cohort. Raw, before the Reddit/Moltbook self-upvote discount.' },
     { label: 'Comments', tip: 'Reply/comment count range (min\u2013max) and average within this cohort.' },
     { label: 'Views',    tip: 'View count range (min\u2013max) and average within this cohort. Excludes Moltbook and GitHub since those platforms do not expose view counts.' },
@@ -11088,6 +12897,10 @@ function renderCohortStats(payload) {
 }
 
 async function loadCohortStats() {
+  const body = document.getElementById('cohort-stats-body');
+  const totalEl = document.getElementById('cohort-stats-total');
+  if (body) body.classList.add('is-loading');
+  if (totalEl) totalEl.textContent = 'loading…';
   try {
     const platformRow = document.getElementById('style-stats-platform-pills');
     const projectRow  = document.getElementById('style-stats-project-pills');
@@ -11101,8 +12914,9 @@ async function loadCohortStats() {
     const data = await res.json();
     renderCohortStats(data);
   } catch (e) {
-    const body = document.getElementById('cohort-stats-body');
     if (body) body.innerHTML = '<div class="style-stats-empty">Failed to load cohort stats.</div>';
+  } finally {
+    if (body) body.classList.remove('is-loading');
   }
 }
 
@@ -11577,7 +13391,7 @@ function renderSearchQueriesStats(payload) {
         formatter: (v, row) => {
           const n = Number(v) || 0;
           if (row.serp_quality_avg != null) {
-            const tip = 'avg SERP quality (LinkedIn only): ' + row.serp_quality_avg.toFixed(1) + '/10';
+            const tip = '**Avg SERP quality** (LinkedIn only): **' + row.serp_quality_avg.toFixed(1) + '/10**';
             return '<span data-tooltip="' + escapeHtml(tip) + '">' + fmt(n) + '</span>';
           }
           return fmt(n);
@@ -11585,7 +13399,7 @@ function renderSearchQueriesStats(payload) {
       { key: 'dud_rate',    label: 'Dud %',     type: 'numeric', align: 'right', widthPct: 5,
         formatter: (v, row) => {
           const n = Number(v) || 0;
-          const tip = (row.dud_attempts || 0) + ' of ' + (row.attempts || 0) + ' attempts returned 0';
+          const tip = '**' + (row.dud_attempts || 0) + '** of **' + (row.attempts || 0) + '** attempts returned 0';
           const color = n >= 0.5 ? 'var(--danger,#dc2626)' : (n >= 0.25 ? 'var(--warn,#d97706)' : 'var(--text-secondary)');
           return '<span data-tooltip="' + escapeHtml(tip) + '" style="color:' + color + ';font-variant-numeric:tabular-nums;">' + pct(n) + '</span>';
         } },
@@ -11598,13 +13412,15 @@ function renderSearchQueriesStats(payload) {
       { key: 'avg_engagement', label: 'Avg Eng', type: 'numeric', align: 'right', widthPct: 4,
         formatter: v => {
           if (v == null) return '<span style="color:var(--text-faint);">\u2014</span>';
-          const tip = 'comments\u00D73 + upvotes on our reply (same formula as top_performers.py)';
+          const tip = '**Formula:** comments\u00D73 + upvotes on our reply' + String.fromCharCode(10) +
+                      '(same as top_performers.py)';
           return '<span data-tooltip="' + escapeHtml(tip) + '" style="font-variant-numeric:tabular-nums;">' + fmt1(v) + '</span>';
         } },
       { key: 'avg_views',   label: 'Avg Views', type: 'numeric', align: 'right', widthPct: 4,
         formatter: v => {
           if (v == null) return '<span data-tooltip="LinkedIn does not expose comment views" style="color:var(--text-faint);">\u2014</span>';
-          const tip = 'avg view count on our Twitter reply (raw, not weighted into Avg Eng)';
+          const tip = '**Avg view count** on our Twitter reply' + String.fromCharCode(10) +
+                      '(raw, not weighted into Avg Eng)';
           return '<span data-tooltip="' + escapeHtml(tip) + '" style="font-variant-numeric:tabular-nums;">' + fmt(Math.round(v)) + '</span>';
         } },
       { key: 'last_run',    label: 'Last Run',  type: 'numeric', align: 'right', widthPct: 4,
@@ -11637,34 +13453,40 @@ function renderCostStats(payload) {
   const byType = {};
   rows.forEach(r => { byType[r.type] = r; });
   const merged = COST_TYPE_ORDER.map(t => {
-    const r = byType[t] || { count: 0, total_cost_usd: 0, total_cost_usd_orchestrator: 0, total_cost_usd_estimated: 0 };
+    const r = byType[t] || { count: 0, total_cost_usd: 0, total_cost_usd_orchestrator: 0, total_cost_usd_estimated: 0, total_cost_usd_subagent: 0 };
     const count = Number(r.count) || 0;
-    const total = Number(r.total_cost_usd) || 0;
+    // SDK-only: total = orchestrator. Estimate/subagent kept for diagnostic
+    // tooltips. /api/cost/stats SQL emits total_cost_usd = SUM(per_row_cost)
+    // which itself is SUM(orchestrator/rows), so it equals total_cost_usd_
+    // orchestrator by construction in SDK-only mode.
     const totalOrch = r.total_cost_usd_orchestrator != null ? Number(r.total_cost_usd_orchestrator) : null;
     const totalEst  = r.total_cost_usd_estimated != null ? Number(r.total_cost_usd_estimated) : null;
+    const totalSub  = r.total_cost_usd_subagent != null ? Number(r.total_cost_usd_subagent) : null;
+    const total = totalOrch != null ? totalOrch : 0;
     return {
       type: t, label: COST_TYPE_LABELS[t], count: count,
-      total: total, totalOrch: totalOrch, totalEst: totalEst,
+      total: total, totalOrch: totalOrch, totalEst: totalEst, totalSub: totalSub,
       avg: count > 0 ? total / count : 0,
       avgOrch: count > 0 && totalOrch != null ? totalOrch / count : null,
       avgEst:  count > 0 && totalEst  != null ? totalEst  / count : null,
+      avgSub:  count > 0 && totalSub  != null ? totalSub  / count : null,
     };
   });
   const totalCount = merged.reduce(function (a, r) { return a + r.count; }, 0);
   const totalCost  = merged.reduce(function (a, r) { return a + r.total; }, 0);
   const totalOrch  = merged.reduce(function (a, r) { return a + (r.totalOrch || 0); }, 0);
   const totalEst   = merged.reduce(function (a, r) { return a + (r.totalEst  || 0); }, 0);
+  const totalSub   = merged.reduce(function (a, r) { return a + (r.totalSub  || 0); }, 0);
   if (totalEl) {
     totalEl.textContent = '$' + totalCost.toFixed(2) + ' · ' + totalCount.toLocaleString() + ' activit' + (totalCount === 1 ? 'y' : 'ies');
-    // Tooltip on the header pill so users can see both lanes for the
-    // headline figure without expanding the table.
     const tipLines = [
-      'Orchestrator (SDK): $' + totalOrch.toFixed(4),
-      'Estimated (transcript): $' + totalEst.toFixed(4),
+      '**Cost (SDK orchestrator):** $' + totalOrch.toFixed(4),
       '',
-      'Displayed total prefers the SDK orchestrator cost (native streamRes.total_cost_usd) and falls back to the manual transcript estimate where the SDK value is missing.',
+      '**Diagnostic-only** (local pricing estimate, not actual billing)',
+      '• Transcript estimate: $' + totalEst.toFixed(4),
+      '• Subagent (est): $' + totalSub.toFixed(4),
       '',
-      'Note: orchestrator cost EXCLUDES Task subagent spend (anthropics/claude-code #43945).',
+      'Anthropic SDK-reported orchestrator_cost_usd. Pipelines whose wrappers don\\'t capture --orchestrator-cost-usd contribute $0 — see the per-phase table for which scripts are missing coverage.',
     ];
     totalEl.setAttribute('data-tooltip', tipLines.join('\\n'));
     totalEl.style.cursor = 'help';
@@ -11677,56 +13499,110 @@ function renderCostStats(payload) {
     return '$' + n.toFixed(2);
   }
   function fmtCount(v) { return (Number(v) || 0).toLocaleString(); }
-  // Wraps a money cell in a span that exposes both cost lanes via tooltip.
-  function moneyCell(displayed, orch, est) {
+  function moneyCell(displayed, orch, est, sub) {
     const tip = [
-      'Orchestrator (SDK): ' + (orch != null ? fmtMoney(orch) : 'n/a'),
-      'Estimated (transcript): ' + (est != null ? fmtMoney(est) : 'n/a'),
+      '**Cost (SDK orchestrator):** ' + (orch != null ? fmtMoney(orch) : 'n/a'),
       '',
-      'Displayed value prefers SDK; falls back to transcript estimate. Subagent costs excluded (anthropics/claude-code #43945).',
+      '**Diagnostic-only** (local pricing estimate)',
+      '• Transcript estimate: ' + (est != null ? fmtMoney(est) : 'n/a'),
+      '• Subagent (est): ' + (sub != null ? fmtMoney(sub) : 'n/a'),
     ].join('\\n');
     return '<span data-tooltip="' + escapeHtml(tip) +
       '" style="cursor:help;border-bottom:1px dotted var(--text-muted);">' +
       fmtMoney(displayed) + '</span>';
   }
   const rowsHtml = merged.map(function (r) {
-    const totalCellHtml = moneyCell(r.total, r.totalOrch, r.totalEst);
+    const totalCellHtml = moneyCell(r.total, r.totalOrch, r.totalEst, r.totalSub);
+    const subCellHtml   = r.totalSub != null && r.totalSub > 0 ? fmtMoney(r.totalSub) : '<span style="color:var(--text-very-faint);">$0</span>';
     const avgCellHtml = r.count > 0
-      ? moneyCell(r.avg, r.avgOrch, r.avgEst)
+      ? moneyCell(r.avg, r.avgOrch, r.avgEst, r.avgSub)
       : '&mdash;';
     return '<tr>' +
       '<td>' + escapeHtml(r.label) + '</td>' +
       '<td style="text-align:right;font-variant-numeric:tabular-nums;">' + fmtCount(r.count) + '</td>' +
       '<td style="text-align:right;font-variant-numeric:tabular-nums;">' + totalCellHtml + '</td>' +
+      '<td style="text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted);">' + subCellHtml + '</td>' +
       '<td style="text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted);">' + avgCellHtml + '</td>' +
     '</tr>';
   }).join('');
-  const footerTotalHtml = moneyCell(totalCost, totalOrch, totalEst);
+  const footerTotalHtml = moneyCell(totalCost, totalOrch, totalEst, totalSub);
+  const footerSubHtml   = totalSub > 0 ? fmtMoney(totalSub) : '<span style="color:var(--text-very-faint);">$0</span>';
   const footerAvgHtml = totalCount > 0
     ? moneyCell(totalCost / totalCount,
                 totalOrch / totalCount,
-                totalEst  / totalCount)
+                totalEst  / totalCount,
+                totalSub  / totalCount)
     : '&mdash;';
   const footerHtml =
     '<tr style="border-top:2px solid var(--border);font-weight:600;background:var(--bg-subtle);">' +
       '<td>Total</td>' +
       '<td style="text-align:right;font-variant-numeric:tabular-nums;">' + fmtCount(totalCount) + '</td>' +
       '<td style="text-align:right;font-variant-numeric:tabular-nums;">' + footerTotalHtml + '</td>' +
+      '<td style="text-align:right;font-variant-numeric:tabular-nums;">' + footerSubHtml + '</td>' +
       '<td style="text-align:right;font-variant-numeric:tabular-nums;">' + footerAvgHtml + '</td>' +
     '</tr>';
+  // Per-phase (script) breakdown. Same window, separate query — gives the
+  // operator an answer to "which phase of which pipeline is burning cash?"
+  // independent of the activity-type rollup above. A row like
+  // run-twitter-cycle-scan dominating the spend is the signal to investigate.
+  const phases = (payload && payload.phases) || [];
+  let phaseTableHtml = '';
+  if (phases.length) {
+    const phaseRowsHtml = phases.map(function (p) {
+      const orch  = p.total_cost_usd_orchestrator != null ? Number(p.total_cost_usd_orchestrator) : 0;
+      const est   = p.total_cost_usd_estimated != null ? Number(p.total_cost_usd_estimated) : null;
+      const sub   = p.total_cost_usd_subagent != null ? Number(p.total_cost_usd_subagent) : null;
+      const sessions = Number(p.sessions) || 0;
+      const withSdk = Number(p.sessions_with_sdk) || 0;
+      const missing = Math.max(0, sessions - withSdk);
+      // SDK-only: per-phase total = orchestrator sum. Phases with 0% SDK
+      // coverage show $0 with a "(N/N missing)" hint so it's obvious the
+      // wrapper needs patching.
+      const totalCellInner = withSdk > 0
+        ? moneyCell(orch, orch, est, sub)
+        : '<span style="color:var(--text-very-faint);">n/a</span>';
+      const coverageCell = missing === 0
+        ? ('<span style="color:#15803d;">' + sessions + '/' + sessions + '</span>')
+        : ('<span style="color:#b91c1c;" title="' + missing + ' sessions missing SDK cost (wrapper script needs --output-format json on claude call)">' +
+            withSdk + '/' + sessions + '</span>');
+      const perSession = withSdk > 0
+        ? moneyCell(orch / withSdk, orch / withSdk, est != null ? est / sessions : null, sub != null ? sub / sessions : null)
+        : '&mdash;';
+      return '<tr>' +
+        '<td style="font-family:ui-monospace,monospace;font-size:12px;">' + escapeHtml(p.phase || '(unknown)') + '</td>' +
+        '<td style="text-align:right;font-variant-numeric:tabular-nums;">' + fmtCount(sessions) + '</td>' +
+        '<td style="text-align:right;font-variant-numeric:tabular-nums;font-size:11px;">' + coverageCell + '</td>' +
+        '<td style="text-align:right;font-variant-numeric:tabular-nums;">' + totalCellInner + '</td>' +
+        '<td style="text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted);">' + perSession + '</td>' +
+      '</tr>';
+    }).join('');
+    phaseTableHtml =
+      '<div style="font-size:12px;font-weight:600;padding:12px 2px 4px;color:var(--text-secondary);">Cost per Phase (Claude session script)</div>' +
+      '<table class="style-stats-table">' +
+        '<thead><tr>' +
+          '<th style="text-align:left;">Phase</th>' +
+          '<th style="text-align:right;">Sessions</th>' +
+          '<th style="text-align:right;" title="Sessions with SDK cost captured / total sessions. Red = wrapper needs patching.">SDK coverage</th>' +
+          '<th style="text-align:right;">Cost (SDK)</th>' +
+          '<th style="text-align:right;">Cost per Session</th>' +
+        '</tr></thead>' +
+        '<tbody>' + phaseRowsHtml + '</tbody>' +
+      '</table>';
+  }
   body.innerHTML =
     '<table class="style-stats-table">' +
       '<thead><tr>' +
         '<th style="text-align:left;">Type</th>' +
         '<th style="text-align:right;">Activities</th>' +
         '<th style="text-align:right;">Total Cost</th>' +
+        '<th style="text-align:right;">Subagent</th>' +
         '<th style="text-align:right;">Cost per Activity</th>' +
       '</tr></thead>' +
       '<tbody>' + rowsHtml + footerHtml + '</tbody>' +
     '</table>' +
+    phaseTableHtml +
     '<div style="font-size:11px;color:var(--text-muted);padding:8px 2px 2px;">' +
-      'Cost is Claude session spend split evenly across the activity rows each session produced. ' +
-      'Totals here exclude skipped replies, resurrected posts, DM replies, and mentions.' +
+      'SDK-only mode (2026-05-15): cost = Anthropic\\'s orchestrator_cost_usd from the SDK result event. Pipelines whose wrappers don\\'t pass --output-format json to claude show $0 with a red SDK-coverage cell — that\\'s a missing-data signal, not a real $0. Transcript estimate and Task-subagent figures (tooltip-only) come from a local pricing table and don\\'t reflect subscription billing.' +
     '</div>';
 }
 
@@ -11779,6 +13655,10 @@ let _topDmsTableState = { sortField: 'rank', sortDir: 'asc', filters: {} };
 let _topDmsLoaded = false;
 let _topDmsLoading = false;
 let _topDmsPayload = null;
+let _topLinksTableState = { sortField: 'real_clicks', sortDir: 'desc', filters: {} };
+let _topLinksLoaded = false;
+let _topLinksLoading = false;
+let _topLinksPayload = null;
 let _topDmDir = saLoad('sa.top.dmDir.v1', 'all');
 let _topDmInterest = saLoad('sa.top.dmInterest.v1', 'all');
 let _topDmMode = saLoad('sa.top.dmMode.v1', 'all');
@@ -12163,7 +14043,15 @@ function renderTopPosts(payload) {
           let clickLine = '';
           if (hasLink) {
             if (havePerClick) {
-              const tip = 'Humans / bots split from post_link_clicks (UA bot regex). Real clicks are the human number. Bots are Twitter card / LinkedIn unfurl / Slack preview prefetches. CTR = humans / views.';
+              const tip =
+                '**Clicks: humans / bots**' + String.fromCharCode(10) +
+                String.fromCharCode(10) +
+                'Split from post_link_clicks (UA bot regex).' + String.fromCharCode(10) +
+                String.fromCharCode(10) +
+                '• **Real clicks** = the human number' + String.fromCharCode(10) +
+                '• **Bots** = Twitter card / LinkedIn unfurl / Slack preview prefetches' + String.fromCharCode(10) +
+                String.fromCharCode(10) +
+                '**CTR** = humans / views';
               clickLine = '<span class="top-stats-bit" data-tooltip="' + escapeHtml(tip) + '">'
                 + '<span class="top-stats-k">clicks</span>'
                 + real
@@ -12171,7 +14059,14 @@ function renderTopPosts(payload) {
                 + ' <span style="color:var(--text-muted);">/ ' + bots + '</span>'
                 + '</span>';
             } else if (backfill > 0) {
-              const tip = 'Estimated from PostHog $pageview events with matching utm_content (real humans only, bots already filtered by PostHog). Pre 2026-05-07 row, no per-click log; backfilled by scripts/backfill_real_clicks.py. CTR = backfill / views.';
+              const tip =
+                '**Clicks (estimated)**' + String.fromCharCode(10) +
+                String.fromCharCode(10) +
+                'Estimated from PostHog $pageview events with matching utm_content. Real humans only — bots already filtered by PostHog.' + String.fromCharCode(10) +
+                String.fromCharCode(10) +
+                'Pre 2026-05-07 row, no per-click log; backfilled by scripts/backfill_real_clicks.py.' + String.fromCharCode(10) +
+                String.fromCharCode(10) +
+                '**CTR** = backfill / views';
               clickLine = '<span class="top-stats-bit" data-tooltip="' + escapeHtml(tip) + '">'
                 + '<span class="top-stats-k">clicks</span>'
                 + backfill
@@ -12179,7 +14074,14 @@ function renderTopPosts(payload) {
                 + ' <span style="color:var(--text-muted);">(estimated)</span>'
                 + '</span>';
             } else if (legacy > 0) {
-              const tip = 'Legacy click count (pre 2026-05-07). Twitter card / LinkedIn / Slack preview bots inflated this ~20x. New clicks split humans/bots in post_link_clicks. Destination domain has no PostHog so we cannot backfill the real number. CTR = legacy / views (also inflated).';
+              const tip =
+                '**Clicks (legacy)** — pre 2026-05-07' + String.fromCharCode(10) +
+                String.fromCharCode(10) +
+                'Twitter card / LinkedIn / Slack preview bots inflated this ~20×.' + String.fromCharCode(10) +
+                String.fromCharCode(10) +
+                'New clicks split humans/bots in post_link_clicks. Destination domain has no PostHog so we cannot backfill the real number.' + String.fromCharCode(10) +
+                String.fromCharCode(10) +
+                '**CTR** = legacy / views (also inflated)';
               clickLine = '<span class="top-stats-bit" data-tooltip="' + escapeHtml(tip) + '">'
                 + '<span class="top-stats-k">clicks</span>'
                 + legacy
@@ -12311,6 +14213,7 @@ const TOP_SUBTAB_HELP = {
   comments: 'Top comments your accounts have left under other people’s threads, ranked by reach and reactions.',
   pages: 'Top landing/SEO pages on your sites this period, ranked by pageviews.',
   dms: 'Direct message conversations with prospects, ranked by recent activity.',
+  links: 'Destination URLs across all posts, ranked by clicks. One row per unique target URL (homepage vs audience pages vs SEO pages vs booking).',
 };
 function syncTopSubtabHelp() {
   const el = document.getElementById('top-subtab-help');
@@ -12363,12 +14266,14 @@ function initTopFilters() {
     saveDashboardWindow(_topWindow);
     if (_topSubtab === 'pages') loadTopPages(true);
     else if (_topSubtab === 'dms') { _topDmOffset = 0; loadTopDms(true); }
+    else if (_topSubtab === 'links') loadTopLinks(true);
     else loadTopPosts(true);
   });
   wireTopPillRow('top-platform-pills', (v) => {
     _topPlatform = v || 'all';
     saSave('sa.top.platform.v1', _topPlatform);
     if (_topSubtab === 'dms') { _topDmOffset = 0; loadTopDms(true); }
+    else if (_topSubtab === 'links') loadTopLinks(true);
     else loadTopPosts(true);
   });
   wireTopPillRow('top-project-pills', (v) => {
@@ -12376,6 +14281,7 @@ function initTopFilters() {
     saSave('sa.top.project.v1', _topProject);
     if (_topSubtab === 'pages') renderTopPagesFromCache();
     else if (_topSubtab === 'dms') { if (_topDmsPayload) renderTopDms(_topDmsPayload); }
+    else if (_topSubtab === 'links') loadTopLinks(true);
     else loadTopPosts(true); // refetch so the SQL LIMIT applies AFTER project filter
   });
   wireTopPillRow('top-campaign-pills', (v) => {
@@ -12494,6 +14400,7 @@ function applyTopSubtabState(sub, loadData) {
   const pagesC = document.getElementById('top-pages-container');
   const pagesUnknownC = document.getElementById('top-pages-unknown-container');
   const dmsC   = document.getElementById('top-dms-container');
+  const linksC = document.getElementById('top-links-container');
   const platRowEl = document.getElementById('top-platform-pills');
   const projRowEl = document.getElementById('top-project-pills');
   const campRowEl = document.getElementById('top-campaign-pills');
@@ -12520,6 +14427,7 @@ function applyTopSubtabState(sub, loadData) {
   if (sub === 'pages') {
     if (postsC) postsC.classList.add('hidden');
     if (dmsC) dmsC.classList.add('hidden');
+    if (linksC) linksC.classList.add('hidden');
     if (pagesC) pagesC.classList.remove('hidden');
     if (pagesUnknownC) pagesUnknownC.classList.remove('hidden');
     if (platRowEl) platRowEl.classList.add('hidden');
@@ -12533,6 +14441,7 @@ function applyTopSubtabState(sub, loadData) {
     if (postsC) postsC.classList.add('hidden');
     if (pagesC) pagesC.classList.add('hidden');
     if (pagesUnknownC) pagesUnknownC.classList.add('hidden');
+    if (linksC) linksC.classList.add('hidden');
     if (dmsC) dmsC.classList.remove('hidden');
     if (platRowEl) platRowEl.classList.remove('hidden');
     if (srcRowEl) srcRowEl.classList.add('hidden');
@@ -12546,10 +14455,29 @@ function applyTopSubtabState(sub, loadData) {
       searchElDm.value = _topDmSearch || '';
     }
     if (loadData) loadTopDms(true);
+  } else if (sub === 'links') {
+    if (postsC) postsC.classList.add('hidden');
+    if (pagesC) pagesC.classList.add('hidden');
+    if (pagesUnknownC) pagesUnknownC.classList.add('hidden');
+    if (dmsC) dmsC.classList.add('hidden');
+    if (linksC) linksC.classList.remove('hidden');
+    if (platRowEl) platRowEl.classList.remove('hidden');
+    if (srcRowEl) srcRowEl.classList.add('hidden');
+    if (campRowEl) campRowEl.classList.add('hidden');
+    setDmRowsHidden(true);
+    setLinkPillHidden(true);
+    if (totalEl) totalEl.textContent = '';
+    const searchElLinks = document.getElementById('top-search');
+    if (searchElLinks) {
+      searchElLinks.placeholder = 'Filter destinations by URL\u2026';
+      searchElLinks.value = (_topLinksTableState && _topLinksTableState.globalQuery) || '';
+    }
+    if (loadData) loadTopLinks(true);
   } else {
     if (pagesC) pagesC.classList.add('hidden');
     if (pagesUnknownC) pagesUnknownC.classList.add('hidden');
     if (dmsC) dmsC.classList.add('hidden');
+    if (linksC) linksC.classList.add('hidden');
     if (postsC) postsC.classList.remove('hidden');
     if (platRowEl) platRowEl.classList.remove('hidden');
     if (srcRowEl) srcRowEl.classList.add('hidden');
@@ -12729,6 +14657,151 @@ async function loadTopPages(force) {
   }
 }
 
+// Render the colored kind badge for a destination row. The server's
+// /api/top/destinations endpoint classifies each row into one of seven kind
+// buckets (home / subpage / audience_page / seo / booking / github /
+// external / other) by reading config.json, so the client just looks up
+// the label and color here.
+function destinationKindBadge(kind, audienceAngle) {
+  const map = {
+    home: { cls: 'dest-kind-home', label: 'HOME' },
+    subpage: { cls: 'dest-kind-subpage', label: 'SUBPAGE' },
+    audience_page: { cls: 'dest-kind-subpage', label: 'AUDIENCE' },
+    seo: { cls: 'dest-kind-seo', label: 'SEO' },
+    booking: { cls: 'dest-kind-booking', label: 'BOOKING' },
+    github: { cls: 'dest-kind-github', label: 'GITHUB' },
+    external: { cls: 'dest-kind-external', label: 'EXT' },
+    other: { cls: 'dest-kind-other', label: 'OTHER' },
+  };
+  const m = map[kind] || map.other;
+  let label = m.label;
+  if (kind === 'audience_page' && audienceAngle) {
+    label = 'AUDIENCE: ' + audienceAngle;
+  }
+  return '<span class="dest-kind-badge ' + m.cls + '" title="' + escapeHtml(kind) + '">' + escapeHtml(label) + '</span>';
+}
+
+async function loadTopLinks(force) {
+  if (_topLinksLoading) return;
+  const container = document.getElementById('top-links-container');
+  if (!_topLinksPayload && container) {
+    container.innerHTML = '<div class="style-stats-empty">Loading\u2026</div>';
+  }
+  _topLinksLoading = true;
+  try {
+    const params = new URLSearchParams();
+    if (_topWindow) params.set('window', _topWindow);
+    if (_topPlatform && _topPlatform !== 'all') params.set('platform', _topPlatform);
+    if (_topProject && _topProject !== 'all') params.set('project', _topProject);
+    const res = await fetch('/api/top/destinations?' + params.toString());
+    const data = await res.json();
+    _topLinksPayload = data;
+    renderTopLinks(data);
+    _topLinksLoaded = true;
+  } catch (e) {
+    if (container) container.innerHTML = '<div class="style-stats-empty">Failed to load.</div>';
+  } finally {
+    _topLinksLoading = false;
+  }
+}
+
+function renderTopLinks(payload) {
+  const container = document.getElementById('top-links-container');
+  if (!container) return;
+  const totalEl = document.getElementById('top-total');
+  const fmt = n => (Number(n) || 0).toLocaleString();
+  const dests = Array.isArray(payload && payload.destinations) ? payload.destinations : [];
+  if (!dests.length) {
+    container.innerHTML = '<div class="style-stats-empty">No destinations in this window yet. Posts with linked URLs will show up here once they accrue clicks.</div>';
+    if (totalEl) totalEl.textContent = '';
+    return;
+  }
+  // Roll up real_clicks vs the legacy/backfill columns: prefer plc.real_clicks
+  // (post-2026-05-07 per-hit log), fall back to pl.real_clicks (PostHog
+  // backfill for older rows), final fallback pl.clicks (legacy counter).
+  const rows = dests.map(d => {
+    const kind = d.kind || 'other';
+    const realClicks = Number(d.real_clicks || 0);
+    const backfillReal = Number(d.backfill_real || 0);
+    const legacyClicks = Number(d.legacy_clicks || 0);
+    const botClicks = Number(d.bot_clicks || 0);
+    const effectiveClicks = realClicks > 0 ? realClicks : (backfillReal > 0 ? backfillReal : legacyClicks);
+    return {
+      target_url: d.target_url || '',
+      project_name: d.project_name || '',
+      platform: d.platform || '',
+      kind,
+      audience_page_angle: d.audience_page_angle || null,
+      kind_label: kind,
+      posts: Number(d.posts || 0),
+      codes: Number(d.codes || 0),
+      real_clicks: realClicks,
+      backfill_real: backfillReal,
+      legacy_clicks: legacyClicks,
+      bot_clicks: botClicks,
+      effective_clicks: effectiveClicks,
+      first_minted_at: d.first_minted_at || null,
+      last_click_at: d.last_click_at || null,
+    };
+  });
+  if (totalEl) {
+    const totalClicks = rows.reduce((a, r) => a + r.effective_clicks, 0);
+    totalEl.textContent = rows.length + ' destination' + (rows.length === 1 ? '' : 's') + ' \u00b7 ' + fmt(totalClicks) + ' clicks';
+  }
+  const fmtUrl = (_v, r) => {
+    const safe = escapeHtml(r.target_url);
+    return '<a href="' + safe + '" target="_blank" rel="noopener" class="top-post-link">'
+      + destinationKindBadge(r.kind, r.audience_page_angle)
+      + ' <span style="word-break:break-all">' + safe + '</span>'
+      + '</a>';
+  };
+  const fmtAgo = (v) => {
+    if (!v) return '\u2014';
+    try {
+      const d = new Date(v);
+      const diff = Date.now() - d.getTime();
+      const days = Math.floor(diff / 86400000);
+      if (days < 1) {
+        const hours = Math.floor(diff / 3600000);
+        if (hours < 1) {
+          const mins = Math.max(0, Math.floor(diff / 60000));
+          return mins + 'm ago';
+        }
+        return hours + 'h ago';
+      }
+      return days + 'd ago';
+    } catch (_e) { return '\u2014'; }
+  };
+  const fmtClicks = (v, r) => {
+    const main = fmt(r.effective_clicks);
+    const bits = [];
+    if (r.real_clicks > 0) bits.push(r.real_clicks + ' real');
+    else if (r.backfill_real > 0) bits.push(r.backfill_real + ' backfill');
+    else if (r.legacy_clicks > 0) bits.push(r.legacy_clicks + ' legacy');
+    if (r.bot_clicks > 0) bits.push(r.bot_clicks + ' bot');
+    const sub = bits.length ? '<div style="font-size:11px;color:var(--text-secondary)">' + escapeHtml(bits.join(' \u00b7 ')) + '</div>' : '';
+    return '<div style="font-weight:600">' + main + '</div>' + sub;
+  };
+  const columns = [
+    { key: 'target_url',    label: 'Destination', type: 'text',    align: 'left',  widthPct: 48, formatter: fmtUrl },
+    { key: 'project_name',  label: 'Project',     type: 'text',    align: 'left',  widthPct: 10, formatter: v => escapeHtml(v) },
+    { key: 'platform',      label: 'Platform',    type: 'text',    align: 'left',  widthPct: 8,  formatter: v => escapeHtml(v) },
+    { key: 'posts',         label: 'Posts',       type: 'numeric', align: 'right', widthPct: 7,  formatter: fmt },
+    { key: 'codes',         label: 'Codes',       type: 'numeric', align: 'right', widthPct: 7,  formatter: fmt },
+    { key: 'effective_clicks', label: 'Clicks',   type: 'numeric', align: 'right', widthPct: 12, formatter: fmtClicks },
+    { key: 'last_click_at', label: 'Last click',  type: 'date',    align: 'right', widthPct: 8,  formatter: fmtAgo },
+  ];
+  container.innerHTML = '';
+  mountSortableTable({
+    containerId: 'top-links-container',
+    rows,
+    state: _topLinksTableState,
+    storageKey: 'sa.topLinksTable.v1',
+    columns,
+    emptyMessage: 'No destinations in this window yet.',
+  });
+}
+
 function dmClassBadge(dm) {
   const status = String(dm.conversation_status || '').toLowerCase();
   const interest = String(dm.interest_level || '').toLowerCase();
@@ -13135,7 +15208,11 @@ function renderTopDms(payload) {
           clickLine = '<div class="dm-stat-line dm-stat-line-muted"><span class="dm-stat-num">—</span> <span class="dm-stat-label">clicks</span></div>';
         } else {
           const lastAt = r.short_link_last_click_at ? new Date(r.short_link_last_click_at).toLocaleString() : 'never';
-          const tip = '/r/' + String(r.short_link_code) + (clicks ? (' • last click: ' + lastAt) : ' • no clicks yet');
+          const tipNL = String.fromCharCode(10);
+          const tip = '**Short link** /r/' + String(r.short_link_code) + tipNL +
+            (clicks
+              ? tipNL + '**Last click:** ' + lastAt
+              : tipNL + 'No clicks yet');
           const color = clicks > 0 ? 'var(--accent)' : 'var(--text-muted)';
           clickLine = '<div class="dm-stat-line" data-tooltip="' + escapeHtml(tip) + '" style="color:' + color + ';"><span class="dm-stat-num" style="font-variant-numeric:tabular-nums;">' + fmt(clicks) + '</span> <span class="dm-stat-label">clicks</span></div>';
         }
@@ -13145,7 +15222,14 @@ function renderTopDms(payload) {
           bookedLine = '<div class="dm-stat-line dm-stat-line-muted"><span class="dm-stat-num">—</span> <span class="dm-stat-label">booked</span></div>';
         } else {
           const lastAt = r.last_booking_at ? new Date(r.last_booking_at).toLocaleString() : '';
-          const tip = booked + ' booked' + (cancelled ? (' • ' + cancelled + ' cancelled') : '') + (lastAt ? (' • last: ' + lastAt) : '');
+          const bNL = String.fromCharCode(10);
+          const tipParts = ['**Bookings**', '', '• **Booked:** ' + booked];
+          if (cancelled) tipParts.push('• **Cancelled:** ' + cancelled);
+          if (lastAt) {
+            tipParts.push('');
+            tipParts.push('**Last booking:** ' + lastAt);
+          }
+          const tip = tipParts.join(bNL);
           bookedLine = '<div class="dm-stat-line" data-tooltip="' + escapeHtml(tip) + '" style="color:var(--success);font-weight:600;"><span class="dm-stat-num" style="font-variant-numeric:tabular-nums;">' + fmt(booked) + '</span> <span class="dm-stat-label">booked</span></div>';
         }
 
@@ -13158,13 +15242,19 @@ function renderTopDms(payload) {
         const wrapped = !!(r.booking_link_sent_at || linkCount > 0);
         const detected = !!r.outbound_url_detected;
         if (!wrapped && !detected) return '<span style="color:var(--text-faint);">No</span>';
-        const tipParts = [];
-        if (r.booking_link_sent_at) tipParts.push('booking link sent: ' + new Date(r.booking_link_sent_at).toLocaleString());
-        if (linkCount > 0) tipParts.push(linkCount + ' wrapped link' + (linkCount === 1 ? '' : 's'));
-        if (r.short_link_code) tipParts.push('latest: /r/' + String(r.short_link_code));
-        if (!wrapped && detected) tipParts.push('raw URL detected in outbound text (wrap pipeline bypassed - no dm_links row, click tracking missing)');
-        else if (detected && wrapped) tipParts.push('also: raw URL in outbound text');
-        const tip = tipParts.join(' • ');
+        const tipParts = ['**Link tracking**', ''];
+        if (r.booking_link_sent_at) tipParts.push('• **Booking link sent:** ' + new Date(r.booking_link_sent_at).toLocaleString());
+        if (linkCount > 0) tipParts.push('• **' + linkCount + ' wrapped link' + (linkCount === 1 ? '' : 's') + '**');
+        if (r.short_link_code) tipParts.push('• **Latest:** /r/' + String(r.short_link_code));
+        if (!wrapped && detected) {
+          tipParts.push('');
+          tipParts.push('**Raw URL detected** in outbound text');
+          tipParts.push('(wrap pipeline bypassed — no dm_links row, click tracking missing)');
+        } else if (detected && wrapped) {
+          tipParts.push('');
+          tipParts.push('Also: raw URL in outbound text');
+        }
+        const tip = tipParts.join(String.fromCharCode(10));
         const tipAttr = tip ? ' data-tooltip="' + escapeHtml(tip) + '"' : '';
         const label = wrapped ? 'Yes' : 'Yes*';
         const color = wrapped ? 'var(--success)' : '#b45309';
@@ -13960,6 +16050,7 @@ function renderProjectStatus(data, opts) {
   const grandCost = Number(data && data.grand_cost_usd) || 0;
   const grandCostOrch = Number(data && data.grand_cost_usd_orchestrator) || 0;
   const grandCostEst = Number(data && data.grand_cost_usd_estimated) || 0;
+  const grandCostSub = Number(data && data.grand_cost_usd_subagent) || 0;
   // Money formatter mirrors fmtCost: $0, $0.0042, $12.34.
   const fmtMoney = (v) => {
     const n = Number(v) || 0;
@@ -13969,12 +16060,17 @@ function renderProjectStatus(data, opts) {
   };
   // Money cell with tooltip exposing SDK + estimate lanes, same UX as
   // moneyCell in renderCostStats so operators see consistent numbers.
-  const costCell = (displayed, orch, est, opts) => {
+  const costCell = (displayed, orch, est, sub, opts) => {
+    // SDK-only mode: displayed value comes from orchestrator_cost_usd; the
+    // estimate and subagent are diagnostic-only (local pricing table).
     const tip = [
-      'Orchestrator (SDK): ' + (orch != null ? fmtMoney(orch) : 'n/a'),
-      'Estimated (transcript): ' + (est != null ? fmtMoney(est) : 'n/a'),
+      '**Cost (SDK orchestrator):** ' + (orch != null ? fmtMoney(orch) : 'n/a'),
       '',
-      'Displayed value prefers SDK; falls back to transcript estimate. Subagent costs excluded (anthropics/claude-code #43945).',
+      '**Diagnostic-only** (local pricing estimate, not actual billing)',
+      '• Transcript estimate: ' + (est != null ? fmtMoney(est) : 'n/a'),
+      '• Subagent (est): ' + (sub != null ? fmtMoney(sub) : 'n/a'),
+      '',
+      'Anthropic SDK-reported cost only. "n/a" or $0 means the wrapper didn\\'t capture --orchestrator-cost-usd (no --output-format json on the claude call) for one or more sessions in this window. Subagent and transcript estimates are computed from a local pricing table and are not billing-accurate on subscription plans.',
     ].join('\\n');
     const style = 'text-align:right;font-variant-numeric:tabular-nums;' + (opts && opts.extra || '');
     const inner = '<span data-tooltip="' + escapeHtml(tip) +
@@ -13990,10 +16086,13 @@ function renderProjectStatus(data, opts) {
       : base;
     if (costAvailable) {
       const tipLines = [
-        'Orchestrator (SDK): ' + fmtMoney(grandCostOrch),
-        'Estimated (transcript): ' + fmtMoney(grandCostEst),
+        '**Cost (SDK orchestrator):** ' + fmtMoney(grandCostOrch),
+        '',
+        '**Diagnostic-only** (local pricing estimate, not actual billing)',
+        '• Transcript estimate: ' + fmtMoney(grandCostEst),
+        '• Subagent (est): ' + fmtMoney(grandCostSub),
         '',
-        'Total Claude session cost across all activity rows (posts, comments, DMs, SEO pages) attributed to projects in this window. Same attribution model as Cost per Activity.',
+        'Anthropic SDK-reported orchestrator_cost_usd across all activity rows in this window. Per-session attribution is the session\\'s cost split evenly across its activity rows. Pipelines whose wrappers don\\'t pass --output-format json to claude contribute $0.',
       ];
       totalEl.setAttribute('data-tooltip', tipLines.join('\\n'));
       totalEl.style.cursor = 'help';
@@ -14072,7 +16171,7 @@ function renderProjectStatus(data, opts) {
       : nameCell;
     const totalCell = cellWithShare(r.total, grandTotal, targetShare, { extra: 'font-weight:600;', showZeroShare: true });
     const costCellHtml = costAvailable
-      ? costCell(Number(r.cost_usd) || 0, Number(r.cost_usd_orchestrator) || 0, Number(r.cost_usd_estimated) || 0, { extra: 'color:var(--text-secondary);' })
+      ? costCell(Number(r.cost_usd) || 0, Number(r.cost_usd_orchestrator) || 0, Number(r.cost_usd_estimated) || 0, Number(r.cost_usd_subagent) || 0, { extra: 'color:var(--text-secondary);' })
       : '';
     const weightVal = Number(r.weight) || 0;
     const editable = canEditWeight && (!r.unassigned || r.configured);
@@ -14108,7 +16207,7 @@ function renderProjectStatus(data, opts) {
     '<td style="text-align:right;font-variant-numeric:tabular-nums;">' + (Number(totals[p]) || 0) + '</td>'
   ).join('');
   const footerCostCell = costAvailable
-    ? costCell(grandCost, grandCostOrch, grandCostEst, { extra: 'font-weight:600;' })
+    ? costCell(grandCost, grandCostOrch, grandCostEst, grandCostSub, { extra: 'font-weight:600;' })
     : '';
   const footerHtml =
     '<tr style="border-top:2px solid var(--border);font-weight:600;background:var(--bg-subtle);">' +
@@ -14266,7 +16365,11 @@ async function loadFunnelStats(force) {
   if (_funnelStatsLoading) return;
   if (saAuthNotReady()) return;
   const days = currentStatsWindow().days;
-  if (_funnelStatsLoadedFor === days && !force) return;
+  const platform = currentStatsPlatform();
+  // Cache key is window+platform so a platform-pill change forces a refetch
+  // even when the days dropdown stayed the same. Matches the server's cache key.
+  const loadKey = days + '|' + platform;
+  if (_funnelStatsLoadedFor === loadKey && !force) return;
   _funnelStatsLoading = true;
   const totalEl = document.getElementById('funnel-stats-total');
   const body = document.getElementById('funnel-stats-body');
@@ -14275,11 +16378,13 @@ async function loadFunnelStats(force) {
     body.innerHTML = '<div class="style-stats-empty">Loading\u2026 (first call can take 15\u201330s)</div>';
   }
   try {
-    const res = await fetch('/api/funnel/stats?days=' + days);
+    const params = ['days=' + days];
+    if (platform && platform !== 'all') params.push('platform=' + encodeURIComponent(platform));
+    const res = await fetch('/api/funnel/stats?' + params.join('&'));
     const data = await res.json();
     if (data && !data.error) _lastFunnelPayload = data;
     renderFunnelStats(data);
-    _funnelStatsLoadedFor = days;
+    _funnelStatsLoadedFor = loadKey;
   } catch (e) {
     if (body) body.innerHTML = '<div class="style-stats-empty">Failed to load.</div>';
   } finally {
@@ -14451,7 +16556,7 @@ function renderActivity(events) {
         '</div>' +
       '</td>' +
       '<td class="activity-summary">' + summaryHtml + '</td>' +
-      '<td class="sa-admin-only" style="text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary);">' + fmtCostCell(e.cost_usd, e.cost_usd_orchestrator, e.cost_usd_estimated) + '</td>' +
+      '<td class="sa-admin-only" style="text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary);">' + fmtCostCell(e.cost_usd, e.cost_usd_orchestrator, e.cost_usd_estimated, e.cost_usd_subagent) + '</td>' +
       '<td style="text-align:center;">' + renderDeleteBtnHtml(e) + '</td>' +
     '</tr>';
   }).join('');
@@ -14662,6 +16767,15 @@ _saInstallDeleteListener();
   });
 })();
 
+// Wire the per-project breakdown <details> toggles so the first time the
+// user opens either one we kick off a lazy fetch. Subsequent opens reuse
+// the cache built for the current (granularity, platform) key.
+(function wirePerProjectBreakdownToggles() {
+  if (typeof _wirePerProjectToggles === 'function') {
+    _wirePerProjectToggles();
+  }
+})();
+
 // Lazy-load funnel stats the first time the user opens the section. The fetch
 // shells out to PostHog and two Postgres DBs, so we don't want to run it on
 // every page load.
@@ -15013,6 +17127,25 @@ function renderHtml() {
     .replace('__SA_POSTHOG_CONFIG_PLACEHOLDER__', JSON.stringify(posthogWebConfig()));
 }
 
+function renderTikTokOauthCallback(rawUrl) {
+  const u = new URL(rawUrl, 'http://localhost');
+  const code = u.searchParams.get('code') || '';
+  const state = u.searchParams.get('state') || '';
+  const scopes = u.searchParams.get('scopes') || '';
+  const err = u.searchParams.get('error') || '';
+  const errDesc = u.searchParams.get('error_description') || '';
+  const esc = (s) => String(s).replace(/[&<>"']/g, (c) => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
+  const ok = !!code && !err;
+  const banner = ok
+    ? '<div style="background:#ecfdf5;color:#065f46;padding:12px 16px;border-radius:8px;margin-bottom:24px">Authorization successful. Copy the code below and paste it into the local oauth_helper.py script.</div>'
+    : `<div style="background:#fef2f2;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:24px">Authorization error: ${esc(err || 'no code in callback')}${errDesc ? ` &mdash; ${esc(errDesc)}` : ''}</div>`;
+  const codeBox = ok ? `<div><label style="display:block;font-size:13px;color:#52525b;margin-bottom:6px">Authorization code</label><textarea id="tt-code" readonly style="width:100%;font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;padding:10px;border:1px solid #d4d4d8;border-radius:8px;background:#fafafa" rows="3" onclick="this.select()">${esc(code)}</textarea><button id="tt-copy" style="margin-top:8px;padding:8px 14px;background:#18181b;color:#fff;border:0;border-radius:6px;cursor:pointer;font-size:13px">Copy</button></div><script>(function(){var b=document.getElementById('tt-copy'),t=document.getElementById('tt-code');if(b&&t){b.addEventListener('click',function(){navigator.clipboard.writeText(t.value).then(function(){b.textContent='Copied';setTimeout(function(){b.textContent='Copy'},1500)})})}})();</script>` : '';
+  const next = ok ? `<details style="margin-top:24px"><summary style="cursor:pointer;color:#27272a;font-weight:500">Next steps</summary><pre style="background:#0a0a0a;color:#fafafa;padding:16px;border-radius:8px;overflow:auto;font-size:13px;line-height:1.6;margin-top:12px">cd ~/social-autoposter
+python3 scripts/tiktok/oauth_helper.py exchange '${esc(code)}'</pre><p style="color:#52525b;font-size:13px;margin-top:12px">This exchanges the code for an access token + refresh token via the TikTok API using the client secret stored in your local macOS keychain, then writes the tokens to <code>~/tiktok-content-api/.env</code>.</p></details>` : '';
+  const meta = ok ? `<dl style="display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin-top:24px;font-size:13px;color:#52525b"><dt>state</dt><dd style="font-family:ui-monospace,SFMono-Regular,monospace">${esc(state) || '<i>(none)</i>'}</dd><dt>scopes</dt><dd style="font-family:ui-monospace,SFMono-Regular,monospace">${esc(scopes) || '<i>(none)</i>'}</dd></dl>` : '';
+  return `<!doctype html><html><head><meta charset="utf-8"><title>TikTok OAuth callback &middot; Meditation Fellow Studio</title><meta name="robots" content="noindex"><meta name="viewport" content="width=device-width,initial-scale=1"><style>body{font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;max-width:680px;margin:48px auto;padding:0 24px;color:#18181b;background:#fff;line-height:1.5}h1{font-size:24px;font-weight:600;margin:0 0 24px;letter-spacing:-0.01em}code{font-family:ui-monospace,SFMono-Regular,monospace;background:#f4f4f5;padding:1px 6px;border-radius:4px;font-size:0.9em}</style></head><body><h1>TikTok OAuth callback</h1>${banner}${codeBox}${meta}${next}</body></html>`;
+}
+
 // --- Server ---
 
 const server = http.createServer((req, res) => {
@@ -15038,6 +17171,14 @@ const server = http.createServer((req, res) => {
     Promise.resolve(handleApi(req, res)).catch(e => {
       try { json(res, { error: e.message || String(e) }, 500); } catch {}
     });
+  } else if (pathname === '/oauth/tiktok/callback') {
+    // Minimal TikTok OAuth landing page. We do not exchange the code here
+    // because the dashboard Cloud Run service does not carry the TikTok
+    // client_secret. The operator pastes the displayed code into the local
+    // scripts/tiktok/oauth_helper.py script which does the exchange via
+    // keychain-stored credentials and writes ~/tiktok-content-api/.env.
+    res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8', 'Cache-Control': 'no-store' });
+    res.end(renderTikTokOauthCallback(req.url));
   } else {
     res.writeHead(404);
     res.end('Not found');