feat: web-axis redesign — behavior-based + whole-export coverage (iteration 4)

Verified against a real claude.ai export (8 conversations + 10 design_chats):
- merge EVERY chat-bearing JSON in the export (conversations.json + design_chats/* +
  projects/*), handling both schemas (chat_messages/sender/text and messages/role/
  nested-content) via a robust deep-text extractor — no longer just conversations.json
- score axes from the USER's messages (intent), never from how much Claude wrote back
  (old code counted Claude's code fences as the user's CODER stat)
- web now uses self-relative SHAPE scoring (scoreAxesShape): top axis = 100, others
  proportional, volume carried by level — a casual user gets a full varied radar instead
  of a flat low card
- README scoring section updated to describe CLI fixed-anchor vs web shape model

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: MankhongGarden

README.md

@@ -66,20 +66,23 @@ Each tool call (CLI) or message heuristic (web) is classified into one of 6 axes
 | WRITER | prose output volume | assistant text chars / 4000 |
 | PILOT | driving a real browser | chrome-devtools / playwright MCP tools |
 
-Score per axis: `min(100, round(100 * sqrt(x / REF)))` — a square-root curve, so early activity climbs fast and the top end is hard to max.
+**CLI** uses fixed anchors so two Claude Code users' cards are directly comparable:
+`score = min(100, round(100 * sqrt(x / REF)))` — a square-root curve, so early activity climbs fast and the top end is hard to max.
 
-REF anchors (what 100 means), v1:
+REF anchors (what 100 means on the CLI path), v1:
 
-| axis | REF (CLI units) | REF (web units) |
-|---|---|---|
-| automator | 25000 | 1200 |
-| researcher | 15000 | 1500 |
-| coder | 15000 | 800 |
-| integrator | 8000 | 400 |
-| writer | 4000 | 2500 |
-| pilot | 4000 | 100 |
-
-**Honest calibration note:** the v1 anchors are derived from a single heavy daily user's corpus (~426 sessions / ~57k tool calls over ~6 weeks, snapshot 2026-06-12). They represent "heavy daily user" as one data point, not a population study. Expect recalibration in later versions.
+| axis | REF (CLI units) |
+|---|---|
+| automator | 25000 |
+| researcher | 15000 |
+| coder | 15000 |
+| integrator | 8000 |
+| writer | 4000 |
+| pilot | 4000 |
+
+**Web** uses **self-relative shape** scoring instead: your strongest axis is the reference (100) and the rest are proportional (`(x / max) ^ 0.7`). Volume is carried by the **level**, not the axis heights — so a casual user still gets a full, varied radar (like an RPG class whose stat *shape* is the same at level 5 and level 50), rather than a flat low card. Web axes are counted from **your own messages** (what you ask for), never from how much Claude wrote back. The web card is a rough estimate and is not comparable to a CLI card.
+
+**Honest calibration note:** the CLI anchors are derived from a single heavy daily user's corpus (~426 sessions / ~57k tool calls, snapshot 2026-06-12) — one data point, not a population study. Expect recalibration in later versions.
 
 Level: `floor(sqrt(effort / 25))`, where effort = total tool calls (CLI) or total messages × 4 (web). Minimum level 1.
 

index.html

@@ -500,60 +500,98 @@ <h2><span id="entry2Title">สาย claude.ai</span> <span class="badge">BETA</
 
   /* ---------- claude.ai export parser (BETA, defensive) ---------- */
 
+  // Robust text extraction across claude.ai export schemas:
+  // conversations.json -> array of {chat_messages:[{sender, text|content[]}]}
+  // design_chats/*.json -> {messages:[{role, content:{...}}]} (content is a nested object)
+  function deepText(v, depth) {
+    if (depth > 6 || v == null) return '';
+    if (typeof v === 'string') return v;
+    if (Array.isArray(v)) return v.map(function (x) { return deepText(x, depth + 1); }).join('\n');
+    if (typeof v === 'object') {
+      var out = [];
+      for (var k in v) {
+        if (k === 'citations' || k === 'files' || k === 'id' || k === 'uuid') continue;
+        out.push(deepText(v[k], depth + 1));
+      }
+      return out.join('\n');
+    }
+    return '';
+  }
   function msgText(m) {
     if (!m || typeof m !== 'object') return '';
     if (typeof m.text === 'string' && m.text) return m.text;
-    if (Array.isArray(m.content)) {
-      return m.content.map(function (c) {
-        return (c && typeof c.text === 'string') ? c.text : '';
-      }).join('\n');
-    }
-    return '';
+    return deepText(m.content, 0);
   }
-
-  var RX_RESEARCH = /\?|\b(search|why|how|find)\b|หา|ค้น|ทำไม|https?:\/\//i;
-  var RX_AUTO = /\b(script|automation|cron|bot|workflow)\b|อัตโนมัติ/i;
-  var RX_INTEG = /\b(api|integration|mcp|webhook)\b|เชื่อมต่อ/i;
-  var RX_PILOT = /\b(browser|selenium|playwright)\b|เบราว์เซอร์/i;
-
-  function parseClaudeExport(json) {
-    var convs = null;
+  function roleOf(m) {
+    var r = (m && (m.sender || m.role)) || '';
+    return (r === 'human' || r === 'user') ? 'human' : (r === 'assistant' ? 'assistant' : 'other');
+  }
+  // Normalize any export JSON into a flat [{role, text}] list. Returns [] for non-chat JSON.
+  function extractMessages(json) {
+    var convs = [];
     if (Array.isArray(json)) convs = json;
-    else if (json && typeof json === 'object' && Array.isArray(json.conversations)) convs = json.conversations;
-    if (!convs) return null;
+    else if (json && Array.isArray(json.conversations)) convs = json.conversations;
+    else if (json && (Array.isArray(json.chat_messages) || Array.isArray(json.messages))) convs = [json];
+    var msgs = [];
+    convs.forEach(function (cv) {
+      var ms = (cv && (cv.chat_messages || cv.messages)) || [];
+      if (!Array.isArray(ms)) return;
+      ms.forEach(function (m) { msgs.push({ role: roleOf(m), text: msgText(m) }); });
+    });
+    return msgs;
+  }
 
+  // Behavior heuristics — scored from the USER's (human) messages, never from how much
+  // Claude wrote back. Each axis = how many of your messages show that kind of intent.
+  var RX = {
+    researcher: /\?|\b(why|how|what|when|which|compare|explain|difference|search|find|research|vs)\b|หา|ค้น|ทำไม|อะไร|เปรียบเทียบ|อธิบาย|ยังไง|ไหม/i,
+    writer: /\b(write|draft|rewrite|reword|email|essay|article|blog|story|poem|caption|translate|summari[sz]e|outline)\b|เขียน|ร่าง|แปล|สรุป|บทความ|อีเมล|เรียงความ|แคปชั่น/i,
+    coder: /```|\b(code|coding|function|bug|debug|error|python|javascript|typescript|css|html|sql|react|component|npm|git|regex|refactor)\b|โค้ด|ดีบัก/i,
+    automator: /\b(automate|automation|workflow|cron|schedule|batch|pipeline|bot|agent|step.by.step|steps|every day|do this for me)\b|อัตโนมัติ|ทุกวัน|ตั้งเวลา|เป็นขั้นตอน|ทำให้หน่อย/i,
+    integrator: /\b(api|integrate|integration|webhook|connect|database|supabase|notion|slack|sheets?|zapier|upload|import|export|sync|oauth|endpoint)\b|เชื่อมต่อ|เชื่อม|ฐานข้อมูล/i,
+    pilot: /\b(browser|website|web ?page|url|link|scrape|crawl|navigate|screenshot|dom|selector)\b|เว็บไซต์|เบราว์เซอร์|หน้าเว็บ|ลิงก์/i,
+  };
+
+  // msgs: flat [{role,text}] list (already merged across all files in the export)
+  function scoreMessages(msgs) {
+    if (!msgs || !msgs.length) return null;
     var raw = { automator: 0, researcher: 0, coder: 0, integrator: 0, writer: 0, pilot: 0 };
-    var msgCount = 0;
-    var assistantChars = 0;
-
-    convs.forEach(function (conv) {
-      var msgs = (conv && Array.isArray(conv.chat_messages)) ? conv.chat_messages : [];
-      msgs.forEach(function (m) {
-        var text = msgText(m);
-        var sender = m && m.sender;
-        msgCount++;
-        if (sender === 'assistant') {
-          assistantChars += text.length;
-          var fences = (text.match(/```/g) || []).length;
-          raw.coder += Math.floor(fences / 2);
-        }
-        if (sender === 'human' && RX_RESEARCH.test(text)) raw.researcher++;
-        if (RX_AUTO.test(text)) raw.automator++;
-        if (RX_INTEG.test(text)) raw.integrator++;
-        if (RX_PILOT.test(text)) raw.pilot++;
-      });
+    var human = 0;
+    msgs.forEach(function (m) {
+      if (m.role !== 'human') return;
+      human++;
+      var t = m.text || '';
+      for (var k in RX) { if (RX[k].test(t)) raw[k]++; }
     });
