heyiam 0.3.6 → 0.3.9

package/dist/render/templates/styles.css

@@ -30,6 +30,17 @@
   --font-body: 'Inter', sans-serif;
   --font-mono: 'IBM Plex Mono', monospace;
 
+  /* Type scale — xs is the WCAG-driven readable floor for labels/meta.
+     Templates may override individual sizes for identity, but should
+     reference these tokens before introducing new literals. */
+  --font-size-xs:   0.75rem;   /* 12px — labels, meta, caption */
+  --font-size-sm:   0.875rem;  /* 14px — small body, dense rows */
+  --font-size-base: 1rem;      /* 16px — body */
+  --font-size-lg:   1.125rem;  /* 18px — subhead */
+  --font-size-xl:   1.25rem;   /* 20px — heading */
+  --font-size-2xl:  1.5rem;    /* 24px — section heading */
+  --font-size-3xl:  2rem;      /* 32px — page title */
+
   --radius-sm: 0.25rem;
   --radius-md: 0.375rem;
 }
@@ -107,13 +118,13 @@ a:hover { text-decoration: underline; }
 }
 .section-header__title {
   font-family: var(--font-display);
-  font-size: 1rem;
+  font-size: var(--font-size-base);
   font-weight: 600;
   color: var(--on-surface);
 }
 .section-header__meta {
   font-family: var(--font-mono);
-  font-size: 9px;
+  font-size: var(--font-size-xs);
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--on-surface-variant);
@@ -145,7 +156,7 @@ a:hover { text-decoration: underline; }
 }
 
 .stat-card__value--sm {
-  font-size: 1.25rem;
+  font-size: var(--font-size-xl);
 }
 
 .stat-grid {
@@ -162,7 +173,7 @@ a:hover { text-decoration: underline; }
 }
 .stat-card__label {
   font-family: var(--font-mono);
-  font-size: 9px;
+  font-size: var(--font-size-xs);
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--on-surface-variant);
@@ -170,7 +181,7 @@ a:hover { text-decoration: underline; }
 }
 .stat-card__value {
   font-family: var(--font-display);
-  font-size: 1.5rem;
+  font-size: var(--font-size-2xl);
   font-weight: 700;
   color: var(--on-surface);
 }
@@ -184,7 +195,7 @@ a:hover { text-decoration: underline; }
   font-family: var(--font-mono);
   font-size: 11px;
   line-height: 1.2;
-  padding: 0.125rem 0.5rem;
+  padding: 0.25rem 0.5rem;
   border-radius: var(--radius-sm);
   background: var(--surface-low);
   color: var(--on-surface-variant);
@@ -210,7 +221,7 @@ a:hover { text-decoration: underline; }
 
 .project-title {
   font-family: var(--font-display);
-  font-size: 1.25rem;
+  font-size: var(--font-size-xl);
   font-weight: 700;
   color: var(--on-surface);
   margin-bottom: 0.25rem;
@@ -224,7 +235,7 @@ a:hover { text-decoration: underline; }
 }
 .project-link {
   font-family: var(--font-mono);
-  font-size: 0.75rem;
+  font-size: var(--font-size-xs);
   color: var(--primary);
   display: flex;
   align-items: center;
@@ -284,7 +295,7 @@ a:hover { text-decoration: underline; }
   text-align: left;
   padding: 0.5rem 0;
   font-family: var(--font-mono);
-  font-size: 9px;
+  font-size: var(--font-size-xs);
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--outline);
@@ -335,7 +346,7 @@ a:hover { text-decoration: underline; }
 }
 .session-card__meta {
   color: var(--on-surface-variant);
-  font-size: 0.75rem;
+  font-size: var(--font-size-xs);
 }
 .session-card__skills { margin-top: 0.5rem; }
 
@@ -348,13 +359,13 @@ a:hover { text-decoration: underline; }
 }
 .note__title {
   font-family: var(--font-body);
-  font-size: 0.875rem;
+  font-size: var(--font-size-sm);
   font-weight: 600;
   color: var(--on-surface);
   margin-bottom: 0.25rem;
 }
 .note__body {
-  font-size: 0.875rem;
+  font-size: var(--font-size-sm);
   color: var(--on-surface-variant);
   line-height: 1.5;
 }
