willa-workspace 0.0.3-alpha.2739b3e

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 (670) hide show
  1. package/.github/workflows/deploy.yml +45 -0
  2. package/.husky/pre-commit +1 -0
  3. package/AGENTS.md +128 -0
  4. package/CONTRIBUTING.md +138 -0
  5. package/README.md +27 -0
  6. package/docs/architecture.md +337 -0
  7. package/docs/component.md +333 -0
  8. package/docs/css.md +400 -0
  9. package/docs/style.md +146 -0
  10. package/example/index.html +12 -0
  11. package/example/package.json +28 -0
  12. package/example/src/App.tsx +613 -0
  13. package/example/src/UsageGuide.tsx +179 -0
  14. package/example/src/catalog/DocView.tsx +413 -0
  15. package/example/src/catalog/defineDoc.tsx +352 -0
  16. package/example/src/catalog/registry.ts +206 -0
  17. package/example/src/catalog/types.ts +38 -0
  18. package/example/src/docs/Alert.demo.tsx +233 -0
  19. package/example/src/docs/Anchor.demo.tsx +244 -0
  20. package/example/src/docs/AppShell.demo.tsx +192 -0
  21. package/example/src/docs/AttachmentList.demo.tsx +425 -0
  22. package/example/src/docs/AudioEmbed.demo.tsx +102 -0
  23. package/example/src/docs/AudioLink.demo.tsx +84 -0
  24. package/example/src/docs/Avatar.demo.tsx +342 -0
  25. package/example/src/docs/Badge.demo.tsx +196 -0
  26. package/example/src/docs/BorderBeam.demo.tsx +261 -0
  27. package/example/src/docs/Breadcrumb.demo.tsx +194 -0
  28. package/example/src/docs/Button.demo.tsx +304 -0
  29. package/example/src/docs/Calendar.demo.tsx +742 -0
  30. package/example/src/docs/Callout.demo.tsx +143 -0
  31. package/example/src/docs/Card.demo.tsx +254 -0
  32. package/example/src/docs/Carousel.demo.tsx +764 -0
  33. package/example/src/docs/ChatMessage.demo.tsx +356 -0
  34. package/example/src/docs/ChatThread.demo.tsx +107 -0
  35. package/example/src/docs/Checkbox.demo.tsx +112 -0
  36. package/example/src/docs/Citation.demo.tsx +297 -0
  37. package/example/src/docs/CodeBlock.demo.tsx +175 -0
  38. package/example/src/docs/CodeTabs.demo.tsx +285 -0
  39. package/example/src/docs/Collapse.demo.tsx +306 -0
  40. package/example/src/docs/ColorPicker.demo.tsx +491 -0
  41. package/example/src/docs/Comment.demo.tsx +333 -0
  42. package/example/src/docs/CommentInput.demo.tsx +894 -0
  43. package/example/src/docs/CommentList.demo.tsx +344 -0
  44. package/example/src/docs/Composer.demo.tsx +435 -0
  45. package/example/src/docs/Container.demo.tsx +125 -0
  46. package/example/src/docs/ContextPanel.demo.tsx +344 -0
  47. package/example/src/docs/ContextWindowMeter.demo.tsx +212 -0
  48. package/example/src/docs/ConversationList.demo.tsx +289 -0
  49. package/example/src/docs/CopyButton.demo.tsx +274 -0
  50. package/example/src/docs/DatePicker.demo.tsx +502 -0
  51. package/example/src/docs/DescriptionList.demo.tsx +265 -0
  52. package/example/src/docs/Dialog.demo.tsx +492 -0
  53. package/example/src/docs/DiffViewer.demo.tsx +307 -0
  54. package/example/src/docs/Download.demo.tsx +182 -0
  55. package/example/src/docs/Drawer.demo.tsx +300 -0
  56. package/example/src/docs/EmptyState.demo.tsx +406 -0
  57. package/example/src/docs/EnglishCards.demo.tsx +133 -0
  58. package/example/src/docs/FeedbackBar.demo.tsx +219 -0
  59. package/example/src/docs/FileCard.demo.tsx +234 -0
  60. package/example/src/docs/FilePreview.demo.tsx +333 -0
  61. package/example/src/docs/FileTree.demo.tsx +463 -0
  62. package/example/src/docs/FilterBar.demo.tsx +290 -0
  63. package/example/src/docs/FloatButton.demo.tsx +726 -0
  64. package/example/src/docs/Form.demo.tsx +278 -0
  65. package/example/src/docs/FormActions.demo.tsx +198 -0
  66. package/example/src/docs/FormField.demo.tsx +193 -0
  67. package/example/src/docs/FormGroup.demo.tsx +188 -0
  68. package/example/src/docs/FormMessage.demo.tsx +158 -0
  69. package/example/src/docs/GenerationCard.demo.tsx +393 -0
  70. package/example/src/docs/GitHubMention.demo.tsx +83 -0
  71. package/example/src/docs/GitHubRepo.demo.tsx +88 -0
  72. package/example/src/docs/Grid.demo.tsx +218 -0
  73. package/example/src/docs/Group.demo.tsx +315 -0
  74. package/example/src/docs/HumanApprovalCard.demo.tsx +275 -0
  75. package/example/src/docs/IconButton.demo.tsx +354 -0
  76. package/example/src/docs/Image.demo.tsx +124 -0
  77. package/example/src/docs/ImageGallery.demo.tsx +206 -0
  78. package/example/src/docs/Input.demo.tsx +238 -0
  79. package/example/src/docs/InputPanel.demo.tsx +255 -0
  80. package/example/src/docs/Kbd.demo.tsx +162 -0
  81. package/example/src/docs/Lightbox.demo.tsx +184 -0
  82. package/example/src/docs/List.demo.tsx +1009 -0
  83. package/example/src/docs/LogoWall.demo.tsx +178 -0
  84. package/example/src/docs/Masonry.demo.tsx +170 -0
  85. package/example/src/docs/MathExpression.demo.tsx +164 -0
  86. package/example/src/docs/Mdx.demo.tsx +343 -0
  87. package/example/src/docs/MentionInput.demo.tsx +543 -0
  88. package/example/src/docs/Menu.demo.tsx +430 -0
  89. package/example/src/docs/MessageActions.demo.tsx +355 -0
  90. package/example/src/docs/MessageList.demo.tsx +410 -0
  91. package/example/src/docs/ModelSelector.demo.tsx +297 -0
  92. package/example/src/docs/NumberInput.demo.tsx +816 -0
  93. package/example/src/docs/PageHeader.demo.tsx +198 -0
  94. package/example/src/docs/Pagination.demo.tsx +257 -0
  95. package/example/src/docs/Panel.demo.tsx +184 -0
  96. package/example/src/docs/Picker.demo.tsx +257 -0
  97. package/example/src/docs/Poem.demo.tsx +98 -0
  98. package/example/src/docs/Popover.demo.tsx +362 -0
  99. package/example/src/docs/ProfileCard.demo.tsx +161 -0
  100. package/example/src/docs/Progress.demo.tsx +243 -0
  101. package/example/src/docs/PromptInput.demo.tsx +497 -0
  102. package/example/src/docs/PromptTemplatePicker.demo.tsx +344 -0
  103. package/example/src/docs/QRCode.demo.tsx +364 -0
  104. package/example/src/docs/Radio.demo.tsx +120 -0
  105. package/example/src/docs/RangeInput.demo.tsx +405 -0
  106. package/example/src/docs/Rate.demo.tsx +396 -0
  107. package/example/src/docs/ReasoningSteps.demo.tsx +470 -0
  108. package/example/src/docs/Result.demo.tsx +121 -0
  109. package/example/src/docs/ScheduleCalendar.demo.tsx +459 -0
  110. package/example/src/docs/SearchInput.demo.tsx +217 -0
  111. package/example/src/docs/SectionHeader.demo.tsx +186 -0
  112. package/example/src/docs/Segmented.demo.tsx +598 -0
  113. package/example/src/docs/Select.demo.tsx +164 -0
  114. package/example/src/docs/SelectionBar.demo.tsx +315 -0
  115. package/example/src/docs/Separator.demo.tsx +179 -0
  116. package/example/src/docs/SidebarLayout.demo.tsx +183 -0
  117. package/example/src/docs/SiteFooter.demo.tsx +189 -0
  118. package/example/src/docs/SiteNav.demo.tsx +168 -0
  119. package/example/src/docs/Skeleton.demo.tsx +154 -0
  120. package/example/src/docs/SourceCard.demo.tsx +241 -0
  121. package/example/src/docs/Spinner.demo.tsx +166 -0
  122. package/example/src/docs/SplitPane.demo.tsx +544 -0
  123. package/example/src/docs/Stack.demo.tsx +135 -0
  124. package/example/src/docs/Statistic.demo.tsx +124 -0
  125. package/example/src/docs/Steps.demo.tsx +88 -0
  126. package/example/src/docs/SuggestionChips.demo.tsx +259 -0
  127. package/example/src/docs/Switch.demo.tsx +110 -0
  128. package/example/src/docs/Table.demo.tsx +2071 -0
  129. package/example/src/docs/Tabs.demo.tsx +285 -0
  130. package/example/src/docs/Tag.demo.tsx +264 -0
  131. package/example/src/docs/TagInput.demo.tsx +385 -0
  132. package/example/src/docs/TextArea.demo.tsx +185 -0
  133. package/example/src/docs/ThinkingIndicator.demo.tsx +248 -0
  134. package/example/src/docs/TimePicker.demo.tsx +464 -0
  135. package/example/src/docs/Timeline.demo.tsx +311 -0
  136. package/example/src/docs/Toast.demo.tsx +351 -0
  137. package/example/src/docs/ToolCallCard.demo.tsx +286 -0
  138. package/example/src/docs/Toolbar.demo.tsx +372 -0
  139. package/example/src/docs/Tooltip.demo.tsx +274 -0
  140. package/example/src/docs/Tour.demo.tsx +423 -0
  141. package/example/src/docs/TraceViewer.demo.tsx +416 -0
  142. package/example/src/docs/Tree.demo.tsx +507 -0
  143. package/example/src/docs/TreeSelect.demo.tsx +476 -0
  144. package/example/src/docs/Typography.demo.tsx +953 -0
  145. package/example/src/docs/Upload.demo.tsx +299 -0
  146. package/example/src/docs/VideoEmbed.demo.tsx +108 -0
  147. package/example/src/docs/VideoLink.demo.tsx +83 -0
  148. package/example/src/docs/Watermark.demo.tsx +352 -0
  149. package/example/src/docs/WebEmbed.demo.tsx +96 -0
  150. package/example/src/docs/XPostEmbed.demo.tsx +57 -0
  151. package/example/src/main.tsx +36 -0
  152. package/example/src/styles.css +919 -0
  153. package/example/src/vite-env.d.ts +1 -0
  154. package/example/vite.config.ts +11 -0
  155. package/package.json +40 -0
  156. package/packages/willa/README.md +47 -0
  157. package/packages/willa/auklet.config.mjs +23 -0
  158. package/packages/willa/package.json +83 -0
  159. package/packages/willa/src/Alert/index.tsx +8 -0
  160. package/packages/willa/src/Anchor/index.tsx +8 -0
  161. package/packages/willa/src/AppShell/index.tsx +2 -0
  162. package/packages/willa/src/AttachmentList/index.tsx +10 -0
  163. package/packages/willa/src/AudioEmbed/index.tsx +4 -0
  164. package/packages/willa/src/AudioLink/index.tsx +4 -0
  165. package/packages/willa/src/Avatar/index.tsx +6 -0
  166. package/packages/willa/src/Badge/index.tsx +7 -0
  167. package/packages/willa/src/BorderBeam/index.tsx +6 -0
  168. package/packages/willa/src/Breadcrumb/index.tsx +6 -0
  169. package/packages/willa/src/Button/index.tsx +6 -0
  170. package/packages/willa/src/Calendar/index.tsx +19 -0
  171. package/packages/willa/src/Callout/index.tsx +5 -0
  172. package/packages/willa/src/Card/index.tsx +6 -0
  173. package/packages/willa/src/Carousel/index.tsx +8 -0
  174. package/packages/willa/src/ChatMessage/index.tsx +6 -0
  175. package/packages/willa/src/ChatThread/index.tsx +4 -0
  176. package/packages/willa/src/Checkbox/index.tsx +5 -0
  177. package/packages/willa/src/Citation/index.tsx +6 -0
  178. package/packages/willa/src/CodeBlock/index.tsx +5 -0
  179. package/packages/willa/src/CodeTabs/index.tsx +6 -0
  180. package/packages/willa/src/Collapse/index.tsx +5 -0
  181. package/packages/willa/src/ColorPicker/index.tsx +12 -0
  182. package/packages/willa/src/Comment/index.tsx +6 -0
  183. package/packages/willa/src/CommentInput/index.tsx +8 -0
  184. package/packages/willa/src/CommentList/index.tsx +5 -0
  185. package/packages/willa/src/Composer/index.tsx +1 -0
  186. package/packages/willa/src/Container/index.tsx +6 -0
  187. package/packages/willa/src/ContextPanel/index.tsx +7 -0
  188. package/packages/willa/src/ContextWindowMeter/index.tsx +7 -0
  189. package/packages/willa/src/ConversationList/index.tsx +8 -0
  190. package/packages/willa/src/CopyButton/index.tsx +6 -0
  191. package/packages/willa/src/DatePicker/index.tsx +15 -0
  192. package/packages/willa/src/DescriptionList/index.tsx +8 -0
  193. package/packages/willa/src/Dialog/index.tsx +6 -0
  194. package/packages/willa/src/DiffViewer/index.tsx +5 -0
  195. package/packages/willa/src/Download/index.tsx +6 -0
  196. package/packages/willa/src/Drawer/index.tsx +6 -0
  197. package/packages/willa/src/EmptyState/index.tsx +7 -0
  198. package/packages/willa/src/EnglishCards/index.tsx +4 -0
  199. package/packages/willa/src/FeedbackBar/index.tsx +7 -0
  200. package/packages/willa/src/FileCard/index.tsx +7 -0
  201. package/packages/willa/src/FilePreview/index.tsx +6 -0
  202. package/packages/willa/src/FileTree/index.tsx +10 -0
  203. package/packages/willa/src/FilterBar/index.tsx +7 -0
  204. package/packages/willa/src/FloatButton/index.tsx +14 -0
  205. package/packages/willa/src/Form/index.tsx +5 -0
  206. package/packages/willa/src/FormActions/index.tsx +6 -0
  207. package/packages/willa/src/FormField/index.tsx +6 -0
  208. package/packages/willa/src/FormGroup/index.tsx +6 -0
  209. package/packages/willa/src/FormMessage/index.tsx +5 -0
  210. package/packages/willa/src/GenerationCard/index.tsx +6 -0
  211. package/packages/willa/src/GitHubMention/index.tsx +4 -0
  212. package/packages/willa/src/GitHubRepo/index.tsx +4 -0
  213. package/packages/willa/src/Grid/index.tsx +8 -0
  214. package/packages/willa/src/Group/index.tsx +9 -0
  215. package/packages/willa/src/HumanApprovalCard/index.tsx +8 -0
  216. package/packages/willa/src/IconButton/index.tsx +7 -0
  217. package/packages/willa/src/Image/index.tsx +1 -0
  218. package/packages/willa/src/ImageGallery/index.tsx +5 -0
  219. package/packages/willa/src/Input/index.tsx +6 -0
  220. package/packages/willa/src/InputPanel/index.tsx +8 -0
  221. package/packages/willa/src/Kbd/index.tsx +9 -0
  222. package/packages/willa/src/Lightbox/index.tsx +7 -0
  223. package/packages/willa/src/List/index.tsx +10 -0
  224. package/packages/willa/src/LogoWall/index.tsx +6 -0
  225. package/packages/willa/src/Masonry/index.tsx +6 -0
  226. package/packages/willa/src/MathExpression/index.tsx +5 -0
  227. package/packages/willa/src/Mdx/index.tsx +1 -0
  228. package/packages/willa/src/MentionInput/index.tsx +5 -0
  229. package/packages/willa/src/Menu/index.tsx +11 -0
  230. package/packages/willa/src/MessageActions/index.tsx +8 -0
  231. package/packages/willa/src/MessageList/index.tsx +4 -0
  232. package/packages/willa/src/ModelSelector/index.tsx +9 -0
  233. package/packages/willa/src/NumberInput/index.tsx +15 -0
  234. package/packages/willa/src/PageHeader/index.tsx +5 -0
  235. package/packages/willa/src/Pagination/index.tsx +6 -0
  236. package/packages/willa/src/Panel/index.tsx +6 -0
  237. package/packages/willa/src/Picker/index.tsx +8 -0
  238. package/packages/willa/src/Poem/index.tsx +1 -0
  239. package/packages/willa/src/Popover/index.tsx +7 -0
  240. package/packages/willa/src/ProfileCard/index.tsx +5 -0
  241. package/packages/willa/src/Progress/index.tsx +6 -0
  242. package/packages/willa/src/PromptInput/index.tsx +6 -0
  243. package/packages/willa/src/PromptTemplatePicker/index.tsx +6 -0
  244. package/packages/willa/src/QRCode/index.tsx +9 -0
  245. package/packages/willa/src/Radio/index.tsx +5 -0
  246. package/packages/willa/src/RangeInput/index.tsx +2 -0
  247. package/packages/willa/src/Rate/index.tsx +6 -0
  248. package/packages/willa/src/ReasoningSteps/index.tsx +8 -0
  249. package/packages/willa/src/ResizablePanel/index.tsx +10 -0
  250. package/packages/willa/src/Result/index.tsx +7 -0
  251. package/packages/willa/src/SearchInput/index.tsx +4 -0
  252. package/packages/willa/src/SectionHeader/index.tsx +6 -0
  253. package/packages/willa/src/Segmented/index.tsx +9 -0
  254. package/packages/willa/src/Select/index.tsx +7 -0
  255. package/packages/willa/src/SelectionBar/index.tsx +5 -0
  256. package/packages/willa/src/Separator/index.tsx +7 -0
  257. package/packages/willa/src/SidebarLayout/index.tsx +7 -0
  258. package/packages/willa/src/SiteFooter/index.tsx +6 -0
  259. package/packages/willa/src/SiteNav/index.tsx +5 -0
  260. package/packages/willa/src/Skeleton/index.tsx +4 -0
  261. package/packages/willa/src/SourceCard/index.tsx +6 -0
  262. package/packages/willa/src/Spinner/index.tsx +7 -0
  263. package/packages/willa/src/SplitPane/index.tsx +10 -0
  264. package/packages/willa/src/Stack/index.tsx +8 -0
  265. package/packages/willa/src/Statistic/index.tsx +7 -0
  266. package/packages/willa/src/Step/index.tsx +1 -0
  267. package/packages/willa/src/Steps/index.tsx +1 -0
  268. package/packages/willa/src/SuggestionChips/index.tsx +7 -0
  269. package/packages/willa/src/Switch/index.tsx +5 -0
  270. package/packages/willa/src/Table/index.tsx +19 -0
  271. package/packages/willa/src/Tabs/index.tsx +6 -0
  272. package/packages/willa/src/Tag/index.tsx +9 -0
  273. package/packages/willa/src/TagInput/index.tsx +8 -0
  274. package/packages/willa/src/TextArea/index.tsx +7 -0
  275. package/packages/willa/src/ThinkingIndicator/index.tsx +7 -0
  276. package/packages/willa/src/TimePicker/index.tsx +10 -0
  277. package/packages/willa/src/Timeline/index.tsx +8 -0
  278. package/packages/willa/src/Toast/index.tsx +10 -0
  279. package/packages/willa/src/ToolCallCard/index.tsx +5 -0
  280. package/packages/willa/src/Toolbar/index.tsx +6 -0
  281. package/packages/willa/src/Tooltip/index.tsx +7 -0
  282. package/packages/willa/src/Tour/index.tsx +10 -0
  283. package/packages/willa/src/TraceViewer/index.tsx +8 -0
  284. package/packages/willa/src/Tree/index.tsx +11 -0
  285. package/packages/willa/src/TreeSelect/index.tsx +8 -0
  286. package/packages/willa/src/Typography/index.tsx +20 -0
  287. package/packages/willa/src/Upload/index.tsx +11 -0
  288. package/packages/willa/src/VideoEmbed/index.tsx +4 -0
  289. package/packages/willa/src/VideoLink/index.tsx +4 -0
  290. package/packages/willa/src/Watermark/index.tsx +5 -0
  291. package/packages/willa/src/WebEmbed/index.tsx +4 -0
  292. package/packages/willa/src/XPostEmbed/index.tsx +4 -0
  293. package/packages/willa/src/index.ts +5 -0
  294. package/packages/willa/vitest.config.ts +9 -0
  295. package/packages/willa-ai/README.md +32 -0
  296. package/packages/willa-ai/auklet.config.mjs +25 -0
  297. package/packages/willa-ai/package.json +84 -0
  298. package/packages/willa-ai/src/components/AttachmentList/index.css +223 -0
  299. package/packages/willa-ai/src/components/AttachmentList/index.tsx +256 -0
  300. package/packages/willa-ai/src/components/ChatMessage/index.css +211 -0
  301. package/packages/willa-ai/src/components/ChatMessage/index.tsx +126 -0
  302. package/packages/willa-ai/src/components/Composer/index.css +137 -0
  303. package/packages/willa-ai/src/components/Composer/index.tsx +92 -0
  304. package/packages/willa-ai/src/components/ContextPanel/index.css +252 -0
  305. package/packages/willa-ai/src/components/ContextPanel/index.tsx +513 -0
  306. package/packages/willa-ai/src/components/ContextWindowMeter/index.css +237 -0
  307. package/packages/willa-ai/src/components/ContextWindowMeter/index.tsx +266 -0
  308. package/packages/willa-ai/src/components/ConversationList/index.css +260 -0
  309. package/packages/willa-ai/src/components/ConversationList/index.tsx +549 -0
  310. package/packages/willa-ai/src/components/FeedbackBar/index.css +83 -0
  311. package/packages/willa-ai/src/components/FeedbackBar/index.tsx +357 -0
  312. package/packages/willa-ai/src/components/GenerationCard/index.css +275 -0
  313. package/packages/willa-ai/src/components/GenerationCard/index.tsx +156 -0
  314. package/packages/willa-ai/src/components/HumanApprovalCard/index.css +205 -0
  315. package/packages/willa-ai/src/components/HumanApprovalCard/index.tsx +262 -0
  316. package/packages/willa-ai/src/components/MessageActions/index.css +174 -0
  317. package/packages/willa-ai/src/components/MessageActions/index.tsx +152 -0
  318. package/packages/willa-ai/src/components/MessageList/index.css +80 -0
  319. package/packages/willa-ai/src/components/MessageList/index.tsx +96 -0
  320. package/packages/willa-ai/src/components/ModelSelector/index.css +177 -0
  321. package/packages/willa-ai/src/components/ModelSelector/index.tsx +421 -0
  322. package/packages/willa-ai/src/components/PromptInput/index.css +12 -0
  323. package/packages/willa-ai/src/components/PromptInput/index.tsx +230 -0
  324. package/packages/willa-ai/src/components/PromptTemplatePicker/index.css +173 -0
  325. package/packages/willa-ai/src/components/PromptTemplatePicker/index.tsx +389 -0
  326. package/packages/willa-ai/src/components/ReasoningSteps/index.css +190 -0
  327. package/packages/willa-ai/src/components/ReasoningSteps/index.tsx +199 -0
  328. package/packages/willa-ai/src/components/SuggestionChips/index.css +164 -0
  329. package/packages/willa-ai/src/components/SuggestionChips/index.tsx +142 -0
  330. package/packages/willa-ai/src/components/ThinkingIndicator/index.css +230 -0
  331. package/packages/willa-ai/src/components/ThinkingIndicator/index.tsx +162 -0
  332. package/packages/willa-ai/src/components/ToolCallCard/index.css +244 -0
  333. package/packages/willa-ai/src/components/ToolCallCard/index.tsx +131 -0
  334. package/packages/willa-ai/src/components/TraceViewer/index.css +438 -0
  335. package/packages/willa-ai/src/components/TraceViewer/index.tsx +445 -0
  336. package/packages/willa-ai/src/index.ts +123 -0
  337. package/packages/willa-ai/src/internal/cardCollapse.tsx +90 -0
  338. package/packages/willa-ai/src/internal/searchText.ts +50 -0
  339. package/packages/willa-ai/src/themes/dark.css +308 -0
  340. package/packages/willa-ai/src/themes/light.css +303 -0
  341. package/packages/willa-ai/vitest.config.ts +15 -0
  342. package/packages/willa-content/README.md +47 -0
  343. package/packages/willa-content/auklet.config.mjs +25 -0
  344. package/packages/willa-content/package.json +86 -0
  345. package/packages/willa-content/src/components/Alert/index.css +158 -0
  346. package/packages/willa-content/src/components/Alert/index.tsx +182 -0
  347. package/packages/willa-content/src/components/Anchor/index.css +131 -0
  348. package/packages/willa-content/src/components/Anchor/index.tsx +253 -0
  349. package/packages/willa-content/src/components/Avatar/index.css +248 -0
  350. package/packages/willa-content/src/components/Avatar/index.tsx +331 -0
  351. package/packages/willa-content/src/components/Badge/index.css +111 -0
  352. package/packages/willa-content/src/components/Badge/index.tsx +56 -0
  353. package/packages/willa-content/src/components/Breadcrumb/index.css +92 -0
  354. package/packages/willa-content/src/components/Breadcrumb/index.tsx +129 -0
  355. package/packages/willa-content/src/components/Button/index.css +215 -0
  356. package/packages/willa-content/src/components/Button/index.tsx +295 -0
  357. package/packages/willa-content/src/components/Callout/index.css +102 -0
  358. package/packages/willa-content/src/components/Callout/index.tsx +61 -0
  359. package/packages/willa-content/src/components/Carousel/index.css +236 -0
  360. package/packages/willa-content/src/components/Carousel/index.tsx +488 -0
  361. package/packages/willa-content/src/components/ChatThread/index.css +141 -0
  362. package/packages/willa-content/src/components/ChatThread/index.tsx +118 -0
  363. package/packages/willa-content/src/components/Citation/index.css +226 -0
  364. package/packages/willa-content/src/components/Citation/index.tsx +135 -0
  365. package/packages/willa-content/src/components/CodeBlock/index.css +267 -0
  366. package/packages/willa-content/src/components/CodeBlock/index.tsx +173 -0
  367. package/packages/willa-content/src/components/CodeTabs/index.css +116 -0
  368. package/packages/willa-content/src/components/CodeTabs/index.tsx +88 -0
  369. package/packages/willa-content/src/components/Collapse/index.css +135 -0
  370. package/packages/willa-content/src/components/Collapse/index.tsx +108 -0
  371. package/packages/willa-content/src/components/Comment/index.css +184 -0
  372. package/packages/willa-content/src/components/Comment/index.tsx +106 -0
  373. package/packages/willa-content/src/components/CommentInput/index.css +96 -0
  374. package/packages/willa-content/src/components/CommentInput/index.tsx +84 -0
  375. package/packages/willa-content/src/components/CommentList/index.css +43 -0
  376. package/packages/willa-content/src/components/CommentList/index.tsx +79 -0
  377. package/packages/willa-content/src/components/CopyButton/index.css +26 -0
  378. package/packages/willa-content/src/components/CopyButton/index.tsx +227 -0
  379. package/packages/willa-content/src/components/DescriptionList/index.css +176 -0
  380. package/packages/willa-content/src/components/DescriptionList/index.tsx +96 -0
  381. package/packages/willa-content/src/components/Dialog/index.css +225 -0
  382. package/packages/willa-content/src/components/Dialog/index.tsx +303 -0
  383. package/packages/willa-content/src/components/DiffViewer/index.css +321 -0
  384. package/packages/willa-content/src/components/DiffViewer/index.tsx +486 -0
  385. package/packages/willa-content/src/components/Download/index.css +118 -0
  386. package/packages/willa-content/src/components/Download/index.tsx +96 -0
  387. package/packages/willa-content/src/components/Drawer/index.css +160 -0
  388. package/packages/willa-content/src/components/Drawer/index.tsx +323 -0
  389. package/packages/willa-content/src/components/EmptyState/index.css +220 -0
  390. package/packages/willa-content/src/components/EmptyState/index.tsx +78 -0
  391. package/packages/willa-content/src/components/FileCard/fileIcon.tsx +215 -0
  392. package/packages/willa-content/src/components/FileCard/index.css +242 -0
  393. package/packages/willa-content/src/components/FileCard/index.tsx +133 -0
  394. package/packages/willa-content/src/components/FilePreview/index.css +589 -0
  395. package/packages/willa-content/src/components/FilePreview/index.tsx +750 -0
  396. package/packages/willa-content/src/components/FileTree/index.css +169 -0
  397. package/packages/willa-content/src/components/FileTree/index.tsx +341 -0
  398. package/packages/willa-content/src/components/FloatButton/index.css +276 -0
  399. package/packages/willa-content/src/components/FloatButton/index.tsx +558 -0
  400. package/packages/willa-content/src/components/IconButton/index.css +196 -0
  401. package/packages/willa-content/src/components/IconButton/index.tsx +272 -0
  402. package/packages/willa-content/src/components/Image/index.css +72 -0
  403. package/packages/willa-content/src/components/Image/index.tsx +141 -0
  404. package/packages/willa-content/src/components/ImageGallery/index.css +82 -0
  405. package/packages/willa-content/src/components/ImageGallery/index.tsx +170 -0
  406. package/packages/willa-content/src/components/InputPanel/index.css +181 -0
  407. package/packages/willa-content/src/components/InputPanel/index.tsx +255 -0
  408. package/packages/willa-content/src/components/Kbd/index.css +61 -0
  409. package/packages/willa-content/src/components/Kbd/index.tsx +102 -0
  410. package/packages/willa-content/src/components/Lightbox/index.css +127 -0
  411. package/packages/willa-content/src/components/Lightbox/index.tsx +328 -0
  412. package/packages/willa-content/src/components/List/index.css +439 -0
  413. package/packages/willa-content/src/components/List/index.tsx +403 -0
  414. package/packages/willa-content/src/components/MathExpression/index.css +65 -0
  415. package/packages/willa-content/src/components/MathExpression/index.tsx +105 -0
  416. package/packages/willa-content/src/components/MentionInput/index.css +92 -0
  417. package/packages/willa-content/src/components/MentionInput/index.tsx +1138 -0
  418. package/packages/willa-content/src/components/Menu/index.css +151 -0
  419. package/packages/willa-content/src/components/Menu/index.tsx +356 -0
  420. package/packages/willa-content/src/components/Pagination/index.css +139 -0
  421. package/packages/willa-content/src/components/Pagination/index.tsx +373 -0
  422. package/packages/willa-content/src/components/Popover/index.css +128 -0
  423. package/packages/willa-content/src/components/Popover/index.tsx +226 -0
  424. package/packages/willa-content/src/components/Progress/index.css +137 -0
  425. package/packages/willa-content/src/components/Progress/index.tsx +117 -0
  426. package/packages/willa-content/src/components/Result/index.css +142 -0
  427. package/packages/willa-content/src/components/Result/index.tsx +85 -0
  428. package/packages/willa-content/src/components/Segmented/index.css +136 -0
  429. package/packages/willa-content/src/components/Segmented/index.tsx +283 -0
  430. package/packages/willa-content/src/components/SelectionBar/index.css +104 -0
  431. package/packages/willa-content/src/components/SelectionBar/index.tsx +120 -0
  432. package/packages/willa-content/src/components/Skeleton/index.css +68 -0
  433. package/packages/willa-content/src/components/Skeleton/index.tsx +126 -0
  434. package/packages/willa-content/src/components/SourceCard/index.css +177 -0
  435. package/packages/willa-content/src/components/SourceCard/index.tsx +108 -0
  436. package/packages/willa-content/src/components/Spinner/index.css +124 -0
  437. package/packages/willa-content/src/components/Spinner/index.tsx +55 -0
  438. package/packages/willa-content/src/components/Statistic/index.css +135 -0
  439. package/packages/willa-content/src/components/Statistic/index.tsx +90 -0
  440. package/packages/willa-content/src/components/Steps/index.css +167 -0
  441. package/packages/willa-content/src/components/Steps/index.tsx +170 -0
  442. package/packages/willa-content/src/components/Table/TableBody.tsx +389 -0
  443. package/packages/willa-content/src/components/Table/TableHeader.tsx +256 -0
  444. package/packages/willa-content/src/components/Table/TablePagination.tsx +46 -0
  445. package/packages/willa-content/src/components/Table/TableView.tsx +341 -0
  446. package/packages/willa-content/src/components/Table/columnState.ts +37 -0
  447. package/packages/willa-content/src/components/Table/columns.ts +63 -0
  448. package/packages/willa-content/src/components/Table/group.ts +114 -0
  449. package/packages/willa-content/src/components/Table/index.css +620 -0
  450. package/packages/willa-content/src/components/Table/index.tsx +100 -0
  451. package/packages/willa-content/src/components/Table/layout.ts +80 -0
  452. package/packages/willa-content/src/components/Table/tree.ts +28 -0
  453. package/packages/willa-content/src/components/Table/types.ts +177 -0
  454. package/packages/willa-content/src/components/Table/useTableColumnResize.ts +227 -0
  455. package/packages/willa-content/src/components/Table/useTableColumnState.ts +153 -0
  456. package/packages/willa-content/src/components/Table/useTableExpansion.ts +69 -0
  457. package/packages/willa-content/src/components/Table/useTableInfiniteScroll.ts +77 -0
  458. package/packages/willa-content/src/components/Table/useTableSelection.ts +102 -0
  459. package/packages/willa-content/src/components/Table/useTableState.ts +436 -0
  460. package/packages/willa-content/src/components/Table/useTableViewModel.ts +222 -0
  461. package/packages/willa-content/src/components/Table/utils.ts +251 -0
  462. package/packages/willa-content/src/components/Tabs/index.css +126 -0
  463. package/packages/willa-content/src/components/Tabs/index.tsx +154 -0
  464. package/packages/willa-content/src/components/Tag/index.css +171 -0
  465. package/packages/willa-content/src/components/Tag/index.tsx +91 -0
  466. package/packages/willa-content/src/components/Timeline/index.css +355 -0
  467. package/packages/willa-content/src/components/Timeline/index.tsx +153 -0
  468. package/packages/willa-content/src/components/Toast/index.css +226 -0
  469. package/packages/willa-content/src/components/Toast/index.tsx +280 -0
  470. package/packages/willa-content/src/components/Toolbar/index.css +59 -0
  471. package/packages/willa-content/src/components/Toolbar/index.tsx +73 -0
  472. package/packages/willa-content/src/components/Tooltip/index.css +83 -0
  473. package/packages/willa-content/src/components/Tooltip/index.tsx +265 -0
  474. package/packages/willa-content/src/components/Tour/index.css +312 -0
  475. package/packages/willa-content/src/components/Tour/index.tsx +788 -0
  476. package/packages/willa-content/src/components/Tree/index.css +274 -0
  477. package/packages/willa-content/src/components/Tree/index.tsx +564 -0
  478. package/packages/willa-content/src/components/Typography/TypographyActions.tsx +125 -0
  479. package/packages/willa-content/src/components/Typography/TypographyContent.tsx +406 -0
  480. package/packages/willa-content/src/components/Typography/TypographyEdit.tsx +161 -0
  481. package/packages/willa-content/src/components/Typography/index.css +575 -0
  482. package/packages/willa-content/src/components/Typography/index.tsx +145 -0
  483. package/packages/willa-content/src/components/Typography/types.ts +144 -0
  484. package/packages/willa-content/src/components/Typography/utils.tsx +192 -0
  485. package/packages/willa-content/src/components/Watermark/index.css +37 -0
  486. package/packages/willa-content/src/components/Watermark/index.tsx +294 -0
  487. package/packages/willa-content/src/index.ts +408 -0
  488. package/packages/willa-content/src/internal/buttonActionUtils.ts +46 -0
  489. package/packages/willa-content/src/internal/syntaxHighlight.css +82 -0
  490. package/packages/willa-content/src/internal/useSingleSelection.ts +80 -0
  491. package/packages/willa-content/src/themes/dark.css +777 -0
  492. package/packages/willa-content/src/themes/light.css +780 -0
  493. package/packages/willa-content/vitest.config.ts +15 -0
  494. package/packages/willa-form/README.md +33 -0
  495. package/packages/willa-form/auklet.config.mjs +24 -0
  496. package/packages/willa-form/package.json +85 -0
  497. package/packages/willa-form/src/components/Calendar/ScheduleCalendar.tsx +1036 -0
  498. package/packages/willa-form/src/components/Calendar/index.css +1081 -0
  499. package/packages/willa-form/src/components/Calendar/index.tsx +876 -0
  500. package/packages/willa-form/src/components/Calendar/utils.ts +67 -0
  501. package/packages/willa-form/src/components/Checkbox/index.css +133 -0
  502. package/packages/willa-form/src/components/Checkbox/index.tsx +104 -0
  503. package/packages/willa-form/src/components/ColorPicker/index.css +617 -0
  504. package/packages/willa-form/src/components/ColorPicker/index.tsx +724 -0
  505. package/packages/willa-form/src/components/ColorPicker/types.ts +21 -0
  506. package/packages/willa-form/src/components/DatePicker/index.css +395 -0
  507. package/packages/willa-form/src/components/DatePicker/index.tsx +631 -0
  508. package/packages/willa-form/src/components/FilterBar/index.css +122 -0
  509. package/packages/willa-form/src/components/FilterBar/index.tsx +98 -0
  510. package/packages/willa-form/src/components/Form/index.css +49 -0
  511. package/packages/willa-form/src/components/Form/index.tsx +50 -0
  512. package/packages/willa-form/src/components/FormActions/index.css +62 -0
  513. package/packages/willa-form/src/components/FormActions/index.tsx +44 -0
  514. package/packages/willa-form/src/components/FormField/index.css +71 -0
  515. package/packages/willa-form/src/components/FormField/index.tsx +85 -0
  516. package/packages/willa-form/src/components/FormGroup/index.css +62 -0
  517. package/packages/willa-form/src/components/FormGroup/index.tsx +64 -0
  518. package/packages/willa-form/src/components/FormMessage/index.css +77 -0
  519. package/packages/willa-form/src/components/FormMessage/index.tsx +57 -0
  520. package/packages/willa-form/src/components/Input/index.css +131 -0
  521. package/packages/willa-form/src/components/Input/index.tsx +116 -0
  522. package/packages/willa-form/src/components/NumberInput/index.css +315 -0
  523. package/packages/willa-form/src/components/NumberInput/index.tsx +567 -0
  524. package/packages/willa-form/src/components/Picker/index.css +323 -0
  525. package/packages/willa-form/src/components/Picker/index.tsx +359 -0
  526. package/packages/willa-form/src/components/Radio/index.css +131 -0
  527. package/packages/willa-form/src/components/Radio/index.tsx +70 -0
  528. package/packages/willa-form/src/components/RangeInput/index.css +224 -0
  529. package/packages/willa-form/src/components/RangeInput/index.tsx +288 -0
  530. package/packages/willa-form/src/components/Rate/index.css +97 -0
  531. package/packages/willa-form/src/components/Rate/index.tsx +378 -0
  532. package/packages/willa-form/src/components/SearchInput/index.css +32 -0
  533. package/packages/willa-form/src/components/SearchInput/index.tsx +101 -0
  534. package/packages/willa-form/src/components/Select/index.css +4 -0
  535. package/packages/willa-form/src/components/Select/index.tsx +79 -0
  536. package/packages/willa-form/src/components/Switch/index.css +133 -0
  537. package/packages/willa-form/src/components/Switch/index.tsx +75 -0
  538. package/packages/willa-form/src/components/TagInput/index.css +209 -0
  539. package/packages/willa-form/src/components/TagInput/index.tsx +497 -0
  540. package/packages/willa-form/src/components/TextArea/index.css +91 -0
  541. package/packages/willa-form/src/components/TextArea/index.tsx +87 -0
  542. package/packages/willa-form/src/components/TimePicker/index.css +485 -0
  543. package/packages/willa-form/src/components/TimePicker/index.tsx +649 -0
  544. package/packages/willa-form/src/components/TimePicker/types.ts +8 -0
  545. package/packages/willa-form/src/components/TreeSelect/index.css +331 -0
  546. package/packages/willa-form/src/components/TreeSelect/index.tsx +497 -0
  547. package/packages/willa-form/src/components/Upload/index.css +345 -0
  548. package/packages/willa-form/src/components/Upload/index.tsx +581 -0
  549. package/packages/willa-form/src/index.ts +176 -0
  550. package/packages/willa-form/src/internal/colorUtils.ts +206 -0
  551. package/packages/willa-form/src/internal/comboboxField.tsx +114 -0
  552. package/packages/willa-form/src/internal/floatingPanelParts.tsx +80 -0
  553. package/packages/willa-form/src/internal/selectablePanelKeyboard.ts +93 -0
  554. package/packages/willa-form/src/internal/selectablePanelParts.tsx +212 -0
  555. package/packages/willa-form/src/internal/timePickerParts.ts +205 -0
  556. package/packages/willa-form/src/internal/useComboboxState.ts +21 -0
  557. package/packages/willa-form/src/internal/useFloatingPanel.ts +114 -0
  558. package/packages/willa-form/src/internal/useSelectablePanel.ts +152 -0
  559. package/packages/willa-form/src/internal/useSelectionModel.ts +115 -0
  560. package/packages/willa-form/src/themes/dark.css +197 -0
  561. package/packages/willa-form/src/themes/light.css +201 -0
  562. package/packages/willa-form/vitest.config.ts +15 -0
  563. package/packages/willa-layout/README.md +33 -0
  564. package/packages/willa-layout/auklet.config.mjs +11 -0
  565. package/packages/willa-layout/package.json +83 -0
  566. package/packages/willa-layout/src/components/AppShell/index.css +100 -0
  567. package/packages/willa-layout/src/components/AppShell/index.tsx +70 -0
  568. package/packages/willa-layout/src/components/BorderBeam/index.css +86 -0
  569. package/packages/willa-layout/src/components/BorderBeam/index.tsx +161 -0
  570. package/packages/willa-layout/src/components/Card/index.css +179 -0
  571. package/packages/willa-layout/src/components/Card/index.tsx +174 -0
  572. package/packages/willa-layout/src/components/Container/index.css +55 -0
  573. package/packages/willa-layout/src/components/Container/index.tsx +43 -0
  574. package/packages/willa-layout/src/components/Grid/index.css +9 -0
  575. package/packages/willa-layout/src/components/Grid/index.tsx +100 -0
  576. package/packages/willa-layout/src/components/Group/index.css +21 -0
  577. package/packages/willa-layout/src/components/Group/index.tsx +146 -0
  578. package/packages/willa-layout/src/components/Masonry/index.css +12 -0
  579. package/packages/willa-layout/src/components/Masonry/index.tsx +71 -0
  580. package/packages/willa-layout/src/components/PageHeader/index.css +130 -0
  581. package/packages/willa-layout/src/components/PageHeader/index.tsx +76 -0
  582. package/packages/willa-layout/src/components/Panel/index.css +123 -0
  583. package/packages/willa-layout/src/components/Panel/index.tsx +63 -0
  584. package/packages/willa-layout/src/components/SectionHeader/index.css +104 -0
  585. package/packages/willa-layout/src/components/SectionHeader/index.tsx +69 -0
  586. package/packages/willa-layout/src/components/Separator/index.css +155 -0
  587. package/packages/willa-layout/src/components/Separator/index.tsx +61 -0
  588. package/packages/willa-layout/src/components/SidebarLayout/index.css +43 -0
  589. package/packages/willa-layout/src/components/SidebarLayout/index.tsx +73 -0
  590. package/packages/willa-layout/src/components/SplitPane/index.css +148 -0
  591. package/packages/willa-layout/src/components/SplitPane/index.tsx +434 -0
  592. package/packages/willa-layout/src/components/Stack/index.css +8 -0
  593. package/packages/willa-layout/src/components/Stack/index.tsx +99 -0
  594. package/packages/willa-layout/src/index.ts +91 -0
  595. package/packages/willa-layout/src/internal/headerBlock.tsx +49 -0
  596. package/packages/willa-layout/src/themes/dark.css +55 -0
  597. package/packages/willa-layout/src/themes/light.css +59 -0
  598. package/packages/willa-layout/vitest.config.ts +15 -0
  599. package/packages/willa-shared/README.md +24 -0
  600. package/packages/willa-shared/package.json +46 -0
  601. package/packages/willa-shared/src/clipboard.ts +23 -0
  602. package/packages/willa-shared/src/codeHighlight.ts +109 -0
  603. package/packages/willa-shared/src/controllableState.ts +42 -0
  604. package/packages/willa-shared/src/copy.ts +79 -0
  605. package/packages/willa-shared/src/css.ts +10 -0
  606. package/packages/willa-shared/src/dom.ts +12 -0
  607. package/packages/willa-shared/src/file.ts +214 -0
  608. package/packages/willa-shared/src/floating.ts +160 -0
  609. package/packages/willa-shared/src/floatingLayer.ts +310 -0
  610. package/packages/willa-shared/src/heading.ts +69 -0
  611. package/packages/willa-shared/src/index.ts +88 -0
  612. package/packages/willa-shared/src/media.ts +23 -0
  613. package/packages/willa-shared/src/nodes.ts +24 -0
  614. package/packages/willa-shared/src/number.ts +9 -0
  615. package/packages/willa-shared/src/refs.ts +16 -0
  616. package/packages/willa-shared/src/request.ts +46 -0
  617. package/packages/willa-shared/src/types.ts +27 -0
  618. package/packages/willa-shared/src/viewport.ts +12 -0
  619. package/packages/willa-shared/src/virtualScroll.ts +137 -0
  620. package/packages/willa-shared/vitest.config.ts +9 -0
  621. package/packages/willa-widgets/README.md +33 -0
  622. package/packages/willa-widgets/auklet.config.mjs +25 -0
  623. package/packages/willa-widgets/package.json +89 -0
  624. package/packages/willa-widgets/src/components/AudioEmbed/index.css +424 -0
  625. package/packages/willa-widgets/src/components/AudioEmbed/index.tsx +270 -0
  626. package/packages/willa-widgets/src/components/AudioLink/index.css +165 -0
  627. package/packages/willa-widgets/src/components/AudioLink/index.tsx +169 -0
  628. package/packages/willa-widgets/src/components/EnglishCards/Card.tsx +116 -0
  629. package/packages/willa-widgets/src/components/EnglishCards/Content.tsx +203 -0
  630. package/packages/willa-widgets/src/components/EnglishCards/Practice.tsx +91 -0
  631. package/packages/willa-widgets/src/components/EnglishCards/Resources.tsx +91 -0
  632. package/packages/willa-widgets/src/components/EnglishCards/index.css +531 -0
  633. package/packages/willa-widgets/src/components/EnglishCards/index.tsx +142 -0
  634. package/packages/willa-widgets/src/components/EnglishCards/speech.ts +29 -0
  635. package/packages/willa-widgets/src/components/EnglishCards/types.ts +43 -0
  636. package/packages/willa-widgets/src/components/GitHubMention/index.css +206 -0
  637. package/packages/willa-widgets/src/components/GitHubMention/index.tsx +168 -0
  638. package/packages/willa-widgets/src/components/GitHubRepo/index.css +194 -0
  639. package/packages/willa-widgets/src/components/GitHubRepo/index.tsx +172 -0
  640. package/packages/willa-widgets/src/components/LogoWall/index.css +122 -0
  641. package/packages/willa-widgets/src/components/LogoWall/index.tsx +104 -0
  642. package/packages/willa-widgets/src/components/Mdx/index.css +273 -0
  643. package/packages/willa-widgets/src/components/Mdx/index.tsx +377 -0
  644. package/packages/willa-widgets/src/components/Poem/index.css +101 -0
  645. package/packages/willa-widgets/src/components/Poem/index.tsx +74 -0
  646. package/packages/willa-widgets/src/components/ProfileCard/index.css +107 -0
  647. package/packages/willa-widgets/src/components/ProfileCard/index.tsx +116 -0
  648. package/packages/willa-widgets/src/components/QRCode/index.css +175 -0
  649. package/packages/willa-widgets/src/components/QRCode/index.tsx +257 -0
  650. package/packages/willa-widgets/src/components/SiteFooter/index.css +109 -0
  651. package/packages/willa-widgets/src/components/SiteFooter/index.tsx +104 -0
  652. package/packages/willa-widgets/src/components/SiteNav/index.css +93 -0
  653. package/packages/willa-widgets/src/components/SiteNav/index.tsx +71 -0
  654. package/packages/willa-widgets/src/components/VideoEmbed/index.css +230 -0
  655. package/packages/willa-widgets/src/components/VideoEmbed/index.tsx +134 -0
  656. package/packages/willa-widgets/src/components/VideoLink/index.css +118 -0
  657. package/packages/willa-widgets/src/components/VideoLink/index.tsx +161 -0
  658. package/packages/willa-widgets/src/components/WebEmbed/index.css +106 -0
  659. package/packages/willa-widgets/src/components/WebEmbed/index.tsx +98 -0
  660. package/packages/willa-widgets/src/components/XPostEmbed/index.css +52 -0
  661. package/packages/willa-widgets/src/components/XPostEmbed/index.tsx +88 -0
  662. package/packages/willa-widgets/src/index.ts +57 -0
  663. package/packages/willa-widgets/src/internal/media.ts +84 -0
  664. package/packages/willa-widgets/src/internal/mediaEmbed.tsx +52 -0
  665. package/packages/willa-widgets/src/internal/useGitHubHoverCardResource.ts +120 -0
  666. package/packages/willa-widgets/src/themes/dark.css +209 -0
  667. package/packages/willa-widgets/src/themes/light.css +207 -0
  668. package/packages/willa-widgets/vitest.config.ts +15 -0
  669. package/pnpm-workspace.yaml +29 -0
  670. package/tsconfig.json +50 -0
