Richer portrait + collapsible mirror feed

PersonalitySynthesizer:
- Paragraph rules now direct the LLM across 7 behavioral vocabulary dimensions:
thinking style, argument framing, conversation navigation, handling challenge,
clarity/precision, listening quality, warmth/relational style
- Session log now passes fingerprint[:350] (was [:200]) as the PRIMARY source
rather than raw dimension scores — the qualitative text matters more
- Explicit rule: do NOT make dominance/talk ratio the portrait centrepiece
if fingerprints reveal more interesting things
- Bump _SYNTHESIS_VERSION 5 → 6 to force portrait regeneration

ProfileView:
- MirrorFeed is now collapsible — shows 3 items by default
- "Show N more" button expands to full list
- "Show less" collapses back to 3
- Extracted MirrorFeedItem component for cleaner rendering

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

backend/main.py

@@ -287,7 +287,7 @@ def _build_sessions_data(parsed: list, dim_paths: dict) -> list:
 def _get_or_synthesize_personality(user_id: str, session_count: int,
                                    profile_data: dict, dim_averages: dict,
                                    sessions_data: list = None) -> dict:
-    _SYNTHESIS_VERSION = 5  # bump when prompt changes to invalidate old cache
+    _SYNTHESIS_VERSION = 6  # bump when prompt changes to invalidate old cache
     cache_key = f"{user_id}:{session_count}:v{_SYNTHESIS_VERSION}"
 
     if cache_key in _personality_cache:

backend/pipeline/personality_synthesizer.py

@@ -64,16 +64,14 @@ class PersonalitySynthesizer:
 
         session_log = ""
         if sessions_data:
-            session_log = "\nSESSION LOG (reference by context type when writing the shape narrative):\n"
+            session_log = "\nSESSION LOG (the behavioral fingerprints are your PRIMARY source — use them, not just the numbers):\n"
             for i, s in enumerate(sessions_data[-10:], 1):
-                scores = ", ".join(f"{k}={v}" for k, v in s.get("dim_scores", {}).items())
                 notable = s.get("notable_pattern", "")
                 notable_str = f' | pattern: "{notable}"' if notable else ""
                 fingerprint = s.get("fingerprint", "")
-                fp_str = f'\n     behavioral summary: {fingerprint[:200]}…' if fingerprint else ""
+                fp_str = f'\n     [{s["context"]}] {fingerprint[:350]}' if fingerprint else ""
                 session_log += (
-                    f"  {i}. {s['context']} | {scores} "
-                    f"| fillers={s['filler_rate']}/100w | talk={s['talk_ratio_pct']}%"
+                    f"  {i}. {s['context']} | talk={s['talk_ratio_pct']}%"
                     f"{notable_str}{fp_str}\n"
                 )
 
@@ -85,13 +83,21 @@ class PersonalitySynthesizer:
 TASK: Write a personality portrait paragraph, 5 dimension scores with labels, and one shape narrative.
 
 PARAGRAPH RULES:
-1. 3–4 sentences maximum. Write as if describing this person to someone who knows them.
-2. NO raw numbers or percentages. No "57% of the time" or "211 WPM".
-   Only use numbers if they describe a striking contrast — and even then, phrase it qualitatively ("nearly double", "significantly slower").
-3. Focus on behavioural character: how they show up, what their tendencies are, what makes them distinct.
-4. Reference context contrasts only where the data actually supports them.
-5. Use "you" / "your" — address the person directly.
-6. Never write "seems to" or "appears to" — be direct about observed patterns.
+1. 3–4 sentences maximum. Write as if describing this person to someone who knows them well.
+2. NO raw numbers or percentages — phrase everything qualitatively.
+3. VOCABULARY: The portrait must go beyond talk dynamics. Draw from what the fingerprints actually reveal across these dimensions:
+   — THINKING STYLE: Do they reframe questions before answering? Take contrarian positions? Think out loud or present polished thoughts? Big-picture or detail-driven?
+   — ARGUMENT STYLE: Do they lead with logic, stories, analogies, personal experience, or principles? How do they structure a point?
+   — CONVERSATION NAVIGATION: Do they drive topics, shift tone, redirect, or follow? Who owns the direction of their conversations?
+   — HANDLING CHALLENGE: When pushed back on, do they get curious, defensive, or adaptive? Do they change position? What moves them?
+   — CLARITY & PRECISION: Do they commit to positions or hedge constantly? Do they use concrete examples or stay abstract?
+   — LISTENING & RESPONSE: Do they build on what others say, or pivot immediately to their own point? Do they ask probing questions?
+   — WARMTH & RELATIONAL STYLE: Humor, validation, emotional calibration — do they connect or transact?
+4. If talk ratio or dominance is already the most obvious thing, do NOT make it the centrepiece unless it is truly the most defining characteristic. If the fingerprints reveal more interesting things about thinking style, framing, or perspective — surface those instead.
+5. The portrait should make the person feel SEEN as an individual — not like a generic assessment report.
+6. Reference context contrasts only where the data actually supports them.
+7. Use "you" / "your" — address the person directly.
+8. Never write "seems to" or "appears to" — be direct about observed patterns.
 
 SHAPE NARRATIVE RULES (one paragraph shown below all 5 scores):
 1. 3–4 sentences. Synthesize what the COMBINATION of all 5 scores reveals — not a summary of each one individually.

frontend/src/components/ProfileView.jsx

@@ -94,7 +94,52 @@ const FEED_TYPE_CONFIG = {
   pattern:          { color: "#f59e0b", label: "Consistent pattern", icon: "●" },
 }
 
