heyiam 0.2.29 → 0.3.1

package/dist/render/mock-data.js

@@ -0,0 +1,303 @@
+/**
+ * Mock data for template previews.
+ *
+ * Used by the template browser to render Liquid templates with
+ * representative data when no static mockup HTML exists.
+ */
+export function getMockPortfolioData() {
+    return {
+        user: {
+            username: 'alexchen',
+            accent: '#084471',
+            displayName: 'Alex Chen',
+            bio: 'Full-stack engineer who ships fast and thinks deeply. I build tools that make developers more productive — from CLI utilities to AI-powered code assistants.',
+            location: 'San Francisco, CA',
+            status: 'active',
+            email: 'alex@example.com',
+            phone: '+1 (555) 123-4567',
+            photoUrl: '/preview/template-assets/headshot-man-1-400.jpg',
+            githubUrl: 'https://github.com/alexchen',
+            linkedinUrl: 'https://linkedin.com/in/alexchen',
+            twitterHandle: 'alexchendev',
+            websiteUrl: 'https://alexchen.dev',
+            resumeUrl: '#',
+        },
+        projects: [
+            {
+                slug: 'budgetwise',
+                title: 'BudgetWise',
+                narrative: 'A personal finance tracker with AI-powered categorization. Built the Prisma schema, REST API, and React dashboard in a single sprint using Claude as a coding partner.',
+                totalSessions: 8,
+                totalLoc: 3200,
+                totalDurationMinutes: 480,
+                totalAgentDurationMinutes: 2064,
+                totalFilesChanged: 45,
+                skills: ['TypeScript', 'React', 'Prisma', 'Node.js'],
+                sourceCounts: [{ tool: 'claude', count: 5 }, { tool: 'cursor', count: 3 }],
+                publishedCount: 6,
+                sessions: [
+                    { date: '2026-02-10T10:00:00Z', loc: 420, durationMinutes: 65 },
+                    { date: '2026-02-15T14:00:00Z', loc: 680, durationMinutes: 90 },
+                    { date: '2026-02-22T09:00:00Z', loc: 350, durationMinutes: 55 },
+                    { date: '2026-03-01T11:00:00Z', loc: 550, durationMinutes: 75 },
+                    { date: '2026-03-08T16:00:00Z', loc: 280, durationMinutes: 40 },
+                    { date: '2026-03-15T10:00:00Z', loc: 400, durationMinutes: 60 },
+                    { date: '2026-03-22T13:00:00Z', loc: 320, durationMinutes: 50 },
+                    { date: '2026-04-02T09:00:00Z', loc: 200, durationMinutes: 45 },
+                ],
+            },
+            {
+                slug: 'shellhook',
+                title: 'ShellHook',
+                narrative: 'Git hooks manager that auto-installs and shares hooks across teams. Zero config, works with any shell, supports pre-commit, pre-push, and custom triggers.',
+                totalSessions: 5,
+                totalLoc: 1800,
+                totalDurationMinutes: 300,
+                totalAgentDurationMinutes: 900,
+                totalFilesChanged: 22,
+                skills: ['Rust', 'Shell', 'Git'],
+                sourceCounts: [{ tool: 'claude', count: 3 }, { tool: 'cursor', count: 2 }],
+                publishedCount: 4,
+                sessions: [
+                    { date: '2026-02-18T11:00:00Z', loc: 380, durationMinutes: 70 },
+                    { date: '2026-03-03T15:00:00Z', loc: 450, durationMinutes: 65 },
+                    { date: '2026-03-12T10:00:00Z', loc: 320, durationMinutes: 55 },
+                    { date: '2026-03-28T14:00:00Z', loc: 400, durationMinutes: 60 },
+                    { date: '2026-04-05T09:00:00Z', loc: 250, durationMinutes: 50 },
+                ],
+            },
+            {
+                slug: 'pixelboard',
+                title: 'PixelBoard',
+                narrative: 'Collaborative pixel art canvas with real-time sync. WebSocket-based with conflict-free replicated data types for seamless multi-user editing.',
+                totalSessions: 12,
+                totalLoc: 4500,
+                totalDurationMinutes: 720,
+                totalAgentDurationMinutes: 2160,
+                totalFilesChanged: 60,
+                skills: ['TypeScript', 'WebSocket', 'Canvas API', 'Redis'],
+                sourceCounts: [{ tool: 'claude', count: 8 }, { tool: 'cursor', count: 4 }],
+                publishedCount: 8,
+                sessions: [
+                    { date: '2026-02-08T09:00:00Z', loc: 300, durationMinutes: 50 },
+                    { date: '2026-02-12T14:00:00Z', loc: 420, durationMinutes: 65 },
+                    { date: '2026-02-19T11:00:00Z', loc: 380, durationMinutes: 55 },
+                    { date: '2026-02-26T16:00:00Z', loc: 500, durationMinutes: 80 },
+                    { date: '2026-03-05T10:00:00Z', loc: 350, durationMinutes: 60 },
+                    { date: '2026-03-10T13:00:00Z', loc: 280, durationMinutes: 45 },
+                    { date: '2026-03-17T09:00:00Z', loc: 450, durationMinutes: 70 },
+                    { date: '2026-03-22T15:00:00Z', loc: 520, durationMinutes: 75 },
+                    { date: '2026-03-29T11:00:00Z', loc: 400, durationMinutes: 60 },
+                    { date: '2026-04-01T14:00:00Z', loc: 350, durationMinutes: 55 },
+                    { date: '2026-04-03T10:00:00Z', loc: 300, durationMinutes: 50 },
+                    { date: '2026-04-05T16:00:00Z', loc: 250, durationMinutes: 55 },
+                ],
+            },
+        ],
+        totalDurationMinutes: 1500,
+        totalAgentDurationMinutes: 5124,
+        totalLoc: 9500,
+        totalSessions: 25,
+    };
+}
+export function getMockProjectData() {
+    return {
+        user: { username: 'alexchen', accent: '#084471' },
+        project: {
+            slug: 'budgetwise',
+            title: 'BudgetWise',
+            narrative: 'A personal finance tracker with AI-powered transaction categorization. What started as a weekend project grew into a full-stack app with a Prisma-backed API, React dashboard, and ML-powered category suggestions. The key insight was treating each transaction as a classification problem — the model learns from your corrections and gets smarter over time.',
+            repoUrl: 'https://github.com/alexchen/budgetwise',
+            projectUrl: 'https://budgetwise.app',
+            timeline: [],
+            skills: ['TypeScript', 'React', 'Prisma', 'Node.js', 'PostgreSQL', 'TailwindCSS'],
+            totalSessions: 8,
+            totalLoc: 3200,
+            totalDurationMinutes: 480,
+            totalAgentDurationMinutes: 2064,
+            totalFilesChanged: 45,
+            totalTokens: 1250000,
+        },
+        sessions: [
+            {
+                token: 'session-1',
+                slug: 'prisma-schema-setup',
+                title: 'Set up Prisma schema and migrations',
+                devTake: 'Got the data model right on the first try — accounts, transactions, categories, and budget rules.',
+                durationMinutes: 65,
+                wallClockMinutes: 87,
+                turns: 18,
+                locChanged: 420,
+                linesAdded: 350,
+                linesDeleted: 70,
+                filesChanged: 8,
+                skills: ['Prisma', 'PostgreSQL'],
+                recordedAt: '2026-03-15T10:00:00Z',
+                sourceTool: 'claude',
+            },
+            {
+                token: 'session-2',
+                slug: 'rest-api-endpoints',
+                title: 'Build REST API with Express',
+                devTake: 'CRUD endpoints for transactions and categories. Added pagination and filtering.',
+                durationMinutes: 90,
+                wallClockMinutes: 115,
+                turns: 24,
+                locChanged: 680,
+                linesAdded: 520,
+                linesDeleted: 160,
+                filesChanged: 12,
+                skills: ['TypeScript', 'Node.js'],
+                recordedAt: '2026-03-16T14:00:00Z',
+                sourceTool: 'claude',
+            },
+            {
+                token: 'session-3',
+                slug: 'react-dashboard',
+                title: 'React dashboard with charts',
+                devTake: 'Built the spending breakdown and monthly trend charts. Used Recharts for visualization.',
+                durationMinutes: 75,
+                wallClockMinutes: 92,
+                turns: 20,
+                locChanged: 550,
+                linesAdded: 480,
+                linesDeleted: 70,
+                filesChanged: 10,
+                skills: ['React', 'TailwindCSS'],
+                recordedAt: '2026-03-17T09:00:00Z',
+                sourceTool: 'claude',
+            },
+            {
+                token: 'session-4',
+                slug: 'ai-categorization',
+                title: 'AI-powered transaction categorization',
+                devTake: 'The classifier learns from user corrections. Accuracy jumped from 60% to 92% after 50 labeled transactions.',
+                durationMinutes: 120,
+                wallClockMinutes: 155,
+                turns: 35,
+                locChanged: 800,
+                linesAdded: 600,
+                linesDeleted: 200,
+                filesChanged: 15,
+                skills: ['TypeScript', 'ML'],
+                recordedAt: '2026-03-18T11:00:00Z',
+                sourceTool: 'claude',
+            },
+        ],
+        sessionBaseUrl: '#',
+    };
+}
+/** Full session objects for chart rendering — includes children for multi-agent display. */
+export function getMockFullSessions() {
+    return [
+        {
+            id: 'session-1', slug: 'prisma-schema-setup', title: 'Set up Prisma schema and migrations',
+            date: '2026-03-15T10:00:00Z', durationMinutes: 65, wallClockMinutes: 87, turns: 18,
+            linesOfCode: 420, filesChanged: 8, status: 'enhanced', source: 'claude',
+            projectName: 'BudgetWise', skills: ['Prisma', 'PostgreSQL'], rawLog: [],
+            children: [
+                { sessionId: 'sub-1a', role: 'backend-dev', durationMinutes: 40, linesOfCode: 280, date: '2026-03-15T10:05:00Z' },
+                { sessionId: 'sub-1b', role: 'code-reviewer', durationMinutes: 15, linesOfCode: 0, date: '2026-03-15T10:30:00Z' },
+            ],
+        },
+        {
+            id: 'session-2', slug: 'rest-api-endpoints', title: 'Build REST API with Express',
+            date: '2026-03-16T14:00:00Z', durationMinutes: 90, wallClockMinutes: 115, turns: 24,
+            linesOfCode: 680, filesChanged: 12, status: 'enhanced', source: 'claude',
+            projectName: 'BudgetWise', skills: ['TypeScript', 'Node.js'], rawLog: [],
+            children: [
+                { sessionId: 'sub-2a', role: 'backend-dev', durationMinutes: 55, linesOfCode: 450, date: '2026-03-16T14:05:00Z' },
+                { sessionId: 'sub-2b', role: 'qa-engineer', durationMinutes: 20, linesOfCode: 120, date: '2026-03-16T14:40:00Z' },
+                { sessionId: 'sub-2c', role: 'security-engineer', durationMinutes: 10, linesOfCode: 30, date: '2026-03-16T15:00:00Z' },
+            ],
+        },
+        {
+            id: 'session-3', slug: 'react-dashboard', title: 'React dashboard with charts',
+            date: '2026-03-17T09:00:00Z', durationMinutes: 75, wallClockMinutes: 92, turns: 20,
+            linesOfCode: 550, filesChanged: 10, status: 'enhanced', source: 'claude',
+            projectName: 'BudgetWise', skills: ['React', 'TailwindCSS'], rawLog: [],
+            children: [
+                { sessionId: 'sub-3a', role: 'frontend-dev', durationMinutes: 50, linesOfCode: 380, date: '2026-03-17T09:05:00Z' },
+                { sessionId: 'sub-3b', role: 'ux-designer', durationMinutes: 15, linesOfCode: 80, date: '2026-03-17T09:35:00Z' },
+            ],
+        },
+        {
+            id: 'session-4', slug: 'ai-categorization', title: 'AI-powered transaction categorization',
+            date: '2026-03-18T11:00:00Z', durationMinutes: 120, wallClockMinutes: 155, turns: 35,
+            linesOfCode: 800, filesChanged: 15, status: 'enhanced', source: 'claude',
+            projectName: 'BudgetWise', skills: ['TypeScript', 'ML'], rawLog: [],
+            children: [
+                { sessionId: 'sub-4a', role: 'backend-dev', durationMinutes: 70, linesOfCode: 500, date: '2026-03-18T11:05:00Z' },
+                { sessionId: 'sub-4b', role: 'qa-engineer', durationMinutes: 25, linesOfCode: 150, date: '2026-03-18T11:50:00Z' },
+                { sessionId: 'sub-4c', role: 'code-reviewer', durationMinutes: 15, linesOfCode: 0, date: '2026-03-18T12:15:00Z' },
+            ],
+        },
+    ];
+}
+export function getMockProjectArc() {
+    return [
+        { phase: 1, title: 'Foundation', description: 'Set up Prisma schema, database migrations, and seed data. Established the core data model for accounts, transactions, and categories.' },
+        { phase: 2, title: 'API & Data Layer', description: 'Built RESTful endpoints with Express. Added pagination, filtering, and input validation. Connected to PostgreSQL via Prisma client.' },
+        { phase: 3, title: 'Frontend Dashboard', description: 'Created React components for spending breakdown, monthly trends, and budget tracking. Used Recharts for interactive visualizations.' },
+        { phase: 4, title: 'AI Categorization', description: 'Trained a transaction classifier that learns from user corrections. Achieved 92% accuracy after 50 labeled examples using embeddings-based similarity.' },
+    ];
+}
+export function getMockSessionData() {
+    return {
+        user: { username: 'alexchen', accent: '#084471' },
+        projectSlug: 'budgetwise',
+        session: {
+            token: 'session-1',
+            title: 'Set up Prisma schema and migrations',
+            devTake: 'Got the data model right on the first try — accounts, transactions, categories, and budget rules. The key was thinking about the relationships upfront instead of iterating.',
+            context: 'Starting the BudgetWise project from scratch. Need a solid data foundation before building the API.',
+            narrative: 'Started by mapping out the core entities: Users own Accounts, Accounts have Transactions, Transactions belong to Categories, and Categories can be nested. Added a BudgetRule model to track monthly spending limits per category. The Prisma schema came together cleanly — the main design decision was whether to use a single Transaction table with a type enum or separate Income/Expense tables. Went with the enum approach for query simplicity.',
+            durationMinutes: 65,
+            wallClockMinutes: 87,
+            turns: 18,
+            filesChanged: 8,
+            locChanged: 420,
+            skills: ['Prisma', 'PostgreSQL', 'TypeScript'],
+            beats: [
+                { stepNumber: 1, title: 'Project scaffolding', body: 'Initialized the repo with TypeScript, ESLint, and Prisma CLI.' },
+                { stepNumber: 2, title: 'Core schema design', body: 'Defined User, Account, Transaction, Category, and BudgetRule models with proper relations.' },
+                { stepNumber: 3, title: 'Migration and seed', body: 'Generated the initial migration and wrote seed data for testing.' },
+                { stepNumber: 4, title: 'Type generation', body: 'Generated TypeScript types from the Prisma schema for type-safe queries.' },
+            ],
+            qaPairs: [
+                { question: 'Why Prisma over raw SQL?', answer: 'Type safety and migration management. The generated client catches schema drift at compile time.' },
+                { question: 'How do nested categories work?', answer: 'Self-referential relation — each Category has an optional parentId. Queries use recursive CTEs for the full tree.' },
+            ],
+            highlights: [
+                'Clean separation between financial and budget models',
+                'Self-referential categories enable unlimited nesting depth',
+                'Seed script generates realistic test data',
+            ],
+            toolBreakdown: [
+                { tool: 'Read', count: 15 },
+                { tool: 'Write', count: 12 },
+                { tool: 'Edit', count: 8 },
+                { tool: 'Bash', count: 6 },
+                { tool: 'Grep', count: 4 },
+            ],
+            topFiles: [
+                { path: 'prisma/schema.prisma', additions: 120, deletions: 0 },
+                { path: 'src/db/seed.ts', additions: 85, deletions: 0 },
+                { path: 'src/types/models.ts', additions: 65, deletions: 0 },
+                { path: 'prisma/migrations/001_init/migration.sql', additions: 95, deletions: 0 },
+                { path: 'src/db/client.ts', additions: 25, deletions: 0 },
+            ],
+            recordedAt: '2026-03-15T10:00:00Z',
+            sourceTool: 'claude',
+            template: 'case-study',
+            agentSummary: {
+                is_orchestrated: true,
+                agents: [
+                    { role: 'backend-dev', duration_minutes: 35, loc_changed: 250 },
+                    { role: 'code-reviewer', duration_minutes: 18, loc_changed: 0 },
+                    { role: 'qa-engineer', duration_minutes: 12, loc_changed: 80 },
+                ],
+            },
+        },
+    };
+}