-
-    raw.writer = assistantChars / 4000;
+    if (human === 0) return null;
     return {
       raw: raw,
-      totals: { sessions: convs.length, toolCalls: 0, userMsgs: msgCount },
+      totals: { sessions: 0, toolCalls: 0, userMsgs: msgs.length },
     };
   }
 
+  function countConvs(json) {
+    if (Array.isArray(json)) return json.length;
+    if (json && Array.isArray(json.conversations)) return json.conversations.length;
+    if (json && (Array.isArray(json.chat_messages) || Array.isArray(json.messages))) return 1;
+    return 0;
+  }
+
+  function buildResult(msgs, convCount) {
+    var r = scoreMessages(msgs);
+    if (!r) return null;
+    r.totals.sessions = convCount || 0;
+    return r;
+  }
+
+  // Single-JSON path (e.g. a lone conversations.json dropped in)
+  function parseClaudeExport(json) {
+    return buildResult(extractMessages(json), countConvs(json));
+  }
+
   function finishParse(parsed) {
     if (!parsed) { toast(t('badFormat'), true); return; }
-    var stats = S.scoreAxes(parsed.raw, 'web');
+    var stats = S.scoreAxesShape(parsed.raw);
     var encoded = S.encodeShare({ v: 1, src: 'web', stats: stats, totals: parsed.totals });
     window.location.hash = '#s=' + encoded;
   }
