heyiam 0.3.4 → 0.3.7

package/dist/export.js

@@ -42,8 +42,10 @@ function resolveScreenshotDataUri(dirName, cache) {
             return b64;
         return `data:image/png;base64,${b64}`;
     }
-    // Try local screenshot file
-    const slug = toSlug(dirName);
+    // Try local screenshot file. Screenshots are keyed by the clean slug that
+    // the publish flow uses (toSlug(displayNameFromDir(dirName))), not the raw
+    // encoded path.
+    const slug = toSlug(displayNameFromDir(dirName));
     const screenshotPath = join(SCREENSHOTS_DIR, `${slug}.png`);
     if (existsSync(screenshotPath)) {
         const buf = readFileSync(screenshotPath);
@@ -207,8 +209,12 @@ export async function exportHtml(dirName, cache, sessions, outputPath, username
     let totalBytes = 0;
     mkdirSync(outputPath, { recursive: true });
     const { result } = cache;
-    const slug = slugify(dirName);
+    // dirName is Claude Code's encoded full path (e.g. `-Users-ben-Dev-agent-sync`).
+    // The Phoenix-side slug comes from `toSlug(displayNameFromDir(dirName))`, so
+    // match that here — otherwise anchor hrefs and zip folder names keep the
+    // entire encoded path.
     const title = opts?.title ?? cache.title ?? displayNameFromDir(dirName);
+    const slug = slugify(displayNameFromDir(dirName));
     // Use ALL sessions (same as dashboard), build cards for each
     const sessionCards = sessions.map((session) => {
         return buildSessionCard({
@@ -259,6 +265,7 @@ export async function exportHtml(dirName, cache, sessions, outputPath, username
         totalTokens,
         sessionCards,
         sessionBaseUrl: './sessions',
+        sessionSuffix: '.html',
     });
     const templateName = resolveTemplate(undefined, getDefaultTemplate());
     const projectBody = renderProjectHtml(projectRenderData, {
@@ -311,8 +318,12 @@ function getInlineCss() {
 // ── Shared render helpers ─────────────────────────────────────
 function buildProjectRenderInputs(dirName, cache, sessions, username, opts) {
     const { result } = cache;
-    const slug = slugify(dirName);
+    // dirName is Claude Code's encoded full path (e.g. `-Users-ben-Dev-agent-sync`).
+    // The Phoenix-side slug comes from `toSlug(displayNameFromDir(dirName))`, so
+    // match that here — otherwise anchor hrefs and zip folder names keep the
+    // entire encoded path.
     const title = opts?.title ?? cache.title ?? displayNameFromDir(dirName);
+    const slug = slugify(displayNameFromDir(dirName));
     const sessionCards = sessions.map((session) => buildSessionCard({
         sessionId: session.id,
         session,
@@ -356,6 +367,8 @@ export function generateProjectHtmlFragment(dirName, cache, sessions, username =
         totalSessions: sessions.length,
         totalLoc, totalDurationMinutes, totalAgentDurationMinutes, totalFilesChanged, totalTokens,
         sessionCards,
+        sessionBaseUrl: `/${username}/${slug}`,
+        sessionSuffix: '',
     });
     const templateName = resolveTemplate(undefined, getDefaultTemplate());
     return renderProjectHtml(renderData, {
@@ -380,6 +393,7 @@ export function generateHtmlFiles(dirName, cache, sessions, username = 'local',
         totalLoc, totalDurationMinutes, totalAgentDurationMinutes, totalFilesChanged, totalTokens,
         sessionCards,
         sessionBaseUrl: './sessions',
+        sessionSuffix: '.html',
     });
     const projectBody = renderProjectHtml(projectRenderData, {
         arc: result.arc,
@@ -633,7 +647,7 @@ export async function generatePortfolioSite(portfolioData, projects, outputDir,
     const projectsRoot = join(outputDir, 'projects');
     mkdirSync(projectsRoot, { recursive: true });
     for (const p of projects) {
-        const projectSlug = slugify(p.dirName);
+        const projectSlug = slugify(displayNameFromDir(p.dirName));
         const projectDir = join(projectsRoot, projectSlug);
         const result = await exportHtml(p.dirName, p.cache, p.sessions, projectDir, username, p.opts);
         files.push(...result.files);

package/dist/llm/project-enhance.js

@@ -4,11 +4,12 @@ import { getAnthropicApiKey } from '../settings.js';
 const PROJECT_ENHANCE_SYSTEM = `You are building a project narrative from multiple coding sessions for a developer portfolio on heyi.am.
 
 Your job:
-1. Synthesize a 2-3 sentence project description that captures what was built and why it matters. Write in third person about the project, not the developer. No fluff — every word earns its place.
-2. Identify 4-7 project phases (the "arc") that show how the project evolved. Each phase should have a short title and one-sentence description.
-3. Deduplicate and rank skills across all sessions.
-4. Group sessions into timeline periods (e.g., "Week 1", "Days 1-3") with labels describing what happened in each period. Mark featured sessions (the most interesting ones) vs background sessions.
-5. Generate 2-3 context-aware questions based on patterns you detect in the sessions (see instructions below).
+1. Write a tagline: 1-2 sentences, first-person, starting with "I built". State what the thing IS and the one thing that makes it interesting. Example voice: "I built a better NVR system that's simple and intuitive." / "I built a proof of work for the AI space." Not a pitch, not marketing — how a developer describes what they made when asked at a bar. No fluff words (leverage, robust, comprehensive, cutting-edge, seamless, innovative). If you can't name what it IS in concrete terms, the tagline is wrong.
+2. Synthesize a 2-3 sentence project description that captures what was built and why it matters. Write in third person about the project, not the developer. No fluff — every word earns its place.
+3. Identify 4-7 project phases (the "arc") that show how the project evolved. Each phase should have a short title and one-sentence description.
+4. Deduplicate and rank skills across all sessions.
+5. Group sessions into timeline periods (e.g., "Week 1", "Days 1-3") with labels describing what happened in each period. Mark featured sessions (the most interesting ones) vs background sessions.
+6. Generate 2-3 context-aware questions based on patterns you detect in the sessions (see instructions below).
 
 For questions, look for these signals and generate questions that reference specific data:
 - High correction counts → ask about override strategy, referencing the count
@@ -24,6 +25,7 @@ Each question must have:
 
 Return valid JSON matching this exact structure:
 {
+  "tagline": "I built a ... — 1-2 sentences, first-person, concrete, no fluff",
   "narrative": "2-3 sentence project description",
   "arc": [{ "phase": 1, "title": "...", "description": "..." }],
   "skills": ["skill1", "skill2"],
@@ -183,6 +185,10 @@ export async function enhanceProject(sessions, skippedSessions, onProgress) {
     if (!result.narrative || !Array.isArray(result.arc) || !Array.isArray(result.skills)) {
         throw new Error('LLM returned incomplete project enhance result');
     }
+    // Tagline is new; tolerate legacy cache entries by defaulting to empty string.
+    if (typeof result.tagline !== 'string') {
+        result.tagline = '';
+    }
     // Ensure questions have IDs
     if (result.questions) {
         result.questions = result.questions.map((q, i) => ({

package/dist/mount.js

@@ -21961,7 +21961,7 @@
       count
     }));
   }
-  function buildLegendEntries(segments, sessionRanges) {
+  function buildLegendEntries(sessionRanges) {
     return sessionRanges.map((r) => {
       const kids = getChildren(r.session);
       return {
@@ -22297,7 +22297,7 @@
     const concurrentLimit = expanded ? 999 : DEFAULT_MAX_CONCURRENT;
     const themeColors = (0, import_react.useMemo)(() => ({ main: mainColor, muted: textMuted }), [mainColor, textMuted]);
     const L = (0, import_react.useMemo)(() => layoutSegments(segments, concurrentLimit, themeColors), [segments, concurrentLimit, themeColors]);
-    const legendEntries = (0, import_react.useMemo)(() => buildLegendEntries(segments, L.sessionRanges), [segments, L.sessionRanges]);
+    const legendEntries = (0, import_react.useMemo)(() => buildLegendEntries(L.sessionRanges), [L.sessionRanges]);
     const scrollRef = (0, import_react.useRef)(null);
     const [hovered, setHovered] = (0, import_react.useState)(null);
     const [focusedEntry, setFocusedEntry] = (0, import_react.useState)(null);
@@ -23135,22 +23135,24 @@
   }
   var allSessions = /* @__PURE__ */ new Map();
   var showOverlay = null;
-  function OverlayRoot({ sessions }) {
+  function OverlayRoot() {
     const [active, setActive] = (0, import_react3.useState)(null);
     showOverlay = (session) => setActive(session);
     if (!active) return null;
     const projectEl = document.querySelector(".heyiam-project");
     const baseUrl = projectEl?.getAttribute("data-session-base-url");
+    const suffix = projectEl?.getAttribute("data-session-suffix") ?? "";
     let sessionPageUrl;
     if (baseUrl) {
-      const slug = active.title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 80) || "untitled";
-      sessionPageUrl = `${baseUrl}/${slug}.html`;
+      const fromTitle = active.title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 80) || "untitled";
+      const sessionSlug = active.slug ?? fromTitle;
+      sessionPageUrl = `${baseUrl}/${sessionSlug}${suffix}`;
     } else {
       const username = projectEl?.getAttribute("data-username");
       const projectSlug = projectEl?.getAttribute("data-project-slug");
       const sessionSlug = active.slug;
       if (username && projectSlug && sessionSlug) {
-        sessionPageUrl = `/@${username}/${projectSlug}/${sessionSlug}`;
+        sessionPageUrl = `/${username}/${projectSlug}/${sessionSlug}`;
       }
     }
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -23219,7 +23221,7 @@
       overlayEl.id = "heyiam-overlay-root";
       document.body.appendChild(overlayEl);
       (0, import_client.createRoot)(overlayEl).render(
-        import_react3.default.createElement(OverlayRoot, { sessions: allSessions })
+        import_react3.default.createElement(OverlayRoot)
       );
     }
   }