@@ -395,7 +406,7 @@ a:hover { text-decoration: underline; }
 }
 .phase-timeline__label {
   font-family: var(--font-mono);
-  font-size: 0.6875rem;
+  font-size: var(--font-size-xs);
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--on-surface-variant);
@@ -410,7 +421,7 @@ a:hover { text-decoration: underline; }
 }
 .export-footer__text {
   font-family: var(--font-mono);
-  font-size: 10px;
+  font-size: var(--font-size-xs);
   color: var(--on-surface-variant);
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -438,7 +449,7 @@ a:hover { text-decoration: underline; }
 .sidebar-section { margin-bottom: 1.5rem; }
 .sidebar-section__heading {
   font-family: var(--font-mono);
-  font-size: 9px;
+  font-size: var(--font-size-xs);
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--outline);
@@ -457,7 +468,7 @@ a:hover { text-decoration: underline; }
 }
 .tool-list__name, .file-list__path {
   font-family: var(--font-mono);
-  font-size: 0.75rem;
+  font-size: var(--font-size-xs);
   color: var(--on-surface);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -465,7 +476,7 @@ a:hover { text-decoration: underline; }
 }
 .tool-list__count {
   font-family: var(--font-mono);
-  font-size: 0.75rem;
+  font-size: var(--font-size-xs);
   color: var(--on-surface-variant);
 }
 .file-list__adds { color: var(--green); font-family: var(--font-mono); font-size: 0.6875rem; }
@@ -476,7 +487,7 @@ a:hover { text-decoration: underline; }
 
 .breadcrumb {
   font-family: var(--font-mono);
-  font-size: 0.75rem;
+  font-size: var(--font-size-xs);
   color: var(--on-surface-variant);
   margin-bottom: 1rem;
 }
