The @import in main.css failed because ./src/chat-ui.css wasn't
in the exports field. Add explicit export and use correct path.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Import chat-ui.css via CSS @import in main.css (not JS import)
so @layer directives go through Tailwind's compilation
- Add @source directive for packages/chat-ui so Tailwind v4
scans the package for utility classes
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
UserStoreProvider was switching between three different return structures
(LoadingSpinner / children directly / Context.Provider wrapping children),
causing full fiber tree restructures in React 19 concurrent mode. When
batched with other state updates (e.g. UpgradeBlockContext loading),
React called insertBefore with a reference node already detached from
the DOM.
- Always render UserStoreContext.Provider so tree structure is stable;
spinner vs children toggle happens inside it
- Use useRef to hold a stable Zustand store (update via setState instead
of recreating on every render)
- Move inline <style> from App.tsx JSX into main.css to avoid React 19
style-tag edge cases with conditional sibling rendering
Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
- NavigationBar: add light/dark theme support with adaptive text colors
- TopBar: match navbar background color in both themes
- main.css: make navbar-background/darker CSS variables theme-aware
- tablo-details: restore working invite button with full share dialog
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Replace neutral gray oklch values (hue 0) with purple-tinted variants (hue 290, low chroma) across all dark mode CSS variables
- Background, card, border, muted, accent all now carry a subtle purple tint
- Navbar colors shifted from blue-gray (#292e39) to deep purple (#1e1b2e)
- Stream Chat dark mode backgrounds aligned with the new palette
- Creates a cohesive dark theme that complements the #804EEC purple design system
Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
- Primary color: #804EEC (was #8b7396)
- Own message bubbles: solid #804EEC with white text in both light and dark modes
- Surface colors updated to use purple-tinted variants
- Dark mode uses consistent purple-based alpha colors
Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