+const FEED_MIN_VISIBLE = 3
+
+function MirrorFeedItem({ insight, i, total }) {
+  const cfg = FEED_TYPE_CONFIG[insight.type] || FEED_TYPE_CONFIG.pattern
+  return (
+    <RevealItem index={i}>
+    <div style={{
+      display: "flex", gap: 14, padding: "14px 18px",
+      borderBottom: i < total - 1 ? "1px solid #131827" : "none",
+      alignItems: "flex-start",
+    }}>
+      <div style={{
+        width: 32, height: 32, borderRadius: 8, flexShrink: 0,
+        background: `${cfg.color}18`,
+        border: `1px solid ${cfg.color}30`,
+        display: "flex", alignItems: "center", justifyContent: "center",
+        fontSize: 14, color: cfg.color, fontWeight: 700, marginTop: 1,
+      }}>
+        {cfg.icon}
+      </div>
+      <div style={{ flex: 1, minWidth: 0 }}>
+        <div style={{ fontSize: 11, fontWeight: 700, color: cfg.color,
+          textTransform: "uppercase", letterSpacing: 0.6, marginBottom: 5 }}>
+          {cfg.label}
+        </div>
+        <p style={{ margin: 0, fontSize: 13, color: "#c4c2d8", lineHeight: 1.75 }}>
+          {insight.text}
+        </p>
+        {insight.tip && (
+          <p style={{
+            margin: "10px 0 0", fontSize: 12, color: "#6b6888", lineHeight: 1.65,
+            paddingTop: 10, borderTop: "1px solid #131827",
+          }}>
+            <span style={{ color: "#4a4865", fontWeight: 600 }}>— </span>
+            {insight.tip}
+          </p>
+        )}
+      </div>
+    </div>
+    </RevealItem>
+  )
+}
+
 function MirrorFeed({ insights }) {
+  const [expanded, setExpanded] = useState(false)
+
   if (!insights) return null
 
   if (!insights.length) {
@@ -106,50 +151,39 @@ function MirrorFeed({ insights }) {
     )
   }
 
+  const hasMore = insights.length > FEED_MIN_VISIBLE
+  const visible = expanded ? insights : insights.slice(0, FEED_MIN_VISIBLE)
+  const hiddenCount = insights.length - FEED_MIN_VISIBLE
+
   return (
-    <div style={{ background: "#151922", border: "1px solid #1e2438",
-      borderRadius: 12, overflow: "hidden",
-      boxShadow: "0 2px 16px rgba(0,0,0,0.3)" }}>
-      {insights.map((insight, i) => {
-        const cfg = FEED_TYPE_CONFIG[insight.type] || FEED_TYPE_CONFIG.pattern
-        return (
-          <RevealItem key={i} index={i}>
-          <div style={{
-            display: "flex", gap: 14, padding: "14px 18px",
-            borderBottom: i < insights.length - 1 ? "1px solid #131827" : "none",
-            alignItems: "flex-start",
-          }}>
-            <div style={{
-              width: 32, height: 32, borderRadius: 8, flexShrink: 0,
-              background: `${cfg.color}18`,
-              border: `1px solid ${cfg.color}30`,
-              display: "flex", alignItems: "center", justifyContent: "center",
-              fontSize: 14, color: cfg.color, fontWeight: 700, marginTop: 1,
-            }}>
-              {cfg.icon}
-            </div>
-            <div style={{ flex: 1, minWidth: 0 }}>
-              <div style={{ fontSize: 11, fontWeight: 700, color: cfg.color,
-                textTransform: "uppercase", letterSpacing: 0.6, marginBottom: 5 }}>
-                {cfg.label}
-              </div>
-              <p style={{ margin: 0, fontSize: 13, color: "#c4c2d8", lineHeight: 1.75 }}>
-                {insight.text}
-              </p>
-              {insight.tip && (
-                <p style={{
-                  margin: "10px 0 0", fontSize: 12, color: "#6b6888", lineHeight: 1.65,
-                  paddingTop: 10, borderTop: "1px solid #131827",
-                }}>
-                  <span style={{ color: "#4a4865", fontWeight: 600 }}>— </span>
-                  {insight.tip}
-                </p>
-              )}
-            </div>
-          </div>
-          </RevealItem>
-        )
-      })}
+    <div>
+      <div style={{ background: "#151922", border: "1px solid #1e2438",
+        borderRadius: 12, overflow: "hidden",
+        boxShadow: "0 2px 16px rgba(0,0,0,0.3)" }}>
+        {visible.map((insight, i) => (
+          <MirrorFeedItem key={insight.signal || i} insight={insight} i={i} total={visible.length} />
+        ))}
+      </div>
+
+      {hasMore && (
+        <button
+          onClick={() => setExpanded(v => !v)}
+          style={{
+            marginTop: 10, width: "100%", padding: "9px 0",
+            background: "none", border: "1px solid #1e2438",
+            borderRadius: 8, cursor: "pointer", fontSize: 12,
+            color: "#4a4865", transition: "all 0.15s",
+            display: "flex", alignItems: "center", justifyContent: "center", gap: 6,
+          }}
+          onMouseEnter={e => { e.currentTarget.style.borderColor = "#2e3450"; e.currentTarget.style.color = "#8b89aa" }}
+          onMouseLeave={e => { e.currentTarget.style.borderColor = "#1e2438"; e.currentTarget.style.color = "#4a4865" }}
+        >
+          <span style={{ display: "inline-block",
+            transform: expanded ? "rotate(180deg)" : "rotate(0deg)",
+            transition: "transform 0.2s", fontSize: 10 }}>▼</span>
+          {expanded ? "Show less" : `Show ${hiddenCount} more`}
+        </button>
+      )}
     </div>
   )
 }