@@ -486,7 +497,7 @@ a:hover { text-decoration: underline; }
 .session-header { margin-bottom: 1.5rem; }
 .session-header__title {
   font-family: var(--font-display);
-  font-size: 1.5rem;
+  font-size: var(--font-size-2xl);
   font-weight: 700;
   color: var(--on-surface);
   margin-bottom: 0.5rem;
@@ -500,11 +511,11 @@ a:hover { text-decoration: underline; }
 }
 .session-header__date {
   font-family: var(--font-mono);
-  font-size: 0.75rem;
+  font-size: var(--font-size-xs);
 }
 .session-header__source {
   font-family: var(--font-mono);
-  font-size: 0.75rem;
+  font-size: var(--font-size-xs);
   background: var(--surface-low);
   padding: 0.125rem 0.5rem;
   border-radius: var(--radius-sm);
@@ -521,7 +532,7 @@ a:hover { text-decoration: underline; }
 .session-header__devtake p { margin: 0; }
 .session-header__context {
   color: var(--on-surface-variant);
-  font-size: 0.875rem;
+  font-size: var(--font-size-sm);
   margin: 0.75rem 0;
 }
 
@@ -537,13 +548,13 @@ a:hover { text-decoration: underline; }
 }
 .stat__value {
   font-family: var(--font-display);
-  font-size: 1.125rem;
+  font-size: var(--font-size-lg);
   font-weight: 700;
   color: var(--on-surface);
 }
 .stat__label {
   font-family: var(--font-mono);
-  font-size: 9px;
+  font-size: var(--font-size-xs);
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--on-surface-variant);
@@ -560,7 +571,7 @@ a:hover { text-decoration: underline; }
 }
 .content-section__heading {
   font-family: var(--font-display);
-  font-size: 1rem;
+  font-size: var(--font-size-base);
   font-weight: 600;
   color: var(--on-surface);
   margin-bottom: 0.75rem;
@@ -591,7 +602,7 @@ a:hover { text-decoration: underline; }
 .beat:last-child { border-bottom: none; }
 .beat__number {
   font-family: var(--font-mono);
-  font-size: 0.75rem;
+  font-size: var(--font-size-xs);
   color: var(--primary);
   font-weight: 600;
   min-width: 1.5rem;
@@ -601,7 +612,7 @@ a:hover { text-decoration: underline; }
 .beat__content { flex: 1; min-width: 0; }
 .beat__title {
   font-family: var(--font-display);
-  font-size: 0.875rem;
+  font-size: var(--font-size-sm);
   font-weight: 600;
   color: var(--on-surface);
 }
@@ -627,7 +638,7 @@ a:hover { text-decoration: underline; }
 }
 .qa-pair__answer {
   color: var(--on-surface-variant);
-  font-size: 0.875rem;
+  font-size: var(--font-size-sm);
   line-height: 1.5;
 }
 

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

@@ -82,9 +82,9 @@
         <span class="term-sep">&middot;</span>
         <span>{{ project.totalFilesChanged }} files</span>
       </div>
-      {% if project.skills.size > 0 %}
+      {% if project.profileSkills.size > 0 %}
       <div class="term-project-entry__skills">
-        {% for skill in project.skills %}
+        {% for skill in project.profileSkills %}
         <span class="term-skill-tag">{{ skill }}</span>
         {% endfor %}
       </div>

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

@@ -69,7 +69,7 @@
   {% if sessionsJson %}
   <div class="term-section">
     <div class="term-comment"># work timeline</div>
-    <div data-work-timeline data-sessions='{{ sessionsJson | raw }}'></div>
+    <div data-work-timeline data-sessions='{{ sessionsJson | raw }}'{% if hideSessionDates %} data-hide-dates="1"{% endif %}></div>
   </div>
   {% endif %}
 

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

@@ -142,8 +142,8 @@
               <h3>{{ p.title }}</h3>
               <span class="vd-project-card__arrow" aria-hidden="true">&rarr;</span>
             </div>
-            {% if p.narrative != blank %}
-            <p class="vd-project-card__narrative">{{ p.narrative }}</p>
+            {% if p.tagline != blank %}
+            <p class="vd-project-card__narrative">{{ p.tagline }}</p>
             {% endif %}
             <div class="vd-project-card__meta">
               <span>{{ p.totalSessions }} sessions</span>
@@ -152,9 +152,9 @@
               <span>&middot;</span>
               <span>{{ p.totalLoc | formatLoc }} LOC</span>
             </div>
-            {% if p.skills.size > 0 %}
+            {% if p.profileSkills.size > 0 %}
             <div class="vd-skills" aria-label="Skills used">
-              {% for skill in p.skills %}
+              {% for skill in p.profileSkills %}
               <span class="vd-skill-chip">{{ skill }}</span>
               {% endfor %}
             </div>

package/dist/render/templates/verdant/styles.css

@@ -294,7 +294,7 @@
 /* Project page uses smaller stat cards */
 .verdant.heyiam-project .vd-stat-card { padding: 1rem; }
 .verdant.heyiam-project .vd-stat-value { font-size: 1.5rem; }
-.verdant.heyiam-project .vd-stat-label { font-size: 0.6875rem; }
+.verdant.heyiam-project .vd-stat-label { font-size: 0.75rem; }
 
 /* ── Section Headers ── */
 .verdant .vd-section-header {
@@ -482,7 +482,7 @@
 
 /* ── Narrative ── */
 .verdant .vd-narrative {
-  font-size: 0.9375rem;
+  font-size: 1rem;
   line-height: 1.8;
   color: var(--vd-on-surface-2);
 }
@@ -1256,6 +1256,21 @@
   .verdant .vd-footer { flex-direction: column; gap: 0.5rem; text-align: center; }
 }
 
+@media (max-width: 480px) {
+  .verdant .vd-page { padding: 1rem 0.75rem 2rem; }
+  .verdant .vd-hero h1 { font-size: 1.375rem; }
+  .verdant .vd-hero__avatar { width: 64px; height: 64px; font-size: 1.375rem; }
+  .verdant .vd-hero__photo { width: 80px; height: 104px; }
+  .verdant .vd-stats,
+  .verdant .vd-stat-grid { grid-template-columns: 1fr; }
+  .verdant .vd-sidebar { grid-template-columns: 1fr; }
+  .verdant .vd-project-header h1 { font-size: 1.375rem; }
+  .verdant .vd-session-header h1 { font-size: 1.25rem; }
+  .verdant .vd-vine-timeline,
+  .verdant .vd-beats { padding-left: 1.25rem; }
+  .verdant .vd-nav__links { flex-wrap: wrap; gap: 0.75rem; }
+}
+
 
 /* Live-edit empty field hiding */
 [data-portfolio-empty="true"] { display: none; }

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

@@ -71,15 +71,15 @@
         <h3 class="zen-project-title">
           <a href="/{{ user.username }}/{{ p.slug }}">{{ p.title }}</a>
         </h3>
-        {% if p.narrative != blank %}
-        <p class="zen-project-narrative">{{ p.narrative }}</p>
+        {% if p.tagline != blank %}
+        <p class="zen-project-narrative">{{ p.tagline }}</p>
         {% endif %}
         <p class="zen-project-meta">
           {{ p.totalSessions }} sessions &middot; {{ p.totalDurationMinutes | formatDuration }} &middot; {{ p.totalLoc | localeNumber }} lines changed
         </p>
-        {% if p.skills.size > 0 %}
+        {% if p.profileSkills.size > 0 %}
         <p class="zen-project-skills">
-          {{ p.skills | join: ", " }}
+          {{ p.profileSkills | join: ", " }}
         </p>
         {% endif %}
         {% if p.sourceCounts.size > 0 %}

package/dist/render/templates/zen/styles.css

@@ -276,7 +276,7 @@ a:active {
 
 .zen-body {
   font-family: var(--zen-font-body);
-  font-size: 0.9375rem;
+  font-size: 1rem;
   line-height: 1.8;
   color: var(--zen-text-secondary);
 }
@@ -342,7 +342,7 @@ a:active {
 
 .zen-header-bio {
   font-family: var(--zen-font-body);
-  font-size: 0.9375rem;
+  font-size: 1rem;
   line-height: 1.8;
   color: var(--zen-text-secondary);
   margin-block-end: 1rem;
@@ -500,7 +500,7 @@ a:active {
 
 .zen-project-narrative {
   font-family: var(--zen-font-body);
-  font-size: 0.9375rem;
+  font-size: 1rem;
   line-height: 1.8;
   color: var(--zen-text-secondary);
   margin-block-end: 1.25rem;
@@ -591,7 +591,7 @@ a:active {
 /* ── Narrative ── */
 .zen-narrative p {
   font-family: var(--zen-font-body);
-  font-size: 0.9375rem;
+  font-size: 1rem;
   line-height: 1.9;
   color: var(--zen-text-secondary);
   margin-block-end: 1.5rem;
@@ -703,7 +703,7 @@ a:active {
 
 .zen-decision-text {
   font-family: var(--zen-font-body);
-  font-size: 0.9375rem;
+  font-size: 1rem;
   line-height: 1.7;
   color: var(--zen-text-secondary);
 }
@@ -837,7 +837,7 @@ a:active {
 
 .zen-beat-desc {
   font-family: var(--zen-font-body);
-  font-size: 0.9375rem;
+  font-size: 1rem;
   line-height: 1.85;
   color: var(--zen-text-secondary);
 }
@@ -861,7 +861,7 @@ a:active {
 
 .zen-question {
   font-family: var(--zen-font-body);
-  font-size: 0.9375rem;
+  font-size: 1rem;
   font-weight: 500;
   line-height: 1.7;
   color: var(--zen-text);
@@ -870,7 +870,7 @@ a:active {
 
 .zen-answer {
   font-family: var(--zen-font-body);
-  font-size: 0.9375rem;
+  font-size: 1rem;
   line-height: 1.85;
   color: var(--zen-text-secondary);
 }

package/dist/routes/context.js

@@ -9,8 +9,8 @@ import { bridgeToAnalyzer, mergeActiveIntervals, sumIntervalMs } from '../bridge
 import { analyzeSession } from '../analyzer.js';
 import { loadEnhancedData, loadProjectEnhanceResult, getUploadedState, } from '../settings.js';
 import { getTemplateCss } from '../render/templates.js';
-import { archiveSessionFiles } from '../archive.js';
-import { getDatabase, openDatabase, getSessionStats as dbGetSessionStats, getSessionCount, getAllSessionMetas, getAllProjectStats, getSessionsByProject, getProjectUuid, } from '../db.js';
+import { archiveSessionFiles, findReadableSessionPath } from '../archive.js';
+import { getDatabase, openDatabase, getSessionStats as dbGetSessionStats, getSessionCount, getAllSessionMetas, getAllProjectStats, getSessionsByProject, getProjectUuid, getSessionRow, updateSessionPath, } from '../db.js';
 import { ensureSessionIndexed, displayNameFromDir } from '../sync.js';
 export { displayNameFromDir };
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
@@ -298,11 +298,34 @@ export function createRouteContext(sessionsBasePath, dbPath) {
         };
     }
     async function loadSession(sessionPath, projectName, sessionId) {
-        const parsed = await parseSession(sessionPath);
+        const readablePath = await resolveSessionReadPath(sessionPath, sessionId);
+        const parsed = await parseSession(readablePath);
         const analyzerInput = bridgeToAnalyzer(parsed, { sessionId, projectName });
         const session = analyzeSession(analyzerInput);
         return mergeEnhancedData(session);
     }
+    /**
+     * Returns a path to a readable session file. If the originally-indexed
+     * path still exists, returns it unchanged. Otherwise falls back to the
+     * archive copy and heals the DB cache so future reads skip the lookup.
+     *
+     * This compensates for source tools (notably Claude Code's 30-day
+     * cleanup) deleting session files after we've indexed them.
+     */
+    async function resolveSessionReadPath(originalPath, sessionId) {
+        const row = getSessionRow(db, sessionId);
+        const projectDir = row?.project_dir;
+        if (!projectDir)
+            return originalPath;
+        const readable = await findReadableSessionPath(originalPath, projectDir);
+        if (!readable)
+            return originalPath;
+        if (readable !== originalPath) {
+            updateSessionPath(db, sessionId, readable);
+            console.log(`[loadSession] Healed stale path for ${sessionId} → archive copy`);
+        }
+        return readable;
+    }
     // ── getSessionStats ──────────────────────────────────────
     async function getSessionStats(meta, projectName) {
         try {

package/dist/routes/enhance.js

@@ -5,7 +5,7 @@ import { enhanceProject, refineNarrative } from '../llm/project-enhance.js';
 import { getAnthropicApiKey, saveEnhancedData, loadEnhancedData, deleteEnhancedData, loadFreshProjectEnhanceResult, saveProjectEnhanceResult, loadProjectEnhanceResult, buildProjectFingerprint, getUploadedState, } from '../settings.js';
 import { requireProject } from './context.js';
 import { startSSE } from './sse.js';
-import { invalidatePortfolioPreviewCache } from './preview.js';
+import { invalidatePortfolioPreviewCache, invalidateProjectPreviewCache } from './preview.js';
 export function createEnhanceRouter(ctx) {
     const router = Router();
     // Triage endpoint -- AI selects which sessions are worth showcasing (SSE stream)
@@ -259,7 +259,11 @@ export function createEnhanceRouter(ctx) {
     // Save project enhance result explicitly
     router.post('/api/projects/:project/enhance-save', async (req, res) => {
         const project = String(req.params.project);
-        const { selectedSessionIds, result, title, repoUrl, projectUrl, screenshotBase64 } = req.body;
+        // FIXME(security): screenshotBase64 is accepted with no size cap and no
+        // `data:image/(png|jpeg|jpg|webp);base64,...` shape check. Local-only CLI
+        // so not a privilege issue today, but worth a regex + ~4 MB cap for
+        // defense-in-depth and to keep the cache JSON from ballooning.
+        const { selectedSessionIds, result, title, repoUrl, projectUrl, screenshotBase64, hideSessionDates } = req.body;
         if (!Array.isArray(selectedSessionIds) || !result?.narrative) {
             res.status(400).json({ error: { code: 'INVALID_INPUT', message: 'selectedSessionIds and result are required' } });
             return;
@@ -272,9 +276,12 @@ export function createEnhanceRouter(ctx) {
             const proj = await requireProject(ctx, project, res);
             if (!proj)
                 return;
-            saveProjectEnhanceResult(proj.dirName, selectedSessionIds, result, undefined, { title, repoUrl, projectUrl, screenshotBase64 });
+            saveProjectEnhanceResult(proj.dirName, selectedSessionIds, result, undefined, { title, repoUrl, projectUrl, screenshotBase64, hideSessionDates });
             // Project title/narrative/skills appear in portfolio listing — bust cache.
             invalidatePortfolioPreviewCache();
+            // Per-project render cache is keyed by the URL param the client passed.
+            invalidateProjectPreviewCache(project);
+            invalidateProjectPreviewCache(proj.dirName);
             res.json({ saved: true, enhancedAt: new Date().toISOString() });
         }
         catch (err) {

package/dist/routes/export.js

@@ -52,6 +52,7 @@ function buildFallbackCache(sessions) {
         enhancedAt: new Date().toISOString(),
         selectedSessionIds: allIds,
         result: {
+            tagline: '',
             narrative: '',
             arc: [],
             skills: allSkills,

package/dist/routes/github.js

@@ -188,7 +188,7 @@ export function createGithubRouter(ctx) {
                         fingerprint: 'gh-publish',
                         enhancedAt: new Date().toISOString(),
                         selectedSessionIds: detail.sessions.map((s) => s.id),
-                        result: { narrative: '', arc: [], skills: [], timeline: [], questions: [] },
+                        result: { tagline: '', narrative: '', arc: [], skills: [], timeline: [], questions: [] },
                     };
                     const proj = detail.project;
                     projectInputs.push({

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

@@ -2,6 +2,7 @@ import { getPortfolioProfile, loadProjectEnhanceResult } from '../settings.js';
 import { getSessionsByProject, getAllProjectStats } from '../db.js';
 import { displayNameFromDir } from '../sync.js';
 import { toSlug } from '../format-utils.js';
+import { selectProfileSkills } from '../render/select-profile-skills.js';
 /**
  * Assemble the `PortfolioRenderData` payload from local project data.
  *
@@ -54,16 +55,29 @@ export async function buildPortfolioRenderData(ctx, auth, opts = {}) {
                 loc: (s.loc_added || 0) + (s.loc_removed || 0),
                 durationMinutes: s.duration_minutes || 0,
             }));
+            const projectSkills = cached?.result?.skills || proj.skills || [];
+            const sessionSkills = dbSessions
+                .filter((s) => !s.is_subagent && s.skills)
+                .map((s) => {
+                try {
+                    return JSON.parse(s.skills);
+                }
+                catch {
+                    return [];
+                }
+            });
             portfolioProjects.push({
                 slug: toSlug(title),
                 title,
+                tagline: cached?.result?.tagline || '',
                 narrative: cached?.result?.narrative || proj.description || '',
                 totalSessions: projSessions,
                 totalLoc: projLoc,
                 totalDurationMinutes: projDuration,
                 totalAgentDurationMinutes: projAgentDuration,
                 totalFilesChanged: proj.totalFiles || 0,
-                skills: cached?.result?.skills || proj.skills || [],
+                skills: projectSkills,
+                profileSkills: selectProfileSkills({ projectSkills, sessionSkills }),
                 publishedCount: 0,
                 sessions: sessionActivity,
             });

package/dist/routes/preview.js

@@ -14,6 +14,7 @@ import { displayNameFromDir } from '../sync.js';
 import { toSlug } from '../format-utils.js';
 import { getSessionsByProject, getAllProjectStats } from '../db.js';
 import { applyPortfolioProjectFilter } from './portfolio-render-data.js';
+import { selectProfileSkills } from '../render/select-profile-skills.js';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 /**
  * In-memory cache for expensive buildProjectPreviewData calls.
@@ -53,6 +54,15 @@ function portfolioCacheKey(templateName) {
 export function invalidatePortfolioPreviewCache() {
     portfolioPreviewCache.clear();
 }
+/**
+ * Drop the per-project render-data cache for `projectParam`. Call after any
+ * mutation that affects the rendered project page (title, URLs, narrative,
+ * screenshot, skills, timeline). Without this, the 30s TTL on
+ * previewDataCache masks the change in the React UI.
+ */
+export function invalidateProjectPreviewCache(projectParam) {
+    previewDataCache.delete(projectParam);
+}
 /** Test helper: read current cache entry without mutating. */
 export function _getPortfolioPreviewCacheEntry(templateName = 'editorial') {
     return portfolioPreviewCache.get(portfolioCacheKey(templateName));
@@ -176,6 +186,12 @@ async function buildProjectPreviewData(ctx, projectParam, queryOverrides) {
         repoUrl: metaRepoUrl,
         projectUrl: metaProjectUrl,
         screenshotUrl: (() => {
+            // Manual uploads land only in the enhance-cache JSON (no disk write),
+            // so check the cache first — mirrors export.ts:resolveScreenshotDataUri.
+            const b64 = cachedAny?.screenshotBase64;
+            if (b64) {
+                return b64.startsWith('data:') ? b64 : `data:image/png;base64,${b64}`;
+            }
             return existsSync(path.join(SCREENSHOTS_DIR, `${slug}.png`))
                 ? `/screenshots/${slug}.png`
                 : undefined;
@@ -192,6 +208,7 @@ async function buildProjectPreviewData(ctx, projectParam, queryOverrides) {
         allSessionCards,
         sessionBaseUrl: `/preview/project/${encodeURIComponent(projectParam)}/session`,
         sessionSuffix: '.html',
+        hideSessionDates: cachedAny?.hideSessionDates,
     });
     const result = { renderData, enhanceResult, projName: projAny.name };
     // Cache the result (template-agnostic data, re-rendered cheaply per template)
@@ -587,16 +604,29 @@ body { overflow: auto !important; min-height: auto !important; }
                         loc: (s.loc_added || 0) + (s.loc_removed || 0),
                         durationMinutes: s.duration_minutes || 0,
                     }));
+                    const projectSkills = cached?.result?.skills || proj.skills || [];
+                    const sessionSkills = dbSessions
+                        .filter(s => !s.is_subagent && s.skills)
+                        .map(s => {
+                        try {
+                            return JSON.parse(s.skills);
+                        }
+                        catch {
+                            return [];
+                        }
+                    });
                     portfolioProjects.push({
                         slug: toSlug(title),
                         title,
+                        tagline: cached?.result?.tagline || '',
                         narrative: cached?.result?.narrative || proj.description || '',
                         totalSessions: projSessions,
                         totalLoc: projLoc,
                         totalDurationMinutes: projDuration,
                         totalAgentDurationMinutes: projAgentDuration,
                         totalFilesChanged: proj.totalFiles || 0,
-                        skills: cached?.result?.skills || proj.skills || [],
+                        skills: projectSkills,
+                        profileSkills: selectProfileSkills({ projectSkills, sessionSkills }),
                         publishedCount: 0,
                         sessions: sessionActivity,
                     });

package/dist/routes/projects.js

@@ -217,7 +217,14 @@ export function createProjectsRouter(ctx) {
                 res.status(400).json({ error: { code: 'NO_CACHE', message: 'Project must be enhanced before managing sessions' } });
                 return;
             }
-            saveProjectEnhanceResult(proj.dirName, selectedSessionIds, cache.result, undefined, { title: cache.title, repoUrl: cache.repoUrl, projectUrl: cache.projectUrl, screenshotBase64: cache.screenshotBase64 });
+            saveProjectEnhanceResult(proj.dirName, selectedSessionIds, cache.result, undefined, {
+                title: cache.title,
+                repoUrl: cache.repoUrl,
+                projectUrl: cache.projectUrl,
+                screenshotBase64: cache.screenshotBase64,
+                template: cache.template,
+                hideSessionDates: cache.hideSessionDates,
+            });
             invalidatePortfolioPreviewCache();
             res.json({ ok: true, selectedSessionIds });
         }