npm - heyiam - Versions diffs - 0.2.29 → 0.3.1 - Mend

heyiam 0.2.29 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

package/README.md +45 -0
package/dist/auth.js +29 -3
package/dist/config.js +10 -1
package/dist/db.js +0 -1
package/dist/export.js +124 -27
package/dist/format-utils.js +5 -0
package/dist/github.js +381 -0
package/dist/index.js +168 -0
package/dist/mount.js +300 -102
package/dist/parsers/claude.js +2 -28
package/dist/parsers/codex.js +2 -26
package/dist/parsers/cursor.js +2 -26
package/dist/parsers/duration.js +35 -0
package/dist/parsers/gemini.js +2 -20
package/dist/parsers/index.js +22 -3
package/dist/parsers/types.js +0 -1
package/dist/public/assets/index-Coilyhtr.css +1 -0
package/dist/public/assets/index-D0noVMFu.js +44 -0
package/dist/public/index.html +2 -2
package/dist/redact.js +4 -104
package/dist/render/build-render-data.js +9 -2
package/dist/render/index.js +32 -5
package/dist/render/liquid.js +147 -7
package/dist/render/mock-data.js +303 -0
package/dist/render/templates/aurora/portfolio.liquid +192 -0
package/dist/render/templates/aurora/project.liquid +260 -0
package/dist/render/templates/aurora/session.liquid +223 -0
package/dist/render/templates/aurora/styles.css +1184 -0
package/dist/render/templates/bauhaus/portfolio.liquid +169 -0
package/dist/render/templates/bauhaus/project.liquid +300 -0
package/dist/render/templates/bauhaus/session.liquid +333 -0
package/dist/render/templates/bauhaus/styles.css +1645 -0
package/dist/render/templates/blueprint/portfolio.liquid +153 -0
package/dist/render/templates/blueprint/project.liquid +286 -0
package/dist/render/templates/blueprint/session.liquid +248 -0
package/dist/render/templates/blueprint/styles.css +1289 -0
package/dist/render/templates/canvas/portfolio.liquid +203 -0
package/dist/render/templates/canvas/project.liquid +235 -0
package/dist/render/templates/canvas/session.liquid +223 -0
package/dist/render/templates/canvas/styles.css +1440 -0
package/dist/render/templates/carbon/portfolio.liquid +160 -0
package/dist/render/templates/carbon/project.liquid +249 -0
package/dist/render/templates/carbon/session.liquid +190 -0
package/dist/render/templates/carbon/styles.css +1097 -0
package/dist/render/templates/chalk/portfolio.liquid +189 -0
package/dist/render/templates/chalk/project.liquid +245 -0
package/dist/render/templates/chalk/session.liquid +215 -0
package/dist/render/templates/chalk/styles.css +1161 -0
package/dist/render/templates/circuit/portfolio.liquid +152 -0
package/dist/render/templates/circuit/project.liquid +247 -0
package/dist/render/templates/circuit/session.liquid +205 -0
package/dist/render/templates/circuit/styles.css +1409 -0
package/dist/render/templates/cosmos/portfolio.liquid +222 -0
package/dist/render/templates/cosmos/project.liquid +327 -0
package/dist/render/templates/cosmos/session.liquid +239 -0
package/dist/render/templates/cosmos/styles.css +1157 -0
package/dist/render/templates/daylight/portfolio.liquid +207 -0
package/dist/render/templates/daylight/project.liquid +229 -0
package/dist/render/templates/daylight/session.liquid +219 -0
package/dist/render/templates/daylight/styles.css +1315 -0
package/dist/render/templates/editorial/portfolio.liquid +110 -0
package/dist/render/templates/editorial/project.liquid +202 -0
package/dist/render/templates/editorial/session.liquid +171 -0
package/dist/render/templates/editorial/styles.css +826 -0
package/dist/render/templates/ember/portfolio.liquid +306 -0
package/dist/render/templates/ember/project.liquid +232 -0
package/dist/render/templates/ember/session.liquid +202 -0
package/dist/render/templates/ember/styles.css +1289 -0
package/dist/render/templates/glacier/portfolio.liquid +261 -0
package/dist/render/templates/glacier/project.liquid +288 -0
package/dist/render/templates/glacier/session.liquid +217 -0
package/dist/render/templates/glacier/styles.css +1204 -0
package/dist/render/templates/grid/portfolio.liquid +255 -0
package/dist/render/templates/grid/project.liquid +306 -0
package/dist/render/templates/grid/session.liquid +260 -0
package/dist/render/templates/grid/styles.css +1445 -0
package/dist/render/templates/kinetic/portfolio.liquid +158 -0
package/dist/render/templates/kinetic/project.liquid +242 -0
package/dist/render/templates/kinetic/session.liquid +228 -0
package/dist/render/templates/kinetic/styles.css +948 -0
package/dist/render/templates/meridian/portfolio.liquid +243 -0
package/dist/render/templates/meridian/project.liquid +376 -0
package/dist/render/templates/meridian/session.liquid +298 -0
package/dist/render/templates/meridian/styles.css +1375 -0
package/dist/render/templates/minimal/portfolio.liquid +71 -0
package/dist/render/templates/minimal/project.liquid +154 -0
package/dist/render/templates/minimal/session.liquid +140 -0
package/dist/render/templates/minimal/styles.css +529 -0
package/dist/render/templates/mono/portfolio.liquid +281 -0
package/dist/render/templates/mono/project.liquid +275 -0
package/dist/render/templates/mono/session.liquid +276 -0
package/dist/render/templates/mono/styles.css +1022 -0
package/dist/render/templates/neon/portfolio.liquid +207 -0
package/dist/render/templates/neon/project.liquid +225 -0
package/dist/render/templates/neon/session.liquid +195 -0
package/dist/render/templates/neon/styles.css +1271 -0
package/dist/render/templates/noir/portfolio.liquid +137 -0
package/dist/render/templates/noir/project.liquid +220 -0
package/dist/render/templates/noir/session.liquid +241 -0
package/dist/render/templates/noir/styles.css +1229 -0
package/dist/render/templates/obsidian/portfolio.liquid +247 -0
package/dist/render/templates/obsidian/project.liquid +280 -0
package/dist/render/templates/obsidian/session.liquid +241 -0
package/dist/render/templates/obsidian/styles.css +1407 -0
package/dist/render/templates/paper/portfolio.liquid +257 -0
package/dist/render/templates/paper/project.liquid +235 -0
package/dist/render/templates/paper/session.liquid +271 -0
package/dist/render/templates/paper/styles.css +1513 -0
package/dist/render/templates/parallax/portfolio.liquid +295 -0
package/dist/render/templates/parallax/project.liquid +275 -0
package/dist/render/templates/parallax/session.liquid +295 -0
package/dist/render/templates/parallax/styles.css +1880 -0
package/dist/render/templates/parchment/portfolio.liquid +280 -0
package/dist/render/templates/parchment/project.liquid +289 -0
package/dist/render/templates/parchment/session.liquid +346 -0
package/dist/render/templates/parchment/styles.css +1401 -0
package/dist/render/templates/partials/_beats.liquid +16 -0
package/dist/render/templates/partials/_breadcrumb.liquid +9 -0
package/dist/render/templates/partials/_footer.liquid +7 -0
package/dist/render/templates/partials/_growth-chart.liquid +7 -0
package/dist/render/templates/partials/_key-decisions.liquid +20 -0
package/dist/render/templates/partials/_links.liquid +16 -0
package/dist/render/templates/partials/_narrative.liquid +8 -0
package/dist/render/templates/partials/_phases.liquid +20 -0
package/dist/render/templates/partials/_portfolio-header.liquid +20 -0
package/dist/render/templates/partials/_portfolio-projects.liquid +16 -0
package/dist/render/templates/partials/_portfolio-stats.liquid +19 -0
package/dist/render/templates/partials/_qa.liquid +13 -0
package/dist/render/templates/partials/_screenshot.liquid +15 -0
package/dist/render/templates/partials/_session-cards.liquid +30 -0
package/dist/render/templates/partials/_session-header.liquid +39 -0
package/dist/render/templates/partials/_session-sidebar.liquid +30 -0
package/dist/render/templates/partials/_skills.liquid +12 -0
package/dist/render/templates/partials/_source-breakdown.liquid +22 -0
package/dist/render/templates/partials/_stats.liquid +38 -0
package/dist/render/templates/partials/_work-timeline.liquid +7 -0
package/dist/render/templates/project.liquid +7 -4
package/dist/render/templates/radar/portfolio.liquid +223 -0
package/dist/render/templates/radar/project.liquid +278 -0
package/dist/render/templates/radar/session.liquid +300 -0
package/dist/render/templates/radar/styles.css +1055 -0
package/dist/render/templates/showcase/portfolio.liquid +221 -0
package/dist/render/templates/showcase/project.liquid +237 -0
package/dist/render/templates/showcase/session.liquid +210 -0
package/dist/render/templates/showcase/styles.css +1284 -0
package/dist/render/templates/signal/portfolio.liquid +217 -0
package/dist/render/templates/signal/project.liquid +278 -0
package/dist/render/templates/signal/session.liquid +282 -0
package/dist/render/templates/signal/styles.css +1401 -0
package/dist/render/templates/strata/portfolio.liquid +180 -0
package/dist/render/templates/strata/project.liquid +282 -0
package/dist/render/templates/strata/session.liquid +261 -0
package/dist/render/templates/strata/styles.css +1354 -0
package/dist/render/templates/styles.css +1190 -0
package/dist/render/templates/terminal/portfolio.liquid +102 -0
package/dist/render/templates/terminal/project.liquid +161 -0
package/dist/render/templates/terminal/session.liquid +145 -0
package/dist/render/templates/terminal/styles.css +497 -0
package/dist/render/templates/verdant/portfolio.liquid +321 -0
package/dist/render/templates/verdant/project.liquid +309 -0
package/dist/render/templates/verdant/session.liquid +237 -0
package/dist/render/templates/verdant/styles.css +1261 -0
package/dist/render/templates/zen/portfolio.liquid +124 -0
package/dist/render/templates/zen/project.liquid +187 -0
package/dist/render/templates/zen/session.liquid +203 -0
package/dist/render/templates/zen/styles.css +1211 -0
package/dist/render/templates.js +90 -0
package/dist/routes/auth.js +7 -3
package/dist/routes/context.js +17 -10
package/dist/routes/delete.js +195 -0
package/dist/routes/enhance.js +57 -40
package/dist/routes/export.js +14 -4
package/dist/routes/github.js +254 -0
package/dist/routes/index.js +2 -0
package/dist/routes/portfolio-render-data.js +160 -0
package/dist/routes/preview.js +555 -108
package/dist/routes/projects.js +61 -24
package/dist/routes/publish.js +320 -31
package/dist/routes/settings.js +194 -1
package/dist/routes/sse.js +9 -0
package/dist/search.js +6 -0
package/dist/server.js +11 -3
package/dist/settings.js +112 -9
package/package.json +3 -4
package/dist/public/assets/index-CC9G8EF1.js +0 -21
package/dist/public/assets/index-Dalqz2mC.css +0 -1

