Skip to content

feat: Folder name in tabs + editable session name (#8)#11

Open
pitimon wants to merge 1 commit intoArk0N:masterfrom
pitimon:feat/folder-tabs-editable-name-8
Open

feat: Folder name in tabs + editable session name (#8)#11
pitimon wants to merge 1 commit intoArk0N:masterfrom
pitimon:feat/folder-tabs-editable-name-8

Conversation

@pitimon
Copy link

@pitimon pitimon commented Feb 14, 2026

Summary

  • Restructure session tabs to two-row layout: top row has status/name/actions, bottom row shows working directory folder name
  • Folder name displays with 📁 icon and tooltip showing full path
  • Folder row hidden on mobile for compact display
  • Add "Session Name" input field in the Context tab of Session Options modal
  • Auto-saves on blur using the existing PUT /api/sessions/:id/name endpoint
  • Right-click inline rename still works as before

Fixes #8

Changes

styles.css:

  • .session-tab: changed to flex-direction: column layout
  • New classes: .tab-row-header, .tab-actions-inline, .tab-folder, .tab-folder-icon
  • Mobile: .tab-folder { display: none } + revert to row layout

app.js:

  • _fullRenderSessionTabs(): restructured tab HTML with tab-row-header wrapper and tab-folder span
  • openSessionOptions(): populates modalSessionName input with current name
  • New saveSessionNameFromModal(): saves name via PUT API on input blur

index.html:

  • Added Session Name input field before Appearance section in Context tab

Test plan

  • Build passes (npm run build)
  • Session tabs show folder name below session name
  • Folder tooltip shows full working directory path
  • Session Name input appears in Context tab of Session Options
  • Editing session name and blurring saves automatically
  • Clearing session name reverts tab to folder name display
  • Right-click inline rename still works on tabs
  • Mobile: folder row is hidden, tabs remain compact
  • No visual regressions with subagent badges and task badges

🤖 Generated with Claude Code

- Restructure session tabs to two-row layout with folder name below session name
- Add .tab-row-header wrapper for status, name, and action buttons
- Show working directory folder name with tooltip for full path
- Hide folder info on mobile for compact display
- Add Session Name input in Context tab of session options modal
- Auto-save session name on blur via existing PUT /api/sessions/:id/name endpoint
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Feature Request: Show folder name in session tabs + editable session name in Context settings

1 participant