heyiam 0.2.28 → 0.3.0

package/dist/render/templates/partials/_beats.liquid

@@ -0,0 +1,16 @@
+{% if session.beats.size > 0 %}
+<section class="content-section">
+  <h2 class="content-section__heading">Execution Path</h2>
+  <ol class="beats-list">
+    {% for beat in session.beats %}
+    <li class="beat">
+      <span class="beat__number">{{ beat.stepNumber }}</span>
+      <div class="beat__content">
+        <strong class="beat__title">{{ beat.title }}</strong>
+        <p class="beat__body">{{ beat.body }}</p>
+      </div>
+    </li>
+    {% endfor %}
+  </ol>
+</section>
+{% endif %}

package/dist/render/templates/partials/_breadcrumb.liquid

@@ -0,0 +1,9 @@
+<nav class="breadcrumb">
+  <a href="/@{{ user.username }}">{{ user.username }}</a>
+  {% if projectSlug %}
+  <span class="breadcrumb__sep" aria-hidden="true">/</span>
+  <a href="/@{{ user.username }}/p/{{ projectSlug }}">{{ projectSlug }}</a>
+  {% endif %}
+  <span class="breadcrumb__sep" aria-hidden="true">/</span>
+  <span>{{ session.title }}</span>
+</nav>

package/dist/render/templates/partials/_footer.liquid

@@ -0,0 +1,7 @@
+<div class="export-footer">
+  {% if sessionBaseUrl %}
+  <span class="export-footer__text">exported from heyi.am</span>
+  {% else %}
+  <span class="export-footer__text">built with <a href="https://heyiam.com" target="_blank" rel="noopener noreferrer">heyiam.com</a></span>
+  {% endif %}
+</div>

package/dist/render/templates/partials/_growth-chart.liquid

@@ -0,0 +1,7 @@
+<div class="card">
+  <div class="section-header">
+    <h3 class="section-header__title">Project growth</h3>
+    <span class="section-header__meta">cumulative LOC</span>
+  </div>
+  <div data-growth-chart data-total-loc="{{ project.totalLoc }}" data-total-files="{{ project.totalFilesChanged }}" data-sessions='{{ growthJson | raw }}'></div>
+</div>

package/dist/render/templates/partials/_key-decisions.liquid

@@ -0,0 +1,20 @@
+<div class="card">
+  <div class="section-header">
+    <h3 class="section-header__title">Key decisions</h3>
+    <span class="section-header__meta">signal</span>
+  </div>
+  {% if arc.size > 0 %}
+  <div class="note-stack">
+    {% for phase in arc limit: 3 %}
+    <div class="note">
+      <div class="note__title">{{ phase.title }}</div>
+      <div class="note__body">{{ phase.description }}</div>
+    </div>
+    {% endfor %}
+  </div>
+  {% else %}
+  <div class="note">
+    <div class="note__body">Enhance this project to extract key decisions.</div>
+  </div>
+  {% endif %}
+</div>

package/dist/render/templates/partials/_links.liquid

@@ -0,0 +1,16 @@
+{% if project.repoUrl or project.projectUrl %}
+<div class="project-links" data-editable="links">
+  {% if project.repoUrl %}
+  <a href="{{ project.repoUrl }}" target="_blank" rel="noopener noreferrer" class="project-link">
+    <svg class="project-link__icon" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
+    {{ project.repoUrl | stripProtocol }}
+  </a>
+  {% endif %}
+  {% if project.projectUrl %}
+  <a href="{{ project.projectUrl }}" target="_blank" rel="noopener noreferrer" class="project-link">
+    <svg class="project-link__icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M6.5 10.5l3-3m-1.5-2a2.5 2.5 0 013.54 3.54l-1.5 1.5m-4.08-1.08a2.5 2.5 0 01-3.54-3.54l1.5-1.5"/></svg>
+    {{ project.projectUrl | stripProtocol }}
+  </a>
+  {% endif %}
+</div>
+{% endif %}

package/dist/render/templates/partials/_narrative.liquid

