heyiam 0.2.29 → 0.3.1

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

@@ -0,0 +1,281 @@
+<div class="heyiam-portfolio mono" data-render-version="2" data-template="mono" data-username="{{ user.username }}">
+
+  <div class="mono-page">
+
+    {%- comment -%} Hero {%- endcomment -%}
+    {% if hasProfile %}
+    <section class="mono-section" aria-label="Profile">
+      <div class="terminal-block">
+        <div class="terminal-header">
+          <div class="terminal-dots">
+            <span class="dot-red" aria-hidden="true"></span>
+            <span class="dot-yellow" aria-hidden="true"></span>
+            <span class="dot-green" aria-hidden="true"></span>
+          </div>
+          <span>{{ user.username }}@heyi.am ~ portfolio</span>
+        </div>
+        <div class="terminal-body">
+          <div class="hero-profile">
+            {% if user.photoUrl %}
+            <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo" width="120" height="150" data-portfolio-field="photoBase64"{% unless user.photoUrl %} data-portfolio-empty="true"{% endunless %}>
+            {% endif %}
+            <div class="hero-info">
+              {% if user.displayName != blank %}
+              <h1 class="hero-title" aria-label="{{ user.displayName }}" data-portfolio-field="displayName">{{ user.displayName }}</h1>
+              {% endif %}
+              <p class="hero-handle">
+                <span style="color: var(--mono-accent, #4ade80);">@</span>{{ user.username }}
+              </p>
+              {% if user.bio %}
+              <p class="hero-bio">
+                <span class="comment">// </span><span data-portfolio-field="bio">{{ user.bio }}</span>
+              </p>
+              {% endif %}
+              {% if user.location %}
+              <p class="hero-location">
+                <span class="comment">location: </span><span data-portfolio-field="location">{{ user.location }}</span>
+              </p>
+              {% endif %}
+              {% if user.email or user.linkedinUrl or user.githubUrl or user.twitterHandle or user.websiteUrl %}
+              <ul class="hero-contact" 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"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 4 10 8 10-8"/></svg>{{ user.email }}</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"><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"><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"><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>@{{ user.twitterHandle }}</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"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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"/><circle cx="12" cy="9" r="2.5"/></svg>{{ user.websiteUrl | stripProtocol }}</a></li>
+              </ul>
+              {% endif %}
+              {% if user.resumeUrl %}
+              <a href="{{ user.resumeUrl }}" class="hero-resume-btn"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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>Download Resume</a>
+              {% endif %}
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Stats {%- endcomment -%}
+    <section class="mono-section" aria-label="Aggregate statistics">
+      <h2 class="mono-heading"># stats</h2>
+      <div class="stats-grid" role="list">
+        <div class="stat-cell" role="listitem">
+          <div class="stat-key">projects:</div>
+          <div class="stat-value">{{ projects.size }}</div>
+        </div>
+        <div class="stat-cell" role="listitem">
+          <div class="stat-key">sessions:</div>
+          <div class="stat-value">{{ totalSessions }}</div>
+        </div>
+        {% if efficiencyMultiplier %}
+        <div class="stat-cell stat-cell--leverage" role="listitem">
+          <div class="leverage-terminal">
+            <div class="lev-line"><span class="lev-key">human:</span> <span class="lev-val">{{ totalDurationMinutes | formatDuration }}</span></div>
+            <div class="lev-line"><span class="lev-key">agents:</span> <span class="lev-val lev-val--agent">{{ totalAgentDurationMinutes | formatDuration }}</span></div>
+            <div class="lev-line"><span class="lev-key">multi:</span> <span class="lev-val lev-val--multi">{{ efficiencyMultiplier }}</span></div>
+          </div>
+        </div>
+        {% else %}
+        <div class="stat-cell" role="listitem">
+          <div class="stat-key">time:</div>
+          <div class="stat-value">{{ durationLabel }}</div>
+        </div>
+        {% endif %}
+        <div class="stat-cell" role="listitem">
+          <div class="stat-key">lines_changed:</div>
+          <div class="stat-value">{{ totalLoc | localeNumber }}</div>
+        </div>
+      </div>
+    </section>
+
+    {%- comment -%} Work Timeline chart mount {%- endcomment -%}
+    {% if sessionsJson %}
+    <section class="mono-section" aria-label="Work timeline">
+      <h2 class="mono-heading"># work_timeline</h2>
+      <div class="terminal-block">
+        <div class="terminal-header">
+          <div class="terminal-dots">
+            <span class="dot-red" aria-hidden="true"></span>
+            <span class="dot-yellow" aria-hidden="true"></span>
+            <span class="dot-green" aria-hidden="true"></span>
+          </div>
+          <span>hours per project</span>
+        </div>
+        <div class="terminal-body">
+          <div data-work-timeline data-sessions='{{ sessionsJson | raw }}'></div>
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Projects {%- endcomment -%}
+    {% if projects.size > 0 %}
+    <section class="mono-section" aria-label="Projects">
+      <h2 class="mono-heading"># projects</h2>
+      <div class="project-list">
+        {% for p in projects %}
+        <a href="/{{ user.username }}/{{ p.slug }}" class="project-card">
+          <div class="project-card-header">
+            <h3 class="project-name">{{ p.title }}</h3>
+          </div>
+          <div class="project-card-body">
+            {% if p.narrative != blank %}
+            <p class="project-narrative">{{ p.narrative }}</p>
+            {% endif %}
+            <div class="project-stats-row">
+              <span class="project-stat"><strong>{{ p.totalSessions }}</strong> sessions</span>
+              <span class="project-stat"><strong>{{ p.totalDurationMinutes | formatDuration }}</strong></span>
+              <span class="project-stat"><strong>{{ p.totalLoc | localeNumber }}</strong> LOC</span>
+            </div>
+            {% if p.skills.size > 0 %}
+            <div class="project-tags">
+              {% for skill in p.skills %}
+              <span class="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="source-bar" role="img" aria-label="Source mix">
+              {% for src in p.sourceCounts %}
+              {% assign pSrcPct = src.count | times: 100.0 | divided_by: pTotalSrc | round %}
+              <div class="source-bar-segment {% if forloop.first %}claude{% else %}cursor{% endif %}" style="width: {{ pSrcPct }}%;"></div>
+              {% endfor %}
+            </div>
+            <div class="source-legend" aria-hidden="true">
+              {% for src in p.sourceCounts %}
+              {% assign pSrcPct = src.count | times: 100.0 | divided_by: pTotalSrc | round %}
+              <span><span class="source-legend-dot {% if forloop.first %}claude{% else %}cursor{% endif %}"></span>{{ src.tool }} {{ pSrcPct }}%</span>
+              {% endfor %}
+            </div>
+            {% endif %}
+            {% endif %}
+          </div>
+        </a>
+        {% endfor %}
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} LOC Breakdown (ASCII) {%- endcomment -%}
+    {% if projects.size > 0 %}
+    <section class="mono-section" aria-label="Lines of code per project">
+      <h2 class="mono-heading"># loc_breakdown</h2>
+      <div class="terminal-block">
+        <div class="terminal-header">
+          <div class="terminal-dots">
+            <span class="dot-red" aria-hidden="true"></span>
+            <span class="dot-yellow" aria-hidden="true"></span>
+            <span class="dot-green" aria-hidden="true"></span>
+          </div>
+          <span>lines of code per project</span>
+        </div>
+        <div class="terminal-body">
+          <div class="ascii-chart" role="img" aria-label="Lines of code per project">
+            {% assign maxLoc = 0 %}
+            {% for p in projects %}
+            {% if p.totalLoc > maxLoc %}{% assign maxLoc = p.totalLoc %}{% endif %}
+            {% endfor %}
+            {% for p in projects %}
+            <div class="ascii-row">
+              <span class="ascii-label">{{ p.title }}</span>
+              <div class="ascii-bar">
+                {% if maxLoc > 0 %}
+                {% assign locPct = p.totalLoc | times: 45 | divided_by: maxLoc %}
+                {% else %}
+                {% assign locPct = 0 %}
+                {% endif %}
+                {% assign filledBlocks = '' %}
+                {% assign emptyBlocks = '' %}
+                {% for i in (1..45) %}
+                {% if i <= locPct %}{% assign filledBlocks = filledBlocks | append: '▓' %}{% else %}{% assign emptyBlocks = emptyBlocks | append: '░' %}{% endif %}
+                {% endfor %}
+                <span class="ascii-bar-fill" aria-hidden="true">{{ filledBlocks }}{{ emptyBlocks }}</span>
+                <span class="ascii-bar-value">{{ p.totalLoc | localeNumber }}</span>
+              </div>
+            </div>
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Sessions per Project (ASCII) {%- endcomment -%}
+    {% if projects.size > 0 %}
+    <section class="mono-section" aria-label="Sessions per project">
+      <h2 class="mono-heading"># sessions_per_project</h2>
+      <div class="terminal-block">
+        <div class="terminal-header">
+          <div class="terminal-dots">
+            <span class="dot-red" aria-hidden="true"></span>
+            <span class="dot-yellow" aria-hidden="true"></span>
+            <span class="dot-green" aria-hidden="true"></span>
+          </div>
+          <span>session count per project</span>
+        </div>
+        <div class="terminal-body">
+          <div class="ascii-chart" role="img" aria-label="Sessions per project">
+            {% assign maxSessions = 0 %}
+            {% for p in projects %}
+            {% if p.totalSessions > maxSessions %}{% assign maxSessions = p.totalSessions %}{% endif %}
+            {% endfor %}
+            {% for p in projects %}
+            <div class="ascii-row">
+              <span class="ascii-label">{{ p.title }}</span>
+              <div class="ascii-bar">
+                {% if maxSessions > 0 %}
+                {% assign sesPct = p.totalSessions | times: 45 | divided_by: maxSessions %}
+                {% else %}
+                {% assign sesPct = 0 %}
+                {% endif %}
+                {% assign filledBlocks = '' %}
+                {% assign emptyBlocks = '' %}
+                {% for i in (1..45) %}
+                {% if i <= sesPct %}{% assign filledBlocks = filledBlocks | append: '▓' %}{% else %}{% assign emptyBlocks = emptyBlocks | append: '░' %}{% endif %}
+                {% endfor %}
+                <span class="ascii-bar-fill" aria-hidden="true">{{ filledBlocks }}{{ emptyBlocks }}</span>
+                <span class="ascii-bar-value">{{ p.totalSessions }}</span>
+              </div>
+            </div>
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Skills Aggregate {%- endcomment -%}
+    {% if allSkills.size > 0 %}
+    <section class="mono-section" aria-label="All skills">
+      <h2 class="mono-heading"># skills --all</h2>
+      <div class="terminal-block">
+        <div class="terminal-header">
+          <div class="terminal-dots">
+            <span class="dot-red" aria-hidden="true"></span>
+            <span class="dot-yellow" aria-hidden="true"></span>
+            <span class="dot-green" aria-hidden="true"></span>
+          </div>
+          <span>cat skills.json | sort</span>
+        </div>
+        <div class="terminal-body">
+          <div class="project-tags">
+            {% for skill in allSkills %}
+            <span class="tag">[{{ skill.name }}]</span>
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+  </div>
+
+  <footer class="mono-footer">
+    <p>// generated by heyi.am &middot; mono template</p>
+  </footer>
+
+
+</div>