package/dist/public/index.html CHANGED Viewed

@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>app</title>
-    <script type="module" crossorigin src="/assets/index-CC9G8EF1.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-Dalqz2mC.css">
+    <script type="module" crossorigin src="/assets/index-D0noVMFu.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Coilyhtr.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/redact.js CHANGED Viewed

@@ -1,74 +1,16 @@
 // Redact — scans text for secrets, PII, and sensitive file paths before publish.
 //
-// Two layers:
-//   1. secretlint (community-maintained rules for Anthropic, GitHub, Slack, npm, etc.)
-//   2. Custom regex (fills gaps: OpenAI, Stripe, Google, JWT, Bearer, PII, paths)
+// Custom regex patterns for common secret formats (API keys, tokens, PII, paths).
 //
 // Two severity levels:
 //   HIGH   — auto-redacted (known API key prefixes, private keys, connection strings)
 //   MEDIUM — flagged for user review (email addresses)
 //
 // Usage:
-//   const findings = await scanText(text);
-//   const cleaned  = await redactText(text);
-//   const results  = await scanSession(session);
+//   const findings = scanTextSync(text);
+//   const cleaned  = redactText(text);
 import { homedir } from "node:os";
-// ── Secretlint integration ─────────────────────────────────────
-let _engine = null;
-let _engineInitFailed = false;
-async function getSecretlintEngine() {
-    if (_engine)
-        return _engine;
-    if (_engineInitFailed)
-        return null;
-    try {
-        const { createEngine } = await import("@secretlint/node");
-        _engine = await createEngine({
-            color: false,
-            formatter: "json",
-            maskSecrets: false,
-            configFileJSON: {
-                rules: [{
-                        id: "@secretlint/secretlint-rule-preset-recommend",
-                    }],
-            },
-        });
-        return _engine;
-    }
-    catch {
-        _engineInitFailed = true;
-        return null;
-    }
-}
-async function secretlintScan(text) {
-    const engine = await getSecretlintEngine();
-    if (!engine)
-        return [];
-    try {
-        const { ok, output } = await engine.executeOnContent({ content: text, filePath: "/scan.txt" });
-        if (ok)
-            return []; // no findings
-        const results = JSON.parse(output);
-        const findings = [];
-        for (const file of results) {
-            for (const msg of file.messages ?? []) {
-                findings.push({
-                    pattern: msg.ruleId.replace("@secretlint/secretlint-rule-", ""),
-                    severity: "high",
-                    category: "secret",
-                    match: msg.message.length > 60 ? msg.message.slice(0, 50) + "..." : msg.message,
-                    index: msg.loc?.start?.offset ?? 0,
-                });
-            }
-        }
-        return findings;
-    }
-    catch {
-        return [];
-    }
-}
 // All regex patterns — used for both scanning AND redaction (find-and-replace).
