Skip to content

fix(panel): home filter UI overlays instead of reflowing dashboard#227

Merged
upsetbit merged 1 commit into
masterfrom
fix/226-filter-drawer-overlay
Jun 7, 2026
Merged

fix(panel): home filter UI overlays instead of reflowing dashboard#227
upsetbit merged 1 commit into
masterfrom
fix/226-filter-drawer-overlay

Conversation

@upsetbit

@upsetbit upsetbit commented Jun 7, 2026

Copy link
Copy Markdown
Contributor

Summary

Replaces the inline <details> disclosure on Home with a fixed-position right-side drawer (mirroring the session side panel). Opening filters no longer shifts the dashboard grid downward.

  • New .dashboard-filters-toggle button + .dashboard-filters-drawer (fixed position, transform: translateX() transition, z-index above content).
  • Backdrop click + ESC key close the drawer.
  • URL-driven filter state and existing Alpine @change live-submit handler unchanged.
  • Filter form layout switches to vertical inside the drawer for better usability.

Closes #226.

Test plan

  • Run just build && ./bin/prosa-panel with PROSA_PANEL_DEV_LOGIN=1.
  • Open / — click "Filters" → drawer slides in from the right, dashboard grid stays in place.
  • Press ESC → drawer closes.
  • Click the backdrop → drawer closes.
  • Change a filter (window, agent, project, device) → form auto-submits (live), URL params persist on reload.
  • With JavaScript disabled, drawer is fully visible (no x-cloak flash) and form still submits via the noscript Apply button.

🤖 Generated with Claude Code


View with Codesmith Autofix with Codesmith
Need help on this PR? Tag /codesmith with what you need. Autofix is disabled.

Replace the inline <details> disclosure with a fixed-position right-side
drawer that mirrors the session side panel — opening filters no longer
shifts the dashboard grid downward.

Adds ESC-to-close and backdrop click-to-close; URL-driven filter state
and the existing Alpine `@change` live-submit handler are unchanged.

Closes #226

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@upsetbit upsetbit merged commit f2744a6 into master Jun 7, 2026
5 checks passed
@upsetbit upsetbit deleted the fix/226-filter-drawer-overlay branch June 8, 2026 04:41
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.

Home: filter UI should overlay, not reflow the dashboard

1 participant