Skip to content

UI/UX changes#18

Merged
pascalhuerst merged 20 commits intomainfrom
issy/theme
Feb 20, 2026
Merged

UI/UX changes#18
pascalhuerst merged 20 commits intomainfrom
issy/theme

Conversation

@hypeJunction
Copy link
Copy Markdown
Collaborator

@hypeJunction hypeJunction commented Jan 20, 2026

  • Add dark mode theme support with light/dark/system preference options and a settings modal
  • Add email sharing functionality for sessions and segments with pluggable file sharing backends (Dropbox, S3)
  • Improve session card UI with dedicated components for recording, processing, error, and finished states
  • Add date grouping to the sessions list for better organization
  • Switch web package manager from npm to pnpm
  • Add CI workflow for quality checks and tests
  • Add Air hot reload configuration for Go backend development

hypeJunction and others added 16 commits January 20, 2026 10:09
- Replace npm with pnpm for faster, more efficient dependency management
- Add pnpm-lock.yaml and pnpm-workspace.yaml
- Remove package-lock.json

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Scripts replaced by simpler development workflow

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add useThemeStore for managing light/dark/system theme preference
- Add SettingsModal component with theme switcher
- Add neutral color scale that inverts between light and dark modes
- Update app.css with comprehensive dark mode variables
- Add settings button to PageShell sidebar
- Initialize theme from localStorage on app mount

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Group sessions by date with human-readable labels (Today, Yesterday, etc.)
- Add sticky date headers that stay visible when scrolling
- Separate recording sessions from date grouping, show at top
- Add left indentation for session cards under date headers

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Create RecordingSessionCard with prominent REC indicator and elapsed time
- Use neutral-emphasis background for visual distinction
- Include StatusIndicator with pulsing animation
- Update SessionCardRecording with button on left, waveform on right
- Waveform now grows from left to right

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- SessionCardError: add static waveform placeholder with error message overlay
- SessionCardError: use consistent layout matching other card states
- SessionCardProcessing: add consistent border styling
- SessionCard: add delete button in header for error state sessions
- Use theme border variables for consistency

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Replace absolute date format with relative time (e.g., "Expires in 3 days")
- Use useTimeAgo from VueUse for automatic updates
- Update styling to use muted text color

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Update theme defaults and color values
- Improve Segments table with smaller Add button in footer
- Update Button, Modal, TextInput, EmptyScreen components
- Update Zoomview and Overview components
- Use consistent border and color variables

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Update DeviceCard, DevicePicker, RmsIndicator, StatusIndicator
- Update ToastContainer and RecordersView
- Update PageHeader styling
- Use theme CSS variables throughout

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Reorganize documentation around common tasks ("I want to...")
- Simplify development setup instructions for pnpm
- Add architecture diagram
- Condense configuration tables

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Remove unused stop button from processing card
- Increase error placeholder amplitude to match processing card
- Tone down error placeholder color for better contrast with error message

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Increase margin and spacing for better visual separation
- Add semantic background colors for each toast type
- Improve contrast in light mode with colored backgrounds
- Add dark mode support with appropriate color variants

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Ignore .mcp.json (Claude Code MCP config)
- Ignore .playwright-mcp/ (generated screenshots)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add .air.toml for Go backend hot reload during development.
Uses local MinIO credentials (admin/password123) as defaults.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Run on push to main and pull requests:
- Web: lint, type check (vue-tsc), build, and test with nx
- Go: build, vet, and test with race detection and coverage

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
hypeJunction and others added 4 commits January 20, 2026 12:30
- Fix web lint errors: remove unused imports and variables across
  stories files, add eslint-disable for intentional patterns
- Fix CI workflow: run tests only for session-waveform (web has no tests)
- Fix Go broadcast race: use Lock instead of RLock when writing lastValue
- Skip audiowaveform test when tool not installed in CI environment

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add tslib dependency required by importHelpers: true
- Fix verbatimModuleSyntax error by importing PeaksInstance directly

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
…AUDE.md

Remove symlink-based integration with ../ai-assistant-starter (CLAUDE.md,
.ai-assistant, .claude/commands) and replace with a proper project-specific
CLAUDE.md that consolidates tech stack, commands, ports, and conventions.
Also clean up .gitignore to track CLAUDE.md directly.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@pascalhuerst pascalhuerst merged commit 6c34dcc into main Feb 20, 2026
2 of 4 checks passed
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.

2 participants