feat(ui): responsive dashboard with quota reset times#19
Open
jphein wants to merge 3 commits into
Open
Conversation
Out-of-band control surfaces for when teamclaude runs headless (systemd, container) and the interactive TUI never renders. - POST /teamclaude/switch — pin the active account by name - POST /teamclaude/threshold — change rotation cutoff (0..1), persisted - GET /ui — single-page dashboard polling /teamclaude/status every 2s - teamclaude switch <name> + teamclaude threshold <value> CLI wrappers - Pathname-based routing (handles query strings) + lazy in-memory HTML cache (per Gemini review)
Three dev-ergonomics improvements bundled together: - src/web/index.html: container queries + clamp() typography + auto-fill grid so the dashboard adapts cleanly to narrow Wave blocks. Adds .top/.name-text wrappers + ellipsis to keep long account names from blowing out the card layout. - src/server.js: remove HTML cache so /ui reads from disk every request. Dev iteration on the dashboard no longer requires a daemon restart. The 'no-store' header was already there; the in-memory cache was the actual blocker. - src/index.js: unified SIGINT/SIGTERM handler that calls server.closeAllConnections?.() before server.close() and adds a 2s safety-net setTimeout(..., 2000).unref() for hard exit. Fixes restart hang when an in-flight Claude stream was holding the socket open past systemd's TimeoutStopUSec.
Add a reset-time column to each 5h/7d quota bar so the dashboard shows when each window rolls over, not just current utilization. Reads the unified5hReset/unified7dReset (epoch-ms from Anthropic rate-limit headers) already exposed by getStatus(); falls back to legacy resetsAt. Times render compactly (HH:MM within a day, weekday otherwise) with the full timestamp on hover, and the bars grid gains a responsive variant for narrow cards. Bump to 1.0.7. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Member
|
I'm not sure the web dashboard adds much compared to the TUI, do you have a rationale for adding it? |
Author
|
Probably a silly reason, but I run team Claude as a service for my lan. When made into a systemd service I can no longer use the tui. And also I can view the website via other hosts using the proxy on the lan. |
|
Seems like a very useful addition to me. I was actually considering building something like this myself. In my case it's because teamclaude runs as a service so I don't have any access to the TUI interface and |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Brings the web dashboard (
/teamclaude/ui) to a polished, responsive state and surfaces quota reset times alongside utilization.08c80a7).↺ HH:MMwithin a day, weekday + time beyond), with the full timestamp on hover. Readsunified5hReset/unified7dReset(epoch-ms from Anthropic rate-limit headers) already exposed bygetStatus(), with a fallback to legacyresetsAt(444281e).web/index.htmlfrom disk per request (Cache-Control: no-store), so dashboard edits are live without a restart (08c80a7).Pre-Landing Review
No issues found. Verified the reset feature is wired end-to-end: backend stores reset timestamps as epoch-ms (
account-manager.js:173-174),getStatus()forwards the full quota object via spread (account-manager.js:340), and the frontendfmtReset(ms)consumes ms directly and guards null/past values. Units consistent on both sides. Secret scan clean.Test plan
package.jsondefines onlystart).http://localhost:3456/uiagainst a running proxy with active accounts and confirm reset labels render next to each bar and resize cleanly on a narrow window.Generated with Claude Code