heyiam 0.3.4 → 0.3.6

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/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)
       );
     }
   }