ccakashic 0.2.7 → 0.2.8

package/dist/discover.js

@@ -100,6 +100,8 @@ async function getSessionPreview(filePath) {
             preview: '',
             gitBranch: null,
             slug: null,
+            customTitle: null,
+            aiTitle: null,
             model: null,
             hasSubagents: false,
             totalTokens: 0,
@@ -126,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;
                 }

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.7",
+  "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"