Skip to content

feat/refreshed look - #13

Merged
kasvith merged 26 commits into
mainfrom
feat/refreshed-look
Jan 18, 2026
Merged

feat/refreshed look#13
kasvith merged 26 commits into
mainfrom
feat/refreshed-look

Conversation

@kasvith

@kasvith kasvith commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

This pull request introduces several infrastructure, dependency, and database improvements, as well as enhancements to the backup system. The main changes include a new activity log feature in the database, improved backup scheduling with configurable frequency and time, significant dependency updates, and a refactor of ESLint configuration. Below are the most important changes grouped by theme:

Database and Activity Log:

  • Added a new activity_log table with relevant indexes for tracking entity changes (patients, surgeries, etc.), along with a migration to support this feature.
  • Added a migration to insert new backup frequency and backup time settings into the app_settings table.
  • Registered the new migrations in the migration loader. [1] [2]

Backup System Improvements:

  • Enhanced the backup scheduler to support configurable backup frequencies (hourly, daily, weekly) and backup times, and improved logging and cleanup logic for old backups. [1] [2] [3] [4]
  • Updated API exports to include dashboard stats and recent activities, likely to support new features in the UI. [1] [2]

Dependency and Tooling Updates:

  • Updated many dependencies and devDependencies to their latest versions, including Electron, React, Radix UI, TanStack, TipTap, and more. Also added several new font packages and the sonner notification package.
  • Added a pnpm section to package.json and ignoredBuiltDependencies to pnpm-workspace.yaml for improved dependency management with native modules. [1] [2]

ESLint and Build Configuration:

  • Migrated from .eslintrc.cjs and .eslintignore to a new eslint.config.mjs using the flat config format, with updated rules and plugin usage. [1] [2] [3]
  • Updated the lint script in package.json to simplify file extension handling.

Build and Plugin Enhancements:

  • Integrated Tailwind CSS as a Vite plugin for better CSS processing, and removed plugins from postcss.config.js in favor of Vite configuration. [1] [2] [3]
  • Added a settings file to enable the Claude frontend design plugin. (.claude/settings.json)

These changes collectively improve the project's maintainability, feature set, and developer experience.

- Redesign sidebar with compact icon+label layout and OpNotes logo
- Add hospital name and department to header in two rows
- Remove animations from command palette and template picker for snappier UX
- Add insert button with keyboard shortcut to template selector
- Upgrade to Tailwind CSS v4 with custom theme configuration
- Add theme switching support with multiple color themes
- Add command palette for quick navigation (Cmd+K)
- Add keyboard shortcuts help dialog
- Create reusable loading skeleton components
- Upgrade ESLint from v8 to v9.39
- Convert .eslintrc.cjs to eslint.config.mjs (flat config format)
- Remove deprecated .eslintignore file
- Update lint script in package.json
- Add activity_log table to track all entity changes (patients, surgeries, followups)
- Log activities on create/update for patients, surgeries, and followups
- Redesign dashboard with modern bento-style layout
- Add time-based greeting header with date display
- Create professional stats cards with monthly change indicators
- Add prominent Add Patient hero card with decorative elements
- Redesign nav cards with centered vertical layout
- Update Recent Activity to use activity log with relative timestamps
- Add cursor-pointer globally for all clickable elements
- Add staggered fade-in animation for activity items
- Add 9 distinct themes: Aurora, Meadow, Bloom, Latte, Slate, Midnight,
  Obsidian, Ocean, and Retro (each with light/dark variants)
- Bundle fonts via @fontsource packages for offline use:
  Inter, Source Sans 3, Nunito, VT323, JetBrains Mono
