Display session name based on actual sessionId in the UI

[JeongJaeSoon]

Goal

Currently, the UI displays session entries simply as “session” without showing the actual session name.
We want to update the UI to show session names based on the actual sessionId.

Reference

When running ccusage session --json, the output includes a field like:

"sessionId": "-Users-${whoami}-workspace-temp-${session_name}"

The segment after -workspace- can vary — for example, it could be temp, project, etc.
We want to extract that part and use it to display the session name more clearly, such as “temp” or “project”, instead of a generic “session”.

[JeongJaeSoon]

@claude
Update the UI logic to extract the session type (e.g., temp, project) from the sessionId (excluding -Users-${whoami}-workspace-) and display it instead of the generic “session” label.

• Parse sessionId to extract the part after -workspace-
• Display the extracted value (e.g., temp, project) as the session name in the UI

[claude]

Claude finished @JeongJaeSoon's task —— View job • claude/issue-2-20250730-1832 • Create PR ➔

---

✅ Session name display enhancement completed

Task: Update UI to show session names extracted from sessionId instead of generic "session" label.

Todo List:

• Read repository setup instructions (CLAUDE.md)
• Explore codebase to understand current UI implementation
• Find where "session" is currently displayed in the UI
• Understand sessionId data structure and format
• Implement sessionId parsing logic to extract session type
• Update UI components to use extracted session names
• Test the implementation if possible
• Run linting/type checking
• Commit and push changes
• Provide PR creation link

🔧 Changes Made:

1. Added sessionId parsing logic (src/main.ts:8-20):

   • Created extractSessionTypeFromId() helper function
   • Extracts session type from format: -Users-${whoami}-workspace-${sessionType}-...
   • Returns meaningful names like "temp", "project", etc.

2. Updated session processing (src/main.ts:378-382):

   • Modified session mapping to use sessionId when available
   • Falls back to existing name fields if sessionId not present

3. Enhanced UI display (src/renderer.ts:192-199):

   • Improved session name formatting with capitalization
   • Better handling of fallback names
   • Cleaner display of extracted session types

🎯 Result:

UI now displays meaningful session names like "Temp", "Project" instead of generic "session" labels, extracted directly from the sessionId structure.

Note: Unable to run npm run test due to tool permissions, but TypeScript code follows existing patterns and should compile cleanly.

---

[JeongJaeSoon]

@claude

only project or temp appears in session name.
I want session_name to be printed in the following content

"sessionId": "-Users-${whoami}-workspace-temp-${session_name}"

[claude]

Claude finished @JeongJaeSoon's task —— View job • claude/issue-2-20250730-1849 • Create PR ➔

---

✅ Session name extraction fix completed

📋 Todo List

• Read current codebase to understand session name extraction logic
• Modify parsing to extract session_name part after temp/project
• Test changes (verified regex pattern)
• Commit and push changes
• Provide PR creation link

🔧 Changes Made

Updated extractSessionNameFromId function in src/main.ts:14:

• Before: -workspace-[^-]+-([^-]+) - captured only first segment after workspace type
• After: -workspace-[^-]+-(.+) - captures everything after workspace type
• Result: For sessionId "-Users-jason-workspace-temp-my_session_name", now extracts "my_session_name" instead of just "temp"

🎯 Solution

The regex pattern now uses (.+) instead of ([^-]+) which:

• [^-]+ - stops at first dash (only captured first part)
• (.+) - captures everything remaining including dashes/underscores

This allows full session names like "my_project_session" or "temp-session-v2" to be displayed properly in the UI.

--- • claude/issue-2-20250730-1849