-// secretlint adds additional detection on top; deduplication prevents double-counting.
 const CUSTOM_SECRET_PATTERNS = [
     // ─── AWS ───────────────────────────────────────────────
     {
@@ -224,15 +166,7 @@ function regexScan(text) {
     }
     return findings;
 }
-/** Scan text for secrets and PII using secretlint + custom regex. */
-export async function scanText(text) {
-    const [slFindings, regexFindings] = await Promise.all([
-        secretlintScan(text),
-        Promise.resolve(regexScan(text)),
-    ]);
-    return deduplicateFindings([...slFindings, ...regexFindings]);
-}
-/** Synchronous scan using only custom regex patterns (no secretlint). */
+/** Scan text for secrets and PII using custom regex patterns. */
 export function scanTextSync(text) {
     return regexScan(text);
 }
@@ -277,40 +211,6 @@ export function stripHomePathsInText(text, cwd) {
     const homeRe = new RegExp(homePattern + "[/\\\\]?", "g");
     return text.replace(homeRe, "~/");
 }
-// ── Session-level operations ───────────────────────────────────
-/** Scan all string fields in a session object for secrets/PII. */
-export async function scanSession(session) {
-    // Collect all string values with their paths
-    const strings = [];
-    function walk(value, path) {
-        if (typeof value === "string" && value.length > 0) {
-            strings.push({ value, path });
-        }
-        else if (Array.isArray(value)) {
-            for (let i = 0; i < value.length; i++)
-                walk(value[i], `${path}[${i}]`);
-        }
-        else if (value && typeof value === "object") {
-            for (const [k, v] of Object.entries(value))
-                walk(v, path ? `${path}.${k}` : k);
-        }
-    }
-    walk(session, "");
-    // Batch all strings into one scan for secretlint efficiency
-    const allText = strings.map((s) => s.value).join("\n---FIELD_BOUNDARY---\n");
-    const allFindings = await scanText(allText);
-    // Map findings back to field paths
-    const fieldsWithFindings = [];
-    let offset = 0;
-    for (const { value, path } of strings) {
-        const endOffset = offset + value.length;
-        const fieldFindings = allFindings.filter((f) => f.index >= offset && f.index < endOffset);
-        if (fieldFindings.length > 0)
-            fieldsWithFindings.push(path);
-        offset = endOffset + "\n---FIELD_BOUNDARY---\n".length;
-    }
-    return { findings: allFindings, fieldsWithFindings };
-}
 /** Deep-redact all string fields + strip paths. Returns a new object. */
 export function redactSession(session, mode = "high", cwd) {
     return deepRedact(session, mode, cwd);

package/dist/render/build-render-data.js CHANGED Viewed

@@ -25,6 +25,7 @@ export function buildSessionRenderData(opts) {
             devTake,
             context: enhanced?.context ?? '',
             durationMinutes: session.durationMinutes ?? 0,
+            wallClockMinutes: session.wallClockMinutes,
             turns: session.turns ?? 0,
             filesChanged: session.filesChanged?.length ?? 0,
             locChanged: session.linesOfCode ?? 0,
@@ -41,7 +42,7 @@ export function buildSessionRenderData(opts) {
             topFiles: (session.filesChanged ?? []).slice(0, 20).map((f) => typeof f === 'string' ? { path: f, additions: 0, deletions: 0 } : f),
             recordedAt: sessionRecordedAt,
             sourceTool,
-            template: 'editorial',
+            template: opts.template ?? 'editorial',
             agentSummary: agentSummary ?? undefined,
         },
     };
@@ -56,15 +57,21 @@ export function buildSessionCard(opts) {
     const sessionTitle = enhanced?.title ?? session.title;
     const sessionSkills = enhanced?.skills ?? session.skills ?? [];
     const sessionRecordedAt = session.date ? new Date(session.date).toISOString() : new Date().toISOString();
+    const files = session.filesChanged ?? [];
+    const totalAdded = files.reduce((sum, f) => sum + ((typeof f === 'string' ? 0 : f.additions) ?? 0), 0);
+    const totalDeleted = files.reduce((sum, f) => sum + ((typeof f === 'string' ? 0 : f.deletions) ?? 0), 0);
     return {
         token: sessionId,
         slug: sessionSlug,
         title: sessionTitle,
         devTake,
         durationMinutes: session.durationMinutes ?? 0,
+        wallClockMinutes: session.wallClockMinutes,
         turns: session.turns ?? 0,
         locChanged: session.linesOfCode ?? 0,
-        filesChanged: session.filesChanged?.length ?? 0,
+        linesAdded: totalAdded,
+        linesDeleted: totalDeleted,
+        filesChanged: files.length,
         skills: sessionSkills,
         recordedAt: sessionRecordedAt,
         sourceTool,

package/dist/render/index.js CHANGED Viewed

@@ -7,7 +7,7 @@
  *
  * These functions run on the Node.js server, never in the browser.
  */
-import { renderProject, renderSession } from './liquid.js';
+import { renderPortfolio, renderProject, renderSession } from './liquid.js';
 /** Errors from the render pipeline carry a machine-readable code. */
 export class RenderError extends Error {
     code;
@@ -77,25 +77,52 @@ function validateSession(data) {
  * @throws {RenderError} with code VALIDATION_ERROR if required fields are missing
  * @throws {RenderError} with code RENDER_FAILED if Liquid rendering fails
  */
-export function renderProjectHtml(data, extras) {
+export function renderProjectHtml(data, extras, templateName) {
     validateProject(data);
     try {
-        return renderProject(data, extras);
+        return renderProject(data, extras, templateName);
     }
     catch (err) {
         throw new RenderError('RENDER_FAILED', `Failed to render project page for ${data.project.slug}`, err);
     }
 }
+/**
+ * Render a portfolio page to a static HTML fragment.
+ *
+ * @throws {RenderError} with code VALIDATION_ERROR if required fields are missing
+ * @throws {RenderError} with code RENDER_FAILED if Liquid rendering fails
+ */
+export function renderPortfolioHtml(data, templateName) {
+    const errors = [];
+    if (!data.user) {
+        errors.push({ field: 'user', message: 'required' });
+    }
+    else {
+        if (!data.user.username)
+            errors.push({ field: 'user.username', message: 'required' });
+    }
+    if (!Array.isArray(data.projects)) {
+        errors.push({ field: 'projects', message: 'must be an array' });
+    }
+    if (errors.length > 0)
+        collectErrors(errors);
+    try {
+        return renderPortfolio(data, templateName);
+    }
+    catch (err) {
+        throw new RenderError('RENDER_FAILED', `Failed to render portfolio page for ${data.user?.username}`, err);
+    }
+}
 /**
  * Render a session page to a static HTML fragment.
  *
  * @throws {RenderError} with code VALIDATION_ERROR if required fields are missing
  * @throws {RenderError} with code RENDER_FAILED if Liquid rendering fails
  */
-export function renderSessionHtml(data) {
+export function renderSessionHtml(data, templateName) {
     validateSession(data);
     try {
-        return renderSession(data);
+        return renderSession(data, templateName);
     }
     catch (err) {
         throw new RenderError('RENDER_FAILED', `Failed to render session page for ${data.session.token}`, err);

package/dist/render/liquid.js CHANGED Viewed

@@ -7,6 +7,8 @@
 import { Liquid } from 'liquidjs';
 import { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
+import { getTemplateInfo } from './templates.js';
+import { escapeHtml } from '../format-utils.js';
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const engine = new Liquid({
     root: resolve(__dirname, 'templates'),
@@ -56,7 +58,7 @@ engine.registerFilter('formatDateShort', (iso) => {
     }
 });
 engine.registerFilter('jsonAttr', (value) => {
-    return JSON.stringify(value);
+    return escapeHtml(JSON.stringify(value));
 });
 engine.registerFilter('localeNumber', (value) => {
     return value.toLocaleString();
@@ -69,11 +71,20 @@ const DURATION_COLORS = ['primary', 'green', 'violet'];
 engine.registerFilter('durationColor', (index) => {
     return DURATION_COLORS[index % DURATION_COLORS.length];
 });
-export function renderProject(data, extras) {
+const DEFAULT_TEMPLATE = 'editorial';
+/** Inject data-accent and data-mode into the first data-template wrapper element. */
+function injectTemplateAttrs(html, templateName) {
+    const info = getTemplateInfo(templateName);
+    if (!info)
+        return html;
+    return html.replace(/data-template="[^"]*"/, (match) => `${match} data-accent="${escapeHtml(info.accent)}" data-mode="${info.mode}"`);
+}
+export function renderProject(data, extras, templateName) {
+    const template = templateName || DEFAULT_TEMPLATE;
     // Pre-compute derived data for the template
     const allSessions = data.allSessions || data.sessions;
     const sourceCounts = {};
-    for (const s of data.sessions) {
+    for (const s of allSessions) {
         const src = s.sourceTool || 'unknown';
         sourceCounts[src] = (sourceCounts[src] || 0) + 1;
     }
@@ -82,7 +93,8 @@ export function renderProject(data, extras) {
     const chartSessions = (extras?.fullSessions ?? allSessions.map((s) => ({
         id: s.token, slug: s.slug, title: s.title, date: s.recordedAt,
         durationMinutes: s.durationMinutes, turns: s.turns,
-        linesOfCode: s.locChanged, status: 'enhanced',
+        linesOfCode: s.locChanged, linesAdded: s.linesAdded, linesDeleted: s.linesDeleted,
+        status: 'enhanced',
         projectName: data.project.title, rawLog: [],
         skills: s.skills, source: s.sourceTool,
         filesChanged: s.filesChanged,
@@ -93,6 +105,45 @@ export function renderProject(data, extras) {
     // Encode JSON safe for single-quoted HTML attributes
     const sessionsJson = JSON.stringify(chartSessions).replace(/'/g, '&#39;');
     const growthJson = sessionsJson; // same data for both charts
+    // Pre-compute chart coordinates for Liquid-rendered SVGs
+    // Sort all sessions by date, compress gaps, compute x positions
+    const sortedAll = [...(data.allSessions || data.sessions)]
+        .filter(s => s.recordedAt)
+        .sort((a, b) => new Date(a.recordedAt).getTime() - new Date(b.recordedAt).getTime());
+    // Gap compression — must match GrowthChart.tsx constants
+    const GAP_THRESHOLD = 60 * 60 * 1000; // 1 hour
+    const COMPRESSED_GAP = 10 * 60 * 1000; // 10 minutes visual
+    const visualTimes = [0];
+    for (let i = 1; i < sortedAll.length; i++) {
+        const gap = new Date(sortedAll[i].recordedAt).getTime() - new Date(sortedAll[i - 1].recordedAt).getTime();
+        visualTimes.push(visualTimes[i - 1] + (gap > GAP_THRESHOLD ? COMPRESSED_GAP : Math.max(gap, 0)));
+    }
+    const totalVisualTime = visualTimes[visualTimes.length - 1] || 1;
+    // Compute x positions (0-1000 range, template will scale to SVG width)
+    // Also compute cumulative additions/deletions for growth chart
+    let cumAdded = 0;
+    let cumDeleted = 0;
+    const chartPoints = sortedAll.map((s, i) => {
+        cumAdded += s.linesAdded || 0;
+        cumDeleted += s.linesDeleted || 0;
+        return {
+            title: s.title,
+            slug: s.slug,
+            date: s.recordedAt,
+            locChanged: s.locChanged,
+            linesAdded: s.linesAdded || 0,
+            linesDeleted: s.linesDeleted || 0,
+            durationMinutes: s.durationMinutes,
+            sourceTool: s.sourceTool || 'unknown',
+            cumAdded,
+            cumDeleted,
+            // x position as integer 0-1000 (template divides by 1000 and multiplies by plot width)
+            xPct: Math.round((visualTimes[i] / totalVisualTime) * 1000),
+        };
+    });
+    // SVG width hint: wider for more sessions (min 1200, scale with count)
+    // Match React GrowthChart sizing: base on compressed time, not raw session count
+    const chartSvgWidth = Math.max(700, Math.round(totalVisualTime / 60000 * 0.8) + 120);
     const durationLabel = data.project.totalAgentDurationMinutes ? 'Human / Agents' : 'Time';
     const efficiencyMultiplier = data.project.totalAgentDurationMinutes && data.project.totalDurationMinutes > 0
         ? (data.project.totalAgentDurationMinutes / data.project.totalDurationMinutes)
@@ -142,17 +193,106 @@ export function renderProject(data, extras) {
         seen.add(s.token);
         return true;
     }).slice(0, 6);
-    return engine.renderFileSync('project', {
+    const sessionSuffix = data.sessionBaseUrl ? '.html' : '';
+    const html = engine.renderFileSync(`${template}/project`, {
         ...data,
         arc: extras?.arc ?? [],
         featuredSessions,
+        chartPoints,
+        chartSvgWidth,
         sourceCounts: Object.entries(sourceCounts).map(([tool, count]) => ({ tool, count })),
         sessionsJson,
         growthJson,
         durationLabel,
         efficiencyMultiplier: efficiencyStr,
+        sessionSuffix,
     });
+    return injectTemplateAttrs(html, template);
 }
-export function renderSession(data) {
-    return engine.renderFileSync('session', data);
+export function renderSession(data, templateName) {
+    const template = templateName || DEFAULT_TEMPLATE;
+    return injectTemplateAttrs(engine.renderFileSync(`${template}/session`, data), template);
+}
+export function renderPortfolio(data, templateName) {
+    const template = templateName || DEFAULT_TEMPLATE;
+    const durationLabel = data.totalAgentDurationMinutes ? 'Human / Agents' : 'Time';
+    const efficiencyMultiplier = data.totalAgentDurationMinutes && data.totalDurationMinutes > 0
+        ? (data.totalAgentDurationMinutes / data.totalDurationMinutes)
+        : undefined;
+    const efficiencyStr = efficiencyMultiplier && efficiencyMultiplier > 1 ? `${efficiencyMultiplier.toFixed(1)}x` : undefined;
+    const u = data.user;
+    const hasProfile = !!(u.displayName || u.bio || u.photoUrl || u.location || u.email || u.phone || u.linkedinUrl || u.githubUrl || u.twitterHandle || u.websiteUrl || u.resumeUrl);
+    // Aggregate skills across all projects with counts
+    const skillMap = new Map();
+    for (const p of data.projects) {
+        for (const s of p.skills) {
+            skillMap.set(s, (skillMap.get(s) || 0) + 1);
+        }
+    }
+    const allSkills = [...skillMap.entries()]
+        .map(([name, projectCount]) => ({ name, projectCount }))
+        .sort((a, b) => b.projectCount - a.projectCount);
+    const topSkills = allSkills.slice(0, 8);
+    // Aggregate source counts across all projects
+    const sourceMap = new Map();
+    for (const p of data.projects) {
+        for (const sc of p.sourceCounts || []) {
+            sourceMap.set(sc.tool, (sourceMap.get(sc.tool) || 0) + sc.count);
+        }
+    }
+    const sourceCounts = [...sourceMap.entries()]
+        .map(([tool, count]) => ({ tool, count }))
+        .sort((a, b) => b.count - a.count);
+    const totalSourceSessions = sourceCounts.reduce((sum, s) => sum + s.count, 0);
+    const activityByDay = computeActivityByDay(data.projects);
+    const activityByMonth = computeActivityByMonth(data.projects);
+    return injectTemplateAttrs(engine.renderFileSync(`${template}/portfolio`, {
+        ...data,
+        durationLabel,
+        efficiencyMultiplier: efficiencyStr,
+        hasProfile,
+        allSkills,
+        topSkills,
+        sourceCounts,
+        totalSourceSessions,
+        activityByDay,
+        activityByMonth,
+    }), template);
+}
+export function computeActivityByDay(projects) {
+    const dayMap = new Map();
+    for (const p of projects) {
+        for (const s of p.sessions || []) {
+            const day = s.date.slice(0, 10);
+            const existing = dayMap.get(day) || { count: 0, loc: 0 };
+            dayMap.set(day, { count: existing.count + 1, loc: existing.loc + s.loc });
+        }
+    }
+    return [...dayMap.entries()]
+        .map(([date, d]) => ({ date, ...d }))
+        .sort((a, b) => a.date.localeCompare(b.date));
+}
+export function computeActivityByMonth(projects) {
+    const monthMap = new Map();
+    for (const p of projects) {
+        for (const s of p.sessions || []) {
+            const monthKey = s.date.slice(0, 7);
+            const existing = monthMap.get(monthKey) || { sessions: 0, loc: 0, projects: new Map() };
+            existing.sessions++;
+            existing.loc += s.loc;
+            const projData = existing.projects.get(p.title) || { sessions: 0, loc: 0 };
+            projData.sessions++;
+            projData.loc += s.loc;
+            existing.projects.set(p.title, projData);
+            monthMap.set(monthKey, existing);
+        }
+    }
+    return [...monthMap.entries()]
+        .sort(([a], [b]) => a.localeCompare(b))
+        .map(([key, d]) => ({
+        month: new Date(key + '-01').toLocaleDateString('en-US', { month: 'short' }),
+        sessions: d.sessions,
+        loc: d.loc,
+        projects: [...d.projects.entries()].map(([name, pd]) => ({ name, ...pd })),
+    }));
 }