@@ -563,17 +601,25 @@ <h2><span id="entry2Title">สาย claude.ai</span> <span class="badge">BETA</
   }
 
   // claude.ai exports arrive as a .zip (sometimes a .dms = renamed .zip). Accept them
-  // directly so the user never has to unzip — find conversations.json inside, in-browser.
+  // directly so the user never has to unzip. The export holds conversations.json PLUS
+  // design_chats/* and projects/* (different schemas) — merge every chat-bearing JSON so
+  // the card reflects the user's whole claude.ai life, not just regular chats.
   function handleZip(buf) {
     if (!window.fflate || !fflate.unzipSync) { toast(t('badFormat'), true); return; }
     var files;
     try { files = fflate.unzipSync(new Uint8Array(buf)); } catch (e) { toast(t('badFormat'), true); return; }
-    var key = Object.keys(files).filter(function (n) { return /conversations\.json$/i.test(n); })[0]
-      || Object.keys(files).filter(function (n) { return /\.json$/i.test(n); })[0];
-    if (!key) { toast(t('badFormat'), true); return; }
-    var text;
-    try { text = fflate.strFromU8(files[key]); } catch (e) { toast(t('badFormat'), true); return; }
-    finishParse(parseJsonText(text));
+    var msgs = [], convs = 0, sawJson = false;
+    Object.keys(files).forEach(function (n) {
+      if (!/\.json$/i.test(n)) return;
+      if (/(^|\/)(users|memories)\.json$/i.test(n)) return; // not conversations
+      sawJson = true;
+      var json;
+      try { json = JSON.parse(fflate.strFromU8(files[n])); } catch (e) { return; }
+      msgs = msgs.concat(extractMessages(json));
+      convs += countConvs(json);
+    });
+    if (!sawJson) { toast(t('badFormat'), true); return; }
+    finishParse(buildResult(msgs, convs));
   }
 
   function handleFile(file) {

lib/scoring.js

@@ -66,6 +66,29 @@
     return out;
   }
 
+  // Self-relative "shape" scoring (used by the web path): the dominant axis is the
+  // reference (100), the rest are proportional. Volume is carried by the level, not the
+  // axis heights — so a casual user still gets a full, varied radar (like an RPG class
+  // whose stat *shape* is the same at level 5 and 50). A small floor keeps present-but-
+  // minor axes visible instead of collapsing to a degenerate spike.
+  function scoreAxesShape(rawUnits) {
+    var vals = [], max = 0;
+    for (var i = 0; i < AXES.length; i++) {
+      var x = rawUnits && typeof rawUnits[AXES[i]] === 'number' && isFinite(rawUnits[AXES[i]]) ? rawUnits[AXES[i]] : 0;
+      if (x < 0) x = 0;
+      vals.push(x);
+      if (x > max) max = x;
+    }
+    var out = {};
+    for (var j = 0; j < AXES.length; j++) {
+      if (max <= 0) { out[AXES[j]] = 0; continue; }
+      var s = Math.pow(vals[j] / max, 0.7) * 100;
+      if (vals[j] > 0 && s < 12) s = 12;
+      out[AXES[j]] = Math.round(Math.min(100, s));
+    }
+    return out;
+  }
+
   function level(effort) {
     var e = typeof effort === 'number' && isFinite(effort) && effort > 0 ? effort : 0;
     return Math.max(1, Math.floor(Math.sqrt(e / 25)));
@@ -142,6 +165,7 @@
     REF: REF,
     classifyTool: classifyTool,
     scoreAxes: scoreAxes,
+    scoreAxesShape: scoreAxesShape,
     level: level,
     topAxis: topAxis,
     encodeShare: encodeShare,