Skip to content

POC - DO NOT MERGE: integrate mieweb/ui design system and multi-brand theming #7

Draft
garrity-miepub wants to merge 1 commit into
mieweb:mainfrom
garrity-miepub:feature/mie-ui-automated-integration
Draft

POC - DO NOT MERGE: integrate mieweb/ui design system and multi-brand theming #7
garrity-miepub wants to merge 1 commit into
mieweb:mainfrom
garrity-miepub:feature/mie-ui-automated-integration

Conversation

@garrity-miepub
Copy link
Copy Markdown

Summary

Integrates the @mieweb/ui design system into TimeHarbor, enabling multi-brand theming and consistent UI styling across all components.

Changes

  • Brand theming: Add 6 brand CSS files (bluehive, enterprise-health, mieweb, ozwell, waggleline, webchart) and runtime brand switching via BrandInitializer component and useBrand hook
  • Component migration: Update modals, cards, and dialogs to use mieweb/ui design tokens and CSS variables (clock-in, tickets, team, confirm dialog)
  • Styling: Refactor globals.css to integrate with mieweb/ui Tailwind preset
  • ESLint: Update config for mieweb/ui compatibility
  • Documentation: Add MIEWEB-UI-MIGRATION.md documenting the integration process

Files Changed (29 files)

Area Files
New MIEWEB-UI-MIGRATION.md, components/brand-initializer.tsx, hooks/use-brand.ts, public/brands/*.css (6 files)
Components Clock-in modal, ticket card/modals, team switcher, member card, assignment panel, confirm dialog, header clock status, empty tickets state
Config globals.css, eslint.config.mjs, package.json, lib/utils.ts, app/layout.tsx

Testing

  • Verify brand switching works across all 6 brands
  • Test all modal interactions (add ticket, stop timer, clock-in, notes, confirm)
  • Check responsive layout and theme consistency

- Add @mieweb/ui dependency and brand CSS files (bluehive, enterprise-health, mieweb, ozwell, waggleline, webchart)
- Add BrandInitializer component and useBrand hook for runtime brand switching
- Migrate components to use mieweb/ui design tokens and CSS variables
- Update modals, cards, and dialogs for consistent theming (clock-in, tickets, team, confirm)
- Refactor globals.css to integrate with mieweb/ui Tailwind preset
- Update ESLint config for mieweb/ui compatibility
- Add MIEWEB-UI-MIGRATION.md documenting the integration process
@garrity-miepub garrity-miepub changed the title feat: integrate mieweb/ui design system and multi-brand theming POC - DO NOT MERGE: integrate mieweb/ui design system and multi-brand theming Mar 19, 2026
@garrity-miepub garrity-miepub marked this pull request as draft March 19, 2026 21:32
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