- Create ThemeDropdown component with visual 3x3 theme grid
- Create ModeToggle component with animated sun/moon icons
- Update ThemeSwitcher with theme preview cards
- Set Ocean Dark as default theme
- Enable GPU-accelerated font rendering with antialiasing
- Add PatientSidebar component with avatar, demographics, contact info, and collapsible remarks
- Add PatientSurgeriesCard with search, table, and empty state
- Use 12-column grid layout (3:9 split) for better space utilization
- Move Edit Patient to ghost button in sidebar header
- Move Add Surgery button to surgeries card
- Apply consistent card styling with gradients and colored icons
- Restructure form into card sections: Identity, Demographics, Location, Contact, Notes
- Add gradient backgrounds and staggered entrance animations
- Add icon badges to card headers with semantic color coding
- Update Save button to gradient style with icon
- Update Reset button to outline style with icon
- Add dynamic gender icon coloring (blue for male, pink for female)
- Enhance birth year preview with styled badge
- Replace table with card-based patient rows showing avatar, name, gender badge
- Add search bar with integrated sort controls
- Implement sorting by name, PHN, age, created/updated date
- Add toggle for ascending/descending order
- Update patient repository to support sorting options
- Improve empty state and pagination UI
- Replace table with card-based doctor rows showing avatar and designation
- Add search bar with integrated sort controls
- Implement sorting by name, designation, created/updated date
- Add toggle for ascending/descending order
- Update doctor repository to support sorting options
- Improve empty state, pagination, and delete confirmation UI
- Replace table with card-based surgery rows showing icon, title, ward badge
- Add search bar with integrated sort controls
- Implement sorting by date, title, BHT, ward, created/updated date
- Add toggle for ascending/descending order
- Update surgery repository to support sorting options
- Improve empty state, pagination, and delete confirmation UI
- Use emerald color theme for surgery-related elements
- Reorganize form into card-based sections (Procedure, Details, Dates, Team, Notes)
- Add prominent emerald-themed shortcut hint banner with clickable insert button
- Update add/edit surgery pages with consistent emerald-themed headers
- Remove redundant labels from rich text areas (card headers are sufficient)
- Clean up duplicate field icons for cleaner visual hierarchy
Add navigation link to patient view from surgery form headers
- Redesign view surgery with card-based layout matching other pages
- Add emerald-themed header with clickable patient link
- Organize surgery details, team, notes into visual cards
- Update follow-up sheet with cyan-themed header and wider width
- Update add doctor sheet with blue-themed header
- Add gradient buttons and better visual hierarchy to all sheets
Adds a new Quick Add Surgery feature that allows users to start surgery
creation directly from the home page with inline patient lookup and
creation. This becomes the hero CTA on the home page.

- Add PatientLookup component with debounced search
- Add PatientResultCard for displaying search results
- Add SelectedPatientSidebar for patient context during surgery form
- Add quick-add-surgery wizard page with step navigation
- Update home page hero CTA to Quick Add Surgery (emerald theme)
- Update command palette and surgeries list to use new route
- Consolidate form fields into single card with icon badges
- Add two-column layout with helpful sidebar content
- Add Doctor: tips sidebar explaining each field's purpose
- Edit Doctor: current info preview showing existing values
- Add keyboard shortcut hint (Ctrl+S to save)
- Match visual style with other recently updated pages
Update patient add, edit, and view pages to match the doctor page design:
- Replace AppLayout wrapper with custom header structure
- Add emerald-themed icon badges and animated headers
- Two-column layout with form and info/tips sidebar
- Current patient info preview on edit page
- Quick tips sidebar on add page
…tegration

- Redesign UpdateIndicator with rounded pill-shaped buttons and theme-aware styling
- Add shimmer effects, pulsing notification dots, and smooth progress animations
- Create rich popovers with gradient headers and detailed download stats
- Add dev simulation mode for testing different update states
- Move WaveZync attribution from footer to sidebar
- Remove MadeWithLove component and footer section
- Add sonner toast library with custom themed Toaster component
- Update all 15 files to use new toast import from sonner
- Remove position overrides to ensure consistent bottom-right placement
- Remove react-hot-toast dependency
- Fix TypeScript errors in UpdateContext simulation helpers
- Add left sidebar with step navigation, progress lines, and app logo
- Redesign Welcome step with feature grid and gradient effects
- Redesign Hospital Info step with cleaner form layout and icons
- Redesign Templates step with benefit cards and template preview
- Redesign Quick Tips step with 2x2 grid and keyboard shortcuts
- Add ambient background orbs and staggered animations
- Add step indicator dots in footer
- Increase base font size to 20px for VT323 pixel font readability
- Add richer amber/green phosphor colors for authentic CRT feel
- Add scanline overlay and vignette effects in dark mode
- Add phosphor glow effects on text, buttons, and inputs
- Custom retro-styled scrollbars with green glow
- Warmer sepia tones for light mode (aged paper aesthetic)
- Hard-edged shadows for pixelated retro feel
New themes:
- Ember: Volcanic fire aesthetic with crimson/orange on charred black
- Frost: Arctic ice theme with crystalline blues and sharp edges
- Sakura: Japanese cherry blossom elegance with soft pinks and zen grays

Also:
- Set ocean-dark as default splash screen theme
- Update theme picker grid to 4 columns for 12 themes
- Display version below OpNotes icon in sidebar
- Make version clickable to open GitHub releases page
- Remove version from header for cleaner UI
Add user-configurable backup frequency (hourly, daily, weekly) with
default of daily at 08:00 AM. Includes improved backup cleanup logging.
Switch between wavezync-light.png and wavezync-dark.png based on
current theme mode in Sidebar and PoweredBy components. For splash
screen, use system color scheme preference.
Expose process.platform from Electron via preload and use it to
dynamically display the correct modifier key symbol based on OS.
Add a new Activity page accessible from the sidebar that displays
all system activity with filtering and pagination support. Users
can filter by entity type, action type, and search text.
Default size is now 1100x750 (was 900x670) with minimum
size of 900x600 to prevent the window from becoming too small.
@kasvith
kasvith merged commit 61c7ff5 into main Jan 18, 2026
2 checks passed
@kasvith
kasvith deleted the feat/refreshed-look branch January 22, 2026 05:40
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