From 69f38428a2c5195af0ed3815b7f84004721765f1 Mon Sep 17 00:00:00 2001 From: Ari Mahpour Date: Sun, 5 Apr 2026 16:41:42 -0600 Subject: [PATCH 1/5] feat: add expanded view toggle and AI-generated session titles (#16) Add an "Expanded" button that toggles tiles to show the last 5 transcript entries inline. Periodically run `claude -p` every N user messages to generate evolving session titles. Manual renames now auto-lock the title. Co-Authored-By: Claude Opus 4.6 (1M context) --- public/css/style.css | 40 +++++++++++++ public/index.html | 12 ++++ public/js/app.js | 4 ++ public/js/dashboard.js | 83 ++++++++++++++++++++++--- server/db.py | 14 +++++ server/routes/api.py | 3 + server/watcher.py | 133 +++++++++++++++++++++++++++++++++++++++++ 7 files changed, 280 insertions(+), 9 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index 0521703..d903a08 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -415,6 +415,46 @@ body { .preview-role.assistant { background: rgba(124, 58, 237, 0.15); color: #c4b5fd; } .preview-role.tool_result { background: rgba(245, 158, 11, 0.15); color: #fcd34d; } +/* Expanded view toggle */ +#expanded-view-btn.active { + background: var(--accent-muted); + border-color: var(--accent); + color: var(--accent-hover); +} + +.card-expanded-preview { + margin: 6px 0 8px; + padding: 6px 8px; + background: var(--surface-2); + border-radius: var(--radius); + border-left: 2px solid var(--accent); + font-size: 11px; + max-height: 200px; + overflow-y: auto; +} + +.card-expanded-preview .preview-msg { + padding: 3px 0; + color: var(--text-secondary); + line-height: 1.4; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.card-expanded-preview .preview-msg + .preview-msg { + border-top: 1px solid var(--border); +} + +.card-expanded-preview .expanded-loading { + color: var(--text-muted); + font-style: italic; +} + +.session-grid.expanded-view { + grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); +} + .card-task { font-size: 12px; color: var(--text-secondary); diff --git a/public/index.html b/public/index.html index 836b444..d13ac0c 100644 --- a/public/index.html +++ b/public/index.html @@ -26,6 +26,7 @@

Claude Code Command Center

+
@@ -92,6 +93,7 @@

Settings

+
@@ -109,6 +111,16 @@

Settings

+
+
+
AI Session Summaries
+
+ + + Runs claude -p in the background to generate an evolving session title. Set to a higher number to reduce frequency. Requires the claude CLI to be available. +
+
+