ccakashic 0.2.6 → 0.2.8

package/dist/bin/ccakashic.js

@@ -64,7 +64,7 @@ const server = http.createServer(async (req, res) => {
             return;
         }
         if (pathname === '/' || pathname === '') {
-            const projects = (0, discover_1.listProjects)();
+            const projects = await (0, discover_1.listProjects)();
             res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
             res.end((0, pages_1.generateIndex)(projects));
             return;
@@ -72,7 +72,7 @@ const server = http.createServer(async (req, res) => {
         const projectMatch = pathname.match(/^\/project\/(.+)$/);
         if (projectMatch && !pathname.includes('/session/')) {
             const rawName = decodeURIComponent(projectMatch[1]);
-            const projects = (0, discover_1.listProjects)();
+            const projects = await (0, discover_1.listProjects)();
             const project = projects.find((p) => p.rawName === rawName);
             if (!project) {
                 res.writeHead(404, { 'Content-Type': 'text/plain' });
@@ -88,7 +88,7 @@ const server = http.createServer(async (req, res) => {
         if (sessionMatch) {
             const rawName = decodeURIComponent(sessionMatch[1]);
             const sessionId = decodeURIComponent(sessionMatch[2]);
-            const projects = (0, discover_1.listProjects)();
+            const projects = await (0, discover_1.listProjects)();
             const project = projects.find((p) => p.rawName === rawName);
             if (!project) {
                 res.writeHead(404, { 'Content-Type': 'text/plain' });

package/dist/discover.js

@@ -51,7 +51,7 @@ function decodeDirName(dirName) {
     }
     return dirName;
 }
-function listProjects() {
+async function listProjects() {
     if (!fs.existsSync(exports.CLAUDE_DIR)) {
         return [];
     }
@@ -70,8 +70,17 @@ function listProjects() {
             if (stat.mtimeMs > lastModified)
                 lastModified = stat.mtimeMs;
         }
+        // Prefer the real cwd recorded in the session over the lossy directory-name
+        // decoding (dots and slashes both collapse to dashes in the dir name).
+        let name = decodeDirName(entry.name);
+        const latest = latestSessionFile(projectDir);
+        if (latest) {
+            const cwd = await readCwdFromSession(path.join(projectDir, latest.file));
+            if (cwd)
+                name = cwd;
+        }
         projects.push({
-            name: decodeDirName(entry.name),
+            name,
             rawName: entry.name,
             dir: projectDir,
             sessionCount: jsonlFiles.length,
@@ -91,6 +100,8 @@ async function getSessionPreview(filePath) {
             preview: '',
             gitBranch: null,
             slug: null,
+            customTitle: null,
+            aiTitle: null,
             model: null,
             hasSubagents: false,
             totalTokens: 0,
@@ -117,6 +128,14 @@ async function getSessionPreview(filePath) {
                 if (!result.slug && obj.slug) {
                     result.slug = obj.slug;
                 }
+                // Title records can appear anywhere and be updated multiple times
+                // (e.g. renaming repeatedly), so keep the last non-empty value.
+                if (obj.type === 'custom-title' && obj.customTitle) {
+                    result.customTitle = obj.customTitle;
+                }
+                if (obj.type === 'ai-title' && obj.aiTitle) {
+                    result.aiTitle = obj.aiTitle;
+                }
                 if (!result.model && obj.type === 'assistant' && obj.message?.model) {
                     result.model = obj.message.model;
                 }
@@ -207,7 +226,7 @@ async function findSessionForCwd(cwd) {
     // Pick the project whose cwd is the most specific (longest) match for the
     // given cwd. A brand-new session in a specific subdir should win over an
     // older, more-active ancestor project.
-    const projects = listProjects();
+    const projects = await listProjects();
     let bestMatch = null;
     let bestLen = -1;
     for (const project of projects) {

package/dist/html-generator.js

@@ -300,7 +300,7 @@ function renderStats(stats) {
 }
 function generate(parsed, options = {}) {
     const { projectName, session, backUrl } = options;
-    const title = session?.slug || session?.id || 'Session';
+    const title = session?.customTitle || session?.aiTitle || session?.slug || session?.id || 'Session';
     const date = session?.timestamp
         ? new Date(session.timestamp).toLocaleDateString('en-CA')
         : '';

package/dist/pages.js

@@ -97,6 +97,12 @@ function indexCSS() {
   font-size: 0.95rem;
   margin-bottom: 4px;
 }
+.list-item-name {
+  font-size: 1.02rem;
+}
+.list-item-name.is-named {
+  color: var(--link);
+}
 .list-item-meta {
   font-size: 0.8rem;
   color: var(--text-muted);
@@ -121,6 +127,16 @@ function indexCSS() {
   background: var(--tool-bg);
   border: 1px solid var(--border);
 }
+.badge-named {
+  background: var(--link);
+  border-color: var(--link);
+  color: #fff;
+}
+.badge-ai {
+  background: transparent;
+  border-color: var(--link);
+  color: var(--link);
+}
 .search-box {
   width: 100%;
   padding: 10px 14px;
@@ -303,9 +319,21 @@ function generateSessionList(project, sessions) {
             const tokens = s.totalTokens ? `<span>${formatTokens(s.totalTokens)} tokens</span>` : '';
             const outTok = s.outputTokens ? `<span>out: ${formatTokens(s.outputTokens)}</span>` : '';
             const preview = s.preview ? `<div class="list-item-preview">${escapeHtml(s.preview)}</div>` : '';
+            // Prefer a human/AI-given name as the headline; renamed sessions get a
+            // distinct treatment so they're easy to spot in the list.
+            const displayName = s.customTitle || s.aiTitle;
+            const nameBadge = s.customTitle
+                ? '<span class="badge badge-named">named</span>'
+                : s.aiTitle
+                    ? '<span class="badge badge-ai">AI</span>'
+                    : '';
+            const titleRow = displayName
+                ? `<div class="list-item-title"><span class="list-item-name${s.customTitle ? ' is-named' : ''}">${escapeHtml(displayName)}</span> ${nameBadge} ${slug} ${sub}</div>
+  <div class="list-item-meta"><span>${lastModTime}</span><span>started: ${startedTime}</span>${model}${branch}${tokens}${outTok}</div>`
+                : `<div class="list-item-title">${lastModTime} ${slug} ${sub}</div>
+  <div class="list-item-meta"><span>started: ${startedTime}</span>${model}${branch}${tokens}${outTok}</div>`;
             return `<a class="list-item" href="${href}">
-  <div class="list-item-title">${lastModTime} ${slug} ${sub}</div>
-  <div class="list-item-meta"><span>started: ${startedTime}</span>${model}${branch}${tokens}${outTok}</div>
+  ${titleRow}
   ${preview}
 </a>`;
         }).join('\n');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccakashic",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "Browse Claude Code session logs (~/.claude/projects/) as beautiful HTML in your browser — an Akashic Record of your Claude Code sessions",
   "bin": {
     "ccakashic": "dist/bin/ccakashic.js"