Commit Graph

229 Commits

Author SHA1 Message Date
Brian Krabach 23d1d9c113 chore: retire requirements.txt in favor of pyproject.toml
Addresses code quality suggestion from review: requirements.txt was a
redundant secondary source of truth. Dependencies are now exclusively
managed in pyproject.toml with proper runtime/dev separation.

- requirements.txt: replaced with a comment redirecting to pip install -e '[dev]'
- README.md: updated install command from pip install -r requirements.txt
  to pip install -e '[dev]'
2026-03-28 02:31:15 -07:00
Brian Krabach 10906ec4b0 chore: configure pyproject.toml for distribution (entry point, deps, hatchling build) 2026-03-28 02:26:07 -07:00
Brian Krabach c2087083c2 feat: add CLI entry point (muxplex serve, muxplex install-service) and __main__.py 2026-03-28 02:18:58 -07:00
Brian Krabach a70e8f6f52 feat: add WebSocket proxy route to replace Caddy, update bell hook port to configurable SERVER_PORT 2026-03-28 02:11:24 -07:00
Brian Krabach 74b63033d7 refactor: rename coordinator → muxplex package, move frontend inside as package data 2026-03-28 02:02:50 -07:00
Brian Krabach be26d40a31 docs: add distribution packaging implementation plan 2026-03-28 01:57:30 -07:00
Brian Krabach cb38f11588 refactor: replace var with const and fix misleading closure comment in terminal.js 2026-03-28 01:32:45 -07:00
Brian Krabach 26e2baa89c fix: close stale WebSocket on session switch to prevent double output and crash loop
Before: openTerminal() never closed the previous WebSocket. After A→B→A,
two WS connections to session A both wrote to _term → double keystroke echoes.
Rapid switches triggered a CONNECTING-state send error and reconnect loop.

After: openTerminal() nulls _currentSession, clears reconnect timer, and
closes _ws before opening a new connection. connect() event handlers now
capture the WS instance in a local const and check 'ws !== _ws' on entry
so stale connections silently ignore all events.

Tests: three new regression tests verify:
- openTerminal() calls close() on the previous WS (Bug 1)
- stale open handler does not send on new WS after switch (Bug 2)
- stale close handler does not schedule reconnect after switch (Bug 2)
2026-03-28 01:25:29 -07:00
Brian Krabach e2d4282b5d fix: sidebar active state uses inset box-shadow (no layout shift) and font-mono token 2026-03-28 01:19:25 -07:00
Brian Krabach f1c28a4d06 style: sidebar cards use outlined tile aesthetic with gap, rounded corners, and fade gradient 2026-03-28 01:12:27 -07:00
Brian Krabach 41ff94afb1 docs: add session sidebar implementation plan 2026-03-27 18:06:44 -07:00
Brian Krabach f41061f85f fix: correct sidebar element IDs, add missing CSS classes, and align test mocks
Three-part consistency defect identified in code review:

1. HTML: Four sidebar elements missing CSS class attributes so all CSS
   rules targeting .session-sidebar, .sidebar-toggle-btn,
   .sidebar-collapse-btn, and .sidebar-list applied to zero elements.
   Added class= attributes to all four.

2. JS: initSidebar(), toggleSidebar(), and bindSidebarClickAway() called
   $('sidebar') and $('collapse-btn') — neither ID exists in the DOM.
   Corrected to $('session-sidebar') and $('sidebar-collapse-btn').

3. Tests: initSidebar/toggleSidebar mocks matched the wrong IDs, masking
   the defect. Updated all six mock conditions to match corrected IDs.

4. Coverage gap: test_html_element_classes did not verify new sidebar
   elements carry CSS classes. Added four entries for session-sidebar,
   sidebar-toggle-btn, sidebar-collapse-btn, and sidebar-list — these
   entries would have caught Defect 1 on Task 1's test run.

All 136 JS + 167 Python tests pass. Zero regressions.
2026-03-27 18:02:29 -07:00
Brian Krabach b62bd3e361 feat: add overlay click-away handler for sidebar on narrow screens 2026-03-27 17:49:07 -07:00
Brian Krabach cf6f7daf45 feat: wire renderSidebar into poll loop for live sidebar updates
Added renderSidebar(sessions, _viewingSession) call in pollSessions function after renderGrid(sessions) and before handleBellTransitions(prev, sessions), so sidebar updates on every poll tick alongside dashboard grid. Added test verifying sidebar-list innerHTML is set during pollSessions in fullscreen mode.

🤖 Generated with Amplifier

