Dashboard Job Submission, Workers Modal, and SLEAP-CONNECT#65
Merged
Dashboard Job Submission, Workers Modal, and SLEAP-CONNECT#65
Conversation
Split room cards into 2-row layout: info row (meta, badges, secret, delete) and action bar (Submit Job with purple accent, View Workers, Invite). Replace inline nested workers with a dedicated 640px workers modal featuring search, filter chips (All/Idle/Busy), GPU specs, peer ID, and account key. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
.modal-content (max-width: 480px) was overriding .modal-workers because it appeared later in the file. Use .modal-content.modal-workers for higher specificity. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Move peer ID and account key badges to a dedicated second row below the worker name/GPU specs, separated by a subtle border. Font size matches the specs line (12px) for visual consistency. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Prints a clear green SUCCESS banner via loguru after all startup tasks complete, showing worker name (bold white), room ID, peer ID, GPU specs, and sleap-nn version. Uses thin-line separators to visually distinguish from the auth/session block above. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
After the ANSI reset following the worker name, re-emit green (\033[32m) so the rest of the banner stays in loguru SUCCESS green. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Loguru only colors the prefix, not the message body. Add \033[32m at the start of the message and \033[0m at the end so the full banner renders in green. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace CSS ::before emoji pseudo-elements (📁📎🎬) with inline SVG icons from the sleap-rtc test browse fs_viewer: yellow filled folder, purple .slp file with circle, blue video with play triangle, and gray default file icon. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace the centered spinner + status text layout with a two-panel split: left panel (35%) shows live progress metrics (epoch counter, progress bar, train/val loss, learning rate, WandB link) and right panel (65%) shows worker logs with a labeled terminal. Widen the submit-job modal to 75% screen width for all steps. Replace the empty circle with an animated spinner that transitions to a green checkmark on completion or red X on failure. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…in steps - Remove epoch progress bar from left panel (keep epoch counter only) - Fix spinner animation freezing by targeting both i and svg elements (lucide.createIcons() replaces <i> with <svg>, losing animation) - Constrain step indicator to max-width 560px so steps don't spread across the wider 75% modal Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
The JS was rendering with class 'sj-hyperparam-row' but the CSS defined styles on 'sj-hyperparam-item' (flex-column + gap), causing labels and values to render inline with no spacing. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…cator - Change "Accepted — starting" to "Worker accepted! Starting training job..." - Show model type in training status (e.g., "Training centroid — Epoch 2") extracted from head_configs in the YAML config - Add job queue tracker badge (e.g., "Job 1 / 1") in progress panel - Center the step indicator within the wider 75% modal Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Update all user-visible branding (titles, headings, logos, about text) across the login page, callback page, and main dashboard. CLI command references, config file paths, env vars, and localStorage keys are left as sleap-rtc since those are still the actual binary names. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Change sidebar logo text from "SLEAP-CONNECT" to "Dashboard" to fit the 220px sidebar width cleanly - Remove redundant "Welcome to SLEAP-CONNECT" heading from login page Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Widen sidebar from 220px to 250px - Reduce logo font from 18px to 15px with white-space: nowrap - Restore "SLEAP-CONNECT" text in sidebar header Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
alicup29
changed the title
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
1 participant
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
Major UX overhaul of the SLEAP-RTC dashboard focused on improving the job submission workflow, worker management, and visual consistency.
Motivation
The dashboard's job submission and worker management UX had several pain points:
Key Changes
Room Card Redesign (PR #65 squashed)
Workers Modal
Training Progress Redesign
File Browser Polish
fs_viewercomponent styleWorker CLI Improvements
Rebrand to SLEAP-CONNECT
Small UX Fixes
Test plan
🤖 Generated with Claude Code