npm - heyiam - Versions diffs - 0.3.4 → 0.3.6 - Mend

heyiam 0.3.4 → 0.3.6

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

Files changed (45) hide show

package/dist/public/index.html CHANGED Viewed

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>app</title>
-    <script type="module" crossorigin src="/assets/index-Cq04whgG.js"></script>
+    <script type="module" crossorigin src="/assets/index-7mUuxgqY.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-CMyamplX.css">
   </head>
   <body>

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

@@ -104,5 +104,6 @@ export function buildProjectRenderData(opts) {
         sessions: opts.sessionCards,
         allSessions: opts.allSessionCards,
         sessionBaseUrl: opts.sessionBaseUrl,
+        sessionSuffix: opts.sessionSuffix,
     };
 }

package/dist/render/liquid.js CHANGED Viewed

@@ -90,6 +90,11 @@ export function renderProject(data, extras, templateName) {
     }
     // Use full session data when available (charts need complete Session objects).
     // Strip rawLog and turnTimeline — huge, unused by charts, and could break HTML attributes.
+    // Raw Session (from the analyzer) has no `slug` field; SessionCard does. Merge
+    // slug by token so the overlay can build a valid "View full session" URL.
+    const slugByToken = new Map();
+    for (const s of allSessions)
+        slugByToken.set(s.token, s.slug);
     const chartSessions = (extras?.fullSessions ?? allSessions.map((s) => ({
         id: s.token, slug: s.slug, title: s.title, date: s.recordedAt,
         durationMinutes: s.durationMinutes, turns: s.turns,
@@ -100,7 +105,12 @@ export function renderProject(data, extras, templateName) {
         filesChanged: s.filesChanged,
     }))).map((s) => {
         const { rawLog, turnTimeline, ...rest } = s;
-        return { ...rest, rawLog: [] };
+        const id = String(rest.id ?? '');
+        const existingSlug = rest.slug;
+        const slug = typeof existingSlug === 'string' && existingSlug !== ''
+            ? existingSlug
+            : (slugByToken.get(id) ?? '');
+        return { ...rest, slug, rawLog: [] };
     });
     // Encode JSON safe for single-quoted HTML attributes
     const sessionsJson = JSON.stringify(chartSessions).replace(/'/g, '&#39;');
@@ -193,7 +203,7 @@ export function renderProject(data, extras, templateName) {
         seen.add(s.token);
         return true;
     }).slice(0, 6);
-    const sessionSuffix = data.sessionBaseUrl ? '.html' : '';
+    const sessionSuffix = data.sessionSuffix ?? '';
     const html = engine.renderFileSync(`${template}/project`, {
         ...data,
         arc: extras?.arc ?? [],

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

@@ -1,4 +1,4 @@
-<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 }}">
+<div class="heyiam-project aurora" data-render-version="2" data-template="aurora"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Aurora Header {%- endcomment -%}
   <header class="aurora-header" role="banner">

package/dist/render/templates/bauhaus/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project bauhaus" data-render-version="2" data-template="bauhaus"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project bauhaus" data-render-version="2" data-template="bauhaus"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Breadcrumb {%- endcomment -%}
   <nav class="breadcrumb" aria-label="Breadcrumb">

package/dist/render/templates/blueprint/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project blueprint" data-render-version="2" data-template="blueprint"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project blueprint" data-render-version="2" data-template="blueprint"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Crosshatch SVG defs {%- endcomment -%}
   <svg class="bp-crosshatch-defs" aria-hidden="true">

package/dist/render/templates/canvas/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project canvas" data-render-version="2" data-template="canvas"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project canvas" data-render-version="2" data-template="canvas"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <div class="page-wrapper">

package/dist/render/templates/carbon/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project carbon" data-render-version="2" data-template="carbon"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project carbon" data-render-version="2" data-template="carbon"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Breadcrumb {%- endcomment -%}
   <nav class="breadcrumb" aria-label="Breadcrumb">

package/dist/render/templates/chalk/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project chalk" data-render-version="2" data-template="chalk"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project chalk" data-render-version="2" data-template="chalk"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} SVG filters {%- endcomment -%}
   <svg class="svg-filters" aria-hidden="true">

package/dist/render/templates/circuit/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project circuit" data-render-version="2" data-template="circuit"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project circuit" data-render-version="2" data-template="circuit"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Breadcrumb {%- endcomment -%}
   <div class="breadcrumb" aria-label="Breadcrumb">

package/dist/render/templates/cosmos/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project cosmos" data-render-version="2" data-template="cosmos"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project cosmos" data-render-version="2" data-template="cosmos"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <div class="starfield" aria-hidden="true"></div>

