Skip to content

feat(web-ui): UX polish - sessions expand, divider glow, agents draft-edit, insights redesign#205

Merged
GCWing merged 1 commit intomainfrom
feat/card-redesign-glassmorphism
Mar 20, 2026
Merged

feat(web-ui): UX polish - sessions expand, divider glow, agents draft-edit, insights redesign#205
GCWing merged 1 commit intomainfrom
feat/card-redesign-glassmorphism

Conversation

@GCWing
Copy link
Owner

@GCWing GCWing commented Mar 20, 2026

Summary

UX polish improvements across the BitFun web UI.

Changes

Nav Panel - Session List

  • 3-level expand state (0/1/2) replacing binary showAll toggle
  • Level 0: 5 sessions, Level 1: 10, Level 2: all

Nav Divider Interaction

  • Divider hover tracked via body class; glow effect on SceneViewport
  • Divider line only visible during active drag
  • Agents Scene - Draft Edit State

  • Tools and skills use pending/draft state with Cancel/Save buttons
  • AgentCard and AgentTeamCard detail modal styles added

Insights Scene - Complete Redesign

  • Local design tokens, two-column layout with sticky TOC
  • Scroll-tracking navigation, cleaner stats and horizon cards

Settings Tab Animation

  • Fade-up enter animation on tab switch

Other\n- New font-size tokens (xxs/2xs)

  • LoggingConfig: inline tooltip open-folder button
  • TerminalConfig: removed CLI agents feature
  • i18n updates (en-US / zh-CN)

…-edit, insights redesign, settings transition

- SessionsSection: replace binary showAll with 3-level expand (0/1/2) for progressive disclosure; reset on workspace change
- WorkspaceBody: track divider hover state via body class (bitfun-divider-hovered); divider line only visible during active drag
- SceneViewport: add left-side glow effect on divider hover / nav resize for interaction feedback
- AgentsScene: tools & skills editing now uses pending/draft state with explicit Cancel/Save; batch API calls on save; section count reflects draft during edit
- AgentCard / AgentTeamCard: add detail modal content styles (cap grid, chips, token grid, member list)
- InsightsScene: complete visual redesign with local design tokens, two-column report layout, sticky TOC with scroll-tracking, chart colors, cleaner stats grid and horizon cards
- SettingsScene: add fade-up enter animation on tab switch via keyed content wrapper
- tokens.scss: add --font-size-xxs (10px) and --font-size-2xs (11px) tokens
- LoggingConfig: replace header button with inline tooltip icon button; path text selectable and wraps
- TerminalConfig: remove CLI agents feature; simplify to shell selection only
- i18n (en-US / zh-CN): add nav.sessions.showAll, insights.*, logging.actions.openFolderTooltip; remove cliAgents.* keys

Generated with BitFun

Co-Authored-By: BitFun
@GCWing GCWing merged commit 405c76a into main Mar 20, 2026
4 checks passed
@GCWing GCWing deleted the feat/card-redesign-glassmorphism branch March 20, 2026 13:47
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.

1 participant