@atercates/claude-deck 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (293) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +123 -0
  3. package/app/api/claude/hidden/route.ts +66 -0
  4. package/app/api/claude/projects/[name]/sessions/route.ts +71 -0
  5. package/app/api/claude/projects/route.ts +44 -0
  6. package/app/api/code-search/available/route.ts +12 -0
  7. package/app/api/code-search/route.ts +47 -0
  8. package/app/api/dev-servers/[id]/logs/route.ts +23 -0
  9. package/app/api/dev-servers/[id]/restart/route.ts +20 -0
  10. package/app/api/dev-servers/[id]/route.ts +51 -0
  11. package/app/api/dev-servers/[id]/stop/route.ts +20 -0
  12. package/app/api/dev-servers/detect/route.ts +39 -0
  13. package/app/api/dev-servers/route.ts +48 -0
  14. package/app/api/exec/route.ts +60 -0
  15. package/app/api/files/content/route.ts +76 -0
  16. package/app/api/files/route.ts +37 -0
  17. package/app/api/files/upload-temp/route.ts +41 -0
  18. package/app/api/git/check/route.ts +54 -0
  19. package/app/api/git/clone/route.ts +99 -0
  20. package/app/api/git/commit/route.ts +75 -0
  21. package/app/api/git/discard/route.ts +38 -0
  22. package/app/api/git/file-content/route.ts +64 -0
  23. package/app/api/git/history/[hash]/diff/route.ts +38 -0
  24. package/app/api/git/history/[hash]/route.ts +34 -0
  25. package/app/api/git/history/route.ts +27 -0
  26. package/app/api/git/multi-status/route.ts +46 -0
  27. package/app/api/git/pr/route.ts +164 -0
  28. package/app/api/git/push/route.ts +64 -0
  29. package/app/api/git/stage/route.ts +40 -0
  30. package/app/api/git/status/route.ts +51 -0
  31. package/app/api/git/unstage/route.ts +46 -0
  32. package/app/api/groups/[...path]/route.ts +136 -0
  33. package/app/api/groups/route.ts +93 -0
  34. package/app/api/orchestrate/spawn/route.ts +45 -0
  35. package/app/api/orchestrate/workers/[id]/route.ts +89 -0
  36. package/app/api/orchestrate/workers/route.ts +31 -0
  37. package/app/api/projects/[id]/detect/route.ts +27 -0
  38. package/app/api/projects/[id]/dev-servers/[dsId]/route.ts +66 -0
  39. package/app/api/projects/[id]/dev-servers/route.ts +51 -0
  40. package/app/api/projects/[id]/repositories/[repoId]/route.ts +67 -0
  41. package/app/api/projects/[id]/repositories/route.ts +74 -0
  42. package/app/api/projects/[id]/route.ts +108 -0
  43. package/app/api/projects/detect/route.ts +33 -0
  44. package/app/api/projects/route.ts +59 -0
  45. package/app/api/sessions/[id]/claude-session/route.ts +42 -0
  46. package/app/api/sessions/[id]/fork/route.ts +74 -0
  47. package/app/api/sessions/[id]/mcp-config/route.ts +34 -0
  48. package/app/api/sessions/[id]/messages/route.ts +60 -0
  49. package/app/api/sessions/[id]/pr/route.ts +188 -0
  50. package/app/api/sessions/[id]/preview/route.ts +42 -0
  51. package/app/api/sessions/[id]/route.ts +229 -0
  52. package/app/api/sessions/[id]/send-keys/route.ts +119 -0
  53. package/app/api/sessions/[id]/summarize/route.ts +331 -0
  54. package/app/api/sessions/init-script/route.ts +84 -0
  55. package/app/api/sessions/route.ts +209 -0
  56. package/app/api/sessions/status/route.ts +237 -0
  57. package/app/api/system/route.ts +9 -0
  58. package/app/api/tmux/kill-all/route.ts +57 -0
  59. package/app/api/tmux/rename/route.ts +30 -0
  60. package/app/globals.css +174 -0
  61. package/app/icon.svg +11 -0
  62. package/app/layout.tsx +122 -0
  63. package/app/page.tsx +629 -0
  64. package/components/ChatMessage.tsx +65 -0
  65. package/components/ChatView.tsx +276 -0
  66. package/components/ClaudeProjects/ClaudeProjectCard.tsx +195 -0
  67. package/components/ClaudeProjects/ClaudeProjectsSection.tsx +89 -0
  68. package/components/ClaudeProjects/ClaudeSessionCard.tsx +100 -0
  69. package/components/ClaudeProjects/index.ts +1 -0
  70. package/components/CodeSearch/CodeSearchResults.tsx +177 -0
  71. package/components/ConductorPanel.tsx +256 -0
  72. package/components/DevServers/DevServerCard.tsx +311 -0
  73. package/components/DevServers/DevServersSection.tsx +91 -0
  74. package/components/DevServers/ServerLogsModal.tsx +151 -0
  75. package/components/DevServers/StartServerDialog.tsx +359 -0
  76. package/components/DevServers/index.ts +4 -0
  77. package/components/DiffViewer/DiffModal.tsx +151 -0
  78. package/components/DiffViewer/UnifiedDiff.tsx +185 -0
  79. package/components/DiffViewer/index.tsx +2 -0
  80. package/components/DirectoryPicker.tsx +355 -0
  81. package/components/FileExplorer/FileEditor.tsx +276 -0
  82. package/components/FileExplorer/FileTabs.tsx +118 -0
  83. package/components/FileExplorer/FileTree.tsx +214 -0
  84. package/components/FileExplorer/HtmlRenderer.tsx +16 -0
  85. package/components/FileExplorer/MarkdownRenderer.tsx +18 -0
  86. package/components/FileExplorer/index.tsx +520 -0
  87. package/components/FilePicker.tsx +339 -0
  88. package/components/FolderPicker.tsx +201 -0
  89. package/components/GitDrawer/FileEditDialog.tsx +400 -0
  90. package/components/GitDrawer/index.tsx +464 -0
  91. package/components/GitPanel/CommitForm.tsx +205 -0
  92. package/components/GitPanel/CommitHistory.tsx +174 -0
  93. package/components/GitPanel/CommitItem.tsx +196 -0
  94. package/components/GitPanel/FileChanges.tsx +414 -0
  95. package/components/GitPanel/GitPanelTabs.tsx +39 -0
  96. package/components/GitPanel/index.tsx +817 -0
  97. package/components/MessageInput.tsx +82 -0
  98. package/components/NewClaudeSessionDialog.tsx +166 -0
  99. package/components/NewSessionDialog/AdvancedSettings.tsx +78 -0
  100. package/components/NewSessionDialog/AgentSelector.tsx +37 -0
  101. package/components/NewSessionDialog/CreatingOverlay.tsx +94 -0
  102. package/components/NewSessionDialog/NewSessionDialog.types.ts +136 -0
  103. package/components/NewSessionDialog/ProjectSelector.tsx +146 -0
  104. package/components/NewSessionDialog/WorkingDirectoryInput.tsx +55 -0
  105. package/components/NewSessionDialog/WorktreeSection.tsx +92 -0
  106. package/components/NewSessionDialog/hooks/useNewSessionForm.ts +370 -0
  107. package/components/NewSessionDialog/index.tsx +106 -0
  108. package/components/NotificationSettings.tsx +127 -0
  109. package/components/PRCreationModal.tsx +272 -0
  110. package/components/Pane/DesktopTabBar.tsx +353 -0
  111. package/components/Pane/MobileTabBar.tsx +210 -0
  112. package/components/Pane/OpenInVSCode.tsx +69 -0
  113. package/components/Pane/PaneSkeletons.tsx +57 -0
  114. package/components/Pane/index.tsx +558 -0
  115. package/components/PaneLayout.tsx +60 -0
  116. package/components/Projects/DevServersSection.tsx +140 -0
  117. package/components/Projects/DirectoryField.tsx +92 -0
  118. package/components/Projects/NewProjectDialog.tsx +188 -0
  119. package/components/Projects/NewProjectDialog.types.ts +46 -0
  120. package/components/Projects/ProjectCard.tsx +276 -0
  121. package/components/Projects/ProjectSettingsDialog.tsx +811 -0
  122. package/components/Projects/hooks/useNewProjectForm.ts +249 -0
  123. package/components/Projects/index.ts +3 -0
  124. package/components/Providers.tsx +49 -0
  125. package/components/QuickSwitcher.tsx +306 -0
  126. package/components/SessionList/KillAllConfirm.tsx +46 -0
  127. package/components/SessionList/SelectionToolbar.tsx +164 -0
  128. package/components/SessionList/SessionList.types.ts +37 -0
  129. package/components/SessionList/SessionListHeader.tsx +71 -0
  130. package/components/SessionList/hooks/useSessionListMutations.ts +269 -0
  131. package/components/SessionList/index.tsx +189 -0
  132. package/components/ShellDrawer/index.tsx +106 -0
  133. package/components/SidebarFooter.tsx +55 -0
  134. package/components/Terminal/KeybarToggleButton.tsx +45 -0
  135. package/components/Terminal/ScrollToBottomButton.tsx +32 -0
  136. package/components/Terminal/SearchBar.tsx +71 -0
  137. package/components/Terminal/TerminalToolbar.tsx +551 -0
  138. package/components/Terminal/VirtualKeyboard.tsx +711 -0
  139. package/components/Terminal/constants.ts +20 -0
  140. package/components/Terminal/hooks/index.ts +5 -0
  141. package/components/Terminal/hooks/resize-handlers.ts +140 -0
  142. package/components/Terminal/hooks/terminal-init.ts +151 -0
  143. package/components/Terminal/hooks/touch-scroll.ts +155 -0
  144. package/components/Terminal/hooks/useTerminalConnection.ts +282 -0
  145. package/components/Terminal/hooks/useTerminalConnection.types.ts +39 -0
  146. package/components/Terminal/hooks/useTerminalSearch.ts +103 -0
  147. package/components/Terminal/hooks/websocket-connection.ts +274 -0
  148. package/components/Terminal/index.tsx +320 -0
  149. package/components/ThemeToggle.tsx +168 -0
  150. package/components/TmuxSessions.tsx +132 -0
  151. package/components/ToolCallDisplay.tsx +71 -0
  152. package/components/WorkerCard.tsx +245 -0
  153. package/components/a/ABadge.tsx +115 -0
  154. package/components/a/AButton.tsx +163 -0
  155. package/components/a/ADialog.tsx +93 -0
  156. package/components/a/ADropdownMenu.tsx +279 -0
  157. package/components/a/AIconButton.tsx +190 -0
  158. package/components/a/ASheet.tsx +150 -0
  159. package/components/a/ATooltip.tsx +77 -0
  160. package/components/a/index.ts +64 -0
  161. package/components/mobile/SwipeSidebar.tsx +122 -0
  162. package/components/ui/badge.tsx +41 -0
  163. package/components/ui/button.tsx +60 -0
  164. package/components/ui/context-menu.tsx +197 -0
  165. package/components/ui/dialog.tsx +143 -0
  166. package/components/ui/dropdown-menu.tsx +257 -0
  167. package/components/ui/input.tsx +21 -0
  168. package/components/ui/scroll-area.tsx +52 -0
  169. package/components/ui/select.tsx +159 -0
  170. package/components/ui/skeleton.tsx +111 -0
  171. package/components/ui/switch.tsx +31 -0
  172. package/components/ui/textarea.tsx +21 -0
  173. package/components/ui/tooltip.tsx +32 -0
  174. package/components/views/DesktopView.tsx +244 -0
  175. package/components/views/MobileView.tsx +110 -0
  176. package/components/views/types.ts +75 -0
  177. package/contexts/PaneContext.tsx +336 -0
  178. package/data/claude/index.ts +9 -0
  179. package/data/claude/keys.ts +6 -0
  180. package/data/claude/queries.ts +120 -0
  181. package/data/claude/useClaudeUpdates.ts +37 -0
  182. package/data/code-search/index.ts +2 -0
  183. package/data/code-search/keys.ts +7 -0
  184. package/data/code-search/queries.ts +61 -0
  185. package/data/dev-servers/index.ts +8 -0
  186. package/data/dev-servers/keys.ts +4 -0
  187. package/data/dev-servers/queries.ts +104 -0
  188. package/data/files/index.ts +3 -0
  189. package/data/files/keys.ts +4 -0
  190. package/data/files/queries.ts +25 -0
  191. package/data/git/keys.ts +15 -0
  192. package/data/git/queries.ts +395 -0
  193. package/data/groups/index.ts +1 -0
  194. package/data/groups/mutations.ts +95 -0
  195. package/data/projects/index.ts +10 -0
  196. package/data/projects/keys.ts +4 -0
  197. package/data/projects/queries.ts +193 -0
  198. package/data/repositories/index.ts +7 -0
  199. package/data/repositories/keys.ts +5 -0
  200. package/data/repositories/queries.ts +122 -0
  201. package/data/sessions/index.ts +12 -0
  202. package/data/sessions/keys.ts +8 -0
  203. package/data/sessions/queries.ts +218 -0
  204. package/data/statuses/index.ts +1 -0
  205. package/data/statuses/queries.ts +69 -0
  206. package/hooks/useCopyToClipboard.ts +48 -0
  207. package/hooks/useDevServersManager.ts +73 -0
  208. package/hooks/useDirectoryBrowser.ts +90 -0
  209. package/hooks/useDrawerAnimation.ts +27 -0
  210. package/hooks/useFileDrop.ts +87 -0
  211. package/hooks/useFileEditor.ts +184 -0
  212. package/hooks/useGroups.ts +37 -0
  213. package/hooks/useHomePath.ts +34 -0
  214. package/hooks/useKeyRepeat.ts +55 -0
  215. package/hooks/useKeybarVisibility.ts +42 -0
  216. package/hooks/useNotifications.ts +257 -0
  217. package/hooks/useProjects.ts +53 -0
  218. package/hooks/useSessionStatuses.ts +30 -0
  219. package/hooks/useSessions.ts +86 -0
  220. package/hooks/useSpeechRecognition.ts +124 -0
  221. package/hooks/useViewport.ts +32 -0
  222. package/hooks/useViewportHeight.ts +50 -0
  223. package/lib/async-operations.ts +35 -0
  224. package/lib/banner.ts +81 -0
  225. package/lib/claude/jsonl-cache.ts +86 -0
  226. package/lib/claude/jsonl-reader.ts +271 -0
  227. package/lib/claude/process-manager.ts +278 -0
  228. package/lib/claude/stream-parser.ts +173 -0
  229. package/lib/claude/types.ts +154 -0
  230. package/lib/claude/watcher.ts +71 -0
  231. package/lib/client/session-registry.ts +111 -0
  232. package/lib/code-search.ts +121 -0
  233. package/lib/db/index.ts +48 -0
  234. package/lib/db/migrations.ts +45 -0
  235. package/lib/db/queries.ts +460 -0
  236. package/lib/db/schema.ts +114 -0
  237. package/lib/db/types.ts +92 -0
  238. package/lib/db.ts +2 -0
  239. package/lib/dev-servers.ts +509 -0
  240. package/lib/diff-parser.ts +221 -0
  241. package/lib/env-setup.ts +285 -0
  242. package/lib/file-upload.ts +34 -0
  243. package/lib/file-utils.ts +50 -0
  244. package/lib/files.ts +207 -0
  245. package/lib/git-history.ts +294 -0
  246. package/lib/git-status.ts +391 -0
  247. package/lib/git.ts +257 -0
  248. package/lib/mcp-config.ts +81 -0
  249. package/lib/multi-repo-git.ts +179 -0
  250. package/lib/notifications.ts +219 -0
  251. package/lib/orchestration.ts +448 -0
  252. package/lib/panes.ts +232 -0
  253. package/lib/ports.ts +97 -0
  254. package/lib/pr-generation.ts +307 -0
  255. package/lib/pr.ts +234 -0
  256. package/lib/projects.ts +578 -0
  257. package/lib/providers/registry.ts +70 -0
  258. package/lib/providers.ts +121 -0
  259. package/lib/query-client.ts +14 -0
  260. package/lib/rangeSelectionUtils.ts +65 -0
  261. package/lib/status-detector.ts +375 -0
  262. package/lib/terminal-themes.ts +265 -0
  263. package/lib/theme-config.ts +327 -0
  264. package/lib/utils.ts +6 -0
  265. package/lib/worktrees.ts +262 -0
  266. package/mcp/orchestration-server.ts +438 -0
  267. package/package.json +139 -0
  268. package/postcss.config.mjs +7 -0
  269. package/public/icon.svg +10 -0
  270. package/public/icons/icon-128x128.png +0 -0
  271. package/public/icons/icon-144x144.png +0 -0
  272. package/public/icons/icon-152x152.png +0 -0
  273. package/public/icons/icon-192x192.png +0 -0
  274. package/public/icons/icon-384x384.png +0 -0
  275. package/public/icons/icon-512x512.png +0 -0
  276. package/public/icons/icon-72x72.png +0 -0
  277. package/public/icons/icon-96x96.png +0 -0
  278. package/public/manifest.json +61 -0
  279. package/public/sw.js +64 -0
  280. package/scripts/agent-os +91 -0
  281. package/scripts/install.sh +48 -0
  282. package/scripts/lib/ai-clis.sh +132 -0
  283. package/scripts/lib/commands.sh +487 -0
  284. package/scripts/lib/common.sh +89 -0
  285. package/scripts/lib/prerequisites.sh +462 -0
  286. package/scripts/setup.sh +134 -0
  287. package/server.ts +155 -0
  288. package/stores/fileOpen.ts +26 -0
  289. package/stores/index.ts +1 -0
  290. package/stores/initialPrompt.ts +24 -0
  291. package/stores/sessionSelection.ts +48 -0
  292. package/styles/themes.css +603 -0
  293. package/tsconfig.json +33 -0