package/dist/render/templates/daylight/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project daylight" data-render-version="2" data-template="daylight"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project daylight" data-render-version="2" data-template="daylight"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <div class="dl-container">

package/dist/render/templates/editorial/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project editorial" data-render-version="2" data-template="editorial"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project editorial" data-render-version="2" data-template="editorial"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Breadcrumb {%- endcomment -%}
   <div class="ed-breadcrumb" aria-label="Breadcrumb">

package/dist/render/templates/ember/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project ember" data-render-version="2" data-template="ember"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project ember" data-render-version="2" data-template="ember"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Breadcrumb {%- endcomment -%}
   <div class="breadcrumb ember-section" aria-label="Breadcrumb">

package/dist/render/templates/glacier/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project glacier" data-render-version="2" data-template="glacier"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project glacier" data-render-version="2" data-template="glacier"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Breadcrumb {%- endcomment -%}
   <div class="container">

package/dist/render/templates/grid/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project grid" data-render-version="2" data-template="grid"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project grid" data-render-version="2" data-template="grid"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <div class="container">
     <div class="breadcrumb" aria-label="Breadcrumb">

package/dist/render/templates/kinetic/portfolio.liquid CHANGED Viewed

@@ -81,7 +81,7 @@
   {% if projects.size > 0 %}
   <section class="section" aria-label="Projects">
     <div class="section-tag">Projects</div>
-    <h2 class="section-title">{{ projects.size }} project{{ projects.size | minus: 1 | at_least: 1 | times: 0 | plus: projects.size | minus: 1 }}{% if projects.size != 1 %}s{% endif %} built with AI</h2>
+    <h2 class="section-title">{{ projects.size }} project{% if projects.size != 1 %}s{% endif %} built with AI</h2>
     <p class="section-desc">Each project is a case study with real sessions, real decisions, and real stats.</p>
     <div class="projects-grid">

package/dist/render/templates/kinetic/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project kinetic" data-render-version="2" data-template="kinetic"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project kinetic" data-render-version="2" data-template="kinetic"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Hero {%- endcomment -%}
   <section class="hero hero--project" aria-label="Project header">

package/dist/render/templates/kinetic/styles.css CHANGED Viewed

@@ -18,6 +18,9 @@
   --font-display: 'Space Grotesk', sans-serif;
   --font-body: 'Inter', -apple-system, sans-serif;
   --font-mono: 'IBM Plex Mono', monospace;