@@ -0,0 +1,8 @@
+{% if narrative != blank %}
+<div class="card">
+  <div class="section-header">
+    <h3 class="section-header__title">Narrative summary</h3>
+  </div>
+  <p class="narrative-text">{{ narrative }}</p>
+</div>
+{% endif %}

package/dist/render/templates/partials/_phases.liquid

@@ -0,0 +1,20 @@
+{% if arc.size > 0 %}
+<div class="card">
+  <div class="section-header">
+    <h3 class="section-header__title">Project phases</h3>
+    <span class="section-header__meta">timeline</span>
+  </div>
+  <div class="phase-timeline">
+    <div class="phase-timeline__line"></div>
+    {% for phase in arc %}
+    <div class="phase-timeline__item">
+      <div class="phase-timeline__dot"></div>
+      <div class="phase-timeline__label">{{ phase.title }}</div>
+      <div class="note">
+        <div class="note__body">{{ phase.description }}</div>
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+</div>
+{% endif %}

package/dist/render/templates/partials/_portfolio-header.liquid

@@ -0,0 +1,20 @@
+<div class="portfolio-header" data-editable="profile">
+  {% if user.photoUrl %}
+    <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="portfolio-photo">
+  {% endif %}
+  <h1 class="portfolio-name">{{ user.displayName }}</h1>
+  {% if user.bio != blank %}
+    <p class="portfolio-bio">{{ user.bio }}</p>
+  {% endif %}
+  {% if user.location != blank %}
+    <p class="portfolio-location">{{ user.location }}</p>
+  {% endif %}
+  <div class="portfolio-links">
+    {% if user.email != blank %}<a href="mailto:{{ user.email }}" class="portfolio-link">{{ user.email }}</a>{% endif %}
+    {% if user.linkedinUrl != blank %}<a href="{{ user.linkedinUrl }}" class="portfolio-link" target="_blank" rel="noopener">LinkedIn</a>{% endif %}
+    {% if user.githubUrl != blank %}<a href="{{ user.githubUrl }}" class="portfolio-link" target="_blank" rel="noopener">GitHub</a>{% endif %}
+    {% if user.twitterHandle != blank %}<a href="https://x.com/{{ user.twitterHandle }}" class="portfolio-link" target="_blank" rel="noopener">@{{ user.twitterHandle }}</a>{% endif %}
+    {% if user.websiteUrl != blank %}<a href="{{ user.websiteUrl }}" class="portfolio-link" target="_blank" rel="noopener">{{ user.websiteUrl | stripProtocol }}</a>{% endif %}
+    {% if user.resumeUrl != blank %}<a href="{{ user.resumeUrl }}" class="portfolio-link portfolio-link--resume" download>Resume (PDF)</a>{% endif %}
+  </div>
+</div>

package/dist/render/templates/partials/_portfolio-projects.liquid

@@ -0,0 +1,16 @@
+{% if projects.size > 0 %}
+<div class="portfolio-projects">
+  {% for project in projects %}
+    <a href="{{ project.slug }}" class="project-card">
+      <h3 class="project-card__title">{{ project.title }}</h3>
+      {% if project.narrative != blank %}<p class="project-card__desc">{{ project.narrative | truncate: 120 }}</p>{% endif %}
+      <div class="project-card__meta">{{ project.totalSessions }} sessions &middot; {{ project.totalDurationMinutes | formatDuration }} &middot; {{ project.totalLoc | formatLoc }} lines</div>
+      {% if project.skills.size > 0 %}
+      <div class="project-card__skills">
+        {% for skill in project.skills limit: 5 %}<span class="chip">{{ skill }}</span>{% endfor %}
+      </div>
+      {% endif %}
+    </a>
+  {% endfor %}
+</div>
+{% endif %}

package/dist/render/templates/partials/_portfolio-stats.liquid

