heyiam 0.2.28 → 0.3.0

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

@@ -0,0 +1,260 @@
+<div class="heyiam-project aurora" data-render-version="2" data-template="aurora"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+
+  {%- comment -%} Aurora Header {%- endcomment -%}
+  <header class="aurora-header" role="banner">
+    <div class="aurora-breadcrumb fade-up" aria-label="Breadcrumb">
+      <a href="/{{ user.username }}">{{ user.username }}</a>
+      <span class="aurora-breadcrumb-sep">/</span>
+      <span aria-current="page">{{ project.slug }}</span>
+    </div>
+
+    <div class="aurora-project-hero fade-up">
+      <h1 data-editable="title">{{ project.title }}</h1>
+      {% if project.repoUrl or project.projectUrl %}
+      <div class="aurora-project-links">
+        {% if project.repoUrl %}
+        <a href="{{ project.repoUrl }}" target="_blank" rel="noopener">
+          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" stroke-linecap="round" stroke-linejoin="round"/></svg>
+          {{ project.repoUrl | stripProtocol }}
+        </a>
+        {% endif %}
+        {% if project.projectUrl %}
+        <a href="{{ project.projectUrl }}" target="_blank" rel="noopener">
+          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14L21 3" stroke-linecap="round" stroke-linejoin="round"/></svg>
+          {{ project.projectUrl | stripProtocol }}
+        </a>
+        {% endif %}
+      </div>
+      {% endif %}
+    </div>
+  </header>
+
+  {%- comment -%} Screenshot {%- endcomment -%}
+  {% if project.screenshotUrl %}
+  <div class="aurora-screenshot fade-up">
+    <div class="aurora-screenshot-frame browser-chrome">
+      <div class="aurora-screenshot-chrome">
+        <div class="aurora-screenshot-dot"></div>
+        <div class="aurora-screenshot-dot"></div>
+        <div class="aurora-screenshot-dot"></div>
+      </div>
+      <img src="{{ project.screenshotUrl }}" alt="{{ project.title }} screenshot">
+    </div>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Stats {%- endcomment -%}
+  <section class="aurora-stats aurora-stats--project fade-up" aria-label="Project statistics">
+    <div class="aurora-stat">
+      <div class="aurora-stat-number">{{ project.totalSessions }}</div>
+      <div class="aurora-stat-label">Sessions</div>
+    </div>
+    <div class="aurora-stat">
+      <div class="aurora-stat-number">{{ project.totalLoc | localeNumber }}</div>
+      <div class="aurora-stat-label">LOC</div>
+    </div>
+    <div class="aurora-stat">
+      <div class="aurora-stat-number">{{ project.totalFilesChanged }}</div>
+      <div class="aurora-stat-label">Files</div>
+    </div>
+    {% if project.totalTokens %}
+    <div class="aurora-stat">
+      <div class="aurora-stat-number">{{ project.totalTokens | formatTokens }}</div>
+      <div class="aurora-stat-label">Tokens</div>
+    </div>
+    {% endif %}
+    {% if efficiencyMultiplier %}
+    <div class="aurora-stat">
+      <div class="aurora-stat-number">{{ project.totalDurationMinutes | formatDuration }}</div>
+      <div class="aurora-stat-label">You</div>
+    </div>
+    <div class="aurora-stat">
+      <div class="aurora-stat-number">{{ project.totalAgentDurationMinutes | formatDuration }}</div>
+      <div class="aurora-stat-label">Agents</div>
+    </div>
+    {% else %}
+    <div class="aurora-stat">
+      <div class="aurora-stat-number">{{ project.totalDurationMinutes | formatDuration }}</div>
+      <div class="aurora-stat-label">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">{{ project.totalDurationMinutes | formatDuration }} you &middot; <strong>{{ project.totalAgentDurationMinutes | formatDuration }}</strong> agents</div>
+    {% assign totalCombined = project.totalDurationMinutes | plus: project.totalAgentDurationMinutes %}
+    {% if totalCombined > 0 %}
+    {% assign humanPct = project.totalDurationMinutes | times: 100 | divided_by: totalCombined %}
+    {% 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 %}
+
+  <div class="aurora-content">
+    {%- comment -%} Narrative {%- endcomment -%}
+    {% if project.narrative %}
+    <section class="aurora-section--content fade-up" aria-label="Project narrative">
+      <h2 class="aurora-section-title">The Story</h2>
+      <div class="aurora-narrative">
+        <p>{{ project.narrative }}</p>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Work Timeline Chart (CSS-only bars) {%- endcomment -%}
+    {% if featuredSessions.size > 0 %}
+    <section class="aurora-section--content fade-up" aria-label="Work timeline">
+      <h2 class="aurora-section-title">Work Timeline</h2>
+      <div class="aurora-chart">
+        {% assign maxDuration = 1 %}
+        {% for s in featuredSessions %}
+          {% if s.durationMinutes > maxDuration %}
+            {% assign maxDuration = s.durationMinutes %}
+          {% endif %}
+        {% endfor %}
+        <div class="aurora-chart-bars" role="list" aria-label="Sessions by duration">
+          {% for s in featuredSessions %}
+          {% assign barPct = s.durationMinutes | times: 100 | divided_by: maxDuration %}
+          <div class="aurora-chart-row" role="listitem">
+            <div class="aurora-chart-label"><a href="{{ sessionBaseUrl }}/{{ s.slug }}{{ sessionSuffix }}">{{ s.title }}</a></div>
+            <div class="aurora-chart-bar-track">
+              <div class="aurora-chart-bar-fill{% if s.sourceTool == 'Cursor' %} aurora-chart-bar-fill--cursor{% endif %}" style="width: {{ barPct }}%" aria-label="{{ s.durationMinutes }} minutes">
+                {% if s.agentSummary and s.agentSummary.agents.size > 0 %}
+                <div class="aurora-chart-bar-agents">
+                  {% for agent in s.agentSummary.agents %}
+                  {% assign colorIdx = forloop.index0 | modulo: 6 %}
+                  {% assign agentColors = '#0891b2,#059669,#7c3aed,#475569,#e11d48,#d97706' | split: ',' %}
+                  <span class="aurora-chart-agent-dot" style="background: {{ agentColors[colorIdx] }}" title="{{ agent.role }}"></span>
+                  {% endfor %}
+                </div>
+                {% endif %}
+              </div>
+            </div>
+            <div class="aurora-chart-value">{{ s.durationMinutes }}m</div>
+          </div>
+          {% endfor %}
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Phases {%- endcomment -%}
+    {% if arc.size > 0 %}
+    <section class="aurora-section--content fade-up" aria-label="Project phases">
+      <h2 class="aurora-section-title">Phases</h2>
+      <div class="aurora-phases" role="list">
+        {% for item in arc %}
+        <div class="aurora-phase" role="listitem">
+          <div class="aurora-phase-dot" aria-hidden="true"></div>
+          <div class="aurora-phase-title">{{ item.title }}</div>
+          {% if item.startDate %}
+          <div class="aurora-phase-dates">{{ item.startDate }}{% if item.endDate %} &ndash; {{ item.endDate }}{% endif %}</div>
+          {% endif %}
+          <div class="aurora-phase-desc">{{ item.description }}</div>
+        </div>
+        {% endfor %}
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Skills {%- endcomment -%}
+    {% if project.skills.size > 0 %}
+    <section class="aurora-section--content fade-up" aria-label="Skills used">
+      <h2 class="aurora-section-title">Skills</h2>
+      <div class="aurora-tags">
+        {% for skill in project.skills %}
+        <span class="aurora-tag chip">{{ skill }}</span>
+        {% endfor %}
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Key Decisions {%- endcomment -%}
+    {% if arc.size > 0 %}
+    <section class="aurora-section--content fade-up" aria-label="Key decisions">
+      <h2 class="aurora-section-title">Key Decisions</h2>
+      <ol class="aurora-decisions">
+        {% for item in arc %}
+        <li class="aurora-decision">
+          <span class="aurora-decision-num">{{ forloop.index }}</span>
+          <span class="aurora-decision-text">{{ item.description }}</span>
+        </li>
+        {% endfor %}
+      </ol>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Source Breakdown {%- endcomment -%}
+    {% if sourceCounts.size > 0 %}
+    <section class="aurora-section--content fade-up" aria-label="Source breakdown">
+      <h2 class="aurora-section-title">Source Breakdown</h2>
+      {% assign totalSourceSessions = 0 %}
+      {% for src in sourceCounts %}
+        {% assign totalSourceSessions = totalSourceSessions | plus: src.count %}
+      {% endfor %}
+      <div class="aurora-source-bar">
+        <div class="aurora-source-track" role="img">
+          {% for src in sourceCounts %}
+          {% if totalSourceSessions > 0 %}
+          {% assign srcPct = src.count | times: 100.0 | divided_by: totalSourceSessions | round %}
+          {% endif %}
+          {% if forloop.first %}
+          <div class="aurora-source-fill-claude" style="width: {{ srcPct }}%"></div>
+          {% else %}
+          <div class="aurora-source-fill-cursor" style="width: {{ srcPct }}%"></div>
+          {% endif %}
+          {% endfor %}
+        </div>
+        <div class="aurora-source-labels">
+          {% for src in sourceCounts %}
+          {% if totalSourceSessions > 0 %}
+          {% assign srcPctDisplay = src.count | times: 100.0 | divided_by: totalSourceSessions | round %}
+          {% endif %}
+          {% if forloop.first %}
+          <span><span class="aurora-source-dot aurora-source-dot--claude"></span>{{ src.tool }} {{ srcPctDisplay }}%</span>
+          {% else %}
+          <span><span class="aurora-source-dot aurora-source-dot--cursor"></span>{{ src.tool }} {{ srcPctDisplay }}%</span>
+          {% endif %}
+          {% endfor %}
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Featured Sessions {%- endcomment -%}
+    {% if featuredSessions.size > 0 %}
+    <section class="aurora-section--content fade-up" aria-label="Featured sessions">
+      <h2 class="aurora-section-title">Featured Sessions</h2>
+      <div class="aurora-sessions">
+        {% for s in featuredSessions %}
+        <article class="aurora-session-card">
+          <h3><a href="{{ sessionBaseUrl }}/{{ s.slug }}{{ sessionSuffix }}">{{ s.title }}</a></h3>
+          <div class="aurora-session-meta">
+            <span>{{ s.durationMinutes | formatDuration }}</span>
+            <span>{{ s.locChanged | localeNumber }} LOC</span>
+            {% if s.agentSummary %}
+            <span>{{ s.agentSummary.agents.size }} agents</span>
+            {% endif %}
+          </div>
+          {% if s.skills.size > 0 %}
+          <span class="aurora-session-tag">{{ s.skills | first }}</span>
+          {% endif %}
+        </article>
+        {% endfor %}
+      </div>
+    </section>
+    {% endif %}
+  </div>
+
+  {%- comment -%} Footer {%- endcomment -%}
+  <footer class="aurora-footer">
+    <p>Built with <a href="https://heyi.am">heyi.am</a></p>
+  </footer>
+
+  {%- comment -%} Fade-up + stat counter animation {%- endcomment -%}
+
+</div>

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