package/packages/willa-ai/src/themes/dark.css ADDED
@@ -0,0 +1,308 @@
1
+ :root[data-wk-theme="dark"] .willa-shell {
2
+ --willa-ai-surface: #171e2e;
3
+ --willa-ai-surface-raised: #191f2f;
4
+ --willa-ai-surface-hover: #212a3a;
5
+ --willa-ai-surface-soft: rgba(255, 255, 255, 0.055);
6
+ --willa-ai-surface-soft-hover: rgba(255, 255, 255, 0.08);
7
+ --willa-ai-surface-subtle: rgba(255, 255, 255, 0.045);
8
+ --willa-ai-message-surface: #222b3a;
9
+ --willa-ai-border: rgba(148, 163, 184, 0.18);
10
+ --willa-ai-border-soft: rgba(255, 255, 255, 0.1);
11
+ --willa-ai-border-subtle: rgba(148, 163, 184, 0.16);
12
+ --willa-ai-border-hover: rgba(148, 163, 184, 0.24);
13
+ --willa-ai-mark-bg: rgba(148, 163, 184, 0.1);
14
+ --willa-ai-accent: #93c5fd;
15
+ --willa-ai-accent-surface: rgba(96, 165, 250, 0.1);
16
+ --willa-ai-accent-border-soft: rgba(96, 165, 250, 0.18);
17
+ --willa-ai-accent-border: rgba(96, 165, 250, 0.2);
18
+ --willa-ai-focus-border: rgba(96, 165, 250, 0.28);
19
+ --willa-ai-success: #86efac;
20
+ --willa-ai-warning: #fde68a;
21
+ --willa-ai-danger: #fca5a5;
22
+ --willa-ai-danger-surface: rgba(252, 165, 165, 0.1);
23
+ --willa-ai-danger-border: rgba(252, 165, 165, 0.22);
24
+ --willa-ai-card-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
25
+ --willa-attachment-list-bg: var(--willa-ai-surface-soft);
26
+ --willa-attachment-list-bg-hover: var(--willa-ai-surface-soft-hover);
27
+ --willa-attachment-list-border: var(--willa-ai-border-soft);
28
+ --willa-attachment-list-border-hover: var(--willa-ai-border-hover);
29
+ --willa-attachment-list-ring: rgba(96, 165, 250, 0.42);
30
+ --willa-attachment-list-text: var(--willa-text);
31
+ --willa-attachment-list-text-hover: var(--willa-text-strong);
32
+ --willa-attachment-list-title: var(--willa-text-strong);
33
+ --willa-attachment-list-muted: var(--willa-text-soft);
34
+ --willa-attachment-list-action: var(--willa-ai-accent);
35
+ --willa-attachment-list-uploading-border: rgba(96, 165, 250, 0.32);
36
+ --willa-attachment-list-error-bg: var(--willa-ai-danger-surface);
37
+ --willa-attachment-list-error-border: var(--willa-ai-danger-border);
38
+ --willa-attachment-list-error-bg-hover: rgba(252, 165, 165, 0.14);
39
+ --willa-attachment-list-error-border-hover: rgba(252, 165, 165, 0.3);
40
+ --willa-attachment-list-remove-bg-hover: var(--willa-ai-surface-soft-hover);
41
+ --willa-attachment-list-progress-bg: rgba(96, 165, 250, 0.14);
42
+ --willa-attachment-list-progress-bar: var(--willa-ai-accent);
43
+ --willa-message-list-text: var(--willa-text);
44
+ --willa-message-list-muted: var(--willa-text-soft);
45
+ --willa-message-actions-bg: var(--willa-ai-surface-soft);
46
+ --willa-message-actions-bg-hover: var(--willa-ai-surface-soft-hover);
47
+ --willa-message-actions-border: var(--willa-ai-border-soft);
48
+ --willa-message-actions-border-hover: rgba(148, 163, 184, 0.22);
49
+ --willa-message-actions-text: var(--willa-text-soft);
50
+ --willa-message-actions-text-hover: var(--willa-text-strong);
51
+ --willa-message-actions-active-bg: var(--willa-ai-accent-surface);
52
+ --willa-message-actions-active-border: var(--willa-ai-accent-border-soft);
53
+ --willa-message-actions-active-text: var(--willa-ai-accent);
54
+ --willa-ai-scrollbar-thumb: var(
55
+ --willa-scrollbar-thumb,
56
+ color-mix(in srgb, var(--willa-text-soft) 56%, transparent)
57
+ );
58
+ --willa-message-actions-positive: var(--willa-ai-success);
59
+ --willa-message-actions-negative: var(--willa-ai-danger);
60
+ --willa-thinking-indicator-bg: #181f2f;
61
+ --willa-thinking-indicator-border: var(--willa-ai-border);
62
+ --willa-thinking-indicator-ring: var(--willa-ai-accent-surface);
63
+ --willa-thinking-indicator-text: var(--willa-text);
64
+ --willa-thinking-indicator-title: var(--willa-text-strong);
65
+ --willa-thinking-indicator-muted: var(--willa-text-soft);
66
+ --willa-thinking-indicator-mark-bg: rgba(148, 163, 184, 0.12);
67
+ --willa-thinking-indicator-neutral: var(--willa-text-soft);
68
+ --willa-thinking-indicator-accent: var(--willa-ai-accent);
69
+ --willa-thinking-indicator-success: var(--willa-ai-success);
70
+ --willa-thinking-indicator-warning: var(--willa-ai-warning);
71
+ --willa-thinking-indicator-step-bg: var(--willa-ai-surface-soft);
72
+ --willa-thinking-indicator-step-border: var(--willa-ai-border-soft);
73
+ --willa-thinking-indicator-step-active-bg: var(--willa-ai-accent-surface);
74
+ --willa-thinking-indicator-step-active-border: var(
75
+ --willa-ai-accent-border-soft
76
+ );
77
+ --willa-thinking-indicator-step-active-text: var(--willa-ai-accent);
78
+ --willa-thinking-indicator-step-done-bg: rgba(134, 239, 172, 0.1);
79
+ --willa-thinking-indicator-step-done-border: rgba(134, 239, 172, 0.2);
80
+ --willa-thinking-indicator-step-done-text: var(--willa-ai-success);
81
+ --willa-reasoning-steps-text: var(--willa-text);
82
+ --willa-reasoning-steps-title: var(--willa-text-strong);
83
+ --willa-reasoning-steps-muted: var(--willa-text-soft);
84
+ --willa-reasoning-steps-meta: var(--willa-text-soft);
85
+ --willa-reasoning-steps-line: var(--willa-ai-border);
86
+ --willa-reasoning-steps-card-bg: var(--willa-ai-surface-raised);
87
+ --willa-reasoning-steps-card-bg-hover: var(--willa-ai-surface-hover);
88
+ --willa-reasoning-steps-card-border: var(--willa-ai-border-subtle);
89
+ --willa-reasoning-steps-card-border-hover: rgba(148, 163, 184, 0.26);
90
+ --willa-reasoning-steps-focus-border: rgba(96, 165, 250, 0.32);
91
+ --willa-reasoning-steps-focus-ring: var(--willa-ai-accent-surface);
92
+ --willa-reasoning-steps-marker: var(--willa-text-soft);
93
+ --willa-reasoning-steps-marker-bg: var(--willa-ai-mark-bg);
94
+ --willa-reasoning-steps-marker-border: var(--willa-ai-border-subtle);
95
+ --willa-reasoning-steps-pending-card-border: rgba(148, 163, 184, 0.14);
96
+ --willa-reasoning-steps-active: var(--willa-ai-accent);
97
+ --willa-reasoning-steps-active-bg: var(--willa-ai-accent-surface);
98
+ --willa-reasoning-steps-active-border: var(--willa-ai-accent-border);
99
+ --willa-reasoning-steps-active-card-border: var(--willa-ai-accent-border);
100
+ --willa-reasoning-steps-done: #7dd3c7;
101
+ --willa-reasoning-steps-done-bg: rgba(45, 212, 191, 0.08);
102
+ --willa-reasoning-steps-done-border: rgba(94, 234, 212, 0.16);
103
+ --willa-reasoning-steps-done-card-border: rgba(94, 234, 212, 0.13);
104
+ --willa-reasoning-steps-error: var(--willa-ai-danger);
105
+ --willa-reasoning-steps-error-bg: var(--willa-ai-danger-surface);
106
+ --willa-reasoning-steps-error-border: var(--willa-ai-danger-border);
107
+ --willa-reasoning-steps-error-card-border: var(--willa-ai-danger-border);
108
+ --willa-reasoning-steps-panel-bg: var(--willa-ai-surface-soft);
109
+ --willa-reasoning-steps-panel-border: var(--willa-ai-border-soft);
110
+ --willa-reasoning-steps-panel-text: var(--willa-text);
111
+ --willa-tool-call-card-bg: var(--willa-ai-surface);
112
+ --willa-tool-call-card-border: var(--willa-ai-border);
113
+ --willa-tool-call-card-shadow: var(--willa-ai-card-shadow);
114
+ --willa-tool-call-card-text: var(--willa-text);
115
+ --willa-tool-call-card-title: var(--willa-text-strong);
116
+ --willa-tool-call-card-muted: var(--willa-text-soft);
117
+ --willa-tool-call-card-mark-bg: var(--willa-ai-mark-bg);
118
+ --willa-tool-call-card-mark-border: var(--willa-ai-border-subtle);
119
+ --willa-tool-call-card-status-bg: var(--willa-ai-surface-soft);
120
+ --willa-tool-call-card-status-border: var(--willa-ai-border-soft);
121
+ --willa-tool-call-card-toggle-border-hover: var(--willa-ai-border-hover);
122
+ --willa-tool-call-card-ring: var(--willa-ai-accent-surface);
123
+ --willa-tool-call-card-panel-bg: var(--willa-ai-surface-soft);
124
+ --willa-tool-call-card-panel-border: var(--willa-ai-border-soft);
125
+ --willa-tool-call-card-panel-text: var(--willa-text);
126
+ --willa-tool-call-card-item-bg: var(--willa-ai-surface-subtle);
127
+ --willa-tool-call-card-item-border: var(--willa-ai-surface-soft-hover);
128
+ --willa-tool-call-card-item-marker: rgba(147, 197, 253, 0.72);
129
+ --willa-tool-call-card-pending: var(--willa-text-soft);
130
+ --willa-tool-call-card-running: var(--willa-ai-accent);
131
+ --willa-tool-call-card-success: var(--willa-ai-success);
132
+ --willa-tool-call-card-error: var(--willa-ai-danger);
133
+ --willa-trace-viewer-bg: var(--willa-ai-surface);
134
+ --willa-trace-viewer-border: var(--willa-ai-border);
135
+ --willa-trace-viewer-shadow: var(--willa-ai-card-shadow);
136
+ --willa-trace-viewer-text: var(--willa-text);
137
+ --willa-trace-viewer-title: var(--willa-text-strong);
138
+ --willa-trace-viewer-muted: var(--willa-text-soft);
139
+ --willa-trace-viewer-panel-bg: var(--willa-ai-surface-soft);
140
+ --willa-trace-viewer-panel-border: var(--willa-ai-border-soft);
141
+ --willa-trace-viewer-row-divider: var(--willa-ai-border-soft);
142
+ --willa-trace-viewer-row-bg-hover: var(--willa-ai-surface-soft-hover);
143
+ --willa-trace-viewer-row-bg-active: var(--willa-ai-accent-surface);
144
+ --willa-trace-viewer-row-active-border: var(--willa-ai-accent);
145
+ --willa-trace-viewer-chip-bg: var(--willa-ai-surface-subtle);
146
+ --willa-trace-viewer-chip-border: var(--willa-ai-border-soft);
147
+ --willa-trace-viewer-metric-bg: var(--willa-ai-surface-soft);
148
+ --willa-trace-viewer-metric-border: var(--willa-ai-border-soft);
149
+ --willa-trace-viewer-block-bg: var(--willa-ai-surface-subtle);
150
+ --willa-trace-viewer-block-border: var(--willa-ai-surface-soft-hover);
151
+ --willa-trace-viewer-error-bg: var(--willa-ai-danger-surface);
152
+ --willa-trace-viewer-error-border: var(--willa-ai-danger-border);
153
+ --willa-trace-viewer-focus-ring: var(--willa-ai-accent-surface);
154
+ --willa-trace-viewer-status-ring: rgba(147, 197, 253, 0.14);
155
+ --willa-trace-viewer-pending: var(--willa-text-soft);
156
+ --willa-trace-viewer-running: var(--willa-ai-accent);
157
+ --willa-trace-viewer-success: var(--willa-ai-success);
158
+ --willa-trace-viewer-error: var(--willa-ai-danger);
159
+ --willa-generation-card-bg: var(--willa-ai-surface);
160
+ --willa-generation-card-border: var(--willa-ai-border);
161
+ --willa-generation-card-shadow: var(--willa-ai-card-shadow);
162
+ --willa-generation-card-text: var(--willa-text);
163
+ --willa-generation-card-title: var(--willa-text-strong);
164
+ --willa-generation-card-muted: var(--willa-text-soft);
165
+ --willa-generation-card-mark-bg: var(--willa-ai-mark-bg);
166
+ --willa-generation-card-mark-border: var(--willa-ai-border-subtle);
167
+ --willa-generation-card-status-bg: var(--willa-ai-surface-soft);
168
+ --willa-generation-card-status-border: var(--willa-ai-border-soft);
169
+ --willa-generation-card-toggle-border-hover: var(--willa-ai-border-hover);
170
+ --willa-generation-card-ring: var(--willa-ai-accent-surface);
171
+ --willa-generation-card-content-bg: var(--willa-ai-surface-soft);
172
+ --willa-generation-card-content-border: var(--willa-ai-border-soft);
173
+ --willa-generation-card-content-text: var(--willa-text);
174
+ --willa-generation-card-metric-bg: var(--willa-ai-surface-soft);
175
+ --willa-generation-card-metric-border: var(--willa-ai-border-soft);
176
+ --willa-generation-card-pending: var(--willa-text-soft);
177
+ --willa-generation-card-generating: var(--willa-ai-accent);
178
+ --willa-generation-card-completed: #7dd3c7;
179
+ --willa-generation-card-failed: var(--willa-ai-danger);
180
+ --willa-human-approval-card-bg: var(--willa-ai-surface);
181
+ --willa-human-approval-card-border: var(--willa-ai-border);
182
+ --willa-human-approval-card-shadow: var(--willa-ai-card-shadow);
183
+ --willa-human-approval-card-text: var(--willa-text);
184
+ --willa-human-approval-card-title: var(--willa-text-strong);
185
+ --willa-human-approval-card-muted: var(--willa-text-soft);
186
+ --willa-human-approval-card-mark-bg: var(--willa-ai-mark-bg);
187
+ --willa-human-approval-card-mark-border: var(--willa-ai-border-subtle);
188
+ --willa-human-approval-card-detail-bg: var(--willa-ai-surface-soft);
189
+ --willa-human-approval-card-detail-border: var(--willa-ai-border-soft);
190
+ --willa-human-approval-card-content-bg: var(--willa-ai-surface-soft);
191
+ --willa-human-approval-card-content-border: var(--willa-ai-border-soft);
192
+ --willa-human-approval-card-content-text: var(--willa-text);
193
+ --willa-human-approval-card-neutral: var(--willa-ai-accent);
194
+ --willa-human-approval-card-warning: var(--willa-ai-warning);
195
+ --willa-human-approval-card-danger: var(--willa-ai-danger);
196
+ --willa-human-approval-card-success: var(--willa-ai-success);
197
+ --willa-suggestion-chips-bg: var(--willa-ai-surface-soft);
198
+ --willa-suggestion-chips-bg-hover: var(--willa-ai-surface-soft-hover);
199
+ --willa-suggestion-chips-border: var(--willa-ai-border-soft);
200
+ --willa-suggestion-chips-border-hover: var(--willa-ai-border-hover);
201
+ --willa-suggestion-chips-text: var(--willa-text);
202
+ --willa-suggestion-chips-text-hover: var(--willa-text-strong);
203
+ --willa-suggestion-chips-muted: var(--willa-text-soft);
204
+ --willa-suggestion-chips-selected-bg: var(--willa-ai-accent-surface);
205
+ --willa-suggestion-chips-selected-border: var(--willa-ai-accent-border);
206
+ --willa-suggestion-chips-selected-text: var(--willa-ai-accent);
207
+ --willa-composer-bg: #131a2c;
208
+ --willa-composer-header-bg: #232b3a;
209
+ --willa-composer-border: var(--willa-ai-border);
210
+ --willa-composer-border-focus: var(--willa-ai-focus-border);
211
+ --willa-composer-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
212
+ --willa-composer-strip-bg: #252c39;
213
+ --willa-composer-input-bg: var(--willa-ai-surface);
214
+ --willa-composer-input-bg-hover: var(--willa-ai-surface);
215
+ --willa-composer-text: var(--willa-text);
216
+ --willa-composer-title: var(--willa-text-strong);
217
+ --willa-composer-muted: var(--willa-text-soft);
218
+ --willa-chat-message-bg: var(--willa-ai-message-surface);
219
+ --willa-chat-message-assistant-bg: var(--willa-ai-message-surface);
220
+ --willa-chat-message-user-bg: #25304d;
221
+ --willa-chat-message-developer-bg: #2d2f52;
222
+ --willa-chat-message-tool-bg: #3b3030;
223
+ --willa-chat-message-border: var(--willa-ai-border);
224
+ --willa-chat-message-user-border: var(--willa-ai-accent-border);
225
+ --willa-chat-message-developer-border: rgba(165, 180, 252, 0.22);
226
+ --willa-chat-message-tool-border: rgba(251, 191, 36, 0.22);
227
+ --willa-chat-message-shadow: none;
228
+ --willa-chat-message-text: var(--willa-text);
229
+ --willa-chat-message-name: var(--willa-text-strong);
230
+ --willa-chat-message-meta: var(--willa-text-soft);
231
+ --willa-chat-message-system-text: var(--willa-text-soft);
232
+ --willa-chat-message-developer-text: var(--willa-text);
233
+ --willa-prompt-input-bg: var(--willa-ai-surface-raised);
234
+ --willa-prompt-input-bg-hover: var(--willa-ai-surface-hover);
235
+ --willa-prompt-input-border: var(--willa-ai-border);
236
+ --willa-prompt-input-border-hover: rgba(148, 163, 184, 0.28);
237
+ --willa-prompt-input-border-focus: var(--willa-ai-focus-border);
238
+ --willa-prompt-input-footer-bg: transparent;
239
+ --willa-prompt-input-footer-border: transparent;
240
+ --willa-prompt-input-text: var(--willa-text-strong);
241
+ --willa-prompt-input-placeholder: var(--willa-text-faint);
242
+ --willa-prompt-input-meta: var(--willa-text-soft);
243
+ --willa-model-selector-text: #ffffff;
244
+ --willa-model-selector-muted: #60708f;
245
+ --willa-model-selector-title: #ffffff;
246
+ --willa-model-selector-border: var(--willa-ai-border);
247
+ --willa-model-selector-preview-bg: var(--willa-ai-surface);
248
+ --willa-model-selector-preview-shadow: inset 0 1px 0
249
+ var(--willa-ai-surface-soft-hover);
250
+ --willa-model-selector-disabled-text: #93a4c2;
251
+ --willa-model-selector-warning: var(--willa-ai-danger);
252
+ --willa-context-panel-text: #ffffff;
253
+ --willa-context-panel-muted: #60708f;
254
+ --willa-context-panel-title: #ffffff;
255
+ --willa-context-panel-bg: var(--willa-ai-surface);
256
+ --willa-context-panel-accent: var(--willa-ai-accent);
257
+ --willa-context-panel-border: var(--willa-ai-border);
258
+ --willa-context-panel-warning: var(--willa-ai-danger);
259
+ --willa-context-panel-warning-bg: var(--willa-ai-danger-surface);
260
+ --willa-context-window-meter-bg: var(--willa-ai-surface);
261
+ --willa-context-window-meter-border: var(--willa-ai-border);
262
+ --willa-context-window-meter-shadow: var(--willa-ai-card-shadow);
263
+ --willa-context-window-meter-text: var(--willa-text);
264
+ --willa-context-window-meter-title: var(--willa-text-strong);
265
+ --willa-context-window-meter-muted: var(--willa-text-soft);
266
+ --willa-context-window-meter-track-bg: rgba(255, 255, 255, 0.07);
267
+ --willa-context-window-meter-item-bg: var(--willa-ai-surface-soft);
268
+ --willa-context-window-meter-item-border: var(--willa-ai-border-soft);
269
+ --willa-context-window-meter-segment-divider: rgba(23, 30, 46, 0.82);
270
+ --willa-context-window-meter-neutral: #94a3b8;
271
+ --willa-context-window-meter-info: var(--willa-ai-accent);
272
+ --willa-context-window-meter-success: var(--willa-ai-success);
273
+ --willa-context-window-meter-warning: var(--willa-ai-warning);
274
+ --willa-context-window-meter-danger: var(--willa-ai-danger);
275
+ --willa-feedback-bar-bg: var(--willa-ai-surface);
276
+ --willa-feedback-bar-border: var(--willa-ai-border);
277
+ --willa-feedback-bar-text: var(--willa-text);
278
+ --willa-feedback-bar-title: var(--willa-text-strong);
279
+ --willa-feedback-bar-muted: var(--willa-text-soft);
280
+ --willa-feedback-bar-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
281
+ --willa-feedback-bar-title-mark-bg: rgba(248, 250, 252, 0.62);
282
+ --willa-feedback-bar-title-mark-shadow: 0 0 0 0.28rem
283
+ var(--willa-ai-border-subtle);
284
+ --willa-feedback-bar-reasons-bg: var(--willa-ai-surface-soft);
285
+ --willa-feedback-bar-state-bg: var(--willa-ai-surface-soft);
286
+ --willa-prompt-template-picker-text: var(--willa-text);
287
+ --willa-prompt-template-picker-muted: var(--willa-text-soft);
288
+ --willa-prompt-template-picker-title: var(--willa-text-strong);
289
+ --willa-prompt-template-picker-border: var(--willa-ai-border);
290
+ --willa-prompt-template-picker-preview-bg: var(--willa-ai-surface);
291
+ --willa-prompt-template-picker-selected-bg: var(--willa-ai-accent-surface);
292
+ --willa-prompt-template-picker-code-bg: var(--willa-ai-surface-soft);
293
+ --willa-prompt-template-picker-empty-bg: var(--willa-ai-surface-soft);
294
+ --willa-prompt-template-picker-mark-bg: rgba(251, 191, 36, 0.18);
295
+ --willa-prompt-template-picker-loading-opacity: 0.72;
296
+ --willa-prompt-template-picker-disabled-opacity: 0.62;
297
+ --willa-conversation-list-text: var(--willa-text);
298
+ --willa-conversation-list-title: var(--willa-text-strong);
299
+ --willa-conversation-list-muted: var(--willa-text-soft);
300
+ --willa-conversation-list-summary: var(--willa-ai-accent);
301
+ --willa-conversation-list-item-active-bg: var(--willa-ai-accent-surface);
302
+ --willa-conversation-list-item-active-border: var(--willa-ai-focus-border);
303
+ --willa-conversation-list-notice-bg: var(--willa-ai-surface-soft);
304
+ --willa-conversation-list-notice-border: var(--willa-ai-border);
305
+ --willa-conversation-list-notice-text: var(--willa-text-soft);
306
+ --willa-conversation-list-mark-bg: rgba(251, 191, 36, 0.18);
307
+ --willa-conversation-list-mark-text: var(--willa-text-strong);
308
+ }
package/packages/willa-ai/src/themes/light.css ADDED
@@ -0,0 +1,303 @@
1
+ .willa-shell {
2
+ --willa-ai-surface: #ffffff;
3
+ --willa-ai-surface-hover: #f0f6ff;
4
+ --willa-ai-surface-soft: #f6f8fc;
5
+ --willa-ai-surface-accent: #eaf3ff;
6
+ --willa-ai-border: #dce7f7;
7
+ --willa-ai-border-hover: #b7cff7;
8
+ --willa-ai-accent-border: #d6e7ff;
9
+ --willa-ai-focus-ring: #e6f0ff;
10
+ --willa-ai-text: #202632;
11
+ --willa-ai-text-hover: #161c26;
12
+ --willa-ai-text-secondary: #364154;
13
+ --willa-ai-muted: #60708f;
14
+ --willa-ai-accent: #82a3ec;
15
+ --willa-ai-accent-strong: #5b6fa8;
16
+ --willa-ai-success: #0f8a5f;
17
+ --willa-ai-success-surface: #effaf5;
18
+ --willa-ai-success-border: #bfe9d3;
19
+ --willa-ai-warning: #c18122;
20
+ --willa-ai-danger: #e11d48;
21
+ --willa-ai-danger-surface: #fff1f1;
22
+ --willa-ai-danger-border: #ffc9c9;
23
+ --willa-attachment-list-bg: var(--willa-ai-surface);
24
+ --willa-attachment-list-bg-hover: var(--willa-ai-surface-hover);
25
+ --willa-attachment-list-border: var(--willa-ai-border);
26
+ --willa-attachment-list-border-hover: var(--willa-ai-border-hover);
27
+ --willa-attachment-list-ring: #b6d4ff;
28
+ --willa-attachment-list-text: var(--willa-ai-text);
29
+ --willa-attachment-list-text-hover: var(--willa-ai-text-hover);
30
+ --willa-attachment-list-title: var(--willa-ai-text);
31
+ --willa-attachment-list-muted: var(--willa-ai-muted);
32
+ --willa-attachment-list-action: var(--willa-ai-accent);
33
+ --willa-attachment-list-uploading-border: var(--willa-ai-accent);
34
+ --willa-attachment-list-error-bg: var(--willa-ai-danger-surface);
35
+ --willa-attachment-list-error-border: var(--willa-ai-danger-border);
36
+ --willa-attachment-list-error-bg-hover: #ffe6e6;
37
+ --willa-attachment-list-error-border-hover: #ffabab;
38
+ --willa-attachment-list-remove-bg-hover: var(--willa-ai-surface-hover);
39
+ --willa-attachment-list-progress-bg: var(--willa-ai-focus-ring);
40
+ --willa-attachment-list-progress-bar: var(--willa-ai-accent);
41
+ --willa-message-list-text: var(--willa-ai-text);
42
+ --willa-message-list-muted: var(--willa-ai-muted);
43
+ --willa-message-actions-bg: var(--willa-ai-surface);
44
+ --willa-message-actions-bg-hover: var(--willa-ai-surface-hover);
45
+ --willa-message-actions-border: var(--willa-ai-border);
46
+ --willa-message-actions-border-hover: var(--willa-ai-border-hover);
47
+ --willa-message-actions-text: var(--willa-ai-text-secondary);
48
+ --willa-message-actions-text-hover: var(--willa-ai-text);
49
+ --willa-message-actions-active-bg: var(--willa-ai-focus-ring);
50
+ --willa-message-actions-active-border: var(--willa-ai-border-hover);
51
+ --willa-message-actions-active-text: var(--willa-ai-accent-strong);
52
+ --willa-ai-scrollbar-thumb: var(
53
+ --willa-scrollbar-thumb,
54
+ color-mix(in srgb, var(--willa-text-soft) 56%, transparent)
55
+ );
56
+ --willa-message-actions-positive: var(--willa-ai-success);
57
+ --willa-message-actions-negative: var(--willa-ai-danger);
58
+ --willa-thinking-indicator-bg: var(--willa-ai-surface);
59
+ --willa-thinking-indicator-border: var(--willa-ai-border);
60
+ --willa-thinking-indicator-ring: var(--willa-ai-accent-border);
61
+ --willa-thinking-indicator-text: var(--willa-ai-text);
62
+ --willa-thinking-indicator-title: var(--willa-ai-text);
63
+ --willa-thinking-indicator-muted: var(--willa-ai-muted);
64
+ --willa-thinking-indicator-mark-bg: var(--willa-ai-surface-accent);
65
+ --willa-thinking-indicator-neutral: var(--willa-ai-muted);
66
+ --willa-thinking-indicator-accent: var(--willa-ai-accent);
67
+ --willa-thinking-indicator-success: var(--willa-ai-success);
68
+ --willa-thinking-indicator-warning: var(--willa-ai-accent-strong);
69
+ --willa-thinking-indicator-step-bg: var(--willa-ai-surface-soft);
70
+ --willa-thinking-indicator-step-border: var(--willa-ai-border);
71
+ --willa-thinking-indicator-step-active-bg: var(--willa-ai-surface-accent);
72
+ --willa-thinking-indicator-step-active-border: var(--willa-ai-border-hover);
73
+ --willa-thinking-indicator-step-active-text: var(--willa-ai-accent-strong);
74
+ --willa-model-selector-text: var(--willa-ai-text);
75
+ --willa-model-selector-muted: var(--willa-ai-muted);
76
+ --willa-model-selector-title: var(--willa-ai-text);
77
+ --willa-model-selector-border: var(--willa-ai-border);
78
+ --willa-model-selector-preview-bg: var(--willa-ai-surface-soft);
79
+ --willa-model-selector-preview-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
80
+ --willa-model-selector-disabled-text: #7f8ea3;
81
+ --willa-model-selector-warning: var(--willa-ai-danger);
82
+ --willa-context-panel-text: var(--willa-ai-text);
83
+ --willa-context-panel-muted: var(--willa-ai-muted);
84
+ --willa-context-panel-title: var(--willa-ai-text);
85
+ --willa-context-panel-bg: var(--willa-ai-surface);
86
+ --willa-context-panel-accent: var(--willa-ai-accent);
87
+ --willa-context-panel-border: var(--willa-ai-border);
88
+ --willa-context-panel-warning: var(--willa-ai-danger);
89
+ --willa-context-panel-warning-bg: var(--willa-ai-danger-surface);
90
+ --willa-context-window-meter-bg: var(--willa-ai-surface);
91
+ --willa-context-window-meter-border: var(--willa-ai-border);
92
+ --willa-context-window-meter-shadow: 0 12px 30px rgba(13, 27, 61, 0.06);
93
+ --willa-context-window-meter-text: var(--willa-ai-text);
94
+ --willa-context-window-meter-title: var(--willa-ai-text);
95
+ --willa-context-window-meter-muted: var(--willa-ai-muted);
96
+ --willa-context-window-meter-track-bg: #edf3fb;
97
+ --willa-context-window-meter-item-bg: var(--willa-ai-surface-soft);
98
+ --willa-context-window-meter-item-border: var(--willa-ai-border);
99
+ --willa-context-window-meter-segment-divider: rgba(255, 255, 255, 0.72);
100
+ --willa-context-window-meter-neutral: #9aa8bd;
101
+ --willa-context-window-meter-info: var(--willa-ai-accent);
102
+ --willa-context-window-meter-success: var(--willa-ai-success);
103
+ --willa-context-window-meter-warning: var(--willa-ai-warning);
104
+ --willa-context-window-meter-danger: var(--willa-ai-danger);
105
+ --willa-feedback-bar-bg: var(--willa-ai-surface);
106
+ --willa-feedback-bar-border: var(--willa-ai-border);
107
+ --willa-feedback-bar-text: var(--willa-ai-text);
108
+ --willa-feedback-bar-title: var(--willa-ai-text);
109
+ --willa-feedback-bar-muted: var(--willa-ai-muted);
110
+ --willa-feedback-bar-shadow: 0 14px 34px rgba(220, 231, 247, 0.72);
111
+ --willa-feedback-bar-title-mark-bg: rgba(32, 38, 50, 0.64);
112
+ --willa-feedback-bar-title-mark-shadow: 0 0 0 0.28rem
113
+ rgba(220, 231, 247, 0.42);
114
+ --willa-feedback-bar-reasons-bg: var(--willa-ai-surface-soft);
115
+ --willa-feedback-bar-state-bg: var(--willa-ai-surface-soft);
116
+ --willa-prompt-template-picker-text: var(--willa-ai-text);
117
+ --willa-prompt-template-picker-muted: var(--willa-ai-muted);
118
+ --willa-prompt-template-picker-title: var(--willa-ai-text);
119
+ --willa-prompt-template-picker-border: var(--willa-ai-border);
120
+ --willa-prompt-template-picker-preview-bg: var(--willa-ai-surface-soft);
121
+ --willa-prompt-template-picker-selected-bg: var(--willa-ai-surface-accent);
122
+ --willa-prompt-template-picker-code-bg: var(--willa-ai-surface);
123
+ --willa-prompt-template-picker-empty-bg: var(--willa-ai-surface-soft);
124
+ --willa-prompt-template-picker-mark-bg: #fff4c2;
125
+ --willa-prompt-template-picker-loading-opacity: 0.86;
126
+ --willa-prompt-template-picker-disabled-opacity: 0.66;
127
+ --willa-conversation-list-text: var(--willa-ai-text);
128
+ --willa-conversation-list-title: var(--willa-ai-text);
129
+ --willa-conversation-list-muted: var(--willa-ai-muted);
130
+ --willa-conversation-list-summary: var(--willa-ai-accent-strong);
131
+ --willa-conversation-list-item-active-bg: #f1f5ff;
132
+ --willa-conversation-list-item-active-border: var(--willa-ai-accent);
133
+ --willa-conversation-list-notice-bg: var(--willa-ai-surface-soft);
134
+ --willa-conversation-list-notice-border: var(--willa-ai-border);
135
+ --willa-conversation-list-notice-text: var(--willa-ai-muted);
136
+ --willa-conversation-list-mark-bg: #fff4c2;
137
+ --willa-conversation-list-mark-text: var(--willa-ai-text);
138
+ --willa-thinking-indicator-step-done-bg: var(--willa-ai-success-surface);
139
+ --willa-thinking-indicator-step-done-border: var(--willa-ai-success-border);
140
+ --willa-thinking-indicator-step-done-text: var(--willa-ai-success);
141
+ --willa-reasoning-steps-text: var(--willa-ai-text);
142
+ --willa-reasoning-steps-title: var(--willa-ai-text);
143
+ --willa-reasoning-steps-muted: var(--willa-ai-muted);
144
+ --willa-reasoning-steps-meta: var(--willa-ai-muted);
145
+ --willa-reasoning-steps-line: var(--willa-ai-border);
146
+ --willa-reasoning-steps-card-bg: var(--willa-ai-surface);
147
+ --willa-reasoning-steps-card-bg-hover: var(--willa-ai-surface-soft);
148
+ --willa-reasoning-steps-card-border: var(--willa-ai-border);
149
+ --willa-reasoning-steps-card-border-hover: var(--willa-ai-border-hover);
150
+ --willa-reasoning-steps-focus-border: var(--willa-ai-accent);
151
+ --willa-reasoning-steps-focus-ring: var(--willa-ai-focus-ring);
152
+ --willa-reasoning-steps-marker: var(--willa-ai-accent);
153
+ --willa-reasoning-steps-marker-bg: var(--willa-ai-surface-accent);
154
+ --willa-reasoning-steps-marker-border: var(--willa-ai-accent-border);
155
+ --willa-reasoning-steps-pending-card-border: var(--willa-ai-border);
156
+ --willa-reasoning-steps-active: var(--willa-ai-accent);
157
+ --willa-reasoning-steps-active-bg: var(--willa-ai-surface-accent);
158
+ --willa-reasoning-steps-active-border: var(--willa-ai-border-hover);
159
+ --willa-reasoning-steps-active-card-border: var(--willa-ai-border-hover);
160
+ --willa-reasoning-steps-done: var(--willa-ai-success);
161
+ --willa-reasoning-steps-done-bg: var(--willa-ai-success-surface);
162
+ --willa-reasoning-steps-done-border: var(--willa-ai-success-border);
163
+ --willa-reasoning-steps-done-card-border: var(--willa-ai-success-border);
164
+ --willa-reasoning-steps-error: var(--willa-ai-danger);
165
+ --willa-reasoning-steps-error-bg: var(--willa-ai-danger-surface);
166
+ --willa-reasoning-steps-error-border: var(--willa-ai-danger-border);
167
+ --willa-reasoning-steps-error-card-border: var(--willa-ai-danger-border);
168
+ --willa-reasoning-steps-panel-bg: var(--willa-ai-surface-soft);
169
+ --willa-reasoning-steps-panel-border: var(--willa-ai-border);
170
+ --willa-reasoning-steps-panel-text: var(--willa-ai-text);
171
+ --willa-tool-call-card-bg: var(--willa-ai-surface);
172
+ --willa-tool-call-card-border: var(--willa-ai-border);
173
+ --willa-tool-call-card-shadow: 0 18px 42px rgba(13, 27, 61, 0.08);
174
+ --willa-tool-call-card-text: var(--willa-ai-text);
175
+ --willa-tool-call-card-title: var(--willa-ai-text);
176
+ --willa-tool-call-card-muted: var(--willa-ai-muted);
177
+ --willa-tool-call-card-mark-bg: var(--willa-ai-surface-accent);
178
+ --willa-tool-call-card-mark-border: var(--willa-ai-accent-border);
179
+ --willa-tool-call-card-status-bg: var(--willa-ai-surface-hover);
180
+ --willa-tool-call-card-status-border: var(--willa-ai-border);
181
+ --willa-tool-call-card-toggle-border-hover: var(--willa-ai-border-hover);
182
+ --willa-tool-call-card-ring: var(--willa-ai-focus-ring);
183
+ --willa-tool-call-card-panel-bg: var(--willa-ai-surface-soft);
184
+ --willa-tool-call-card-panel-border: var(--willa-ai-border);
185
+ --willa-tool-call-card-panel-text: var(--willa-ai-text);
186
+ --willa-tool-call-card-item-bg: rgba(255, 255, 255, 0.72);
187
+ --willa-tool-call-card-item-border: #e5edf9;
188
+ --willa-tool-call-card-item-marker: #9bb6e7;
189
+ --willa-tool-call-card-pending: var(--willa-ai-muted);
190
+ --willa-tool-call-card-running: var(--willa-ai-accent);
191
+ --willa-tool-call-card-success: var(--willa-ai-success);
192
+ --willa-tool-call-card-error: var(--willa-ai-danger);
193
+ --willa-trace-viewer-bg: var(--willa-ai-surface);
194
+ --willa-trace-viewer-border: var(--willa-ai-border);
195
+ --willa-trace-viewer-shadow: 0 18px 42px rgba(13, 27, 61, 0.08);
196
+ --willa-trace-viewer-text: var(--willa-ai-text);
197
+ --willa-trace-viewer-title: var(--willa-ai-text);
198
+ --willa-trace-viewer-muted: var(--willa-ai-muted);
199
+ --willa-trace-viewer-panel-bg: var(--willa-ai-surface-soft);
200
+ --willa-trace-viewer-panel-border: var(--willa-ai-border);
201
+ --willa-trace-viewer-row-divider: #e5edf9;
202
+ --willa-trace-viewer-row-bg-hover: var(--willa-ai-surface-hover);
203
+ --willa-trace-viewer-row-bg-active: var(--willa-ai-surface-accent);
204
+ --willa-trace-viewer-row-active-border: var(--willa-ai-accent);
205
+ --willa-trace-viewer-chip-bg: var(--willa-ai-surface);
206
+ --willa-trace-viewer-chip-border: var(--willa-ai-border);
207
+ --willa-trace-viewer-metric-bg: var(--willa-ai-surface-hover);
208
+ --willa-trace-viewer-metric-border: var(--willa-ai-border);
209
+ --willa-trace-viewer-block-bg: rgba(255, 255, 255, 0.72);
210
+ --willa-trace-viewer-block-border: #e5edf9;
211
+ --willa-trace-viewer-error-bg: var(--willa-ai-danger-surface);
212
+ --willa-trace-viewer-error-border: var(--willa-ai-danger-border);
213
+ --willa-trace-viewer-focus-ring: var(--willa-ai-focus-ring);
214
+ --willa-trace-viewer-status-ring: rgba(130, 163, 236, 0.16);
215
+ --willa-trace-viewer-pending: var(--willa-ai-muted);
216
+ --willa-trace-viewer-running: var(--willa-ai-accent);
217
+ --willa-trace-viewer-success: var(--willa-ai-success);
218
+ --willa-trace-viewer-error: var(--willa-ai-danger);
219
+ --willa-generation-card-bg: var(--willa-ai-surface);
220
+ --willa-generation-card-border: var(--willa-ai-border);
221
+ --willa-generation-card-shadow: 0 18px 42px rgba(13, 27, 61, 0.08);
222
+ --willa-generation-card-text: var(--willa-ai-text);
223
+ --willa-generation-card-title: var(--willa-ai-text);
224
+ --willa-generation-card-muted: var(--willa-ai-muted);
225
+ --willa-generation-card-mark-bg: var(--willa-ai-surface-accent);
226
+ --willa-generation-card-mark-border: var(--willa-ai-accent-border);
227
+ --willa-generation-card-status-bg: var(--willa-ai-surface-hover);
228
+ --willa-generation-card-status-border: var(--willa-ai-border);
229
+ --willa-generation-card-toggle-border-hover: var(--willa-ai-border-hover);
230
+ --willa-generation-card-ring: var(--willa-ai-focus-ring);
231
+ --willa-generation-card-content-bg: var(--willa-ai-surface-soft);
232
+ --willa-generation-card-content-border: var(--willa-ai-border);
233
+ --willa-generation-card-content-text: var(--willa-ai-text);
234
+ --willa-generation-card-metric-bg: var(--willa-ai-surface-hover);
235
+ --willa-generation-card-metric-border: var(--willa-ai-border);
236
+ --willa-generation-card-pending: var(--willa-ai-muted);
237
+ --willa-generation-card-generating: var(--willa-ai-accent);
238
+ --willa-generation-card-completed: var(--willa-ai-success);
239
+ --willa-generation-card-failed: var(--willa-ai-danger);
240
+ --willa-human-approval-card-bg: var(--willa-ai-surface);
241
+ --willa-human-approval-card-border: var(--willa-ai-border);
242
+ --willa-human-approval-card-shadow: 0 18px 42px rgba(13, 27, 61, 0.08);
243
+ --willa-human-approval-card-text: var(--willa-ai-text);
244
+ --willa-human-approval-card-title: var(--willa-ai-text);
245
+ --willa-human-approval-card-muted: var(--willa-ai-muted);
246
+ --willa-human-approval-card-mark-bg: var(--willa-ai-surface-accent);
247
+ --willa-human-approval-card-mark-border: var(--willa-ai-accent-border);
248
+ --willa-human-approval-card-detail-bg: var(--willa-ai-surface-hover);
249
+ --willa-human-approval-card-detail-border: var(--willa-ai-border);
250
+ --willa-human-approval-card-content-bg: var(--willa-ai-surface-soft);
251
+ --willa-human-approval-card-content-border: var(--willa-ai-border);
252
+ --willa-human-approval-card-content-text: var(--willa-ai-text);
253
+ --willa-human-approval-card-neutral: var(--willa-ai-accent);
254
+ --willa-human-approval-card-warning: var(--willa-ai-warning);
255
+ --willa-human-approval-card-danger: var(--willa-ai-danger);
256
+ --willa-human-approval-card-success: var(--willa-ai-success);
257
+ --willa-suggestion-chips-bg: var(--willa-ai-surface);
258
+ --willa-suggestion-chips-bg-hover: var(--willa-ai-surface-hover);
259
+ --willa-suggestion-chips-border: var(--willa-ai-border-hover);
260
+ --willa-suggestion-chips-border-hover: var(--willa-ai-accent);
261
+ --willa-suggestion-chips-text: var(--willa-ai-accent-strong);
262
+ --willa-suggestion-chips-text-hover: var(--willa-ai-text);
263
+ --willa-suggestion-chips-muted: var(--willa-ai-muted);
264
+ --willa-suggestion-chips-selected-bg: #f1f5ff;
265
+ --willa-suggestion-chips-selected-border: var(--willa-ai-accent);
266
+ --willa-suggestion-chips-selected-text: #4f67a5;
267
+ --willa-composer-bg: var(--willa-ai-surface);
268
+ --willa-composer-header-bg: var(--willa-ai-surface);
269
+ --willa-composer-border: var(--willa-ai-border);
270
+ --willa-composer-border-focus: var(--willa-ai-accent);
271
+ --willa-composer-shadow: 0 14px 34px rgba(13, 27, 61, 0.07);
272
+ --willa-composer-strip-bg: var(--willa-ai-surface);
273
+ --willa-composer-input-bg: var(--willa-ai-surface);
274
+ --willa-composer-input-bg-hover: var(--willa-ai-surface);
275
+ --willa-composer-text: var(--willa-ai-text);
276
+ --willa-composer-title: var(--willa-ai-text);
277
+ --willa-composer-muted: var(--willa-ai-muted);
278
+ --willa-chat-message-bg: var(--willa-ai-surface);
279
+ --willa-chat-message-assistant-bg: var(--willa-ai-surface);
280
+ --willa-chat-message-user-bg: var(--willa-ai-surface-accent);
281
+ --willa-chat-message-developer-bg: var(--willa-ai-surface-soft);
282
+ --willa-chat-message-tool-bg: var(--willa-ai-surface-soft);
283
+ --willa-chat-message-border: var(--willa-ai-border);
284
+ --willa-chat-message-user-border: var(--willa-ai-accent-border);
285
+ --willa-chat-message-developer-border: var(--willa-ai-border);
286
+ --willa-chat-message-tool-border: var(--willa-ai-border);
287
+ --willa-chat-message-shadow: 0 12px 30px rgba(13, 27, 61, 0.06);
288
+ --willa-chat-message-text: var(--willa-ai-text);
289
+ --willa-chat-message-name: var(--willa-ai-text);
290
+ --willa-chat-message-meta: var(--willa-ai-muted);
291
+ --willa-chat-message-system-text: var(--willa-ai-text-secondary);
292
+ --willa-chat-message-developer-text: var(--willa-ai-text);
293
+ --willa-prompt-input-bg: var(--willa-ai-surface);
294
+ --willa-prompt-input-bg-hover: var(--willa-ai-surface);
295
+ --willa-prompt-input-border: var(--willa-ai-border);
296
+ --willa-prompt-input-border-hover: var(--willa-ai-border-hover);
297
+ --willa-prompt-input-border-focus: var(--willa-ai-accent);
298
+ --willa-prompt-input-footer-bg: var(--willa-ai-surface);
299
+ --willa-prompt-input-footer-border: transparent;
300
+ --willa-prompt-input-text: var(--willa-ai-text);
301
+ --willa-prompt-input-placeholder: var(--willa-text-faint);
302
+ --willa-prompt-input-meta: var(--willa-ai-muted);
303
+ }
package/packages/willa-ai/vitest.config.ts ADDED
@@ -0,0 +1,15 @@
1
+ import path from "node:path";
2
+ import { defineConfig } from "vitest/config";
3
+
4
+ export default defineConfig({
5
+ define: {
6
+ __DEV__: "true",
7
+ __TEST__: "true",
8
+ __VERSION__: `'unknown'`,
9
+ },
10
+ resolve: {
11
+ alias: {
12
+ "#ai": path.resolve(__dirname, "./src"),
13
+ },
14
+ },
15
+ });