@@ -0,0 +1,19 @@
+<div class="portfolio-stats" role="list" aria-label="Portfolio statistics">
+  <div class="stat-card" role="listitem"><div class="stat-card__value">{{ projects.size }}</div><div class="stat-card__label">Projects</div></div>
+  <div class="stat-card" role="listitem"><div class="stat-card__value">{{ totalSessions }}</div><div class="stat-card__label">Sessions</div></div>
+  <div class="stat-card" role="listitem"><div class="stat-card__value">{{ totalLoc | formatLoc }}</div><div class="stat-card__label">Lines Changed</div></div>
+  {% unless hideDuration %}
+  {% if efficiencyMultiplier %}
+  <div class="stat-card" role="listitem">
+    <div class="stat-card__value">{{ totalDurationMinutes | formatDuration }}</div>
+    <div class="stat-card__label">You</div>
+  </div>
+  <div class="stat-card" role="listitem">
+    <div class="stat-card__value" style="color: var(--accent, #084471);">{{ totalAgentDurationMinutes | formatDuration }}</div>
+    <div class="stat-card__label">Agents</div>
+  </div>
+  {% else %}
+  <div class="stat-card" role="listitem"><div class="stat-card__value">{{ totalDurationMinutes | formatDuration }}</div><div class="stat-card__label">Total Time</div></div>
+  {% endif %}
+  {% endunless %}
+</div>

package/dist/render/templates/partials/_qa.liquid

@@ -0,0 +1,13 @@
+{% if session.qaPairs.size > 0 %}
+<section class="content-section">
+  <h2 class="content-section__heading">Q&amp;A</h2>
+  <div class="qa-list">
+    {% for qa in session.qaPairs %}
+    <div class="qa-pair">
+      <p class="qa-pair__question">{{ qa.question }}</p>
+      <p class="qa-pair__answer">{{ qa.answer }}</p>
+    </div>
+    {% endfor %}
+  </div>
+</section>
+{% endif %}

package/dist/render/templates/partials/_screenshot.liquid

@@ -0,0 +1,15 @@
+{% if project.screenshotUrl %}
+<div class="browser-chrome" data-editable="screenshot">
+  <div class="browser-chrome__bar">
+    <span class="browser-chrome__dot browser-chrome__dot--red"></span>
+    <span class="browser-chrome__dot browser-chrome__dot--yellow"></span>
+    <span class="browser-chrome__dot browser-chrome__dot--green"></span>
+  </div>
+  <div class="browser-chrome__viewport">
+    <img src="{{ project.screenshotUrl }}" alt="Screenshot of {{ project.title }}" class="browser-chrome__img" loading="lazy" />
+  </div>
+</div>
+{% endif %}
+{% unless project.screenshotUrl %}
+<div data-editable="screenshot" class="screenshot-placeholder"></div>
+{% endunless %}

package/dist/render/templates/partials/_session-cards.liquid

@@ -0,0 +1,30 @@
+{% if featuredSessions.size > 0 %}
+<div class="card">
+  <div class="section-header">
+    <h3 class="section-header__title">Featured sessions</h3>
+    <span class="section-header__meta">{{ totalSessionCount }} total</span>
+  </div>
+  <div class="session-grid">
+    {% for session in featuredSessions %}
+    {% if sessionBaseUrl %}
+    <a href="{{ sessionBaseUrl }}/{{ session.slug | default: session.token }}{{ sessionSuffix }}" class="session-card-link">
+    {% endif %}
+      <div class="session-card" data-session-id="{{ session.token }}">
+        <div class="session-card__bar session-card__bar--{{ forloop.index0 | durationColor }}"></div>
+        <h4 class="session-card__title">{{ session.title }}</h4>
+        <span class="session-card__meta">
+          {{ session.durationMinutes | formatDuration }} &middot; {{ session.turns }} turns &middot; {{ session.locChanged | formatLoc }} lines
+        </span>
+        {% if session.skills.size > 0 %}
+        <div class="session-card__skills">
+          <span class="chip chip--violet">{{ session.skills[0] }}</span>
+        </div>
+        {% endif %}
+      </div>
+    {% if sessionBaseUrl %}
+    </a>
+    {% endif %}
+    {% endfor %}
+  </div>
+</div>
+{% endif %}

