persnally 2.5.3 → 2.6.1

package/build/src/consolidate.d.ts

@@ -5,7 +5,7 @@
  * and re-synthesizes the profile. Last-run state lives in config, not
  * the event log — it's operational state, not user data.
  */
-import type { ChosenExtractor } from "./llm.js";
+import { type ChosenExtractor } from "./llm.js";
 import type { EventStore } from "./store.js";
 export declare const CONSOLIDATION_HOUR = 3;
 export interface ConsolidationResult {

package/build/src/consolidate.js

@@ -8,6 +8,7 @@
 import { z } from "zod";
 import { loadConfig, saveConfig } from "./config.js";
 import { newEvent, PAYLOAD_SCHEMAS } from "./events.js";
+import { chooseExtractor } from "./llm.js";
 import { synthesizeProfile } from "./profile.js";
 const ASSERTION_MIN_SIGNALS = 5;
 const PROFILE_MIN_SIGNALS = 10;
@@ -61,9 +62,12 @@ export async function runConsolidation(store, engine, now = new Date()) {
             store.rebuild(now.getTime());
         }
     }
+    // The profile is the centerpiece artifact — always synthesize it with the
+    // profile model, not the cheaper assertions engine passed in as `engine`.
     let profileRefreshed = false;
     if (engine && newSignals.length >= PROFILE_MIN_SIGNALS) {
-        await synthesizeProfile(store, engine.extract, engine.model);
+        const profileEngine = await chooseExtractor("profile");
+        await synthesizeProfile(store, profileEngine.extract, profileEngine.model);
         profileRefreshed = true;
     }
     saveConfig({ last_consolidation: now.toISOString() });

package/build/src/daemon.js

@@ -4,12 +4,12 @@
  */
 import http from "node:http";
 import { readFileSync } from "node:fs";
-import { loadConfig } from "./config.js";
+import { loadConfig, saveConfig } from "./config.js";
 import { runConsolidation, shouldRunNow } from "./consolidate.js";
 import { allowedCategories, loadScopes } from "./permissions.js";
 import { newEvent, validateEvent } from "./events.js";
 import { importNewClaudeCodeSessions } from "./importers/claude-code.js";
-import { chooseExtractor } from "./llm.js";
+import { chooseExtractor, ollamaTags, pullOllamaModel, RECOMMENDED_LOCAL_MODEL } from "./llm.js";
 import { synthesizeProfile } from "./profile.js";
 export const DEFAULT_PORT = 4983;
 const MAX_BODY_BYTES = 25 * 1024 * 1024; // generous for import batches; bounds memory
@@ -17,6 +17,7 @@ const MAX_QUERY_LIMIT = 10_000; // ceiling for public ?limit= params
 // Single source of truth for the user-visible version: package.json.
 const pkg = JSON.parse(readFileSync(new URL("../../package.json", import.meta.url), "utf-8"));
 export const VERSION = pkg.version;