+  /* Scale up on wide monitors (wall-mounted 2k+) instead of leaving a dead
+     band on each side, but keep a ceiling so line length doesn't go wild. */
+  --content-max: min(2000px, calc(100vw - 4rem));
 }
 body {
@@ -66,6 +69,9 @@ body {
 .kinetic .hero-content {
   position: relative;
   z-index: 1;
+  width: 100%;
+  max-width: var(--content-max);
+  margin: 0 auto;
 }
 .kinetic .eyebrow {
   display: inline-flex; align-items: center; gap: 0.75rem;
@@ -167,11 +173,11 @@ body {
 .kinetic .stats-row {
   display: flex;
   gap: 2.5rem;
-  padding: 2rem 0;
+  padding: 2rem 2.5rem;
   border-top: 1px solid var(--border);
   border-bottom: 1px solid var(--border);
   margin: 0 auto;
-  max-width: 900px;
+  max-width: var(--content-max);
 }
 .kinetic .stat-item {
   display: flex;
@@ -251,7 +257,7 @@ body {
 /* ── Sections ── */
 .kinetic .section {
   padding: 6rem 2.5rem;
-  max-width: 1100px;
+  max-width: var(--content-max);
   margin: 0 auto;
 }
 .kinetic .section--flush { padding-top: 0; }
@@ -507,7 +513,7 @@ body {
 /* ── Project hero (project page) ── */
 .kinetic .hero--project {
   min-height: 60vh;
-  max-width: 1100px;
+  max-width: var(--content-max);
   margin: 0 auto;
 }
 .kinetic .hero--project h1 {
@@ -527,7 +533,7 @@ body {
   padding: 2rem 2.5rem;
   border-top: 1px solid var(--border);
   border-bottom: 1px solid var(--border);
-  max-width: 1100px;
+  max-width: var(--content-max);
   margin: 0 auto;
 }
@@ -674,7 +680,7 @@ body {
   padding: 8rem 2.5rem 3rem;
   position: relative;
   overflow: hidden;
-  max-width: 1100px;
+  max-width: var(--content-max);
   margin: 0 auto;
 }
 .kinetic .hero--session h1 {
@@ -704,7 +710,7 @@ body {
 /* ── Dev take section ── */
 .kinetic .dev-take-section {
-  max-width: 1100px;
+  max-width: var(--content-max);
   margin: 0 auto;
   padding: 0 2.5rem 3rem;
 }
@@ -714,7 +720,7 @@ body {
   display: grid;
   grid-template-columns: 1fr 320px;
   gap: 2.5rem;
-  max-width: 1100px;
+  max-width: var(--content-max);
   margin: 0 auto;
   padding: 0 2.5rem 6rem;
 }
@@ -900,7 +906,7 @@ body {
   border-top: 1px solid var(--border);
   display: flex; justify-content: space-between;
   font-size: 0.75rem; color: var(--text-3);
-  max-width: 1100px; margin: 0 auto;
+  max-width: var(--content-max); margin: 0 auto;
 }
 .kinetic .footer a { color: var(--text-3); }
 .kinetic .footer a:hover { color: var(--orange); }

package/dist/render/templates/meridian/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project meridian" data-render-version="2" data-template="meridian"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project meridian" data-render-version="2" data-template="meridian"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Topographic contour background {%- endcomment -%}
   <div class="topo-bg" aria-hidden="true">

package/dist/render/templates/minimal/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project minimal" data-render-version="2" data-template="minimal"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project minimal" data-render-version="2" data-template="minimal"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <div class="mn-project">

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

@@ -1,4 +1,4 @@
-<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="heyiam-project mono" data-render-version="2" data-template="mono"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <div class="mono-page">

package/dist/render/templates/neon/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project neon" data-render-version="2" data-template="neon"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project neon" data-render-version="2" data-template="neon"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <div class="grid-bg" aria-hidden="true"></div>

package/dist/render/templates/noir/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="noir-page" data-render-version="2" data-template="noir"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="noir-page" data-render-version="2" data-template="noir"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <!-- Breadcrumb -->
   <nav class="noir-breadcrumb" aria-label="Breadcrumb">

package/dist/render/templates/obsidian/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project obsidian" data-render-version="2" data-template="obsidian"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project obsidian" data-render-version="2" data-template="obsidian"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <a href="#main" class="skip-link">Skip to content</a>

package/dist/render/templates/paper/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project paper" data-render-version="2" data-template="paper"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project paper" data-render-version="2" data-template="paper"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Masthead {%- endcomment -%}
   <header class="masthead fade-in fade-in-d1" role="banner">

package/dist/render/templates/parallax/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project parallax" data-render-version="2" data-template="parallax"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project parallax" data-render-version="2" data-template="parallax"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <a href="#main-content" class="skip-link">Skip to content</a>

package/dist/render/templates/parchment/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project parchment" data-render-version="2" data-template="parchment"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project parchment" data-render-version="2" data-template="parchment"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <a href="#main-content" class="skip-link">Skip to content</a>
   <div class="page-wrapper">

package/dist/render/templates/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<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 }}">
+<div class="heyiam-project" data-render-version="2"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Title {%- endcomment -%}
   <h1 class="project-title" data-editable="title">{{ project.title }}</h1>

package/dist/render/templates/radar/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project radar" data-render-version="2" data-template="radar"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project radar" data-render-version="2" data-template="radar"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Breadcrumb {%- endcomment -%}
   <nav class="radar-breadcrumb" aria-label="Breadcrumb">

package/dist/render/templates/showcase/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project showcase" data-render-version="2" data-template="showcase"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project showcase" data-render-version="2" data-template="showcase"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <div class="sc-page">
     <main id="main-content">

package/dist/render/templates/signal/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project signal" data-render-version="2" data-template="signal"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project signal" data-render-version="2" data-template="signal"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <a href="#main" class="skip-link">Skip to content</a>

package/dist/render/templates/strata/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="strata-project" data-render-version="2" data-template="strata"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="strata-project" data-render-version="2" data-template="strata"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Title {%- endcomment -%}
   <h1 class="strata-title" data-editable="title">{{ project.title }}</h1>

package/dist/render/templates/terminal/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project terminal" data-render-version="2" data-template="terminal"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project terminal" data-render-version="2" data-template="terminal"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   {%- comment -%} Prompt-style breadcrumb {%- endcomment -%}
   <div class="term-prompt">

package/dist/render/templates/verdant/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="heyiam-project verdant" data-render-version="2" data-template="verdant"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="heyiam-project verdant" data-render-version="2" data-template="verdant"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <div class="vd-page">

package/dist/render/templates/zen/project.liquid CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="zen-project-page" data-render-version="2" data-template="zen"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+<div class="zen-project-page" data-render-version="2" data-template="zen"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-session-suffix="{{ sessionSuffix }}" data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
   <main class="zen-container">

package/dist/routes/portfolio-render-data.js CHANGED Viewed

@@ -12,7 +12,7 @@ import { toSlug } from '../format-utils.js';
  * Mirrors the preview route's assembly logic. Projects that fail to load are
  * silently skipped — the portfolio still publishes with whatever succeeds.
  */
-export async function buildPortfolioRenderData(ctx, auth) {
+export async function buildPortfolioRenderData(ctx, auth, opts = {}) {
     const profile = getPortfolioProfile();
     const allRawProjects = await ctx.getProjects();
     // Build a recency map from DB stats so the default-when-empty branch of
@@ -81,7 +81,7 @@ export async function buildPortfolioRenderData(ctx, auth) {
             status: 'active',
             email: profile.email,
             phone: profile.phone,
-            photoUrl: profile.photoBase64 || undefined,
+            photoUrl: opts.photoUrlOverride || profile.photoBase64 || undefined,
             linkedinUrl: profile.linkedinUrl,
             githubUrl: profile.githubUrl,
             twitterHandle: profile.twitterHandle,

package/dist/routes/preview.js CHANGED Viewed

@@ -191,6 +191,7 @@ async function buildProjectPreviewData(ctx, projectParam, queryOverrides) {
         sessionCards,
         allSessionCards,
         sessionBaseUrl: `/preview/project/${encodeURIComponent(projectParam)}/session`,
+        sessionSuffix: '.html',
     });
     const result = { renderData, enhanceResult, projName: projAny.name };
     // Cache the result (template-agnostic data, re-rendered cheaply per template)
@@ -414,18 +415,33 @@ body { overflow: auto !important; min-height: auto !important; }
     router.get('/preview/project/:project/session/:sessionId', async (req, res) => {
         try {
             const projectParam = String(req.params.project);
-            const sessionId = String(req.params.sessionId);
+            // Anchor hrefs in the project preview are built from the session slug
+            // (title-derived) with a ".html" suffix, but the CLI session files are
+            // keyed by Claude UUID. Strip the suffix and match by either.
+            const rawParam = String(req.params.sessionId).replace(/\.html$/, '');
             const rawProjects = await ctx.getProjects();
             const rawProj = rawProjects.find((p) => p.name === projectParam || p.dirName === projectParam);
             if (!rawProj) {
                 res.status(404).send('Project not found');
                 return;
             }
-            const meta = rawProj.sessions.find((s) => s.sessionId === sessionId);
+            // The project preview's anchor hrefs use the title-derived slug produced
+            // by rowToCard() above, not the Claude UUID. Resolve either form here.
+            const rows = getSessionsByProject(ctx.db, rawProj.dirName);
+            const rowById = new Map(rows.map((r) => [r.id, r]));
+            const meta = rawProj.sessions.find((s) => {
+                if (s.sessionId === rawParam)
+                    return true;
+                const row = rowById.get(s.sessionId);
+                const enh = loadEnhancedData(s.sessionId);
+                const title = enh?.title ?? row?.title ?? s.sessionId;
+                return toSlug(title, 80) === rawParam;
+            });
             if (!meta) {
                 res.status(404).send('Session not found');
                 return;
             }
+            const sessionId = meta.sessionId;
             const auth = getAuthToken();
             const session = await ctx.loadSession(meta.path, rawProj.name, sessionId);
             const enhanced = loadEnhancedData(sessionId);

package/dist/routes/project-session-upload.js CHANGED Viewed

@@ -12,7 +12,8 @@ import { buildAgentSummary } from './context.js';
 import { toSlug } from '../format-utils.js';
 import { getFileCountWithChildren } from '../db.js';
 export async function uploadSelectedSessions(ctx, auth, options) {
-    const { proj, projectData, selectedSessionIds, send } = options;
+    const { proj, projectData, selectedSessionIds, sessionStatus, send } = options;
+    const shareStatus = sessionStatus ?? 'unlisted';
     const notify = send ?? ((_evt) => { });
     let uploadedCount = 0;
     const failedSessions = [];
@@ -79,7 +80,7 @@ export async function uploadSelectedSessions(ctx, auth, options) {
                     project_name: proj.name,
                     project_id: projectData.project_id,
                     slug: sessionSlug,
-                    status: 'unlisted',
+                    status: shareStatus,
                     source_tool: sessionSourceTool,
                     agent_summary: agentSummary,
                     rendered_html: sessionRenderedHtml,
@@ -123,7 +124,7 @@ export async function uploadSelectedSessions(ctx, auth, options) {
                 slug: sessionSlug,
                 project_name: proj.name,
                 narrative: sessionNarrative,
-                status: 'unlisted',
+                status: shareStatus,
                 raw_log: [],
                 execution_path: (enhanced?.executionSteps ?? session.executionPath ?? []).map((s, i) => ({
                     label: s.title ?? `Step ${i + 1}`,