feat: add Sunsama-style task planner web app

[devin-ai-integration]

Summary

Full-featured Sunsama-style dark-themed task planner UI as @workspace/sunsama-web, ported from Hamsa-code-ui/sunsamaClone with all features from the reference screenshots implemented:

• Sidebar with Lucide icons (Home, Today, Focus, Daily/Weekly rituals) and collapsible toggle
• Board header with Today/Filter controls + Board/Calendars view switcher
• Day columns with horizontal scroll (±30 days), auto-scroll to today, mouse wheel support
• Task cards with subtasks, progress bars, h:mm time estimates, tags, archive button
• Task editor dialog with title, description textarea, calendar date picker (Radix Popover + react-day-picker), time estimate, tag/channel, settings & submit buttons
• Calendar pane with hour labels (12:00–23:00), red current-time indicator, +/1x/- zoom controls, icon toolbar
• Backlog/Archive panel with search, filter, restore archived tasks
• Responsive layout: sidebar collapses at smaller viewports, calendar pane hides below 1000px

Technical: Removed Convex backend (local React state + sample data), replaced dayjs with date-fns, image icons with Lucide React. Typecheck and build pass.

Run locally: cd artifacts/sunsama-web && pnpm dev

Review & Testing Checklist for Human

• Run cd artifacts/sunsama-web && pnpm dev — verify dark-themed three-panel layout loads
• Test sidebar collapse/expand toggle (chevron button)
• Add a new task via "+ Add task" — verify editor dialog has title, description textarea, date picker, time estimate, tag selector
• Toggle subtask checkboxes — verify progress bar and strikethrough update
• Archive a task card — verify it appears in the backlog panel (click clipboard icon in calendar pane toolbar)
• Scroll horizontally through day columns — verify auto-scroll to today on load

Notes

• Local state only (no backend). To connect a real API, wire up state management in Homepage.tsx.
• Sample data in sampleData.ts — remove/replace as needed.

Link to Devin session: https://app.devin.ai/sessions/bc931bc55996442a89eecef740a81ab7
Requested by: @TanUIUX

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring

[devin-ai-integration]

Test Results: Sunsama Web App

Ran dev server locally at localhost:5180 and tested the full UI end-to-end via browser. Devin session

Results

• App loads with correct three-panel layout and sample data — passed
• Toggle subtask updates progress bar — passed
• Add task via editor dialog — passed
• Horizontal day scroll — passed

Evidence Screenshots

App initial load — Three-panel layout: sidebar, day columns (auto-scrolled to today), calendar pane

Subtask toggle — "Build in Figma" toggled to done, all 3/3 subtasks checked, progress bar at 100%

Task editor dialog — Modal with title input, date picker, time estimate, tag dropdown

New task added — "Test new feature" appears at top of today's column

Horizontal scroll — Tomorrow's column with "Write blog post" and "Grocery shopping"

Test Details

• No backend required — app runs with local React state and sample data
• No credentials or auth needed
• Dark theme renders correctly throughout
• Dev server: cd artifacts/sunsama-web && pnpm dev (port 5180)

[devin-ai-integration]

Test Results — Sunsama Web App

Ran the app locally at localhost:5180 and tested all new features end-to-end via browser. Recording + session

All 9 assertions passed

• Sidebar collapse/expand toggle — passed
• Board header buttons (Today, Filter, Board, Calendars) — passed
• Calendar pane hour labels (12:00–23:00) — passed
• Task card h:mm time format (1:00, 0:30, 0:45) — passed
• Archive task removes card from column — passed
• Backlog panel shows archived task with restore button — passed
• Restore returns task to column — passed
• Task editor with description textarea — passed
• New task creation via editor — passed

Test 1: Sidebar Collapse Toggle

Expanded (before)	Collapsed (after)

Sidebar shrinks to icon-only rail (~60px), logo changes to "S", nav labels hidden. Toggle restores full sidebar with all labels.

Test 2: Archive / Restore Flow

After archive (task removed)	Backlog panel (task listed)

"Design landing page" removed from Tuesday column after archive. Backlog panel shows it with date, tag, and restore button. After restore, backlog shows "No archived tasks" and card reappears in column.

Test 3: Task Editor with Description

Editor modal	New task created

Editor includes title input, description textarea, date picker, h:mm time select (0:15–2:00), tag/channel selector, Settings and Submit buttons. New "Test new task" card added successfully with 0:30 badge.