@@ -0,0 +1,223 @@
+<div class="heyiam-session aurora" data-render-version="2" data-template="aurora">
+
+  {%- comment -%} Aurora Header {%- endcomment -%}
+  <header class="aurora-header" role="banner">
+    <div class="aurora-breadcrumb fade-up" aria-label="Breadcrumb">
+      <a href="/{{ user.username }}">{{ user.username }}</a>
+      {% if projectSlug %}
+      <span class="aurora-breadcrumb-sep">/</span>
+      <a href="/{{ user.username }}/{{ projectSlug }}">{{ projectSlug }}</a>
+      {% endif %}
+      <span class="aurora-breadcrumb-sep">/</span>
+      <span aria-current="page">{{ session.title }}</span>
+    </div>
+
+    <div class="aurora-session-hero fade-up">
+      <h1>{{ session.title }}</h1>
+      <div class="aurora-session-meta-row">
+        {% if session.recordedAt %}
+        <span class="aurora-session-meta-item">
+          <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+          {{ session.recordedAt | formatDate }}
+        </span>
+        {% endif %}
+        {% if session.sourceTool %}
+        <span class="aurora-source-badge">{{ session.sourceTool }}</span>
+        {% endif %}
+        <span class="aurora-session-meta-item">
+          <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
+          {{ session.durationMinutes | formatDuration }}{% if session.wallClockMinutes %} ({{ session.wallClockMinutes | formatDuration }} wall){% endif %}
+        </span>
+        <span class="aurora-session-meta-item">{{ session.turns }} turns</span>
+        <span class="aurora-session-meta-item">{{ session.locChanged | localeNumber }} LOC</span>
+        <span class="aurora-session-meta-item">{{ session.filesChanged }} files</span>
+      </div>
+    </div>
+  </header>
+
+  {%- comment -%} Dev Take {%- endcomment -%}
+  {% if session.devTake %}
+  <div class="aurora-dev-take fade-up">
+    <blockquote class="aurora-dev-take-box">
+      {{ session.devTake }}
+    </blockquote>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Two-column layout {%- endcomment -%}
+  <div class="aurora-layout">
+    <div class="aurora-main-content">
+
+      {%- comment -%} Narrative {%- endcomment -%}
+      {% if session.narrative %}
+      <section class="aurora-section--content fade-up" aria-label="Session narrative">
+        <h2 class="aurora-section-title aurora-section-title--sm">Narrative</h2>
+        <div class="aurora-narrative-section">
+          <p>{{ session.narrative }}</p>
+        </div>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Highlights {%- endcomment -%}
+      {% if session.highlights.size > 0 %}
+      <section class="aurora-section--content fade-up" aria-label="Session highlights">
+        <h2 class="aurora-section-title aurora-section-title--sm">Highlights</h2>
+        <ul class="aurora-highlights highlights-list">
+          {% for h in session.highlights %}
+          <li>{{ h }}</li>
+          {% endfor %}
+        </ul>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Execution Path (Beats) {%- endcomment -%}
+      {% if session.beats.size > 0 %}
+      <section class="aurora-section--content fade-up" aria-label="Execution path">
+        <h2 class="aurora-section-title aurora-section-title--sm">Execution Path</h2>
+        <div class="aurora-beats beats-list" role="list">
+          {% for beat in session.beats %}
+          <div class="aurora-beat" role="listitem">
+            <div class="aurora-beat-dot beat-dot" aria-hidden="true"></div>
+            <div class="aurora-beat-title">{{ beat.title }}</div>
+            <div class="aurora-beat-desc">{{ beat.body }}</div>
+          </div>
+          {% endfor %}
+        </div>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Q&A {%- endcomment -%}
+      {% if session.qaPairs.size > 0 %}
+      <section class="aurora-section--content fade-up" aria-label="Questions and answers">
+        <h2 class="aurora-section-title aurora-section-title--sm">Q&amp;A</h2>
+        <div class="aurora-qa-list qa-pair">
+          {% for qa in session.qaPairs %}
+          <article class="aurora-qa-item">
+            <div class="aurora-qa-question">
+              <span class="aurora-qa-q-mark" aria-hidden="true">Q</span>
+              <span>{{ qa.question }}</span>
+            </div>
+            <div class="aurora-qa-answer">
+              {{ qa.answer }}
+            </div>
+          </article>
+          {% endfor %}
+        </div>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Agent Summary {%- endcomment -%}
+      {% if session.agentSummary %}
+      <section class="aurora-section--content fade-up" aria-label="Agent summary">
+        <h2 class="aurora-section-title aurora-section-title--sm">Agent Summary</h2>
+        {% assign maxAgentLoc = 0 %}
+        {% for agent in session.agentSummary.agents %}
+          {% if agent.loc_changed > maxAgentLoc %}
+            {% assign maxAgentLoc = agent.loc_changed %}
+          {% endif %}
+        {% endfor %}
+        {% assign agent_colors = '#0891b2,#059669,#7c3aed,#475569,#e11d48,#d97706' | split: ',' %}
+        <div class="aurora-agents" role="list">
+          {% for agent in session.agentSummary.agents %}
+          <div class="aurora-agent-row" role="listitem">
+            <div class="aurora-agent-name">
+              {% assign colorIdx = forloop.index0 | modulo: 6 %}
+              <span class="aurora-agent-dot" style="background: {{ agent_colors[colorIdx] }}"></span>
+              {{ agent.role }}
+            </div>
+            <div class="aurora-agent-bar-track">
+              {% if maxAgentLoc > 0 %}
+              {% assign barPct = agent.loc_changed | times: 100 | divided_by: maxAgentLoc %}
+              {% else %}
+              {% assign barPct = 0 %}
+              {% endif %}
+              <div class="aurora-agent-bar-fill" style="width: {{ barPct }}%; background: {{ agent_colors[colorIdx] }}"></div>
+            </div>
+            <div class="aurora-agent-value">{{ agent.duration_minutes }}m</div>
+            <div class="aurora-agent-value">{{ agent.loc_changed }}</div>
+          </div>
+          {% endfor %}
+        </div>
+      </section>
+      {% endif %}
+
+    </div>
+
+    {%- comment -%} Sidebar {%- endcomment -%}
+    <aside class="aurora-sidebar" aria-label="Session details">
+      {%- comment -%} Tools Used {%- endcomment -%}
+      {% if session.toolBreakdown.size > 0 %}
+      <div class="aurora-sidebar-card fade-up">
+        <h2 class="aurora-sidebar-title">Tools Used</h2>
+        <div class="aurora-tools-list tool-list" role="list">
+          {% for t in session.toolBreakdown %}
+          <div class="aurora-tool-row" role="listitem">
+            <span class="aurora-tool-name">{{ t.tool }}</span>
+            <span class="aurora-tool-count">{{ t.count }}</span>
+          </div>
+          {% endfor %}
+        </div>
+      </div>
+      {% endif %}
+
+      {%- comment -%} Files Changed {%- endcomment -%}
+      {% if session.topFiles.size > 0 %}
+      <div class="aurora-sidebar-card fade-up">
+        <h2 class="aurora-sidebar-title">Files Changed</h2>
+        <div class="aurora-files-list file-list" role="list">
+          {% for f in session.topFiles %}
+          <div class="aurora-file-row" role="listitem">
+            <span class="aurora-file-name" title="{{ f.path }}">{{ f.path }}</span>
+            <span class="aurora-file-diff"><span class="aurora-file-adds">+{{ f.additions }}</span>{% if f.deletions > 0 %} <span class="aurora-file-dels">-{{ f.deletions }}</span>{% endif %}</span>
+          </div>
+          {% endfor %}
+        </div>
+      </div>
+      {% endif %}
+
+      {%- comment -%} Skills {%- endcomment -%}
+      {% if session.skills.size > 0 %}
+      <div class="aurora-sidebar-card fade-up">
+        <h2 class="aurora-sidebar-title">Skills</h2>
+        <div class="aurora-sidebar-tags">
+          {% for skill in session.skills %}
+          <span class="aurora-tag">{{ skill }}</span>
+          {% endfor %}
+        </div>
+      </div>
+      {% endif %}
+
+      {%- comment -%} Session Stats {%- endcomment -%}
+      <div class="aurora-sidebar-card fade-up">
+        <h2 class="aurora-sidebar-title">Stats</h2>
+        <div class="aurora-tools-list">
+          <div class="aurora-tool-row">
+            <span class="aurora-tool-name">Duration</span>
+            <span class="aurora-tool-count" style="color: var(--aurora-text);">{{ session.durationMinutes | formatDuration }}</span>
+          </div>
+          <div class="aurora-tool-row">
+            <span class="aurora-tool-name">Turns</span>
+            <span class="aurora-tool-count" style="color: var(--aurora-text);">{{ session.turns }}</span>
+          </div>
+          <div class="aurora-tool-row">
+            <span class="aurora-tool-name">LOC</span>
+            <span class="aurora-tool-count" style="color: var(--aurora-text);">{{ session.locChanged | localeNumber }}</span>
+          </div>
+          <div class="aurora-tool-row">
+            <span class="aurora-tool-name">Files</span>
+            <span class="aurora-tool-count" style="color: var(--aurora-text);">{{ session.filesChanged }}</span>
+          </div>
+          {% if session.sourceTool %}
+          <div class="aurora-tool-row">
+            <span class="aurora-tool-name">Source</span>
+            <span class="aurora-tool-count">{{ session.sourceTool }}</span>
+          </div>
+          {% endif %}
+        </div>
+      </div>
+    </aside>
+  </div>
+
+  {%- comment -%} Fade-up animation {%- endcomment -%}
+
+</div>