package/styles/themes.css ADDED
@@ -0,0 +1,603 @@
1
+ /* =============================================================================
2
+ AGENT-OS THEME SYSTEM
3
+ Adapted from LumifyHub
4
+ =============================================================================
5
+
6
+ Theme Structure:
7
+ - Light base theme (default)
8
+ - 7 light theme variants (warm, cool, soft, rose, lavender, mint, peach)
9
+ - Dark base theme (deep - default dark)
10
+ - 9 dark theme variants (charcoal, warm, cool, gray, midnight, forest, purple, ocean, mocha)
11
+
12
+ CSS Variables use raw HSL values (e.g., "0 0% 100%") without hsl() wrapper.
13
+ Tailwind wraps them with hsl() in the config.
14
+
15
+ Theme Switching:
16
+ - Mode: .dark or .light class on <html>
17
+ - Variant: data-theme-variant attribute on <html>
18
+
19
+ ============================================================================= */
20
+
21
+ @layer base {
22
+ /* ===========================================================================
23
+ LIGHT THEME BASE (Default)
24
+ Clean white with blue accents
25
+ =========================================================================== */
26
+ :root {
27
+ --background: 0 0% 100%;
28
+ --foreground: 222.2 84% 4.9%;
29
+ --card: 0 0% 100%;
30
+ --card-foreground: 222.2 84% 4.9%;
31
+ --popover: 0 0% 100%;
32
+ --popover-foreground: 222.2 84% 4.9%;
33
+ --primary: 221.2 83.2% 53.3%;
34
+ --primary-foreground: 210 40% 98%;
35
+ --secondary: 210 40% 96%;
36
+ --secondary-foreground: 222.2 84% 4.9%;
37
+ --muted: 210 40% 96%;
38
+ --muted-foreground: 215.4 16.3% 46.9%;
39
+ --accent: 210 40% 96%;
40
+ --accent-foreground: 222.2 84% 4.9%;
41
+ --destructive: 0 84.2% 60.2%;
42
+ --destructive-foreground: 210 40% 98%;
43
+ --border: 214.3 31.8% 91.4%;
44
+ --input: 214.3 31.8% 91.4%;
45
+ --ring: 221.2 83.2% 53.3%;
46
+ --chart-1: 12 76% 61%;
47
+ --chart-2: 173 58% 39%;
48
+ --chart-3: 197 37% 24%;
49
+ --chart-4: 43 74% 66%;
50
+ --chart-5: 27 87% 67%;
51
+ --sidebar-background: 0 0% 98%;
52
+ --sidebar-foreground: 240 5.3% 26.1%;
53
+ --sidebar-primary: 221.2 83.2% 53.3%;
54
+ --sidebar-primary-foreground: 210 40% 98%;
55
+ --sidebar-accent: 240 4.8% 95.9%;
56
+ --sidebar-accent-foreground: 240 5.9% 10%;
57
+ --sidebar-border: 220 13% 91%;
58
+ --sidebar-ring: 221.2 83.2% 53.3%;
59
+ }
60
+
61
+ /* ===========================================================================
62
+ LIGHT THEME VARIANTS
63
+ =========================================================================== */
64
+
65
+ /* Light Warm - Soft beige tones */
66
+ :root[data-theme-variant="warm"] {
67
+ --background: 35 25% 94%;
68
+ --foreground: 30 40% 15%;
69
+ --card: 35 25% 96%;
70
+ --card-foreground: 30 40% 15%;
71
+ --popover: 35 25% 98%;
72
+ --popover-foreground: 30 40% 15%;
73
+ --primary: 32 95% 44%;
74
+ --primary-foreground: 35 25% 94%;
75
+ --secondary: 35 20% 90%;
76
+ --secondary-foreground: 30 40% 15%;
77
+ --muted: 35 20% 90%;
78
+ --muted-foreground: 30 25% 45%;
79
+ --accent: 35 20% 88%;
80
+ --accent-foreground: 30 40% 15%;
81
+ --destructive: 0 84.2% 60.2%;
82
+ --destructive-foreground: 35 25% 94%;
83
+ --border: 35 18% 85%;
84
+ --input: 35 20% 88%;
85
+ --ring: 32 95% 44%;
86
+ --sidebar-background: 35 25% 92%;
87
+ --sidebar-foreground: 30 25% 35%;
88
+ --sidebar-primary: 32 95% 44%;
89
+ --sidebar-primary-foreground: 35 25% 94%;
90
+ --sidebar-accent: 35 20% 88%;
91
+ --sidebar-accent-foreground: 30 40% 15%;
92
+ --sidebar-border: 35 18% 85%;
93
+ --sidebar-ring: 32 95% 44%;
94
+ }
95
+
96
+ /* Light Cool - Blue-tinted white */
97
+ :root[data-theme-variant="cool"] {
98
+ --background: 210 20% 97%;
99
+ --foreground: 222 47% 11%;
100
+ --card: 210 20% 99%;
101
+ --card-foreground: 222 47% 11%;
102
+ --popover: 210 20% 100%;
103
+ --popover-foreground: 222 47% 11%;
104
+ --primary: 199 89% 48%;
105
+ --primary-foreground: 210 20% 97%;
106
+ --secondary: 210 18% 94%;
107
+ --secondary-foreground: 222 47% 11%;
108
+ --muted: 210 18% 94%;
109
+ --muted-foreground: 215 20% 45%;
110
+ --accent: 210 18% 92%;
111
+ --accent-foreground: 222 47% 11%;
112
+ --destructive: 0 84.2% 60.2%;
113
+ --destructive-foreground: 210 20% 97%;
114
+ --border: 210 16% 88%;
115
+ --input: 210 18% 92%;
116
+ --ring: 199 89% 48%;
117
+ --sidebar-background: 210 20% 95%;
118
+ --sidebar-foreground: 215 20% 35%;
119
+ --sidebar-primary: 199 89% 48%;
120
+ --sidebar-primary-foreground: 210 20% 97%;
121
+ --sidebar-accent: 210 18% 92%;
122
+ --sidebar-accent-foreground: 222 47% 11%;
123
+ --sidebar-border: 210 16% 88%;
124
+ --sidebar-ring: 199 89% 48%;
125
+ }
126
+
127
+ /* Light Soft - Gentle gray-white */
128
+ :root[data-theme-variant="soft"] {
129
+ --background: 210 17% 98%;
130
+ --foreground: 210 10% 15%;
131
+ --card: 210 17% 99%;
132
+ --card-foreground: 210 10% 15%;
133
+ --popover: 0 0% 100%;
134
+ --popover-foreground: 210 10% 15%;
135
+ --primary: 239 84% 67%;
136
+ --primary-foreground: 210 17% 98%;
137
+ --secondary: 210 14% 95%;
138
+ --secondary-foreground: 210 10% 15%;
139
+ --muted: 210 14% 95%;
140
+ --muted-foreground: 210 10% 50%;
141
+ --accent: 210 14% 93%;
142
+ --accent-foreground: 210 10% 15%;
143
+ --destructive: 0 84.2% 60.2%;
144
+ --destructive-foreground: 210 17% 98%;
145
+ --border: 210 12% 90%;
146
+ --input: 210 14% 93%;
147
+ --ring: 239 84% 67%;
148
+ --sidebar-background: 210 17% 96%;
149
+ --sidebar-foreground: 210 10% 40%;
150
+ --sidebar-primary: 239 84% 67%;
151
+ --sidebar-primary-foreground: 210 17% 98%;
152
+ --sidebar-accent: 210 14% 93%;
153
+ --sidebar-accent-foreground: 210 10% 15%;
154
+ --sidebar-border: 210 12% 90%;
155
+ --sidebar-ring: 239 84% 67%;
156
+ }
157
+
158
+ /* Light Rose - Soft pink tones */
159
+ :root[data-theme-variant="rose"] {
160
+ --background: 340 25% 97%;
161
+ --foreground: 340 30% 15%;
162
+ --card: 340 25% 98%;
163
+ --card-foreground: 340 30% 15%;
164
+ --popover: 340 25% 99%;
165
+ --popover-foreground: 340 30% 15%;
166
+ --primary: 346 77% 60%;
167
+ --primary-foreground: 340 25% 97%;
168
+ --secondary: 340 20% 92%;
169
+ --secondary-foreground: 340 30% 15%;
170
+ --muted: 340 20% 92%;
171
+ --muted-foreground: 340 20% 45%;
172
+ --accent: 340 22% 90%;
173
+ --accent-foreground: 340 30% 15%;
174
+ --destructive: 0 84.2% 60.2%;
175
+ --destructive-foreground: 340 25% 97%;
176
+ --border: 340 18% 88%;
177
+ --input: 340 20% 90%;
178
+ --ring: 346 77% 60%;
179
+ --sidebar-background: 340 25% 94%;
180
+ --sidebar-foreground: 340 20% 35%;
181
+ --sidebar-primary: 346 77% 60%;
182
+ --sidebar-primary-foreground: 340 25% 97%;
183
+ --sidebar-accent: 340 22% 90%;
184
+ --sidebar-accent-foreground: 340 30% 15%;
185
+ --sidebar-border: 340 18% 88%;
186
+ --sidebar-ring: 346 77% 60%;
187
+ }
188
+
189
+ /* Light Lavender - Gentle purple */
190
+ :root[data-theme-variant="lavender"] {
191
+ --background: 260 30% 97%;
192
+ --foreground: 260 35% 15%;
193
+ --card: 260 30% 98%;
194
+ --card-foreground: 260 35% 15%;
195
+ --popover: 260 30% 99%;
196
+ --popover-foreground: 260 35% 15%;
197
+ --primary: 262 83% 68%;
198
+ --primary-foreground: 260 30% 97%;
199
+ --secondary: 260 24% 92%;
200
+ --secondary-foreground: 260 35% 15%;
201
+ --muted: 260 24% 92%;
202
+ --muted-foreground: 260 22% 45%;
203
+ --accent: 260 26% 90%;
204
+ --accent-foreground: 260 35% 15%;
205
+ --destructive: 0 84.2% 60.2%;
206
+ --destructive-foreground: 260 30% 97%;
207
+ --border: 260 20% 88%;
208
+ --input: 260 24% 90%;
209
+ --ring: 262 83% 68%;
210
+ --sidebar-background: 260 30% 94%;
211
+ --sidebar-foreground: 260 22% 35%;
212
+ --sidebar-primary: 262 83% 68%;
213
+ --sidebar-primary-foreground: 260 30% 97%;
214
+ --sidebar-accent: 260 26% 90%;
215
+ --sidebar-accent-foreground: 260 35% 15%;
216
+ --sidebar-border: 260 20% 88%;
217
+ --sidebar-ring: 262 83% 68%;
218
+ }
219
+
220
+ /* Light Mint - Fresh green */
221
+ :root[data-theme-variant="mint"] {
222
+ --background: 160 30% 96%;
223
+ --foreground: 160 35% 12%;
224
+ --card: 160 30% 97%;
225
+ --card-foreground: 160 35% 12%;
226
+ --popover: 160 30% 98%;
227
+ --popover-foreground: 160 35% 12%;
228
+ --primary: 159 67% 48%;
229
+ --primary-foreground: 160 30% 96%;
230
+ --secondary: 160 22% 92%;
231
+ --secondary-foreground: 160 35% 12%;
232
+ --muted: 160 22% 92%;
233
+ --muted-foreground: 160 20% 42%;
234
+ --accent: 160 24% 89%;
235
+ --accent-foreground: 160 35% 12%;
236
+ --destructive: 0 84.2% 60.2%;
237
+ --destructive-foreground: 160 30% 96%;
238
+ --border: 160 18% 86%;
239
+ --input: 160 22% 89%;
240
+ --ring: 159 67% 48%;
241
+ --sidebar-background: 160 30% 93%;
242
+ --sidebar-foreground: 160 20% 32%;
243
+ --sidebar-primary: 159 67% 48%;
244
+ --sidebar-primary-foreground: 160 30% 96%;
245
+ --sidebar-accent: 160 24% 89%;
246
+ --sidebar-accent-foreground: 160 35% 12%;
247
+ --sidebar-border: 160 18% 86%;
248
+ --sidebar-ring: 159 67% 48%;
249
+ }
250
+
251
+ /* Light Peach - Warm coral tones */
252
+ :root[data-theme-variant="peach"] {
253
+ --background: 20 35% 96%;
254
+ --foreground: 20 40% 15%;
255
+ --card: 20 35% 97%;
256
+ --card-foreground: 20 40% 15%;
257
+ --popover: 20 35% 98%;
258
+ --popover-foreground: 20 40% 15%;
259
+ --primary: 14 88% 65%;
260
+ --primary-foreground: 20 35% 96%;
261
+ --secondary: 20 26% 91%;
262
+ --secondary-foreground: 20 40% 15%;
263
+ --muted: 20 26% 91%;
264
+ --muted-foreground: 20 22% 44%;
265
+ --accent: 20 28% 88%;
266
+ --accent-foreground: 20 40% 15%;
267
+ --destructive: 0 84.2% 60.2%;
268
+ --destructive-foreground: 20 35% 96%;
269
+ --border: 20 22% 85%;
270
+ --input: 20 26% 88%;
271
+ --ring: 14 88% 65%;
272
+ --sidebar-background: 20 35% 93%;
273
+ --sidebar-foreground: 20 22% 34%;
274
+ --sidebar-primary: 14 88% 65%;
275
+ --sidebar-primary-foreground: 20 35% 96%;
276
+ --sidebar-accent: 20 28% 88%;
277
+ --sidebar-accent-foreground: 20 40% 15%;
278
+ --sidebar-border: 20 22% 85%;
279
+ --sidebar-ring: 14 88% 65%;
280
+ }
281
+
282
+ /* ===========================================================================
283
+ DARK THEME BASE (Deep Dark - Default)
284
+ Premium true black with high contrast
285
+ =========================================================================== */
286
+ .dark {
287
+ --background: 0 0% 4%;
288
+ --foreground: 0 0% 92%;
289
+ --card: 0 0% 6%;
290
+ --card-foreground: 0 0% 92%;
291
+ --popover: 0 0% 7%;
292
+ --popover-foreground: 0 0% 92%;
293
+ --primary: 217.2 91.2% 59.8%;
294
+ --primary-foreground: 0 0% 98%;
295
+ --secondary: 0 0% 10%;
296
+ --secondary-foreground: 0 0% 92%;
297
+ --muted: 0 0% 10%;
298
+ --muted-foreground: 0 0% 65%;
299
+ --accent: 0 0% 12%;
300
+ --accent-foreground: 0 0% 92%;
301
+ --destructive: 0 84.2% 60.2%;
302
+ --destructive-foreground: 0 0% 98%;
303
+ --border: 0 0% 14%;
304
+ --input: 0 0% 8%;
305
+ --ring: 217.2 91.2% 59.8%;
306
+ --chart-1: 220 70% 50%;
307
+ --chart-2: 160 60% 45%;
308
+ --chart-3: 30 80% 55%;
309
+ --chart-4: 280 65% 60%;
310
+ --chart-5: 340 75% 55%;
311
+ --sidebar-background: 0 0% 7%;
312
+ --sidebar-foreground: 0 0% 60%;
313
+ --sidebar-primary: 217.2 91.2% 59.8%;
314
+ --sidebar-primary-foreground: 0 0% 98%;
315
+ --sidebar-accent: 0 0% 12%;
316
+ --sidebar-accent-foreground: 0 0% 92%;
317
+ --sidebar-border: 0 0% 14%;
318
+ --sidebar-ring: 217.2 91.2% 59.8%;
319
+ }
320
+
321
+ /* ===========================================================================
322
+ DARK THEME VARIANTS
323
+ =========================================================================== */
324
+
325
+ /* Dark Charcoal - Softer than true black */
326
+ .dark[data-theme-variant="charcoal"] {
327
+ --background: 210 15% 10%;
328
+ --foreground: 210 8% 90%;
329
+ --card: 210 15% 12%;
330
+ --card-foreground: 210 8% 90%;
331
+ --popover: 210 12% 14%;
332
+ --popover-foreground: 210 8% 90%;
333
+ --primary: 210 83% 65%;
334
+ --primary-foreground: 210 15% 10%;
335
+ --secondary: 210 12% 16%;
336
+ --secondary-foreground: 210 8% 90%;
337
+ --muted: 210 12% 16%;
338
+ --muted-foreground: 210 8% 65%;
339
+ --accent: 210 14% 18%;
340
+ --accent-foreground: 210 8% 90%;
341
+ --destructive: 0 84.2% 60.2%;
342
+ --destructive-foreground: 210 8% 90%;
343
+ --border: 210 12% 20%;
344
+ --input: 210 12% 13%;
345
+ --ring: 210 83% 65%;
346
+ --sidebar-background: 210 12% 14%;
347
+ --sidebar-foreground: 210 8% 60%;
348
+ --sidebar-primary: 210 83% 65%;
349
+ --sidebar-primary-foreground: 210 15% 10%;
350
+ --sidebar-accent: 210 14% 18%;
351
+ --sidebar-accent-foreground: 210 8% 90%;
352
+ --sidebar-border: 210 12% 20%;
353
+ --sidebar-ring: 210 83% 65%;
354
+ }
355
+
356
+ /* Dark Warm - Cozy browns with amber */
357
+ .dark[data-theme-variant="warm"] {
358
+ --background: 22 16% 8%;
359
+ --foreground: 36 28% 88%;
360
+ --card: 22 16% 10%;
361
+ --card-foreground: 36 28% 88%;
362
+ --popover: 22 16% 12%;
363
+ --popover-foreground: 36 28% 88%;
364
+ --primary: 38 92% 50%;
365
+ --primary-foreground: 22 16% 8%;
366
+ --secondary: 22 12% 14%;
367
+ --secondary-foreground: 36 28% 88%;
368
+ --muted: 22 12% 14%;
369
+ --muted-foreground: 36 20% 60%;
370
+ --accent: 22 14% 16%;
371
+ --accent-foreground: 36 28% 88%;
372
+ --destructive: 0 84.2% 60.2%;
373
+ --destructive-foreground: 36 28% 88%;
374
+ --border: 22 12% 18%;
375
+ --input: 22 16% 11%;
376
+ --ring: 38 92% 50%;
377
+ --sidebar-background: 22 16% 12%;
378
+ --sidebar-foreground: 36 20% 55%;
379
+ --sidebar-primary: 38 92% 50%;
380
+ --sidebar-primary-foreground: 22 16% 8%;
381
+ --sidebar-accent: 22 14% 16%;
382
+ --sidebar-accent-foreground: 36 28% 88%;
383
+ --sidebar-border: 22 12% 18%;
384
+ --sidebar-ring: 38 92% 50%;
385
+ }
386
+
387
+ /* Dark Cool - VS Code / GitHub style */
388
+ .dark[data-theme-variant="cool"] {
389
+ --background: 215 28% 9%;
390
+ --foreground: 213 31% 91%;
391
+ --card: 215 25% 11%;
392
+ --card-foreground: 213 31% 91%;
393
+ --popover: 215 23% 13%;
394
+ --popover-foreground: 213 31% 91%;
395
+ --primary: 212 92% 65%;
396
+ --primary-foreground: 215 28% 9%;
397
+ --secondary: 215 20% 15%;
398
+ --secondary-foreground: 213 31% 91%;
399
+ --muted: 215 20% 15%;
400
+ --muted-foreground: 213 20% 65%;
401
+ --accent: 215 18% 17%;
402
+ --accent-foreground: 213 31% 91%;
403
+ --destructive: 0 84.2% 60.2%;
404
+ --destructive-foreground: 213 31% 91%;
405
+ --border: 215 18% 20%;
406
+ --input: 215 25% 12%;
407
+ --ring: 212 92% 65%;
408
+ --sidebar-background: 215 23% 13%;
409
+ --sidebar-foreground: 213 20% 60%;
410
+ --sidebar-primary: 212 92% 65%;
411
+ --sidebar-primary-foreground: 215 28% 9%;
412
+ --sidebar-accent: 215 18% 17%;
413
+ --sidebar-accent-foreground: 213 31% 91%;
414
+ --sidebar-border: 215 18% 20%;
415
+ --sidebar-ring: 212 92% 65%;
416
+ }
417
+
418
+ /* Dark Gray - Balanced medium gray */
419
+ .dark[data-theme-variant="gray"] {
420
+ --background: 0 0% 9.8%;
421
+ --foreground: 0 0% 87%;
422
+ --card: 0 0% 9.8%;
423
+ --card-foreground: 0 0% 87%;
424
+ --popover: 0 0% 12.55%;
425
+ --popover-foreground: 0 0% 87%;
426
+ --primary: 217.2 91.2% 59.8%;
427
+ --primary-foreground: 0 0% 9.8%;
428
+ --secondary: 0 0% 15%;
429
+ --secondary-foreground: 0 0% 87%;
430
+ --muted: 0 0% 15%;
431
+ --muted-foreground: 0 0% 63%;
432
+ --accent: 0 0% 15%;
433
+ --accent-foreground: 0 0% 87%;
434
+ --destructive: 0 84.2% 60.2%;
435
+ --destructive-foreground: 0 0% 87%;
436
+ --border: 0 0% 15%;
437
+ --input: 0 0% 12.55%;
438
+ --ring: 217.2 91.2% 59.8%;
439
+ --sidebar-background: 0 0% 12.55%;
440
+ --sidebar-foreground: 0 0% 58%;
441
+ --sidebar-primary: 217.2 91.2% 59.8%;
442
+ --sidebar-primary-foreground: 0 0% 9.8%;
443
+ --sidebar-accent: 0 0% 15%;
444
+ --sidebar-accent-foreground: 0 0% 87%;
445
+ --sidebar-border: 0 0% 15%;
446
+ --sidebar-ring: 217.2 91.2% 59.8%;
447
+ }
448
+
449
+ /* Dark Midnight - Deep blue, nordic style */
450
+ .dark[data-theme-variant="midnight"] {
451
+ --background: 225 47% 7%;
452
+ --foreground: 220 13% 91%;
453
+ --card: 225 39% 9%;
454
+ --card-foreground: 220 13% 91%;
455
+ --popover: 225 35% 11%;
456
+ --popover-foreground: 220 13% 91%;
457
+ --primary: 193 43% 67%;
458
+ --primary-foreground: 225 47% 7%;
459
+ --secondary: 220 16% 15%;
460
+ --secondary-foreground: 220 13% 91%;
461
+ --muted: 225 28% 15%;
462
+ --muted-foreground: 220 20% 72%;
463
+ --accent: 225 35% 20%;
464
+ --accent-foreground: 220 13% 91%;
465
+ --destructive: 354 50% 62%;
466
+ --destructive-foreground: 220 13% 91%;
467
+ --border: 220 16% 18%;
468
+ --input: 225 35% 10%;
469
+ --ring: 193 43% 67%;
470
+ --sidebar-background: 225 35% 11%;
471
+ --sidebar-foreground: 220 20% 65%;
472
+ --sidebar-primary: 193 43% 67%;
473
+ --sidebar-primary-foreground: 225 47% 7%;
474
+ --sidebar-accent: 225 35% 20%;
475
+ --sidebar-accent-foreground: 220 13% 91%;
476
+ --sidebar-border: 220 16% 18%;
477
+ --sidebar-ring: 193 43% 67%;
478
+ }
479
+
480
+ /* Dark Forest - Dark green with emerald */
481
+ .dark[data-theme-variant="forest"] {
482
+ --background: 150 25% 7%;
483
+ --foreground: 150 10% 91%;
484
+ --card: 150 22% 9%;
485
+ --card-foreground: 150 10% 91%;
486
+ --popover: 150 20% 11%;
487
+ --popover-foreground: 150 10% 91%;
488
+ --primary: 152 57% 55%;
489
+ --primary-foreground: 150 25% 7%;
490
+ --secondary: 150 15% 12%;
491
+ --secondary-foreground: 150 10% 91%;
492
+ --muted: 150 15% 12%;
493
+ --muted-foreground: 150 10% 65%;
494
+ --accent: 150 18% 14%;
495
+ --accent-foreground: 150 10% 91%;
496
+ --destructive: 0 84.2% 60.2%;
497
+ --destructive-foreground: 150 10% 91%;
498
+ --border: 150 15% 16%;
499
+ --input: 150 20% 10%;
500
+ --ring: 152 57% 55%;
501
+ --sidebar-background: 150 20% 11%;
502
+ --sidebar-foreground: 150 10% 60%;
503
+ --sidebar-primary: 152 57% 55%;
504
+ --sidebar-primary-foreground: 150 25% 7%;
505
+ --sidebar-accent: 150 18% 14%;
506
+ --sidebar-accent-foreground: 150 10% 91%;
507
+ --sidebar-border: 150 15% 16%;
508
+ --sidebar-ring: 152 57% 55%;
509
+ }
510
+
511
+ /* Dark Purple - Deep purple, creative */
512
+ .dark[data-theme-variant="purple"] {
513
+ --background: 270 45% 8%;
514
+ --foreground: 270 15% 90%;
515
+ --card: 270 40% 10%;
516
+ --card-foreground: 270 15% 90%;
517
+ --popover: 270 35% 12%;
518
+ --popover-foreground: 270 15% 90%;
519
+ --primary: 271 91% 71%;
520
+ --primary-foreground: 270 45% 8%;
521
+ --secondary: 270 28% 14%;
522
+ --secondary-foreground: 270 15% 90%;
523
+ --muted: 270 28% 14%;
524
+ --muted-foreground: 270 15% 65%;
525
+ --accent: 270 30% 16%;
526
+ --accent-foreground: 270 15% 90%;
527
+ --destructive: 0 84.2% 60.2%;
528
+ --destructive-foreground: 270 15% 90%;
529
+ --border: 270 25% 18%;
530
+ --input: 270 35% 11%;
531
+ --ring: 271 91% 71%;
532
+ --sidebar-background: 270 35% 12%;
533
+ --sidebar-foreground: 270 15% 60%;
534
+ --sidebar-primary: 271 91% 71%;
535
+ --sidebar-primary-foreground: 270 45% 8%;
536
+ --sidebar-accent: 270 30% 16%;
537
+ --sidebar-accent-foreground: 270 15% 90%;
538
+ --sidebar-border: 270 25% 18%;
539
+ --sidebar-ring: 271 91% 71%;
540
+ }
541
+
542
+ /* Dark Ocean - Deep teal, serene */
543
+ .dark[data-theme-variant="ocean"] {
544
+ --background: 195 50% 8%;
545
+ --foreground: 195 15% 90%;
546
+ --card: 195 45% 10%;
547
+ --card-foreground: 195 15% 90%;
548
+ --popover: 195 40% 12%;
549
+ --popover-foreground: 195 15% 90%;
550
+ --primary: 187 85% 53%;
551
+ --primary-foreground: 195 50% 8%;
552
+ --secondary: 195 30% 14%;
553
+ --secondary-foreground: 195 15% 90%;
554
+ --muted: 195 30% 14%;
555
+ --muted-foreground: 195 15% 65%;
556
+ --accent: 195 32% 16%;
557
+ --accent-foreground: 195 15% 90%;
558
+ --destructive: 0 84.2% 60.2%;
559
+ --destructive-foreground: 195 15% 90%;
560
+ --border: 195 28% 18%;
561
+ --input: 195 40% 11%;
562
+ --ring: 187 85% 53%;
563
+ --sidebar-background: 195 40% 12%;
564
+ --sidebar-foreground: 195 15% 60%;
565
+ --sidebar-primary: 187 85% 53%;
566
+ --sidebar-primary-foreground: 195 50% 8%;
567
+ --sidebar-accent: 195 32% 16%;
568
+ --sidebar-accent-foreground: 195 15% 90%;
569
+ --sidebar-border: 195 28% 18%;
570
+ --sidebar-ring: 187 85% 53%;
571
+ }
572
+
573
+ /* Dark Mocha - Rich brown, sophisticated */
574
+ .dark[data-theme-variant="mocha"] {
575
+ --background: 30 22% 10%;
576
+ --foreground: 30 18% 88%;
577
+ --card: 30 20% 12%;
578
+ --card-foreground: 30 18% 88%;
579
+ --popover: 30 18% 14%;
580
+ --popover-foreground: 30 18% 88%;
581
+ --primary: 25 75% 58%;
582
+ --primary-foreground: 30 22% 10%;
583
+ --secondary: 30 16% 16%;
584
+ --secondary-foreground: 30 18% 88%;
585
+ --muted: 30 16% 16%;
586
+ --muted-foreground: 30 14% 62%;
587
+ --accent: 30 18% 18%;
588
+ --accent-foreground: 30 18% 88%;
589
+ --destructive: 0 84.2% 60.2%;
590
+ --destructive-foreground: 30 18% 88%;
591
+ --border: 30 16% 20%;
592
+ --input: 30 18% 13%;
593
+ --ring: 25 75% 58%;
594
+ --sidebar-background: 30 18% 14%;
595
+ --sidebar-foreground: 30 14% 57%;
596
+ --sidebar-primary: 25 75% 58%;
597
+ --sidebar-primary-foreground: 30 22% 10%;
598
+ --sidebar-accent: 30 18% 18%;
599
+ --sidebar-accent-foreground: 30 18% 88%;
600
+ --sidebar-border: 30 16% 20%;
601
+ --sidebar-ring: 25 75% 58%;
602
+ }
603
+ }
package/tsconfig.json ADDED
@@ -0,0 +1,33 @@
1
+ {
2
+ "compilerOptions": {
3
+ "target": "ES2017",
4
+ "lib": ["dom", "dom.iterable", "esnext"],
5
+ "allowJs": true,
6
+ "skipLibCheck": true,
7
+ "strict": true,
8
+ "noEmit": true,
9
+ "esModuleInterop": true,
10
+ "module": "esnext",
11
+ "moduleResolution": "bundler",
12
+ "resolveJsonModule": true,
13
+ "isolatedModules": true,
14
+ "jsx": "react-jsx",
15
+ "incremental": true,
16
+ "plugins": [
17
+ {
18
+ "name": "next"
19
+ }
20
+ ],
21
+ "paths": {
22
+ "@/*": ["./*"]
23
+ }
24
+ },
25
+ "include": [
26
+ "next-env.d.ts",
27
+ "**/*.ts",
28
+ "**/*.tsx",
29
+ ".next/types/**/*.ts",
30
+ ".next/dev/types/**/*.ts"
31
+ ],
32
+ "exclude": ["node_modules"]
33
+ }