fix: use t.bgPrimary instead of t.bg in Dashboard.tsx to fix Netlify build

Author: waynesutton

changelog.md

@@ -8,6 +8,10 @@ Format based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ### Fixed
 
+- Fixed Netlify build error: `t.bg` property does not exist on theme classes
+  - Changed `t.bg` to `t.bgPrimary` in Dashboard.tsx session detail container (line 1395)
+  - Theme classes use `bgPrimary` not `bg` for primary background color
+
 - Fixed mobile scrolling in session detail view (fixes #13)
   - Added `overscroll-contain`, `touch-pan-y`, and `WebkitOverflowScrolling: 'touch'` to messages container
   - Session detail uses absolute positioning on mobile with background color to cover session list

files.md

@@ -88,7 +88,7 @@ React frontend application.
 | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `auth.tsx`  | Auth wrapper for WorkOS AuthKit with useAuth hook, session rehydration, and token refresh handling                                                                                                                                                                      |
 | `utils.ts`  | Utility functions (cn for classnames)                                                                                                                                                                                                                                   |
-| `theme.tsx` | Theme context with page-specific defaults (PAGE_THEME_DEFAULTS config), useTheme and usePageTheme hooks, dark/tan mode toggle with localStorage persistence                                                                                                             |
+| `theme.tsx` | Theme context with page-specific defaults (PAGE_THEME_DEFAULTS config), useTheme and usePageTheme hooks, dark/tan mode toggle with localStorage persistence. getThemeClasses returns bgPrimary, bgSecondary, bgCard, bgHover (no bare `bg` property)                    |
 | `source.ts` | Source utilities: getSourceLabel (OC/CC/FD/CX/CR/PI labels, handles cursor alias), getSourceColorClass (themed badge colors for OpenCode/Claude Code/Factory Droid/Codex CLI/Cursor/Pi with purple for codex-cli, violet for cursor-sync/cursor, orange #f97316 for pi) |
 
 ## docs/

src/pages/Dashboard.tsx

@@ -1392,7 +1392,7 @@ function SessionsView({
 
       {/* Session detail - full width on mobile, uses absolute positioning on mobile for proper scrolling */}
       {selectedSession && (
-        <div className={cn("absolute inset-0 lg:relative lg:inset-auto h-full min-h-0 w-full lg:w-1/2 flex flex-col overflow-hidden z-10 lg:z-auto", t.bg)}>
+        <div className={cn("absolute inset-0 lg:relative lg:inset-auto h-full min-h-0 w-full lg:w-1/2 flex flex-col overflow-hidden z-10 lg:z-auto", t.bgPrimary)}>
           {/* Detail header */}
           <div className={cn("px-4 py-3 border-b flex items-center justify-between", t.border)}>
             <div className="flex items-center gap-3 min-w-0">

task.md

@@ -8,6 +8,13 @@ OpenSync supports two AI coding tools: **OpenCode** and **Claude Code**.
 
 - [ ] (add next task here)
 
+## Recently Completed (Netlify Build Fix - Theme Property)
+
+- [x] Fixed Netlify build error: `t.bg` property does not exist on theme classes
+  - Root cause: Dashboard.tsx line 1395 used `t.bg` but theme classes only have `bgPrimary`
+  - Fix: Changed `t.bg` to `t.bgPrimary` in session detail container className
+  - TypeScript and Netlify build now pass
+
 ## Recently Completed (Issue #13 - Mobile Scrolling Fix)
 
 - [x] Fixed mobile scrolling in session detail view (GitHub #13)