package/dist/render/templates/partials/_session-header.liquid

@@ -0,0 +1,39 @@
+<header class="session-header">
+  <h1 class="session-header__title">{{ session.title }}</h1>
+
+  <div class="session-header__meta">
+    <time class="session-header__date" datetime="{{ session.recordedAt }}">
+      {{ session.recordedAt | formatDate }}
+    </time>
+    <span class="session-header__source">{{ session.sourceTool }}</span>
+  </div>
+
+  {% if session.devTake != blank %}
+  <blockquote class="session-header__devtake">
+    <p>{{ session.devTake }}</p>
+  </blockquote>
+  {% endif %}
+
+  {% if session.context != blank %}
+  <p class="session-header__context">{{ session.context }}</p>
+  {% endif %}
+
+  <div class="stat-grid stat-grid--4">
+    <span class="stat">
+      <span class="stat__value">{{ session.durationMinutes | formatDuration }}</span>
+      <span class="stat__label">active</span>
+    </span>
+    <span class="stat">
+      <span class="stat__value">{{ session.turns }}</span>
+      <span class="stat__label">turns</span>
+    </span>
+    <span class="stat">
+      <span class="stat__value">{{ session.locChanged | localeNumber }}</span>
+      <span class="stat__label">lines changed</span>
+    </span>
+    <span class="stat">
+      <span class="stat__value">{{ session.filesChanged }}</span>
+      <span class="stat__label">files</span>
+    </span>
+  </div>
+</header>

package/dist/render/templates/partials/_session-sidebar.liquid

@@ -0,0 +1,30 @@
+<aside class="session-sidebar">
+  {% if session.toolBreakdown.size > 0 %}
+  <div class="sidebar-section">
+    <h3 class="sidebar-section__heading">Tool Usage</h3>
+    <ul class="tool-list">
+      {% for t in session.toolBreakdown %}
+      <li class="tool-list__item">
+        <span class="tool-list__name">{{ t.tool }}</span>
+        <span class="tool-list__count">{{ t.count }}</span>
+      </li>
+      {% endfor %}
+    </ul>
+  </div>
+  {% endif %}
+
+  {% if session.topFiles.size > 0 %}
+  <div class="sidebar-section">
+    <h3 class="sidebar-section__heading">Top Files</h3>
+    <ul class="file-list">
+      {% for f in session.topFiles %}
+      <li class="file-list__item">
+        <span class="file-list__path">{{ f.path }}</span>
+        <span class="file-list__adds">+{{ f.additions }}</span>
+        <span class="file-list__dels">-{{ f.deletions }}</span>
+      </li>
+      {% endfor %}
+    </ul>
+  </div>
+  {% endif %}
+</aside>

package/dist/render/templates/partials/_skills.liquid

@@ -0,0 +1,12 @@
+{% if skills.size > 0 %}
+<div class="card">
+  <div class="section-header">
+    <h3 class="section-header__title">Skills</h3>
+  </div>
+  <div class="chip-list">
+    {% for skill in skills %}
+    <span class="chip chip--violet">{{ skill }}</span>
+    {% endfor %}
+  </div>
+</div>
+{% endif %}

package/dist/render/templates/partials/_source-breakdown.liquid

@@ -0,0 +1,22 @@
+<div class="card">
+  <div class="section-header">
+    <h3 class="section-header__title">Source breakdown</h3>
+    <span class="section-header__meta">provenance</span>
+  </div>
+  <table class="source-table">
+    <thead>
+      <tr>
+        <th class="source-table__th">Source</th>
+        <th class="source-table__th">Count</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for src in sourceCounts %}
+      <tr>
+        <td class="source-table__td">{{ src.tool }}</td>
+        <td class="source-table__td">{{ src.count }}</td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>

package/dist/render/templates/partials/_stats.liquid