Co-Authored-By: Amplifier <240397093+microsoft-amplifier@users.noreply.github.com>
2026-03-27 17:44:19 -07:00
Brian Krabach 93dc92484b feat: pre-render sidebar on openSession before first poll tick 2026-03-27 17:38:36 -07:00
Brian Krabach 9f60ead3d2 feat: wire sidebar toggle button click handlers 2026-03-27 17:23:53 -07:00
Brian Krabach 0c39a79b8a feat: add initSidebar and toggleSidebar with localStorage persistence 2026-03-27 17:18:19 -07:00
Brian Krabach bba862fba3 feat: add renderSidebar — populates sidebar list from session data 2026-03-27 17:11:18 -07:00
Brian Krabach 730ed68a30 feat: add buildSidebarHTML — session card HTML builder for sidebar 2026-03-27 17:05:40 -07:00
Brian Krabach 67da2e9aa2 feat: add responsive sidebar overlay at <960px and reduced-motion support 2026-03-27 17:00:07 -07:00
Brian Krabach 4e7e461077 feat: add sidebar session card styles 2026-03-27 16:53:51 -07:00
Brian Krabach 599b9a8997 feat: add sidebar container styles and collapse animation 2026-03-27 16:48:09 -07:00
Brian Krabach 0f95f5aab0 feat: add view-body flex layout and --bg-surface variable 2026-03-27 16:44:20 -07:00
Brian Krabach 1023c14480 fix: type-safe Tag guard in test and aria-label on sidebar-collapse-btn 2026-03-27 16:40:51 -07:00
Brian Krabach a3f1e2efd8 feat: add sidebar markup, toggle button, and view-body wrapper to expanded view
- Add #sidebar-toggle-btn to expanded-header (after #back-btn, before #expanded-session-name)
  with aria-label='Toggle session list' and hamburger icon &#9776;
- Wrap #terminal-container in div.view-body
- Add #session-sidebar before #terminal-container inside .view-body, containing:
  - .sidebar-header with .sidebar-title 'Sessions' and #sidebar-collapse-btn (chevron &#8249;)
  - #sidebar-list div
- Keep #reconnect-overlay outside .view-body as sibling inside #view-expanded

Tests added:
- test_html_sidebar_toggle_button: verifies placement, aria-label, and order in header
- test_html_view_body_wrapper: verifies .view-body contains #session-sidebar and #terminal-container
- test_html_reconnect_overlay_outside_view_body: verifies #reconnect-overlay is outside .view-body
- test_html_session_sidebar_structure: verifies full sidebar DOM structure

Co-authored-by: Amplifier <amplifier@amplified.dev>
2026-03-27 16:35:43 -07:00
Brian Krabach 95c1ec1ad4 docs: add session sidebar design document 2026-03-27 16:05:57 -07:00
Brian Krabach 604525e64c fix: bell badge sizing, text contrast, and empty timestamp display
- .tile-bell: inline-flex badge (min-width:16px height:16px) so it's a
  circle for single digits, pill for '9+'; was display:inline so
  width/height were ignored → oval shape
- .tile-bell color: #0D1117 (dark on amber) — was inheriting muted gray
  from .tile-meta, making count illegible
- formatTimestamp(null): return '' instead of em-dash '—' which rendered
  as a confusing glyph in the tile meta area
2026-03-27 15:32:39 -07:00
Brian Krabach 50007a6d2a fix: anchor tile preview to bottom so newest terminal content is visible
Previously the <pre> snapshot floated to the top of .tile-body — when
content overflowed, the oldest lines showed and newest were clipped.
Now .tile-body pre is position:absolute;bottom:0 so overflow clips
from the top and the lower-left corner (newest content) is always shown.
2026-03-27 15:17:07 -07:00
Brian Krabach 8234e2ec05 refactor: restructure project into muxplex/ subdir with brand integration
- Move coordinator/, frontend/, Caddyfile, pyproject.toml, requirements.txt,
  docs/ into muxplex/ subdir in prep for packaging/sharing
- Add brand assets to frontend/: favicon.ico, pwa-192/512.png,
  apple-touch-icon.png, wordmark-on-dark.svg
- Update app: title → muxplex, header → wordmark SVG, brand color tokens
  in style.css, manifest.json updated with muxplex name and brand icons
- Add design system: assets/branding/tokens.css (101 CSS custom properties),
  tokens.json (127 tokens), DESIGN-SYSTEM.md (856-line spec)
- Add assets/branding/: SVG sources, rendered PNGs (icons, favicons, PWA, OG)
- Add scripts/render-brand-assets.py for reproducible PNG generation
- Add muxplex/README.md
2026-03-27 15:06:00 -07:00