package/dist/render/templates/aurora/portfolio.liquid

@@ -0,0 +1,192 @@
+<div class="heyiam-portfolio aurora" data-render-version="2" data-template="aurora" data-username="{{ user.username }}">
+
+  {% if hasProfile %}
+  {%- comment -%} Aurora Header {%- endcomment -%}
+  <header class="aurora-header" role="banner">
+    <div class="aurora-hero fade-up">
+      <div class="hero-photo-wrap">
+        <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo portfolio-photo" data-portfolio-field="photoBase64"{% unless user.photoUrl %} data-portfolio-empty="true"{% endunless %}>
+      </div>
+      <div class="aurora-hero-content">
+        {% if user.displayName != blank %}
+        <h1 data-portfolio-field="displayName">{{ user.displayName }}</h1>
+        {% endif %}
+        {% if user.location %}
+        <div class="aurora-hero-location portfolio-location">
+          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="9" r="2.5"/></svg>
+          <span data-portfolio-field="location">{{ user.location }}</span>
+        </div>
+        {% endif %}
+        {% if user.bio %}
+        <p class="aurora-hero-bio portfolio-bio" data-portfolio-field="bio">{{ user.bio }}</p>
+        {% endif %}
+        <ul class="aurora-hero-links" aria-label="Contact and social links">
+          <li data-portfolio-field="email"{% unless user.email %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.email %}mailto:{{ user.email }}{% endif %}"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 4 10 8 10-8"/></svg><span data-portfolio-text>{{ user.email }}</span></a></li>
+          <li data-portfolio-field="linkedinUrl"{% unless user.linkedinUrl %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.linkedinUrl %}{{ user.linkedinUrl }}{% endif %}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg>LinkedIn</a></li>
+          <li data-portfolio-field="githubUrl"{% unless user.githubUrl %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.githubUrl %}{{ user.githubUrl }}{% endif %}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg>GitHub</a></li>
+          <li data-portfolio-field="twitterHandle"{% unless user.twitterHandle %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.twitterHandle %}https://x.com/{{ user.twitterHandle }}{% endif %}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg><span data-portfolio-text>{% if user.twitterHandle %}@{{ user.twitterHandle }}{% endif %}</span></a></li>
+          <li data-portfolio-field="websiteUrl"{% unless user.websiteUrl %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.websiteUrl %}{{ user.websiteUrl }}{% endif %}" target="_blank" rel="noopener"><span data-portfolio-text>{{ user.websiteUrl | stripProtocol }}</span></a></li>
+          {% if user.resumeUrl %}
+          <li><a href="{{ user.resumeUrl }}" download><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="12" y1="18" x2="12" y2="12"/><polyline points="9 15 12 18 15 15"/></svg>Resume (PDF)</a></li>
+          {% endif %}
+        </ul>
+      </div>
+    </div>
+
+    <div class="aurora-hero-stats fade-up">
+      <div class="aurora-hero-stats-inner">
+        <span><strong>{{ projects.size }}</strong> projects</span>
+        <span><strong>{{ totalSessions }}</strong> sessions</span>
+        <span><strong>{{ totalLoc | formatLoc }}</strong> LOC</span>
+      </div>
+    </div>
+  </header>
+  {% endif %}
+
+  {%- comment -%} Stats Grid {%- endcomment -%}
+  <section class="aurora-stats" aria-label="Portfolio statistics">
+    <div class="aurora-stat fade-up">
+      <div class="aurora-stat-number">{{ projects.size }}</div>
+      <div class="aurora-stat-label">Projects</div>
+    </div>
+    <div class="aurora-stat fade-up">
+      <div class="aurora-stat-number">{{ totalSessions }}</div>
+      <div class="aurora-stat-label">Sessions</div>
+    </div>
+    <div class="aurora-stat fade-up">
+      <div class="aurora-stat-number">{{ totalLoc | formatLoc }}</div>
+      <div class="aurora-stat-label">Lines Changed</div>
+    </div>
+    {% if efficiencyMultiplier %}
+    <div class="aurora-stat fade-up">
+      <div class="aurora-stat-number">{{ efficiencyMultiplier }}</div>
+      <div class="aurora-stat-label">Leverage</div>
+    </div>
+    {% else %}
+    <div class="aurora-stat fade-up">
+      <div class="aurora-stat-number">{{ totalDurationMinutes | formatDuration }}</div>
+      <div class="aurora-stat-label">Total Time</div>
+    </div>
+    {% endif %}
+  </section>
+
+  {%- comment -%} Leverage {%- endcomment -%}
+  {% if efficiencyMultiplier %}
+  <section class="aurora-leverage-section fade-up" aria-label="AI leverage" role="figure">
+    <div class="aurora-leverage-section__multi">{{ efficiencyMultiplier }}</div>
+    <div class="aurora-leverage-section__context">{{ totalDurationMinutes | formatDuration }} you &middot; <strong>{{ totalAgentDurationMinutes | formatDuration }}</strong> agents</div>
+    {% assign totalCombined = totalDurationMinutes | plus: totalAgentDurationMinutes %}
+    {% if totalCombined > 0 %}
+    {% assign humanPct = totalDurationMinutes | times: 100 | divided_by: totalCombined | round %}
+    {% assign agentPct = 100 | minus: humanPct %}
+    <div class="aurora-leverage-section__bar"><div class="aurora-leverage-section__bar-human" style="width:{{ humanPct }}%"></div><div class="aurora-leverage-section__bar-agent" style="width:{{ agentPct }}%"></div></div>
+    {% endif %}
+  </section>
+  {% endif %}
+
+  {%- comment -%} Projects {%- endcomment -%}
+  {% if projects.size > 0 %}
+  <section class="aurora-section" aria-label="Projects">
+    <h2 class="aurora-section-title fade-up">Projects</h2>
+    <div class="aurora-projects">
+      {% for p in projects %}
+      <a href="/{{ user.username }}/{{ p.slug }}" class="aurora-card project-card fade-up">
+        <div class="aurora-card-header">
+          <h3>{{ p.title }}</h3>
+        </div>
+        {% if p.narrative %}
+        <p class="aurora-card-narrative">{{ p.narrative | truncate: 120 }}</p>
+        {% endif %}
+        <div class="aurora-card-stats">
+          <span>{{ p.totalSessions }} sessions</span>
+          <span>{{ p.totalDurationMinutes | formatDuration }}</span>
+          <span>{{ p.totalLoc | localeNumber }} LOC</span>
+        </div>
+        {% if p.skills.size > 0 %}
+        <div class="aurora-tags">
+          {% for skill in p.skills %}
+          <span class="aurora-tag">{{ skill }}</span>
+          {% endfor %}
+        </div>
+        {% endif %}
+        {% if p.sourceCounts.size > 0 %}
+        {% assign pTotalSrc = 0 %}
+        {% for src in p.sourceCounts %}{% assign pTotalSrc = pTotalSrc | plus: src.count %}{% endfor %}
+        {% if pTotalSrc > 0 %}
+        <div class="aurora-source-bar">
+          <div class="aurora-source-track" role="img" aria-label="Source breakdown for {{ p.title }}">
+            {% for src in p.sourceCounts %}
+            {% assign srcPct = src.count | times: 100.0 | divided_by: pTotalSrc | round %}
+            <div class="aurora-source-fill-{{ src.tool | downcase | replace: ' ', '-' }}" style="width: {{ srcPct }}%"></div>
+            {% endfor %}
+          </div>
+          <div class="aurora-source-labels">
+            {% for src in p.sourceCounts %}
+            {% assign srcPct = src.count | times: 100.0 | divided_by: pTotalSrc | round %}
+            <span><span class="aurora-source-dot aurora-source-dot--{{ src.tool | downcase | replace: ' ', '-' }}"></span>{{ src.tool }} {{ srcPct }}%</span>
+            {% endfor %}
+          </div>
+        </div>
+        {% endif %}
+        {% endif %}
+      </a>
+      {% endfor %}
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Activity Heatmap {%- endcomment -%}
+  {% if activityByDay.size > 0 %}
+  <section class="aurora-activity fade-up" aria-label="Activity overview">
+    <h2 class="aurora-section-title">Activity</h2>
+    <div class="aurora-activity-grid">
+      <div class="aurora-activity-rows" role="img" aria-label="Activity heatmap showing coding sessions over time">
+        {% for day in activityByDay %}
+          {% assign mod = forloop.index0 | modulo: 5 %}
+          {% if mod == 0 %}<div class="aurora-activity-week">{% endif %}
+          {% if day.count >= 4 %}{% assign level = 4 %}
+          {% elsif day.count >= 3 %}{% assign level = 3 %}
+          {% elsif day.count >= 2 %}{% assign level = 2 %}
+          {% elsif day.count >= 1 %}{% assign level = 1 %}
+          {% else %}{% assign level = 0 %}{% endif %}
+          <div class="aurora-activity-cell" data-level="{{ level }}" title="{{ day.date }}: {{ day.count }} sessions"></div>
+          {% assign mod1 = forloop.index | modulo: 5 %}
+          {% if mod1 == 0 or forloop.last %}</div>{% endif %}
+        {% endfor %}
+      </div>
+      <div class="aurora-activity-legend">
+        <span>Less</span>
+        <div class="aurora-activity-legend-cell" data-level="0"></div>
+        <div class="aurora-activity-legend-cell" data-level="1"></div>
+        <div class="aurora-activity-legend-cell" data-level="2"></div>
+        <div class="aurora-activity-legend-cell" data-level="3"></div>
+        <div class="aurora-activity-legend-cell" data-level="4"></div>
+        <span>More</span>
+      </div>
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Skills Summary {%- endcomment -%}
+  {% if allSkills.size > 0 %}
+  <section class="aurora-skills-summary fade-up" aria-label="Top skills">
+    <h2 class="aurora-section-title">Top Skills</h2>
+    <div class="aurora-skills-grid">
+      {% for skill in topSkills %}
+      <div class="aurora-skill-card">
+        <span class="aurora-skill-name">{{ skill.name }}</span>
+        <span class="aurora-skill-count">{{ skill.projectCount }} project{% if skill.projectCount != 1 %}s{% endif %}</span>
+      </div>
+      {% endfor %}
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Footer {%- endcomment -%}
+  <footer class="aurora-footer">
+    <p>Built with <a href="https://heyi.am">heyi.am</a></p>
+  </footer>
+
+  {%- comment -%} Fade-up animation {%- endcomment -%}
+
+</div>