@@ -0,0 +1,38 @@
+<div class="stat-hero-layout">
+  <div class="stat-card stat-card--hero">
+    <div class="stat-card__label">{{ durationLabel }}</div>
+    <div class="stat-card__value">
+      {% if project.totalAgentDurationMinutes %}
+        {{ project.totalDurationMinutes | formatDuration }} / {{ project.totalAgentDurationMinutes | formatDuration }}
+      {% else %}
+        {{ project.totalDurationMinutes | formatDuration }}
+      {% endif %}
+    </div>
+    {% if efficiencyMultiplier %}
+    <div class="stat-card__sub">
+      <div class="stat-card__label">Efficiency multiplier</div>
+      <div class="stat-card__value stat-card__value--sm">{{ efficiencyMultiplier }}</div>
+    </div>
+    {% endif %}
+  </div>
+  <div class="stat-grid--compact">
+    <div class="stat-card">
+      <div class="stat-card__label">Sessions</div>
+      <div class="stat-card__value">{{ project.totalSessions }}</div>
+    </div>
+    <div class="stat-card">
+      <div class="stat-card__label">Lines changed</div>
+      <div class="stat-card__value">{{ project.totalLoc | formatLoc }}</div>
+    </div>
+    <div class="stat-card">
+      <div class="stat-card__label">Files</div>
+      <div class="stat-card__value">{{ project.totalFilesChanged }}</div>
+    </div>
+    {% if project.totalTokens %}
+    <div class="stat-card">
+      <div class="stat-card__label">Tokens</div>
+      <div class="stat-card__value">{{ project.totalTokens | formatTokens }}</div>
+    </div>
+    {% endif %}
+  </div>
+</div>

package/dist/render/templates/partials/_work-timeline.liquid

@@ -0,0 +1,7 @@
+<div class="card">
+  <div class="section-header">
+    <h3 class="section-header__title">Work timeline</h3>
+    <span class="section-header__meta">sessions over time</span>
+  </div>
+  <div data-work-timeline data-sessions='{{ sessionsJson | raw }}'></div>
+</div>

package/dist/render/templates/project.liquid

@@ -1,11 +1,11 @@
 <div class="heyiam-project" data-render-version="2"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
 
   {%- comment -%} Title {%- endcomment -%}
-  <h1 class="project-title">{{ project.title }}</h1>
+  <h1 class="project-title" data-editable="title">{{ project.title }}</h1>
 
   {%- comment -%} Project links {%- endcomment -%}
   {% if project.repoUrl or project.projectUrl %}
-  <div class="project-links">
+  <div class="project-links" data-editable="links">
     {% if project.repoUrl %}
     <a href="{{ project.repoUrl }}" target="_blank" rel="noopener noreferrer" class="project-link">
       <svg class="project-link__icon" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
@@ -23,7 +23,7 @@
 
   {%- comment -%} Screenshot with browser chrome {%- endcomment -%}
   {% if project.screenshotUrl %}
-  <div class="browser-chrome">
+  <div class="browser-chrome" data-editable="screenshot">
     <div class="browser-chrome__bar">
       <span class="browser-chrome__dot browser-chrome__dot--red"></span>
       <span class="browser-chrome__dot browser-chrome__dot--yellow"></span>
@@ -34,6 +34,9 @@
     </div>
   </div>
   {% endif %}
+  {% unless project.screenshotUrl %}
+  <div data-editable="screenshot" class="screenshot-placeholder"></div>
+  {% endunless %}
 
   {%- comment -%} Narrative {%- endcomment -%}
   {% if project.narrative != blank %}
@@ -195,7 +198,7 @@
     <div class="session-grid">
       {% for session in featuredSessions %}
       {% if sessionBaseUrl %}
-      <a href="{{ sessionBaseUrl }}/{{ session.slug | default: session.token }}.html" class="session-card-link">
+      <a href="{{ sessionBaseUrl }}/{{ session.slug | default: session.token }}{{ sessionSuffix }}" class="session-card-link">
       {% endif %}
         <div class="session-card" data-session-id="{{ session.token }}">
           <div class="session-card__bar session-card__bar--{{ forloop.index0 | durationColor }}"></div>