package/dist/render/templates/mono/project.liquid

@@ -0,0 +1,275 @@
+<div class="heyiam-project mono" data-render-version="2" data-template="mono"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+
+  <div class="mono-page">
+
+    {%- comment -%} Breadcrumb {%- endcomment -%}
+    <nav class="breadcrumb" aria-label="Breadcrumb">
+      <a href="/{{ user.username }}">{{ user.username }}</a>
+      <span class="sep">/</span>
+      <span>{{ project.slug }}</span>
+    </nav>
+
+    {%- comment -%} Hero {%- endcomment -%}
+    <section class="mono-section" aria-label="Project header">
+      <h1 class="hero-title--project" aria-label="{{ project.title }}">{{ project.title }}</h1>
+      {% if project.repoUrl or project.projectUrl %}
+      <div class="hero-links">
+        {% if project.repoUrl %}
+        <a href="{{ project.repoUrl }}" target="_blank" rel="noopener">{{ project.repoUrl | stripProtocol }}</a>
+        {% endif %}
+        {% if project.projectUrl %}
+        <a href="{{ project.projectUrl }}" target="_blank" rel="noopener">{{ project.projectUrl | stripProtocol }}</a>
+        {% endif %}
+      </div>
+      {% endif %}
+
+      {% if project.screenshotUrl %}
+      <div class="screenshot-frame">
+        <div class="screenshot-chrome">
+          <div class="dots">
+            <span class="dot-r" aria-hidden="true"></span>
+            <span class="dot-y" aria-hidden="true"></span>
+            <span class="dot-g" aria-hidden="true"></span>
+          </div>
+          {% if project.projectUrl %}
+          <div class="url-bar">{{ project.projectUrl | stripProtocol }}</div>
+          {% endif %}
+        </div>
+        <img src="{{ project.screenshotUrl }}" alt="{{ project.title }} screenshot" class="screenshot-body">
+      </div>
+      {% endif %}
+    </section>
+
+    {%- comment -%} Stats {%- endcomment -%}
+    <section class="mono-section" aria-label="Project statistics">
+      <h2 class="mono-heading"># stats</h2>
+      <div class="stats-grid" role="list">
+        <div class="stat-cell" role="listitem">
+          <div class="stat-key">sessions:</div>
+          <div class="stat-value">{{ project.totalSessions }}</div>
+        </div>
+        {% if efficiencyMultiplier %}
+        <div class="stat-cell stat-cell--leverage" role="listitem">
+          <div class="leverage-terminal">
+            <div class="lev-line"><span class="lev-key">human:</span> <span class="lev-val">{{ project.totalDurationMinutes | formatDuration }}</span></div>
+            <div class="lev-line"><span class="lev-key">agents:</span> <span class="lev-val lev-val--agent">{{ project.totalAgentDurationMinutes | formatDuration }}</span></div>
+            <div class="lev-line"><span class="lev-key">multi:</span> <span class="lev-val lev-val--multi">{{ efficiencyMultiplier }}</span></div>
+          </div>
+        </div>
+        {% else %}
+        <div class="stat-cell" role="listitem">
+          <div class="stat-key">time:</div>
+          <div class="stat-value">{{ project.totalDurationMinutes | formatDuration }}</div>
+        </div>
+        {% endif %}
+        <div class="stat-cell" role="listitem">
+          <div class="stat-key">loc:</div>
+          <div class="stat-value">{{ project.totalLoc | localeNumber }}</div>
+        </div>
+        <div class="stat-cell" role="listitem">
+          <div class="stat-key">files:</div>
+          <div class="stat-value">{{ project.totalFilesChanged | localeNumber }}</div>
+        </div>
+        {% if project.totalTokens %}
+        <div class="stat-cell" role="listitem">
+          <div class="stat-key">tokens:</div>
+          <div class="stat-value">{{ project.totalTokens | formatTokens }}</div>
+        </div>
+        {% endif %}
+      </div>
+    </section>
+
+    {%- comment -%} Narrative {%- endcomment -%}
+    {% if project.narrative %}
+    <section class="mono-section" aria-label="Project narrative">
+      <h2 class="mono-heading"># narrative</h2>
+      <div class="terminal-block">
+        <div class="terminal-header">
+          <div class="terminal-dots">
+            <span class="dot-red" aria-hidden="true"></span>
+            <span class="dot-yellow" aria-hidden="true"></span>
+            <span class="dot-green" aria-hidden="true"></span>
+          </div>
+          <span>cat narrative.md</span>
+        </div>
+        <div class="narrative-block">
+          <p class="narrative-line">{{ project.narrative }}</p>
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Phases (Git Log) {%- endcomment -%}
+    {% if arc.size > 0 %}
+    <section class="mono-section" aria-label="Project phases">
+      <h2 class="mono-heading"># git log --phases</h2>
+      <div class="terminal-block">
+        <div class="terminal-header">
+          <div class="terminal-dots">
+            <span class="dot-red" aria-hidden="true"></span>
+            <span class="dot-yellow" aria-hidden="true"></span>
+            <span class="dot-green" aria-hidden="true"></span>
+          </div>
+          <span>git log --oneline --graph</span>
+        </div>
+        <div class="terminal-body">
+          <div class="git-log" role="list" aria-label="Project phases as git log">
+            {% for item in arc %}
+            <div class="git-log-entry" role="listitem">
+              <div class="git-log-graph" aria-hidden="true">
+                <div class="git-log-node"></div>
+                {% unless forloop.last %}<div class="git-log-line"></div>{% endunless %}
+              </div>
+              <div class="git-log-content">
+                <div><span class="git-log-hash">{{ item.phase | prepend: '0' | slice: -2, 2 }}</span> <span class="git-log-msg">{{ item.title }}</span></div>
+                {% if item.dates != blank %}
+                <div class="git-log-date">{{ item.dates }}</div>
+                {% endif %}
+                <div class="git-log-detail">{{ item.description }}</div>
+              </div>
+            </div>
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Work Timeline (ASCII bar chart) {%- endcomment -%}
+    {% if featuredSessions.size > 0 %}
+    {% assign maxLoc = 1 %}
+    {% for s in featuredSessions %}
+      {% if s.locChanged > maxLoc %}{% assign maxLoc = s.locChanged %}{% endif %}
+    {% endfor %}
+    <section class="mono-section" aria-label="Session work timeline">
+      <h2 class="mono-heading"># work_timeline</h2>
+      <div class="terminal-block">
+        <div class="terminal-header">
+          <div class="terminal-dots">
+            <span class="dot-red" aria-hidden="true"></span>
+            <span class="dot-yellow" aria-hidden="true"></span>
+            <span class="dot-green" aria-hidden="true"></span>
+          </div>
+          <span>LOC per session</span>
+        </div>
+        <div class="terminal-body">
+          <div class="ascii-chart" role="img" aria-label="Lines of code per session bar chart">
+            {% for s in featuredSessions %}
+            {% assign barPct = s.locChanged | times: 100 | divided_by: maxLoc %}
+            {% assign fillCount = barPct | times: 40 | divided_by: 100 %}
+            {% if fillCount < 1 %}{% assign fillCount = 1 %}{% endif %}
+            <div class="ascii-row">
+              <span class="ascii-label">{{ s.title | truncate: 12 }}</span>
+              <div class="ascii-bar">
+                <span class="ascii-bar-fill" aria-hidden="true">{% for i in (1..fillCount) %}&#9619;{% endfor %}</span>
+                <span class="ascii-bar-value">{{ s.locChanged | localeNumber }}</span>
+              </div>
+            </div>
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Skills {%- endcomment -%}
+    {% if project.skills.size > 0 %}
+    <section class="mono-section" aria-label="Skills used">
+      <h2 class="mono-heading"># skills</h2>
+      <div class="tag-list">
+        {% for skill in project.skills %}
+        <span class="tag">[{{ skill }}]</span>
+        {% endfor %}
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Key Decisions {%- endcomment -%}
+    {% if arc.size > 0 %}
+    <section class="mono-section" aria-label="Key decisions">
+      <h2 class="mono-heading"># key_decisions</h2>
+      <div class="terminal-block">
+        <div class="terminal-header">
+          <div class="terminal-dots">
+            <span class="dot-red" aria-hidden="true"></span>
+            <span class="dot-yellow" aria-hidden="true"></span>
+            <span class="dot-green" aria-hidden="true"></span>
+          </div>
+          <span>cat decisions.log</span>
+        </div>
+        <div class="terminal-body">
+          <ol class="decisions-list">
+            {% for item in arc %}
+            <li>
+              <span class="decision-num">[{{ forloop.index }}]</span>
+              <span>{{ item.description }}</span>
+            </li>
+            {% endfor %}
+          </ol>
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Source Breakdown {%- endcomment -%}
+    {% if sourceCounts.size > 0 %}
+    <section class="mono-section" aria-label="Source breakdown">
+      <h2 class="mono-heading"># source_breakdown</h2>
+      {% assign totalSourceSessions = 0 %}
+      {% for src in sourceCounts %}
+        {% assign totalSourceSessions = totalSourceSessions | plus: src.count %}
+      {% endfor %}
+      {% if totalSourceSessions > 0 %}
+      <div class="source-breakdown">
+        {% for src in sourceCounts %}
+        {% assign srcPct = src.count | times: 100.0 | divided_by: totalSourceSessions | round %}
+        <span{% if forloop.first %} style="color: var(--mono-accent, #4ade80);"{% else %} style="color: var(--mono-text-dim, #666666);"{% endif %}>{{ src.tool }} {{ srcPct }}%</span>
+        {% endfor %}
+      </div>
+      <div class="source-bar" role="img" aria-label="Source mix">
+        {% for src in sourceCounts %}
+        {% assign srcPct = src.count | times: 100.0 | divided_by: totalSourceSessions | round %}
+        <div class="source-bar-segment{% if forloop.first %} claude{% else %} cursor{% endif %}" style="width: {{ srcPct }}%;"></div>
+        {% endfor %}
+      </div>
+      {% endif %}
+    </section>
+    {% endif %}
+
+    {%- comment -%} Featured Sessions {%- endcomment -%}
+    {% if featuredSessions.size > 0 %}
+    <section class="mono-section" aria-label="Featured sessions">
+      <h2 class="mono-heading"># sessions</h2>
+      <div class="session-grid">
+        {% for s in featuredSessions %}
+        <article class="session-card">
+          <div class="session-card-header">
+            <span aria-hidden="true">$</span> session #{{ forloop.index }}
+          </div>
+          <div class="session-card-body">
+            <h3 class="session-card-title"><a href="{{ sessionBaseUrl }}/{{ s.slug }}{{ sessionSuffix }}">{{ s.title }}</a></h3>
+            <div class="session-kv"><span class="session-kv-key">duration:</span><span class="session-kv-value">{{ s.durationMinutes | formatDuration }}</span></div>
+            <div class="session-kv"><span class="session-kv-key">loc:</span><span class="session-kv-value">{{ s.locChanged | localeNumber }}</span></div>
+            {% if s.agentSummary %}
+            <div class="session-kv"><span class="session-kv-key">agents:</span><span class="session-kv-value">{{ s.agentSummary.agents.size }}</span></div>
+            {% else %}
+            <div class="session-kv"><span class="session-kv-key">turns:</span><span class="session-kv-value">{{ s.turns }}</span></div>
+            {% endif %}
+            {% if s.skills.size > 0 %}
+            <span class="session-card-tag">[{{ s.skills | first }}]</span>
+            {% endif %}
+          </div>
+        </article>
+        {% endfor %}
+      </div>
+    </section>
+    {% endif %}
+
+  </div>
+
+  <footer class="mono-footer">
+    <p>// generated by heyi.am &middot; mono template</p>
+  </footer>
+
+
+</div>