+let pull = { state: "idle", model: "", percent: 0, status: "", error: "" };
 export function startDaemon(store, port = DEFAULT_PORT) {
     const localHosts = [`127.0.0.1:${port}`, `localhost:${port}`];
     const server = http.createServer(async (req, res) => {
@@ -83,6 +84,52 @@ export function startDaemon(store, port = DEFAULT_PORT) {
                 const engine = await chooseExtractor("extract").catch(() => null);
                 return json(res, 200, await runConsolidation(store, engine));
             }
+            // Engine onboarding: status + live key-save + one-click local-model pull.
+            if (req.method === "GET" && url.pathname === "/engine") {
+                const tags = await ollamaTags();
+                const cfgKey = loadConfig().anthropic_api_key;
+                const key = process.env.ANTHROPIC_API_KEY || (typeof cfgKey === "string" ? cfgKey : "");
+                return json(res, 200, {
+                    hasKey: key.startsWith("sk-ant-"),
+                    keyMasked: key ? `${key.slice(0, 12)}…${key.slice(-4)}` : "",
+                    hasProfile: !!store.getProfile(),
+                    ollama: { reachable: tags !== null, models: tags ?? [], hasModel: (tags?.length ?? 0) > 0 },
+                    recommended: RECOMMENDED_LOCAL_MODEL,
+                    pull,
+                });
+            }
+            if (req.method === "POST" && url.pathname === "/engine/key") {
+                if (!(req.headers["content-type"] ?? "").includes("application/json")) {
+                    return json(res, 415, { error: "Content-Type must be application/json" });
+                }
+                const body = (await readBody(req));
+                const key = typeof body.key === "string" ? body.key.trim() : "";
+                if (!key.startsWith("sk-ant-"))
+                    return json(res, 400, { error: "expected an Anthropic key (sk-ant-…)" });
+                saveConfig({ anthropic_api_key: key });
+                process.env.ANTHROPIC_API_KEY = key; // apply to the running daemon — no restart needed
+                return json(res, 200, { ok: true, keyMasked: `${key.slice(0, 12)}…${key.slice(-4)}` });
+            }
+            if (req.method === "POST" && url.pathname === "/engine/pull") {
+                if (!(req.headers["content-type"] ?? "").includes("application/json")) {
+                    return json(res, 415, { error: "Content-Type must be application/json" });
+                }
+                if (pull.state === "pulling")
+                    return json(res, 200, { started: false, ...pull });
+                const body = (await readBody(req).catch(() => ({})));
+                const model = typeof body.model === "string" && body.model ? body.model : RECOMMENDED_LOCAL_MODEL;
+                if ((await ollamaTags()) === null) {
+                    return json(res, 400, { error: "Ollama isn't running. Install it from ollama.com, then try again." });
+                }
+                pull = { state: "pulling", model, percent: 0, status: "starting", error: "" };
+                pullOllamaModel(model, (p) => { pull.percent = p.percent; pull.status = p.status; })
+                    .then(() => { pull = { ...pull, state: "done", percent: 100, status: "ready" }; })
+                    .catch((e) => { pull = { ...pull, state: "error", error: e instanceof Error ? e.message : String(e) }; });
+                return json(res, 200, { started: true, model });
+            }
+            if (req.method === "GET" && url.pathname === "/engine/pull") {
+                return json(res, 200, pull);
+            }
             if (req.method === "GET" && url.pathname === "/events") {
                 const ids = url.searchParams.get("ids");
                 if (ids)

package/build/src/dashboard.html

@@ -4,6 +4,7 @@
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>Persnally — your context engine</title>
+<link rel="icon" type="image/png" href="data:image/png;base64,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" />
 <style>
   :root {
     --bg: #0B0C0E;            /* dark, default */
@@ -193,6 +194,32 @@
     .delta .sep { display: none; }   /* stacked on phones — separators only read inline */
   }
   @media (prefers-reduced-motion: reduce) { .reveal { animation: none; opacity: 1; transform: none; } .read.fresh { animation: none; } }
+
+  /* ── hero intro (plain-language "what am I looking at") ── */
+  .hero-sub { font-size: 14.5px; color: var(--dim); margin-top: 14px; max-width: 64ch; line-height: 1.65; }
+  .hero-sub b { color: var(--text); font-weight: 600; }
+
+  /* ── shareable portrait card ── */
+  .modal { position: fixed; inset: 0; z-index: 50; display: none; align-items: center; justify-content: center;
+    padding: 24px; background: rgba(5,6,8,0.80); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
+  .modal.open { display: flex; }
+  .modal-inner { background: var(--panel); border: 1px solid var(--line-2); border-radius: 16px; width: 100%;
+    max-width: 860px; max-height: 92vh; overflow: auto; padding: 22px 24px; display: grid; gap: 20px; grid-template-columns: 1fr; }
+  @media (min-width: 760px) { .modal-inner { grid-template-columns: minmax(0,330px) 1fr; align-items: start; } }
+  .modal-head { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
+  .modal-head h3 { font-size: 16px; font-weight: 600; }
+  .modal-head .x { background: none; border: none; color: var(--dim); font-size: 24px; cursor: pointer; line-height: 1; }
+  .modal-head .x:hover { color: var(--text); }
+  .card-preview { border-radius: 12px; overflow: hidden; border: 1px solid var(--line); background: #000; align-self: start; }
+  .card-preview canvas { display: block; width: 100%; height: auto; }
+  .card-ctrls { display: flex; flex-direction: column; gap: 18px; }
+  .card-ctrls .sub { font-size: 13px; color: var(--dim); line-height: 1.6; }
+  .toggles { display: flex; flex-direction: column; gap: 11px; }
+  .tog { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--text); cursor: pointer; user-select: none; }
+  .tog input { width: 16px; height: 16px; accent-color: #FFFFFF; cursor: pointer; }
+  .card-actions { display: flex; gap: 10px; flex-wrap: wrap; }
+  .privacy-note { font-size: 11.5px; color: var(--faint); line-height: 1.65; }
+  .privacy-note b { color: var(--dim); }
 </style>
 </head>
 <body>
@@ -206,15 +233,28 @@
       <a class="btn ghost" href="https://github.com/sidpan2011/persnally" target="_blank" rel="noopener">GitHub <span class="arr">↗</span></a>
       <a class="btn ghost" href="https://persnally.com" target="_blank" rel="noopener">persnally.com <span class="arr">↗</span></a>
       <button class="btn ghost" id="reflect">Reflect</button>
-      <button class="btn" id="synthesize">Re-synthesize</button>
+      <button class="btn ghost" id="synthesize">Re-synthesize</button>
+      <button class="btn" id="shareBtn">Share portrait <span class="arr" style="opacity:.75">✦</span></button>
     </div>
   </header>
 
   <div id="delta"></div>
 
+  <style>
+    .onboard{margin:0 0 22px}
+    .onboard .ob-card{border:1px solid #2c67ff55;box-shadow:0 0 0 1px #2c67ff14}
+    .onboard .ob-or{margin:16px 0 8px;color:#8b90a0;font-size:13px}
+    .onboard .ob-row{display:flex;gap:8px;max-width:540px}
+    .onboard .ob-bar{height:8px;border-radius:6px;background:#ffffff14;overflow:hidden;margin-top:10px}
+    .onboard .ob-fill{height:100%;width:0;background:#2c67ff;transition:width .35s ease}
+    .onboard input{flex:1;background:#0e1016;border:1px solid #1b1e26;border-radius:8px;color:#f5f6f8;padding:9px 12px;font:inherit;min-width:0}
+  </style>
+  <div id="onboard" class="onboard" style="display:none"></div>
+
   <div class="hero reveal" style="animation-delay:.05s">
     <div class="scale-beat" id="scaleBeat"></div>
     <div class="archetype" id="archetype">Reading your context…</div>
+    <div class="hero-sub">Built from <b>your own AI history</b> — your tools read this so they stop treating you like a stranger, and <b>every byte stays on your machine</b>.</div>
     <div class="gen-meta" id="genMeta"></div>
   </div>
 
@@ -234,7 +274,7 @@
       <div class="view-toggle"><button id="vGraph" class="on">map</button><button id="vList">list</button></div>
     </div>
     <div class="constellation-wrap">
-      <div class="constellation" id="graphHost"><canvas id="graph"></canvas><div class="legend" id="legend"></div><div class="ghint">drag · pinch or scroll to zoom</div></div>
+      <div class="constellation" id="graphHost"><canvas id="graph"></canvas><div class="legend" id="legend"></div><div class="ghint">interests by strength · drag · zoom</div></div>
       <div class="card" id="topicList" style="display:none;padding:6px 14px"><table id="topics"></table></div>
       <div class="node-pop" id="nodePop"></div>
     </div>
@@ -262,6 +302,30 @@
 </div>
 <div class="preview-ribbon" id="ribbon">preview data — start <code>persnallyd</code> and reload to see your own</div>
 
+<div class="modal" id="shareModal" aria-hidden="true">
+  <div class="modal-inner" role="dialog" aria-label="Share your portrait">
+    <div class="modal-head">
+      <h3>Share your portrait</h3>
+      <button class="x" id="shareClose" aria-label="Close">×</button>
+    </div>
+    <div class="card-preview"><canvas id="cardCanvas"></canvas></div>
+    <div class="card-ctrls">
+      <div class="sub">A snapshot of who your AI knows you to be. Pick what's on it — drawn here on your machine, never uploaded.</div>
+      <div class="toggles">
+        <label class="tog"><input type="checkbox" id="tHead" checked> Headline — your archetype</label>
+        <label class="tog"><input type="checkbox" id="tInt" checked> Top interests</label>
+        <label class="tog"><input type="checkbox" id="tVoice" checked> How you write</label>
+        <label class="tog"><input type="checkbox" id="tStats" checked> Stats</label>
+      </div>
+      <div class="card-actions">
+        <button class="btn" id="cardDownload">Download PNG</button>
+        <button class="btn ghost" id="cardCopy">Copy image</button>
+      </div>
+      <div class="privacy-note"><b>Nothing is uploaded</b> — the image is rendered locally and saved by you. The footer credits persnally.com so others can find it.</div>
+    </div>
+  </div>
+</div>
+
 <script>
 "use strict";
 const $ = (id) => document.getElementById(id);
@@ -488,16 +552,37 @@ function renderMap(topics) {
   const resize = () => { w = host.clientWidth; h = window.innerWidth < 640 ? 380 : 520; canvas.width = w*dpr; canvas.height = h*dpr; canvas.style.height = h+"px"; };
   resize();
 
-  const maxW = Math.max(...data.map(t=>t.weight), 0.01);
-  const cats = [...new Set(data.map(t=>t.category))];
-  const cx = w/2, cy = h/2;
-  // each category gets an anchor on a ring → nodes cluster by color (readable + useful)
-  const anchor = {};
-  cats.forEach((c,i) => { const a=(i/cats.length)*Math.PI*2 - Math.PI/2; anchor[c]={ x:cx+Math.cos(a)*Math.min(w,h)*0.30, y:cy+Math.sin(a)*Math.min(w,h)*0.30 }; });
-  const nodes = data.map((t,i) => { const an=anchor[t.category]; return { t, i, color:catColor(t.category),
-    x:an.x+(Math.random()-0.5)*70, y:an.y+(Math.random()-0.5)*70, vx:0, vy:0, r:8+Math.sqrt(t.weight/maxW)*18 }; });
+  const INTERESTS = data.slice(0, 12);
+  const maxW = Math.max(...INTERESTS.map(t=>t.weight), 0.01);
+  const cx = w/2, cy = h/2, ring = Math.min(w,h)*0.27;
+  const lerp = (a,b,t)=>a+(b-a)*t;
+  const warmRGB = (t)=>[Math.round(lerp(255,200,t)),Math.round(lerp(198,140,t)),Math.round(lerp(120,70,t))]; // curated amber: bright gold (strongest) → bronze (lighter), one warm family
+  const rgba = (c,a)=>`rgba(${c[0]},${c[1]},${c[2]},${a})`;
+  const lighten = (c,a)=>[Math.min(255,c[0]+a),Math.min(255,c[1]+a),Math.min(255,c[2]+a)];
+  // radial portrait: YOU at the center, interests radiating by strength, their entities as leaf nodes
+  const center = { kind:"you", x:cx, y:cy, vx:0, vy:0, r:23, rgb:[255,209,130], fixed:true };
+  const interests = INTERESTS.map((t,i) => {
+    const ang = (i/INTERESTS.length)*Math.PI*2 - Math.PI/2;
+    return { kind:"topic", t, ang, x:cx+Math.cos(ang)*ring, y:cy+Math.sin(ang)*ring, vx:0, vy:0,
+      r:9+Math.sqrt(t.weight/maxW)*15, rgb:warmRGB(INTERESTS.length>1 ? i/(INTERESTS.length-1) : 0) };
+  });
+  const leaves = [];
+  interests.forEach((nd, ii) => {
+    (nd.t.entities||[]).slice(0,2).forEach((e,k,arr) => {
+      const a = nd.ang + (k-(arr.length-1)/2)*0.55;
+      leaves.push({ kind:"entity", label:e, x:cx+Math.cos(a)*ring*1.65, y:cy+Math.sin(a)*ring*1.65, vx:0, vy:0, r:4, rgb:[176,196,224], parent:1+ii });
+    });
+  });
+  const nodes = [center, ...interests, ...leaves];
+  const I0 = 1, L0 = 1 + interests.length;
   const edges = [];
-  for (let i=0;i<nodes.length;i++) for (let j=i+1;j<nodes.length;j++) { const ei=nodes[i].t.entities||[], ej=nodes[j].t.entities||[]; const s=ei.filter(e=>ej.includes(e)).length; if (s) edges.push([i,j,s]); }
+  interests.forEach((_,ii) => edges.push([0, I0+ii, "trunk"]));
+  // synapses: interests that share an entity wire together → a neural web, not just a tree
+  for (let i=0;i<interests.length;i++) for (let j=i+1;j<interests.length;j++) {
+    const ei=interests[i].t.entities||[], ej=interests[j].t.entities||[];
+    if (ei.length && ej.length && ei.some(e=>ej.includes(e))) edges.push([I0+i, I0+j, "synapse"]);
+  }
+  leaves.forEach((lf,li) => edges.push([lf.parent, L0+li, "branch"]));
   const neighbors = nodes.map(()=>new Set());
   edges.forEach(([a,b])=>{ neighbors[a].add(b); neighbors[b].add(a); });
 
@@ -507,63 +592,87 @@ function renderMap(topics) {
 
   function tick() {
     let energy = 0;
-    for (let i=0;i<nodes.length;i++) {
-      const A=nodes[i]; if (i===dragNode) continue;
+    for (let i=1;i<nodes.length;i++) {
+      const A=nodes[i]; if (i===dragNode || A.fixed) continue;
       for (let j=0;j<nodes.length;j++) { if (i===j) continue; const B=nodes[j];
         let dx=A.x-B.x, dy=A.y-B.y, d2=dx*dx+dy*dy||1, d=Math.sqrt(d2);
-        const rep=Math.min(6200/d2, 7); dx/=d; dy/=d; A.vx+=dx*rep; A.vy+=dy*rep;
-        const minD=A.r+B.r+22; if (d<minD) { const p=(minD-d)/2; A.x+=dx*p; A.y+=dy*p; }
+        const rep=Math.min(5000/d2, 6); dx/=d; dy/=d; A.vx+=dx*rep; A.vy+=dy*rep;
+        const minD=A.r+B.r+14; if (d<minD) { const p=(minD-d)/2; A.x+=dx*p; A.y+=dy*p; }
       }
-      const an=anchor[A.t.category]; A.vx+=(an.x-A.x)*0.014; A.vy+=(an.y-A.y)*0.014;  // cluster pull
     }
-    edges.forEach(([a,b]) => { const A=nodes[a],B=nodes[b]; let dx=B.x-A.x,dy=B.y-A.y,d=Math.hypot(dx,dy)||1; const f=(d-120)*0.008; dx/=d;dy/=d;
-      if (a!==dragNode){A.vx+=dx*f;A.vy+=dy*f;} if (b!==dragNode){B.vx-=dx*f;B.vy-=dy*f;} });
-    nodes.forEach((n,i) => { if (i===dragNode) return; n.vx*=0.85; n.vy*=0.85; n.x+=n.vx; n.y+=n.vy; energy+=n.vx*n.vx+n.vy*n.vy; });
+    interests.forEach((nd) => { if (nd===nodes[dragNode]) return; const tx=cx+Math.cos(nd.ang)*ring, ty=cy+Math.sin(nd.ang)*ring; nd.vx+=(tx-nd.x)*0.022; nd.vy+=(ty-nd.y)*0.022; });
+    leaves.forEach((lf) => { if (lf===nodes[dragNode]) return; const p=nodes[lf.parent]; const a=Math.atan2(p.y-cy,p.x-cx)||0; const tx=p.x+Math.cos(a)*44, ty=p.y+Math.sin(a)*44; lf.vx+=(tx-lf.x)*0.05; lf.vy+=(ty-lf.y)*0.05; });
+    for (let i=1;i<nodes.length;i++) { const n=nodes[i]; if (i===dragNode || n.fixed) continue; n.vx*=0.84; n.vy*=0.84; n.x+=n.vx; n.y+=n.vy; energy+=n.vx*n.vx+n.vy*n.vy; }
     return energy;
   }
-  function draw() {
+  function draw(now) {
+    now = now || performance.now(); const T = now * 0.001;
     ctx.setTransform(dpr,0,0,dpr,0,0); ctx.clearRect(0,0,w,h);
-    const vg=ctx.createRadialGradient(w/2,h*0.42,0,w/2,h*0.42,Math.max(w,h)*0.6); vg.addColorStop(0,"rgba(255,255,255,0.03)"); vg.addColorStop(1,"rgba(0,0,0,0)"); ctx.fillStyle=vg; ctx.fillRect(0,0,w,h);
+    // backdrop: faint warm core light, cool fall-off — depth, not flat black
+    const bg=ctx.createRadialGradient(w/2,h*0.46,0,w/2,h*0.46,Math.max(w,h)*0.72);
+    bg.addColorStop(0,"rgba(255,176,96,0.05)"); bg.addColorStop(0.55,"rgba(16,18,22,0)"); bg.addColorStop(1,"rgba(6,7,9,0.55)");
+    ctx.fillStyle=bg; ctx.fillRect(0,0,w,h);
+    // gentle perpetual drift — alive without bouncing; used everywhere so nothing desyncs
+    const amp = reduced?0:2.4;
+    const P = nodes.map((n,i)=>({ x:n.x+((n.fixed||i===dragNode)?0:Math.sin(T*0.5+i*1.1)*amp), y:n.y+((n.fixed||i===dragNode)?0:Math.cos(T*0.42+i*1.7)*amp) }));
     ctx.save(); ctx.translate(cam.x,cam.y); ctx.scale(cam.k,cam.k);
-    // curved gradient edges
-    edges.forEach(([a,b]) => { const A=nodes[a],B=nodes[b]; const active=hover===-1||hover===a||hover===b;
-      let dx=B.x-A.x,dy=B.y-A.y,d=Math.hypot(dx,dy)||1; const off=d*0.12, mx=(A.x+B.x)/2+(-dy/d)*off, my=(A.y+B.y)/2+(dx/d)*off;
-      const al = hover===-1 ? "33" : (active ? "aa" : "10");
-      const g=ctx.createLinearGradient(A.x,A.y,B.x,B.y); g.addColorStop(0,A.color+al); g.addColorStop(1,B.color+al);
-      ctx.strokeStyle=g; ctx.lineWidth=(active&&hover!==-1?1.8:1)/cam.k; ctx.beginPath(); ctx.moveTo(A.x,A.y); ctx.quadraticCurveTo(mx,my,B.x,B.y); ctx.stroke(); });
-    // glowing nodes
-    nodes.forEach((n,i) => { const active=hover===-1||hover===i||neighbors[hover].has(i); ctx.globalAlpha=active?1:0.18;
-      const halo=ctx.createRadialGradient(n.x,n.y,0,n.x,n.y,n.r*2.6); halo.addColorStop(0,n.color+"bb"); halo.addColorStop(0.45,n.color+"33"); halo.addColorStop(1,n.color+"00");
-      ctx.fillStyle=halo; ctx.beginPath(); ctx.arc(n.x,n.y,n.r*2.6,0,Math.PI*2); ctx.fill();
-      ctx.fillStyle=n.color; ctx.shadowColor=n.color; ctx.shadowBlur=i===hover?22:9; ctx.beginPath(); ctx.arc(n.x,n.y,n.r,0,Math.PI*2); ctx.fill(); ctx.shadowBlur=0;
-      ctx.fillStyle="rgba(255,255,255,0.9)"; ctx.beginPath(); ctx.arc(n.x-n.r*0.28,n.y-n.r*0.28,n.r*0.26,0,Math.PI*2); ctx.fill(); });
+    // connections — thin, elegant; warm trunks, synapses, faint dendrites
+    edges.forEach(([a,b,kind]) => { const A=P[a],B=P[b]; const active=hover===-1||hover===a||hover===b||neighbors[hover].has(a)||neighbors[hover].has(b);
+      let dx=B.x-A.x,dy=B.y-A.y,d=Math.hypot(dx,dy)||1; const off=d*0.09, mx=(A.x+B.x)/2+(-dy/d)*off, my=(A.y+B.y)/2+(dx/d)*off;
+      if (kind==="trunk") { const al=hover===-1?0.4:(active?0.8:0.06); const g=ctx.createLinearGradient(A.x,A.y,B.x,B.y); g.addColorStop(0,rgba([255,150,80],al)); g.addColorStop(1,rgba(nodes[b].rgb,al*0.7)); ctx.strokeStyle=g; ctx.lineWidth=(active&&hover!==-1?2:1.1)/cam.k; }
+      else if (kind==="synapse") { const al=hover===-1?0.12:(active?0.42:0.03); const g=ctx.createLinearGradient(A.x,A.y,B.x,B.y); g.addColorStop(0,rgba(nodes[a].rgb,al)); g.addColorStop(1,rgba(nodes[b].rgb,al)); ctx.strokeStyle=g; ctx.lineWidth=0.9/cam.k; }
+      else { const al=hover===-1?0.16:(active?0.45:0.03); ctx.strokeStyle=rgba(nodes[a].rgb,al); ctx.lineWidth=0.8/cam.k; }
+      ctx.beginPath(); ctx.moveTo(A.x,A.y); ctx.quadraticCurveTo(mx,my,B.x,B.y); ctx.stroke(); });
+    // restrained, steady glow
+    ctx.globalCompositeOperation="lighter";
+    nodes.forEach((n,i) => { const active=hover===-1||hover===i||neighbors[hover].has(i); const k=active?1:0.1; const R=n.r*2.2;
+      const halo=ctx.createRadialGradient(P[i].x,P[i].y,0,P[i].x,P[i].y,R); halo.addColorStop(0,rgba(n.rgb,0.4*k)); halo.addColorStop(0.5,rgba(n.rgb,0.1*k)); halo.addColorStop(1,rgba(n.rgb,0));
+      ctx.fillStyle=halo; ctx.beginPath(); ctx.arc(P[i].x,P[i].y,R,0,Math.PI*2); ctx.fill(); });
+    ctx.globalCompositeOperation="source-over";
+    // refined cores — soft inner light + thin rim, no glossy bead
+    nodes.forEach((n,i) => { const active=hover===-1||hover===i||neighbors[hover].has(i); ctx.globalAlpha=active?1:0.22;
+      const x=P[i].x, y=P[i].y, r=n.r;
+      const cg=ctx.createRadialGradient(x-r*0.3,y-r*0.35,r*0.1,x,y,r); cg.addColorStop(0,rgba(lighten(n.rgb,45),1)); cg.addColorStop(1,rgba(n.rgb,1));
+      ctx.fillStyle=cg; ctx.beginPath(); ctx.arc(x,y,r,0,Math.PI*2); ctx.fill();
+      ctx.lineWidth=1/cam.k; ctx.strokeStyle=rgba(lighten(n.rgb,70),i===hover?0.9:0.4); ctx.stroke(); });
     ctx.globalAlpha=1; ctx.restore();
-    // labels in screen space (constant size, collision-free, biggest first)
-    ctx.font="600 12px "+FONT; ctx.textAlign="center"; const placed=[];
+    // labels — clean, tracking the drifted node; entities only on hover
+    ctx.textAlign="center"; const placed=[];
     nodes.map((_,i)=>i).sort((a,b)=>nodes[b].r-nodes[a].r).forEach(i => { const n=nodes[i];
       const active = hover===-1 || hover===i || neighbors[hover].has(i);
-      const force = i===hover || (hover!==-1 && neighbors[hover].has(i));
+      if (n.kind==="entity" && hover===-1) return;
       if (!active && hover!==-1) return;
-      const sx=W2Sx(n.x), sy=W2Sy(n.y), sr=n.r*cam.k, tw=ctx.measureText(n.t.topic).width;
+      const label = n.kind==="you" ? "you" : (n.kind==="topic" ? n.t.topic : n.label);
+      ctx.font = (n.kind==="you" ? "600 12.5px " : "500 11.5px ") + FONT;
+      const sx=W2Sx(P[i].x), sy=W2Sy(P[i].y), sr=n.r*cam.k, tw=ctx.measureText(label).width;
+      const force = i===hover || n.kind==="you" || (hover!==-1 && neighbors[hover].has(i));
       const rect={x:sx-tw/2-3,y:sy+sr+3,w:tw+6,h:15};
       const hit=placed.some(p=>!(rect.x+rect.w<p.x||rect.x>p.x+p.w||rect.y+rect.h<p.y||rect.y>p.y+p.h));
       if (hit && !force) return; placed.push(rect);
-      ctx.globalAlpha = hover===-1?0.92:(active?1:0.2); ctx.fillStyle=i===hover?"#FFFFFF":"#CFD2D8"; ctx.fillText(n.t.topic, sx, sy+sr+15);
+      ctx.globalAlpha = hover===-1?(n.kind==="you"?1:0.82):(active?1:0.2); ctx.fillStyle = (i===hover||n.kind==="you")?"#FFFFFF":"#C7CBD2"; ctx.fillText(label, sx, sy+sr+15);
     });
     ctx.globalAlpha=1;
   }
-  function loop() { if (gen!==mapGen) return; const e=tick(); frames++; draw(); if ((e<0.02 && frames>40) || frames>360) alive=false; if (alive) requestAnimationFrame(loop); }
-  if (reduced) { for (let s=0;s<200;s++) tick(); draw(); alive=false; } else requestAnimationFrame(loop);
-  function wake() { if (!alive && gen===mapGen) { alive=true; frames=320; requestAnimationFrame(loop); } }
+  let physicsSettled=false;
+  function loop(now) { if (gen!==mapGen) return;
+    if (!physicsSettled) { const e=tick(); frames++; if ((e<0.02 && frames>40) || frames>360) physicsSettled=true; }
+    draw(now);
+    if (!reduced || !physicsSettled) requestAnimationFrame(loop); else alive=false;  // keep firing once settled (paused automatically when the tab is hidden)
+  }
+  if (reduced) { for (let s=0;s<200;s++) tick(); physicsSettled=true; draw(performance.now()); alive=false; } else { alive=true; requestAnimationFrame(loop); }
+  function wake() { if (!alive && gen===mapGen) { alive=true; physicsSettled=false; frames=320; requestAnimationFrame(loop); } }
 
-  $("legend").innerHTML = cats.map(c => `<span><i style="color:${catColor(c)}"></i><span style="color:var(--dim)">${esc(c)}</span></span>`).join("");
+  $("legend").innerHTML = `<span><i style="color:#FF9637"></i><span style="color:var(--dim)">you</span></span><span><i style="color:#FFB454"></i><span style="color:var(--dim)">strongest</span></span><span><i style="color:#6EAAFF"></i><span style="color:var(--dim)">lighter</span></span><span><i style="color:#BCD4FF"></i><span style="color:var(--dim)">the specifics</span></span>`;
 
   const pop=$("nodePop");
   const nodeAt=(mx,my)=>{ const wx=S2Wx(mx),wy=S2Wy(my); for (let i=nodes.length-1;i>=0;i--) if (Math.hypot(wx-nodes[i].x,wy-nodes[i].y)<=nodes[i].r+8/cam.k) return i; return -1; };
   const rel=(e)=>{ const r=canvas.getBoundingClientRect(); return [e.clientX-r.left, e.clientY-r.top]; };
-  function showPop(n) { const p=nodes[n].t;
-    pop.innerHTML=`<div class="npt">${esc(p.topic)}</div><div class="npm">${esc(p.category)} · ${esc(p.dominant_intent)} · weight ${p.weight.toFixed(2)} · ${p.signals}×</div>${(p.entities||[]).length?`<div class="npe">${esc(p.entities.slice(0,4).join(", "))}</div>`:""}`;
-    pop.style.left=Math.min(W2Sx(nodes[n].x)+14,w-250)+"px"; pop.style.top=(W2Sy(nodes[n].y)+14)+"px"; pop.classList.add("show"); }
+  function showPop(n) { const nd=nodes[n];
+    if (nd.kind==="topic") { const p=nd.t;
+      pop.innerHTML=`<div class="npt">${esc(p.topic)}</div><div class="npm">${esc(p.category)} · ${esc(p.dominant_intent)} · weight ${p.weight.toFixed(2)} · ${p.signals}×</div>${(p.entities||[]).length?`<div class="npe">${esc(p.entities.slice(0,4).join(", "))}</div>`:""}`;
+    } else if (nd.kind==="entity") { pop.innerHTML=`<div class="npt">${esc(nd.label)}</div><div class="npm">a specific within ${esc((nodes[nd.parent].t||{}).topic||"this interest")}</div>`;
+    } else { pop.innerHTML=`<div class="npt">you</div><div class="npm">${interests.length} interests · ${leaves.length} specifics, sized by strength</div>`; }
+    pop.style.left=Math.min(W2Sx(nd.x)+14,w-250)+"px"; pop.style.top=(W2Sy(nd.y)+14)+"px"; pop.classList.add("show"); }
 
   // Pointer events unify mouse + touch + pen; a second pointer drives pinch-zoom, a tap inspects.
   const pts=new Map();
@@ -617,6 +726,62 @@ function switchView(v) {
 $("vGraph").onclick = () => switchView("map");
 $("vList").onclick = () => switchView("list");
 
+/* ── engine onboarding (local-first: Ollama one-click, key optional) ── */
+function renderOnboard(engine, profile) {
+  const el = $("onboard");
+  // Show only when there's no engine at all and no portrait yet — once either
+  // exists the normal dashboard (and the Re-synthesize button) take over.
+  const ready = engine && (engine.hasKey || (engine.ollama && engine.ollama.hasModel));
+  if (DEMO || !engine || ready || profile) { el.style.display = "none"; el.innerHTML = ""; return; }
+  el.style.display = "";
+  const oll = engine.ollama || { reachable:false };
+  const local = oll.reachable
+    ? `<button class="btn" id="obPull">Set up local AI — download model (~2GB)</button>
+       <div class="sub" style="margin-top:6px">Runs entirely on your machine. Free. Nothing leaves your computer.</div>
+       <div id="obProg" style="display:none"><div class="ob-bar"><div class="ob-fill" id="obFill"></div></div><div class="sub" id="obStat" style="margin-top:6px"></div></div>`
+    : `<a class="btn" href="https://ollama.com/download" target="_blank" rel="noopener">Install Ollama — local &amp; free <span class="arr">↗</span></a>
+       <div class="sub" style="margin-top:6px">One install and your data stays on this machine. <button class="link-btn" id="obRecheck">Recheck</button> once it's running.</div>`;
+  el.innerHTML = `<div class="card ob-card">
+    <div class="claim-title">Set up your AI engine to see your portrait</div>
+    <div class="sub" style="margin:4px 0 14px">Persnally needs a model to read your history and write your self-portrait. Choose local (private, free) — or bring your own key.</div>
+    <div style="display:flex;flex-direction:column;gap:2px;max-width:540px">${local}</div>
+    <div class="ob-or">— or use your own Anthropic key —</div>
+    <div class="ob-row"><input id="obKey" type="password" placeholder="sk-ant-…" autocomplete="off" spellcheck="false"><button class="btn ghost" id="obSaveKey">Save &amp; use</button></div>
+    <div class="sub" id="obKeyMsg" style="margin-top:6px"></div>
+    <div class="sub" style="margin-top:14px">No model yet? You can still import code offline — <code>persnallyd import git &lt;path&gt;</code> (no AI needed).</div>
+  </div>`;
+  if (oll.reachable) $("obPull").onclick = () => startPull(engine.recommended);
+  else $("obRecheck").onclick = () => loadAll();
+  $("obSaveKey").onclick = saveKey;
+  $("obKey").addEventListener("keydown", (e) => { if (e.key === "Enter") saveKey(); });
+}
+
+async function startPull(model) {
+  $("obProg").style.display = ""; $("obPull").disabled = true;
+  $("obStat").textContent = "Starting…";
+  const r = await fetch("/engine/pull", { method:"POST", headers:{ "content-type":"application/json" }, body: JSON.stringify({ model }) });
+  if (!r.ok) { const e = await r.json().catch(()=>({})); $("obStat").textContent = e.error || ("Couldn't start (" + r.status + ")"); $("obPull").disabled=false; return; }
+  (async function poll() {
+    const p = await get("/engine/pull");
+    if (!p) return void setTimeout(poll, 1500);
+    $("obFill").style.width = (p.percent||0) + "%";
+    if (p.state === "pulling") { $("obStat").textContent = (p.status||"downloading") + " · " + (p.percent||0) + "%"; return void setTimeout(poll, 1500); }
+    if (p.state === "error") { $("obStat").textContent = "Failed: " + (p.error||"unknown"); $("obPull").disabled=false; return; }
+    if (p.state === "done") { $("obStat").textContent = "Model ready — writing your portrait…"; await fetch("/synthesize", { method:"POST" }); return void loadAll(); }
+    setTimeout(poll, 1500);
+  })();
+}
+
+async function saveKey() {
+  const key = $("obKey").value.trim();
+  if (!key.startsWith("sk-ant-")) { $("obKeyMsg").textContent = "Enter a key starting with sk-ant-"; return; }
+  $("obSaveKey").disabled = true; $("obKeyMsg").textContent = "Saving…";
+  const r = await fetch("/engine/key", { method:"POST", headers:{ "content-type":"application/json" }, body: JSON.stringify({ key }) });
+  if (!r.ok) { const e = await r.json().catch(()=>({})); $("obKeyMsg").textContent = e.error || ("Failed (" + r.status + ")"); $("obSaveKey").disabled=false; return; }
+  $("obKeyMsg").textContent = "Saved — writing your portrait…";
+  await fetch("/synthesize", { method:"POST" }); loadAll();
+}
+
 /* ── load ── */
 async function loadAll() {
   let stats, profile, topics, reads, assertions, voice, activity;
@@ -631,6 +796,7 @@ async function loadAll() {
     ({ stats, profile, topics, reads, assertions, voice, activity } = DEMO_DATA());
   }
   topics = topics||[]; reads = reads||[]; assertions = assertions||[];
+  const engine = DEMO ? null : await get("/engine");
   const st = $("status");
   st.querySelector(".dot").classList.toggle("off", DEMO);
   st.querySelector(".lbl").textContent = DEMO ? "preview" : "active";
@@ -639,19 +805,22 @@ async function loadAll() {
   renderDelta(topics, reads, assertions);
   renderScaleBeat(stats);
   renderPortrait(profile);
+  renderOnboard(engine, profile);
   renderVoice(voice);
   renderTopicList(topics);
   renderMap(topics);
   renderReads(reads, total);
   renderEngage(activity);
   renderReflections(assertions);
+  setCardData(profile, topics, voice, stats);
   saveSnapshot(topics);
 }
 
 $("synthesize").onclick = async () => {
   const b = $("synthesize"); if (DEMO) return alert("Preview mode — start persnallyd to synthesize for real.");
   b.disabled = true; b.textContent = "Synthesizing…";
-  const r = await fetch("/synthesize", { method:"POST" }); if (!r.ok) alert("Synthesis failed — check the daemon log.");
+  const r = await fetch("/synthesize", { method:"POST" });
+  if (!r.ok) { const e = await r.json().catch(()=>({})); alert(e.error || "Synthesis failed — check the daemon log."); }
   b.disabled = false; b.textContent = "Re-synthesize"; loadAll();
 };
 $("reflect").onclick = async () => {
@@ -667,6 +836,146 @@ setInterval(async () => {
   if (activity) renderEngage(activity);
 }, 25000);
 
+/* ── shareable portrait card (drawn locally on a canvas; nothing uploaded) ── */
+let CARD = null;
+const CARD_W = 1080, CARD_H = 1350;
+function rrect(ctx, x, y, w, h, r) {
+  ctx.beginPath(); ctx.moveTo(x+r,y); ctx.arcTo(x+w,y,x+w,y+h,r); ctx.arcTo(x+w,y+h,x,y+h,r);
+  ctx.arcTo(x,y+h,x,y,r); ctx.arcTo(x,y,x+w,y,r); ctx.closePath();
+}
+function wrapLines(ctx, text, maxW) {
+  const out = []; let line = "";
+  for (const word of String(text).split(/\s+/)) {
+    const test = line ? line + " " + word : word;
+    if (ctx.measureText(test).width > maxW && line) { out.push(line); line = word; } else line = test;
+  }
+  if (line) out.push(line); return out;
+}
+function condenseVoice(voice) {
+  if (!voice || !voice.items) return [];
+  const picks = voice.items.filter((it) => ["voice","format","emphasis"].includes(it.dimension))
+    .sort((a,b) => (b.confidence||0) - (a.confidence||0))
+    .map((it) => it.pattern.split("—")[0].split(";")[0].split("(")[0].trim());
+  return [...new Set(picks)].slice(0, 4);
+}
+function setCardData(profile, topics, voice, stats) {
+  const s = stats || {};
+  CARD = {
+    headline: (profile && profile.headline) || "A portrait in progress.",
+    interests: (topics||[]).slice(0,6).map((t) => ({ label: t.topic, color: catColor(t.category) })),
+    voice: condenseVoice(voice),
+    signals: s.total || 0,
+    days: s.first ? Math.max(1, Math.round((new Date(s.last||Date.now()) - new Date(s.first)) / 86400000)) : 0,
+  };
+}
+function buildCard(canvas, opts) {
+  const c = CARD || { headline:"", interests:[], voice:[], signals:0, days:0 };
+  const dpr = 2, W = CARD_W, H = CARD_H, PAD = 84;
+  canvas.width = W*dpr; canvas.height = H*dpr; canvas.style.aspectRatio = (W/H).toFixed(4);
+  const ctx = canvas.getContext("2d"); ctx.setTransform(dpr,0,0,dpr,0,0);
+  ctx.textBaseline = "alphabetic"; ctx.textAlign = "left";
+  ctx.fillStyle = "#0B0C0E"; ctx.fillRect(0,0,W,H);
+  // ambient glows tinted by the user's own interest colors — on-brand, "looks good on camera"
+  const cols = c.interests.map((i) => i.color);
+  [[W*0.20,H*0.15,cols[0]||"#5EC8FF"],[W*0.86,H*0.30,cols[1]||"#FFB454"],[W*0.5,H*0.95,cols[2]||"#B388FF"]]
+    .forEach(([x,y,col]) => { const g=ctx.createRadialGradient(x,y,0,x,y,W*0.55); g.addColorStop(0,col+"26"); g.addColorStop(1,col+"00"); ctx.fillStyle=g; ctx.fillRect(0,0,W,H); });
+  ctx.strokeStyle = "rgba(255,255,255,0.10)"; ctx.lineWidth = 2; rrect(ctx,28,28,W-56,H-56,20); ctx.stroke();
+
+  let y = PAD + 6;
+  ctx.fillStyle = "#F1F2F4"; ctx.font = "600 30px "+FONT; ctx.fillText("persnally", PAD, y);
+  ctx.fillStyle = "#35D07F"; ctx.beginPath(); ctx.arc(PAD + ctx.measureText("persnally").width + 15, y-9, 5, 0, Math.PI*2); ctx.fill();
+  ctx.textAlign = "right"; ctx.fillStyle = "#9A9DA5"; ctx.font = "500 22px "+FONT; ctx.fillText("a portrait of me", W-PAD, y); ctx.textAlign = "left";
+  y += 50;
+
+  if (opts.head && c.headline) {
+    let fs = 54, lines;
+    do { ctx.font = "700 "+fs+"px "+FONT; lines = wrapLines(ctx, c.headline, W-PAD*2); fs -= 3; } while (lines.length > 4 && fs > 30);
+    fs += 3; ctx.font = "700 "+fs+"px "+FONT; ctx.fillStyle = "#FFFFFF";
+    const lh = fs*1.18;
+    for (const ln of lines.slice(0,4)) { y += lh; ctx.fillText(ln, PAD, y); }
+    y += 24;
+  }
+
+  if (opts.int && c.interests.length) {
+    y += 30; ctx.fillStyle = "#9A9DA5"; ctx.font = "600 19px "+FONT; ctx.fillText("WHAT I'M INTO", PAD, y); y += 36;
+    let x = PAD; const ch = 52, gap = 13; ctx.font = "600 24px "+FONT;
+    for (const it of c.interests) {
+      const cw = ctx.measureText(it.label).width + 50;
+      if (x + cw > W-PAD) { x = PAD; y += ch + gap; }
+      ctx.fillStyle = it.color+"22"; ctx.strokeStyle = it.color+"99"; ctx.lineWidth = 1.5; rrect(ctx,x,y,cw,ch,ch/2); ctx.fill(); ctx.stroke();
+      ctx.fillStyle = it.color; ctx.beginPath(); ctx.arc(x+22, y+ch/2, 5, 0, Math.PI*2); ctx.fill();
+      ctx.fillStyle = "#F1F2F4"; ctx.fillText(it.label, x+38, y+ch/2+8);
+      x += cw + gap;
+    }
+    y += ch + 26;
+  }
+
+  if (opts.voice && c.voice.length) {
+    y += 24; ctx.fillStyle = "#9A9DA5"; ctx.font = "600 19px "+FONT; ctx.fillText("HOW I WRITE", PAD, y); y += 38;
+    ctx.fillStyle = "#C7CACF"; ctx.font = "400 26px "+FONT;
+    for (const ln of wrapLines(ctx, c.voice.join("   ·   "), W-PAD*2).slice(0,2)) { ctx.fillText(ln, PAD, y); y += 38; }
+  }
+
+  // constellation — the brand's signature visual, drawn from the same interest colors;
+  // fills the lower band so the card reads full in every toggle state.
+  if (c.interests.length >= 2) {
+    const bandTop = y + 30, bandBottom = H - PAD - 104;
+    if (bandBottom - bandTop > 130) {
+      const cxb = W/2, cyb = (bandTop + bandBottom) / 2;
+      const spread = Math.min(W - PAD*2, bandBottom - bandTop) * 0.46;
+      const ns = c.interests.map((it, i) => {
+        const a = i * 2.39996323, rad = spread * Math.sqrt((i + 0.5) / c.interests.length);
+        return { x: cxb + Math.cos(a)*rad, y: cyb + Math.sin(a)*rad*0.62, r: 30 - i*3.2, color: it.color };
+      });
+      for (let i = 0; i < ns.length; i++) for (let j = i+1; j < ns.length; j++) {
+        const A = ns[i], B = ns[j], d = Math.hypot(A.x-B.x, A.y-B.y);
+        if (d > spread*1.05) continue;
+        const g = ctx.createLinearGradient(A.x,A.y,B.x,B.y); g.addColorStop(0,A.color+"40"); g.addColorStop(1,B.color+"40");
+        const off = d*0.14, mx = (A.x+B.x)/2 + (-(B.y-A.y)/d)*off, my = (A.y+B.y)/2 + ((B.x-A.x)/d)*off;
+        ctx.strokeStyle = g; ctx.lineWidth = 1.5; ctx.beginPath(); ctx.moveTo(A.x,A.y); ctx.quadraticCurveTo(mx,my,B.x,B.y); ctx.stroke();
+      }
+      for (const n of ns) {
+        const halo = ctx.createRadialGradient(n.x,n.y,0,n.x,n.y,n.r*2.8);
+        halo.addColorStop(0,n.color+"cc"); halo.addColorStop(0.45,n.color+"33"); halo.addColorStop(1,n.color+"00");
+        ctx.fillStyle = halo; ctx.beginPath(); ctx.arc(n.x,n.y,n.r*2.8,0,Math.PI*2); ctx.fill();
+        ctx.fillStyle = n.color; ctx.beginPath(); ctx.arc(n.x,n.y,n.r,0,Math.PI*2); ctx.fill();
+        ctx.fillStyle = "rgba(255,255,255,0.9)"; ctx.beginPath(); ctx.arc(n.x-n.r*0.3, n.y-n.r*0.3, n.r*0.28, 0, Math.PI*2); ctx.fill();
+      }
+    }
+  }
+
+  if (opts.stats) {
+    const parts = [];
+    if (c.signals) parts.push(fmtN(c.signals)+" signals");
+    if (c.days) parts.push(fmtN(c.days)+" days");
+    parts.push("100% on my machine");
+    ctx.fillStyle = "#62656D"; ctx.font = "500 22px "+FONT; ctx.fillText(parts.join("   ·   "), PAD, H-PAD-58);
+  }
+  ctx.fillStyle = "#9A9DA5"; ctx.font = "500 22px "+FONT; ctx.fillText("made with persnally — your own context engine", PAD, H-PAD);
+  ctx.textAlign = "right"; ctx.fillStyle = "#62656D"; ctx.fillText("persnally.com", W-PAD, H-PAD); ctx.textAlign = "left";
+}
+const _modal = $("shareModal");
+function renderCard() { buildCard($("cardCanvas"), { head:$("tHead").checked, int:$("tInt").checked, voice:$("tVoice").checked, stats:$("tStats").checked }); }
+function openShare() { renderCard(); _modal.classList.add("open"); _modal.setAttribute("aria-hidden","false"); }
+function closeShare() { _modal.classList.remove("open"); _modal.setAttribute("aria-hidden","true"); }
+$("shareBtn").onclick = openShare;
+$("shareClose").onclick = closeShare;
+_modal.addEventListener("click", (e) => { if (e.target === _modal) closeShare(); });
+["tHead","tInt","tVoice","tStats"].forEach((id) => $(id).addEventListener("change", renderCard));
+addEventListener("keydown", (e) => { if (e.key === "Escape" && _modal.classList.contains("open")) closeShare(); });
+$("cardDownload").onclick = () => $("cardCanvas").toBlob((b) => {
+  if (!b) return; const u = URL.createObjectURL(b), a = document.createElement("a");
+  a.href = u; a.download = "persnally-portrait.png"; a.click(); setTimeout(() => URL.revokeObjectURL(u), 1000);
+}, "image/png");
+$("cardCopy").onclick = async () => {
+  const btn = $("cardCopy");
+  try {
+    const b = await new Promise((r) => $("cardCanvas").toBlob(r, "image/png"));
+    await navigator.clipboard.write([new ClipboardItem({ "image/png": b })]);
+    btn.textContent = "Copied ✓"; setTimeout(() => btn.textContent = "Copy image", 1600);
+  } catch { btn.textContent = "Copy unsupported — Download"; setTimeout(() => btn.textContent = "Copy image", 2400); }
+};
+
 loadAll();
 
 /* ── demo data ── */
@@ -679,7 +988,7 @@ function DEMO_DATA() {
   const now = Date.now(), iso = (d)=>new Date(now-d).toISOString();
   return {
     stats: { total:4127, byType:{ "signal.topic":312, "signal.assertion":14, "context.read":1247 }, bySource:{ "git:persnallyd":58 }, first:iso(86400000*214), last:iso(3600000*2) },
-    profile: { headline:"A refactor-first systems thinker who ships hardest under a deadline.", model:"fable-5", generated_at:iso(3600000*5).slice(0,10),
+    profile: { headline:"A refactor-first systems thinker who ships hardest under a deadline.", model:"opus-4-8", generated_at:iso(3600000*5).slice(0,10),
       sections:[
         { title:"How you work", body:"You build in tight, evidence-driven loops — prototype, measure, delete. You reach for SQLite and local-first architectures before reaching for a cloud, and you distrust abstractions you can't audit. Your commits are small and frequent, and you keep a working build at every step rather than big-bang merges.", evidence_event_ids:["e1","e2","e3","e4"] },
         { title:"How you decide", body:"You kill ideas fast and out loud. You actively seek the case against your own plans, and you change course when the evidence turns — rare for someone who generates this many ideas. You ask for the falsification first.", evidence_event_ids:["e5","e6","e7"] },

package/build/src/llm.d.ts

@@ -1,7 +1,6 @@
 /**
  * Structured extraction shared by importers and profile synthesis.
- * Uses output_config structured outputs (works on every current model,
- * including Fable 5 where forced tool_choice is not supported).
+ * Uses output_config structured outputs (broadly supported; no forced tool_choice).
  */
 import { z } from "zod";
 export declare const DEFAULT_EXTRACT_MODEL: string;
@@ -15,6 +14,14 @@ export type LlmExtract = (opts: {
 }) => Promise<unknown>;
 /** Default extractor backed by the Anthropic API; injectable for tests. */
 export declare const anthropicExtract: LlmExtract;
+export declare const RECOMMENDED_LOCAL_MODEL = "llama3.2";
+/** Installed Ollama models, or null if Ollama isn't reachable (not installed / not running). */
+export declare function ollamaTags(): Promise<string[] | null>;
+/** Streams an `ollama pull`, reporting download progress (0–100). Throws on failure. */
+export declare function pullOllamaModel(model: string, onProgress: (p: {
+    status: string;
+    percent: number;
+}) => void): Promise<void>;
 export declare const ollamaExtract: LlmExtract;
 export interface ChosenExtractor {
     extract: LlmExtract;

package/build/src/llm.js

@@ -1,13 +1,12 @@
 /**
  * Structured extraction shared by importers and profile synthesis.
- * Uses output_config structured outputs (works on every current model,
- * including Fable 5 where forced tool_choice is not supported).
+ * Uses output_config structured outputs (broadly supported; no forced tool_choice).
  */
 import Anthropic from "@anthropic-ai/sdk";
 import { zodOutputFormat } from "@anthropic-ai/sdk/helpers/zod";
 import { z } from "zod";
 export const DEFAULT_EXTRACT_MODEL = process.env.PERSNALLY_MODEL ?? "claude-haiku-4-5";
-export const DEFAULT_PROFILE_MODEL = process.env.PERSNALLY_PROFILE_MODEL ?? "claude-fable-5";
+export const DEFAULT_PROFILE_MODEL = process.env.PERSNALLY_PROFILE_MODEL ?? "claude-opus-4-8";
 /** Default extractor backed by the Anthropic API; injectable for tests. */
 export const anthropicExtract = async ({ model, instruction, schema, content, maxTokens }) => {
     const client = new Anthropic();
@@ -29,6 +28,56 @@ export const anthropicExtract = async ({ model, instruction, schema, content, ma
 // ── Local extraction via Ollama: zero key, zero cloud ───────
 const OLLAMA_URL = process.env.PERSNALLY_OLLAMA_URL ?? "http://127.0.0.1:11434";
 const LOCAL_MODEL_PREFERENCE = ["qwen2.5:14b", "qwen2.5:7b", "llama3.1:8b", "llama3.2", "qwen2.5:1.5b"];
+// Smallest model that still yields a usable profile — the one-click local default.
+// (~2GB; bigger models in LOCAL_MODEL_PREFERENCE win automatically once present.)
+export const RECOMMENDED_LOCAL_MODEL = "llama3.2";
+/** Installed Ollama models, or null if Ollama isn't reachable (not installed / not running). */
+export async function ollamaTags() {
+    try {
+        const r = await fetch(`${OLLAMA_URL}/api/tags`, { signal: AbortSignal.timeout(1500) });
+        if (!r.ok)
+            return null;
+        return (await r.json()).models?.map((m) => m.name) ?? [];
+    }
+    catch {
+        return null;
+    }
+}
+/** Streams an `ollama pull`, reporting download progress (0–100). Throws on failure. */
+export async function pullOllamaModel(model, onProgress) {
+    const r = await fetch(`${OLLAMA_URL}/api/pull`, {
+        method: "POST",
+        body: JSON.stringify({ name: model, stream: true }),
+    });
+    if (!r.ok || !r.body)
+        throw new Error(`ollama pull: ${r.status} ${(await r.text().catch(() => "")).slice(0, 200)}`);
+    const reader = r.body.getReader();
+    const decoder = new TextDecoder();
+    let buf = "";
+    for (;;) {
+        const { done, value } = await reader.read();
+        if (done)
+            break;
+        buf += decoder.decode(value, { stream: true });
+        const lines = buf.split("\n");
+        buf = lines.pop() ?? ""; // keep the partial last line for the next chunk
+        for (const line of lines) {
+            if (!line.trim())
+                continue;
+            let obj;
+            try {
+                obj = JSON.parse(line);
+            }
+            catch {
+                continue;
+            }
+            if (obj.error)
+                throw new Error(`ollama pull: ${obj.error}`);
+            const percent = obj.total ? Math.round(((obj.completed ?? 0) / obj.total) * 100) : 0;
+            onProgress({ status: obj.status ?? "", percent });
+        }
+    }
+}
 export const ollamaExtract = async ({ model, instruction, schema, content }) => {
     const r = await fetch(`${OLLAMA_URL}/api/chat`, {
         method: "POST",
@@ -50,14 +99,10 @@ export const ollamaExtract = async ({ model, instruction, schema, content }) =>
 async function localModel() {
     if (process.env.PERSNALLY_LOCAL_MODEL)
         return process.env.PERSNALLY_LOCAL_MODEL;
-    try {
-        const r = await fetch(`${OLLAMA_URL}/api/tags`, { signal: AbortSignal.timeout(1500) });
-        const tags = (await r.json()).models?.map((m) => m.name) ?? [];
-        return LOCAL_MODEL_PREFERENCE.find((p) => tags.some((t) => t === p || t === `${p}:latest`)) ?? tags[0] ?? null;
-    }
-    catch {
+    const tags = await ollamaTags();
+    if (!tags)
         return null;
-    }
+    return LOCAL_MODEL_PREFERENCE.find((p) => tags.some((t) => t === p || t === `${p}:latest`)) ?? tags[0] ?? null;
 }
 /** Anthropic key wins (quality); otherwise local Ollama (privacy, zero setup); otherwise guide the user. */
 export async function chooseExtractor(purpose = "extract") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "persnally",
-  "version": "2.5.3",
+  "version": "2.6.1",
   "license": "FSL-1.1-MIT",
   "description": "Your own context engine — local-first, across every AI. So every AI finally knows you.",
   "type": "module",