@nadicodeai/ui 0.21.0 → 1.0.0

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 (354) hide show
  1. package/AGENTS.md +6 -7
  2. package/LICENSES/PAPER-SHADERS-APACHE-2.0.txt +186 -0
  3. package/NOTICE +12 -0
  4. package/README.md +14 -21
  5. package/dist/agents.d.ts +10 -0
  6. package/dist/agents.d.ts.map +1 -0
  7. package/dist/agents.js +10 -0
  8. package/dist/components/agent-card.d.ts +13 -0
  9. package/dist/components/agent-card.d.ts.map +1 -0
  10. package/dist/components/agent-card.js +15 -0
  11. package/dist/components/agent-visual.d.ts +17 -0
  12. package/dist/components/agent-visual.d.ts.map +1 -0
  13. package/dist/components/agent-visual.js +59 -0
  14. package/dist/components/alert-dialog.js +1 -1
  15. package/dist/components/badge.d.ts +1 -1
  16. package/dist/components/badge.d.ts.map +1 -1
  17. package/dist/components/badge.js +9 -0
  18. package/dist/components/button.d.ts +1 -1
  19. package/dist/components/card.d.ts +5 -3
  20. package/dist/components/card.d.ts.map +1 -1
  21. package/dist/components/card.js +7 -7
  22. package/dist/components/chart.js +1 -1
  23. package/dist/components/combobox.js +1 -1
  24. package/dist/components/context-menu.js +1 -1
  25. package/dist/components/dialog.js +1 -1
  26. package/dist/components/drawer.js +1 -1
  27. package/dist/components/dropdown-menu.js +1 -1
  28. package/dist/components/empty.d.ts +5 -2
  29. package/dist/components/empty.d.ts.map +1 -1
  30. package/dist/components/empty.js +3 -3
  31. package/dist/components/feedback-state.js +1 -1
  32. package/dist/components/glass-control.d.ts +7 -0
  33. package/dist/components/glass-control.d.ts.map +1 -0
  34. package/dist/components/glass-control.js +14 -0
  35. package/dist/components/hover-card.js +1 -1
  36. package/dist/components/label-system.d.ts +1 -10
  37. package/dist/components/label-system.d.ts.map +1 -1
  38. package/dist/components/label-system.js +1 -7
  39. package/dist/components/live-demo.js +1 -1
  40. package/dist/components/menubar.js +1 -1
  41. package/dist/components/nav-bar.d.ts +6 -8
  42. package/dist/components/nav-bar.d.ts.map +1 -1
  43. package/dist/components/nav-bar.js +8 -9
  44. package/dist/components/navigation-menu.js +2 -2
  45. package/dist/components/popover.js +1 -1
  46. package/dist/components/select.js +1 -1
  47. package/dist/components/sheet.js +1 -1
  48. package/dist/components/sidebar.js +1 -1
  49. package/dist/components/sonner.js +2 -2
  50. package/dist/components/testimonials.d.ts +1 -1
  51. package/dist/components/testimonials.js +2 -2
  52. package/dist/components/tooltip.js +1 -1
  53. package/dist/components/use-case-bento.d.ts +2 -4
  54. package/dist/components/use-case-bento.d.ts.map +1 -1
  55. package/dist/components/use-case-bento.js +2 -3
  56. package/dist/hooks/index.d.ts +0 -1
  57. package/dist/hooks/index.d.ts.map +1 -1
  58. package/dist/hooks/index.js +0 -1
  59. package/dist/index.d.ts +3 -16
  60. package/dist/index.d.ts.map +1 -1
  61. package/dist/index.js +3 -16
  62. package/dist/internal/agent-visual/color.d.ts +4 -0
  63. package/dist/internal/agent-visual/color.d.ts.map +1 -0
  64. package/dist/internal/agent-visual/color.js +39 -0
  65. package/dist/internal/agent-visual/poster.d.ts +6 -0
  66. package/dist/internal/agent-visual/poster.d.ts.map +1 -0
  67. package/dist/internal/agent-visual/poster.js +35 -0
  68. package/dist/internal/agent-visual/recipes.d.ts +15 -0
  69. package/dist/internal/agent-visual/recipes.d.ts.map +1 -0
  70. package/dist/internal/agent-visual/recipes.js +72 -0
  71. package/dist/internal/agent-visual/renderer.d.ts +10 -0
  72. package/dist/internal/agent-visual/renderer.d.ts.map +1 -0
  73. package/dist/internal/agent-visual/renderer.js +112 -0
  74. package/dist/internal/agent-visual/shader.d.ts +2 -0
  75. package/dist/internal/agent-visual/shader.d.ts.map +1 -0
  76. package/dist/internal/agent-visual/shader.js +158 -0
  77. package/dist/internal/assistant-ui/attachment.d.ts +5 -0
  78. package/dist/internal/assistant-ui/attachment.d.ts.map +1 -0
  79. package/dist/internal/assistant-ui/attachment.js +93 -0
  80. package/dist/internal/assistant-ui/follow-up-suggestions.d.ts +3 -0
  81. package/dist/internal/assistant-ui/follow-up-suggestions.d.ts.map +1 -0
  82. package/dist/internal/assistant-ui/follow-up-suggestions.js +8 -0
  83. package/dist/internal/assistant-ui/markdown-text.d.ts +2 -0
  84. package/dist/internal/assistant-ui/markdown-text.d.ts.map +1 -0
  85. package/dist/internal/assistant-ui/markdown-text.js +54 -0
  86. package/dist/internal/assistant-ui/reasoning.d.ts +31 -0
  87. package/dist/internal/assistant-ui/reasoning.d.ts.map +1 -0
  88. package/dist/internal/assistant-ui/reasoning.js +118 -0
  89. package/dist/internal/assistant-ui/thread.d.ts +26 -0
  90. package/dist/internal/assistant-ui/thread.d.ts.map +1 -0
  91. package/dist/internal/assistant-ui/thread.js +118 -0
  92. package/dist/internal/assistant-ui/tool-fallback.d.ts +10 -0
  93. package/dist/internal/assistant-ui/tool-fallback.d.ts.map +1 -0
  94. package/dist/internal/assistant-ui/tool-fallback.js +163 -0
  95. package/dist/internal/assistant-ui/tool-group.d.ts +18 -0
  96. package/dist/internal/assistant-ui/tool-group.d.ts.map +1 -0
  97. package/dist/internal/assistant-ui/tool-group.js +44 -0
  98. package/dist/internal/assistant-ui/tooltip-icon-button.d.ts +8 -0
  99. package/dist/internal/assistant-ui/tooltip-icon-button.d.ts.map +1 -0
  100. package/dist/internal/assistant-ui/tooltip-icon-button.js +10 -0
  101. package/dist/styles/globals.css +24 -209
  102. package/docs/agents/nadicodeai-ui.md +8 -8
  103. package/docs/component-classification.md +1 -1
  104. package/docs/consuming-cross-repo.md +12 -4
  105. package/docs/contract.md +83 -7
  106. package/docs/migration/1.0.0.md +75 -0
  107. package/docs/migration/base-ui-migration.md +0 -11
  108. package/docs/product-compositions.md +1 -1
  109. package/llms.txt +7 -6
  110. package/package.json +17 -29
  111. package/skills/nadicodeai-ui/SKILL.md +11 -7
  112. package/dist/ai-elements.d.ts +0 -49
  113. package/dist/ai-elements.d.ts.map +0 -1
  114. package/dist/ai-elements.js +0 -48
  115. package/dist/components/agent-avatar.d.ts +0 -7
  116. package/dist/components/agent-avatar.d.ts.map +0 -1
  117. package/dist/components/agent-avatar.js +0 -6
  118. package/dist/components/agent-chat.d.ts +0 -20
  119. package/dist/components/agent-chat.d.ts.map +0 -1
  120. package/dist/components/agent-chat.js +0 -10
  121. package/dist/components/agent-composer.d.ts +0 -56
  122. package/dist/components/agent-composer.d.ts.map +0 -1
  123. package/dist/components/agent-composer.js +0 -56
  124. package/dist/components/agent-message.d.ts +0 -117
  125. package/dist/components/agent-message.d.ts.map +0 -1
  126. package/dist/components/agent-message.js +0 -99
  127. package/dist/components/agent-thread.d.ts +0 -26
  128. package/dist/components/agent-thread.d.ts.map +0 -1
  129. package/dist/components/agent-thread.js +0 -63
  130. package/dist/components/agent-tool-approval.d.ts +0 -27
  131. package/dist/components/agent-tool-approval.d.ts.map +0 -1
  132. package/dist/components/agent-tool-approval.js +0 -43
  133. package/dist/components/ai-elements/agent.d.ts +0 -27
  134. package/dist/components/ai-elements/agent.d.ts.map +0 -1
  135. package/dist/components/ai-elements/agent.js +0 -25
  136. package/dist/components/ai-elements/artifact.d.ts +0 -24
  137. package/dist/components/ai-elements/artifact.d.ts.map +0 -1
  138. package/dist/components/ai-elements/artifact.js +0 -20
  139. package/dist/components/ai-elements/attachments.d.ts +0 -55
  140. package/dist/components/ai-elements/attachments.d.ts.map +0 -1
  141. package/dist/components/ai-elements/attachments.js +0 -125
  142. package/dist/components/ai-elements/audio-player.d.ts +0 -30
  143. package/dist/components/ai-elements/audio-player.d.ts.map +0 -1
  144. package/dist/components/ai-elements/audio-player.js +0 -41
  145. package/dist/components/ai-elements/canvas.d.ts +0 -8
  146. package/dist/components/ai-elements/canvas.d.ts.map +0 -1
  147. package/dist/components/ai-elements/canvas.js +0 -5
  148. package/dist/components/ai-elements/chain-of-thought.d.ts +0 -30
  149. package/dist/components/ai-elements/chain-of-thought.d.ts.map +0 -1
  150. package/dist/components/ai-elements/chain-of-thought.js +0 -49
  151. package/dist/components/ai-elements/checkpoint.d.ts +0 -12
  152. package/dist/components/ai-elements/checkpoint.d.ts.map +0 -1
  153. package/dist/components/ai-elements/checkpoint.js +0 -10
  154. package/dist/components/ai-elements/code-block.d.ts +0 -53
  155. package/dist/components/ai-elements/code-block.d.ts.map +0 -1
  156. package/dist/components/ai-elements/code-block.js +0 -239
  157. package/dist/components/ai-elements/commit.d.ts +0 -65
  158. package/dist/components/ai-elements/commit.d.ts.map +0 -1
  159. package/dist/components/ai-elements/commit.js +0 -83
  160. package/dist/components/ai-elements/confirmation.d.ts +0 -50
  161. package/dist/components/ai-elements/confirmation.d.ts.map +0 -1
  162. package/dist/components/ai-elements/confirmation.js +0 -57
  163. package/dist/components/ai-elements/connection.d.ts +0 -6
  164. package/dist/components/ai-elements/connection.d.ts.map +0 -1
  165. package/dist/components/ai-elements/connection.js +0 -10
  166. package/dist/components/ai-elements/context.d.ts +0 -33
  167. package/dist/components/ai-elements/context.d.ts.map +0 -1
  168. package/dist/components/ai-elements/context.js +0 -147
  169. package/dist/components/ai-elements/controls.d.ts +0 -5
  170. package/dist/components/ai-elements/controls.d.ts.map +0 -1
  171. package/dist/components/ai-elements/controls.js +0 -5
  172. package/dist/components/ai-elements/conversation.d.ts +0 -24
  173. package/dist/components/ai-elements/conversation.d.ts.map +0 -1
  174. package/dist/components/ai-elements/conversation.js +0 -41
  175. package/dist/components/ai-elements/edge.d.ts +0 -6
  176. package/dist/components/ai-elements/edge.d.ts.map +0 -1
  177. package/dist/components/ai-elements/edge.js +0 -88
  178. package/dist/components/ai-elements/environment-variables.d.ts +0 -39
  179. package/dist/components/ai-elements/environment-variables.d.ts.map +0 -1
  180. package/dist/components/ai-elements/environment-variables.js +0 -60
  181. package/dist/components/ai-elements/file-tree.d.ts +0 -27
  182. package/dist/components/ai-elements/file-tree.d.ts.map +0 -1
  183. package/dist/components/ai-elements/file-tree.js +0 -73
  184. package/dist/components/ai-elements/image.d.ts +0 -7
  185. package/dist/components/ai-elements/image.d.ts.map +0 -1
  186. package/dist/components/ai-elements/image.js +0 -3
  187. package/dist/components/ai-elements/inline-citation.d.ts +0 -39
  188. package/dist/components/ai-elements/inline-citation.d.ts.map +0 -1
  189. package/dist/components/ai-elements/inline-citation.js +0 -86
  190. package/dist/components/ai-elements/jsx-preview.d.ts +0 -30
  191. package/dist/components/ai-elements/jsx-preview.d.ts.map +0 -1
  192. package/dist/components/ai-elements/jsx-preview.js +0 -159
  193. package/dist/components/ai-elements/message.d.ts +0 -38
  194. package/dist/components/ai-elements/message.d.ts.map +0 -1
  195. package/dist/components/ai-elements/message.js +0 -91
  196. package/dist/components/ai-elements/mic-selector.d.ts +0 -46
  197. package/dist/components/ai-elements/mic-selector.d.ts.map +0 -1
  198. package/dist/components/ai-elements/mic-selector.js +0 -180
  199. package/dist/components/ai-elements/model-selector.d.ts +0 -36
  200. package/dist/components/ai-elements/model-selector.d.ts.map +0 -1
  201. package/dist/components/ai-elements/model-selector.js +0 -18
  202. package/dist/components/ai-elements/node.d.ts +0 -22
  203. package/dist/components/ai-elements/node.d.ts.map +0 -1
  204. package/dist/components/ai-elements/node.js +0 -12
  205. package/dist/components/ai-elements/open-in-chat.d.ts +0 -27
  206. package/dist/components/ai-elements/open-in-chat.d.ts.map +0 -1
  207. package/dist/components/ai-elements/open-in-chat.js +0 -81
  208. package/dist/components/ai-elements/package-info.d.ts +0 -30
  209. package/dist/components/ai-elements/package-info.d.ts.map +0 -1
  210. package/dist/components/ai-elements/package-info.js +0 -50
  211. package/dist/components/ai-elements/panel.d.ts +0 -6
  212. package/dist/components/ai-elements/panel.d.ts.map +0 -1
  213. package/dist/components/ai-elements/panel.js +0 -5
  214. package/dist/components/ai-elements/persona.d.ts +0 -49
  215. package/dist/components/ai-elements/persona.d.ts.map +0 -1
  216. package/dist/components/ai-elements/persona.js +0 -175
  217. package/dist/components/ai-elements/plan.d.ts +0 -27
  218. package/dist/components/ai-elements/plan.d.ts.map +0 -1
  219. package/dist/components/ai-elements/plan.js +0 -34
  220. package/dist/components/ai-elements/prompt-input.d.ts +0 -149
  221. package/dist/components/ai-elements/prompt-input.d.ts.map +0 -1
  222. package/dist/components/ai-elements/prompt-input.js +0 -704
  223. package/dist/components/ai-elements/queue.d.ts +0 -62
  224. package/dist/components/ai-elements/queue.d.ts.map +0 -1
  225. package/dist/components/ai-elements/queue.js +0 -24
  226. package/dist/components/ai-elements/reasoning.d.ts +0 -27
  227. package/dist/components/ai-elements/reasoning.d.ts.map +0 -1
  228. package/dist/components/ai-elements/reasoning.js +0 -92
  229. package/dist/components/ai-elements/sandbox.d.ts +0 -25
  230. package/dist/components/ai-elements/sandbox.d.ts.map +0 -1
  231. package/dist/components/ai-elements/sandbox.js +0 -15
  232. package/dist/components/ai-elements/schema-display.d.ts +0 -56
  233. package/dist/components/ai-elements/schema-display.d.ts.map +0 -1
  234. package/dist/components/ai-elements/schema-display.js +0 -90
  235. package/dist/components/ai-elements/shimmer.d.ts +0 -10
  236. package/dist/components/ai-elements/shimmer.d.ts.map +0 -1
  237. package/dist/components/ai-elements/shimmer.js +0 -11
  238. package/dist/components/ai-elements/snippet.d.ts +0 -19
  239. package/dist/components/ai-elements/snippet.d.ts.map +0 -1
  240. package/dist/components/ai-elements/snippet.js +0 -32
  241. package/dist/components/ai-elements/sources.d.ts +0 -13
  242. package/dist/components/ai-elements/sources.d.ts.map +0 -1
  243. package/dist/components/ai-elements/sources.js +0 -9
  244. package/dist/components/ai-elements/speech-input.d.ts +0 -55
  245. package/dist/components/ai-elements/speech-input.d.ts.map +0 -1
  246. package/dist/components/ai-elements/speech-input.js +0 -187
  247. package/dist/components/ai-elements/stack-trace.d.ts +0 -38
  248. package/dist/components/ai-elements/stack-trace.d.ts.map +0 -1
  249. package/dist/components/ai-elements/stack-trace.js +0 -181
  250. package/dist/components/ai-elements/suggestion.d.ts +0 -11
  251. package/dist/components/ai-elements/suggestion.d.ts.map +0 -1
  252. package/dist/components/ai-elements/suggestion.js +0 -13
  253. package/dist/components/ai-elements/task.d.ts +0 -15
  254. package/dist/components/ai-elements/task.d.ts.map +0 -1
  255. package/dist/components/ai-elements/task.js +0 -10
  256. package/dist/components/ai-elements/terminal.d.ts +0 -28
  257. package/dist/components/ai-elements/terminal.d.ts.map +0 -1
  258. package/dist/components/ai-elements/terminal.js +0 -55
  259. package/dist/components/ai-elements/test-results.d.ts +0 -59
  260. package/dist/components/ai-elements/test-results.d.ts.map +0 -1
  261. package/dist/components/ai-elements/test-results.js +0 -98
  262. package/dist/components/ai-elements/tool.d.ts +0 -32
  263. package/dist/components/ai-elements/tool.d.ts.map +0 -1
  264. package/dist/components/ai-elements/tool.js +0 -49
  265. package/dist/components/ai-elements/toolbar.d.ts +0 -6
  266. package/dist/components/ai-elements/toolbar.d.ts.map +0 -1
  267. package/dist/components/ai-elements/toolbar.js +0 -5
  268. package/dist/components/ai-elements/transcription.d.ts +0 -17
  269. package/dist/components/ai-elements/transcription.d.ts.map +0 -1
  270. package/dist/components/ai-elements/transcription.js +0 -36
  271. package/dist/components/ai-elements/voice-selector.d.ts +0 -65
  272. package/dist/components/ai-elements/voice-selector.d.ts.map +0 -1
  273. package/dist/components/ai-elements/voice-selector.js +0 -224
  274. package/dist/components/ai-elements/web-preview.d.ts +0 -35
  275. package/dist/components/ai-elements/web-preview.d.ts.map +0 -1
  276. package/dist/components/ai-elements/web-preview.js +0 -66
  277. package/dist/components/artifact-panel.d.ts +0 -130
  278. package/dist/components/artifact-panel.d.ts.map +0 -1
  279. package/dist/components/artifact-panel.js +0 -180
  280. package/dist/components/attachment.d.ts +0 -24
  281. package/dist/components/attachment.d.ts.map +0 -1
  282. package/dist/components/attachment.js +0 -68
  283. package/dist/components/bubble.d.ts +0 -17
  284. package/dist/components/bubble.d.ts.map +0 -1
  285. package/dist/components/bubble.js +0 -59
  286. package/dist/components/demo-surface.d.ts +0 -34
  287. package/dist/components/demo-surface.d.ts.map +0 -1
  288. package/dist/components/demo-surface.js +0 -21
  289. package/dist/components/files-preview.d.ts +0 -36
  290. package/dist/components/files-preview.d.ts.map +0 -1
  291. package/dist/components/files-preview.js +0 -85
  292. package/dist/components/marker.d.ts +0 -11
  293. package/dist/components/marker.d.ts.map +0 -1
  294. package/dist/components/marker.js +0 -34
  295. package/dist/components/message-scroller.d.ts +0 -17
  296. package/dist/components/message-scroller.d.ts.map +0 -1
  297. package/dist/components/message-scroller.js +0 -29
  298. package/dist/components/message.d.ts +0 -11
  299. package/dist/components/message.d.ts.map +0 -1
  300. package/dist/components/message.js +0 -21
  301. package/dist/components/state-notice.d.ts +0 -13
  302. package/dist/components/state-notice.d.ts.map +0 -1
  303. package/dist/components/state-notice.js +0 -8
  304. package/dist/components/watch-it-work-band.d.ts +0 -12
  305. package/dist/components/watch-it-work-band.d.ts.map +0 -1
  306. package/dist/components/watch-it-work-band.js +0 -8
  307. package/dist/hooks/use-controllable-state.d.ts +0 -9
  308. package/dist/hooks/use-controllable-state.d.ts.map +0 -1
  309. package/dist/hooks/use-controllable-state.js +0 -23
  310. package/dist/lib/agent-attachment.d.ts +0 -11
  311. package/dist/lib/agent-attachment.d.ts.map +0 -1
  312. package/dist/lib/agent-attachment.js +0 -19
  313. package/dist/lib/agent-contracts.d.ts +0 -132
  314. package/dist/lib/agent-contracts.d.ts.map +0 -1
  315. package/dist/lib/agent-contracts.js +0 -6
  316. package/dist/lib/agent-state.d.ts +0 -22
  317. package/dist/lib/agent-state.d.ts.map +0 -1
  318. package/dist/lib/agent-state.js +0 -96
  319. package/dist/lib/agent-work-state.d.ts +0 -36
  320. package/dist/lib/agent-work-state.d.ts.map +0 -1
  321. package/dist/lib/agent-work-state.js +0 -36
  322. package/dist/lib/message-scroller-primitive/components.d.ts +0 -17
  323. package/dist/lib/message-scroller-primitive/components.d.ts.map +0 -1
  324. package/dist/lib/message-scroller-primitive/components.js +0 -204
  325. package/dist/lib/message-scroller-primitive/geometry.d.ts +0 -51
  326. package/dist/lib/message-scroller-primitive/geometry.d.ts.map +0 -1
  327. package/dist/lib/message-scroller-primitive/geometry.js +0 -199
  328. package/dist/lib/message-scroller-primitive/index.d.ts +0 -12
  329. package/dist/lib/message-scroller-primitive/index.d.ts.map +0 -1
  330. package/dist/lib/message-scroller-primitive/index.js +0 -12
  331. package/dist/lib/message-scroller-primitive/stores.d.ts +0 -6
  332. package/dist/lib/message-scroller-primitive/stores.d.ts.map +0 -1
  333. package/dist/lib/message-scroller-primitive/stores.js +0 -53
  334. package/dist/lib/message-scroller-primitive/types.d.ts +0 -88
  335. package/dist/lib/message-scroller-primitive/types.d.ts.map +0 -1
  336. package/dist/lib/message-scroller-primitive/types.js +0 -40
  337. package/dist/lib/message-scroller-primitive/use-message-scroller-commands.d.ts +0 -19
  338. package/dist/lib/message-scroller-primitive/use-message-scroller-commands.d.ts.map +0 -1
  339. package/dist/lib/message-scroller-primitive/use-message-scroller-commands.js +0 -188
  340. package/dist/lib/message-scroller-primitive/use-message-scroller-controller.d.ts +0 -7
  341. package/dist/lib/message-scroller-primitive/use-message-scroller-controller.d.ts.map +0 -1
  342. package/dist/lib/message-scroller-primitive/use-message-scroller-controller.js +0 -506
  343. package/dist/lib/message-scroller-primitive/use-message-scroller-refs.d.ts +0 -49
  344. package/dist/lib/message-scroller-primitive/use-message-scroller-refs.d.ts.map +0 -1
  345. package/dist/lib/message-scroller-primitive/use-message-scroller-refs.js +0 -90
  346. package/dist/lib/message-scroller-primitive/use-render.d.ts +0 -22
  347. package/dist/lib/message-scroller-primitive/use-render.d.ts.map +0 -1
  348. package/dist/lib/message-scroller-primitive/use-render.js +0 -113
  349. package/dist/lib/message-scroller-primitive/utils.d.ts +0 -4
  350. package/dist/lib/message-scroller-primitive/utils.d.ts.map +0 -1
  351. package/dist/lib/message-scroller-primitive/utils.js +0 -9
  352. package/docs/agent-work-surfaces.md +0 -132
  353. package/docs/migration/ai-elements-vendoring.md +0 -29
  354. package/docs/terminal-tui-semantics.md +0 -172
@@ -1 +0,0 @@
1
- {"version":3,"file":"audio-player.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/audio-player.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,IAAI,YAAY,EAAE,MAAM,IAAI,CAAC;AACpE,OAAO,EACL,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,OAAO,CAAC,CAAC;AAErF,eAAO,MAAM,WAAW,GAAI,+BAA+B,gBAAgB,gCAiC1E,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,GACxE,CACI;IACE,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CAC7B,GACD;IACE,GAAG,EAAE,MAAM,CAAC;CACb,CACJ,CAAC;AAEJ,eAAO,MAAM,kBAAkB,GAAI,wBAA6B,uBAAuB,gCAStF,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEhF,eAAO,MAAM,qBAAqB,GAAI,wBAAwB,0BAA0B,gCAIvF,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEhF,eAAO,MAAM,qBAAqB,GAAI,yBAAyB,0BAA0B,gCAaxF,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,cAAc,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEhG,eAAO,MAAM,6BAA6B,GAAI,0BAG3C,kCAAkC,gCAapC,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAE9F,eAAO,MAAM,4BAA4B,GAAI,0BAG1C,iCAAiC,gCAanC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAElF,eAAO,MAAM,sBAAsB,GAAI,yBAAyB,2BAA2B,gCAW1F,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAE9E,eAAO,MAAM,oBAAoB,GAAI,yBAAyB,yBAAyB,gCAWtF,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE1F,eAAO,MAAM,0BAA0B,GAAI,yBAGxC,+BAA+B,gCAWjC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEhF,eAAO,MAAM,qBAAqB,GAAI,yBAAyB,0BAA0B,gCAWxF,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAElF,eAAO,MAAM,sBAAsB,GAAI,yBAAyB,2BAA2B,gCAW1F,CAAC"}
@@ -1,41 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Button } from "../button.js";
4
- import { ButtonGroup, ButtonGroupText } from "../button-group.js";
5
- import { cn } from "../../lib/utils.js";
6
- import { MediaControlBar, MediaController, MediaDurationDisplay, MediaMuteButton, MediaPlayButton, MediaSeekBackwardButton, MediaSeekForwardButton, MediaTimeDisplay, MediaTimeRange, MediaVolumeRange, } from "media-chrome/react";
7
- export const AudioPlayer = ({ children, style, ...props }) => (_jsx(MediaController, { audio: true, "data-slot": "audio-player", style: {
8
- "--media-background-color": "transparent",
9
- "--media-button-icon-height": "1rem",
10
- "--media-button-icon-width": "1rem",
11
- "--media-control-background": "transparent",
12
- "--media-control-hover-background": "var(--color-accent)",
13
- "--media-control-padding": "0",
14
- "--media-font": "var(--font-sans)",
15
- "--media-font-size": "10px",
16
- "--media-icon-color": "currentColor",
17
- "--media-preview-time-background": "var(--color-background)",
18
- "--media-preview-time-border-radius": "var(--radius-md)",
19
- "--media-preview-time-text-shadow": "none",
20
- "--media-primary-color": "var(--color-primary)",
21
- "--media-range-bar-color": "var(--color-primary)",
22
- "--media-range-track-background": "var(--color-secondary)",
23
- "--media-secondary-color": "var(--color-secondary)",
24
- "--media-text-color": "var(--color-foreground)",
25
- "--media-tooltip-arrow-display": "none",
26
- "--media-tooltip-background": "var(--color-background)",
27
- "--media-tooltip-border-radius": "var(--radius-md)",
28
- ...style,
29
- }, ...props, children: children }));
30
- export const AudioPlayerElement = ({ tabIndex = -1, ...props }) => (
31
- // oxlint-disable-next-line eslint-plugin-jsx-a11y(media-has-caption) -- audio player captions are provided by consumer
32
- _jsx("audio", { "data-slot": "audio-player-element", slot: "media", src: "src" in props ? props.src : `data:${props.data.mediaType};base64,${props.data.base64}`, tabIndex: tabIndex, ...props }));
33
- export const AudioPlayerControlBar = ({ children, ...props }) => (_jsx(MediaControlBar, { "data-slot": "audio-player-control-bar", ...props, children: _jsx(ButtonGroup, { orientation: "horizontal", children: children }) }));
34
- export const AudioPlayerPlayButton = ({ className, ...props }) => (_jsx(Button, { nativeButton: false, render: _jsx(MediaPlayButton, { className: cn("bg-transparent", className), "data-slot": "audio-player-play-button", ...props }), size: "icon-sm", variant: "outline" }));
35
- export const AudioPlayerSeekBackwardButton = ({ seekOffset = 10, ...props }) => (_jsx(Button, { nativeButton: false, render: _jsx(MediaSeekBackwardButton, { "data-slot": "audio-player-seek-backward-button", seekOffset: seekOffset, ...props }), size: "icon-sm", variant: "outline" }));
36
- export const AudioPlayerSeekForwardButton = ({ seekOffset = 10, ...props }) => (_jsx(Button, { nativeButton: false, render: _jsx(MediaSeekForwardButton, { "data-slot": "audio-player-seek-forward-button", seekOffset: seekOffset, ...props }), size: "icon-sm", variant: "outline" }));
37
- export const AudioPlayerTimeDisplay = ({ className, ...props }) => (_jsx(ButtonGroupText, { className: "bg-transparent", render: _jsx(MediaTimeDisplay, { className: cn("tabular-nums", className), "data-slot": "audio-player-time-display", ...props }) }));
38
- export const AudioPlayerTimeRange = ({ className, ...props }) => (_jsx(ButtonGroupText, { className: "bg-transparent", render: _jsx(MediaTimeRange, { className: cn("", className), "data-slot": "audio-player-time-range", ...props }) }));
39
- export const AudioPlayerDurationDisplay = ({ className, ...props }) => (_jsx(ButtonGroupText, { className: "bg-transparent", render: _jsx(MediaDurationDisplay, { className: cn("tabular-nums", className), "data-slot": "audio-player-duration-display", ...props }) }));
40
- export const AudioPlayerMuteButton = ({ className, ...props }) => (_jsx(ButtonGroupText, { className: "bg-transparent", render: _jsx(MediaMuteButton, { className: cn("", className), "data-slot": "audio-player-mute-button", ...props }) }));
41
- export const AudioPlayerVolumeRange = ({ className, ...props }) => (_jsx(ButtonGroupText, { className: "bg-transparent", render: _jsx(MediaVolumeRange, { className: cn("", className), "data-slot": "audio-player-volume-range", ...props }) }));
@@ -1,8 +0,0 @@
1
- import type { ReactFlowProps } from "@xyflow/react";
2
- import type { ReactNode } from "react";
3
- type CanvasProps = ReactFlowProps & {
4
- children?: ReactNode;
5
- };
6
- export declare const Canvas: ({ children, ...props }: CanvasProps) => import("react").JSX.Element;
7
- export {};
8
- //# sourceMappingURL=canvas.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/canvas.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,WAAW,GAAG,cAAc,GAAG;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,MAAM,GAAI,wBAAwB,WAAW,gCAezD,CAAC"}
@@ -1,5 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Background, ReactFlow, ReactFlowProvider } from "@xyflow/react";
4
- const deleteKeyCode = ["Backspace", "Delete"];
5
- export const Canvas = ({ children, ...props }) => (_jsx(ReactFlowProvider, { children: _jsxs(ReactFlow, { deleteKeyCode: deleteKeyCode, fitView: true, panOnDrag: false, panOnScroll: true, selectionOnDrag: true, zoomOnDoubleClick: false, ...props, children: [_jsx(Background, { bgColor: "var(--sidebar)" }), children] }) }));
@@ -1,30 +0,0 @@
1
- import { Badge } from "../badge";
2
- import { CollapsibleContent, CollapsibleTrigger } from "../collapsible";
3
- import type { LucideIcon } from "lucide-react";
4
- import type { ComponentProps, ReactNode } from "react";
5
- export type ChainOfThoughtProps = ComponentProps<"div"> & {
6
- open?: boolean;
7
- defaultOpen?: boolean;
8
- onOpenChange?: (open: boolean) => void;
9
- };
10
- export declare const ChainOfThought: import("react").MemoExoticComponent<({ className, open, defaultOpen, onOpenChange, children, ...props }: ChainOfThoughtProps) => import("react").JSX.Element>;
11
- export type ChainOfThoughtHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
12
- export declare const ChainOfThoughtHeader: import("react").MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtHeaderProps) => import("react").JSX.Element>;
13
- export type ChainOfThoughtStepProps = ComponentProps<"div"> & {
14
- icon?: LucideIcon;
15
- label: ReactNode;
16
- description?: ReactNode;
17
- status?: "complete" | "active" | "pending";
18
- };
19
- export declare const ChainOfThoughtStep: import("react").MemoExoticComponent<({ className, icon: Icon, label, description, status, children, ...props }: ChainOfThoughtStepProps) => import("react").JSX.Element>;
20
- export type ChainOfThoughtSearchResultsProps = ComponentProps<"div">;
21
- export declare const ChainOfThoughtSearchResults: import("react").MemoExoticComponent<({ className, ...props }: ChainOfThoughtSearchResultsProps) => import("react").JSX.Element>;
22
- export type ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>;
23
- export declare const ChainOfThoughtSearchResult: import("react").MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtSearchResultProps) => import("react").JSX.Element>;
24
- export type ChainOfThoughtContentProps = ComponentProps<typeof CollapsibleContent>;
25
- export declare const ChainOfThoughtContent: import("react").MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtContentProps) => import("react").JSX.Element>;
26
- export type ChainOfThoughtImageProps = ComponentProps<"div"> & {
27
- caption?: string;
28
- };
29
- export declare const ChainOfThoughtImage: import("react").MemoExoticComponent<({ className, children, caption, ...props }: ChainOfThoughtImageProps) => import("react").JSX.Element>;
30
- //# sourceMappingURL=chain-of-thought.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chain-of-thought.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/chain-of-thought.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAe,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAkBvD,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,cAAc,2GAQtB,mBAAmB,iCAiBvB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAElF,eAAO,MAAM,oBAAoB,0EACK,yBAAyB,iCAqB9D,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC5C,CAAC;AAQF,eAAO,MAAM,kBAAkB,kHAS1B,uBAAuB,iCAa3B,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErE,eAAO,MAAM,2BAA2B,gEACZ,gCAAgC,iCAG3D,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE3E,eAAO,MAAM,0BAA0B,0EACD,+BAA+B,iCASpE,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEnF,eAAO,MAAM,qBAAqB,0EACI,0BAA0B,iCAc/D,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mFACe,wBAAwB,iCAQtE,CAAC"}
@@ -1,49 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { useControllableState } from "../../hooks/use-controllable-state.js";
4
- import { Badge } from "../badge.js";
5
- import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../collapsible.js";
6
- import { cn } from "../../lib/utils.js";
7
- import { BrainIcon, ChevronDownIcon, DotIcon } from "lucide-react";
8
- import { createContext, memo, useContext, useMemo } from "react";
9
- const ChainOfThoughtContext = createContext(null);
10
- const useChainOfThought = () => {
11
- const context = useContext(ChainOfThoughtContext);
12
- if (!context) {
13
- throw new Error("ChainOfThought components must be used within ChainOfThought");
14
- }
15
- return context;
16
- };
17
- export const ChainOfThought = memo(({ className, open, defaultOpen = false, onOpenChange, children, ...props }) => {
18
- const [isOpen, setIsOpen] = useControllableState({
19
- defaultProp: defaultOpen,
20
- onChange: onOpenChange,
21
- prop: open,
22
- });
23
- const chainOfThoughtContext = useMemo(() => ({ isOpen, setIsOpen }), [isOpen, setIsOpen]);
24
- return (_jsx(ChainOfThoughtContext.Provider, { value: chainOfThoughtContext, children: _jsx("div", { className: cn("not-prose flex w-full flex-col gap-4", className), ...props, children: children }) }));
25
- });
26
- export const ChainOfThoughtHeader = memo(({ className, children, ...props }) => {
27
- const { isOpen, setIsOpen } = useChainOfThought();
28
- return (_jsx(Collapsible, { onOpenChange: setIsOpen, open: isOpen, children: _jsxs(CollapsibleTrigger, { className: cn("nc-transition-paint flex w-full items-center gap-2 text-muted-foreground text-sm hover:text-foreground", className), ...props, children: [_jsx(BrainIcon, { className: "size-4" }), _jsx("span", { className: "flex-1 text-left", children: children ?? "Chain of Thought" }), _jsx(ChevronDownIcon, { className: cn("nc-transition-transform size-4", isOpen ? "rotate-180" : "rotate-0") })] }) }));
29
- });
30
- const stepStatusStyles = {
31
- active: "text-foreground",
32
- complete: "text-muted-foreground",
33
- pending: "text-muted-foreground/50",
34
- };
35
- export const ChainOfThoughtStep = memo(({ className, icon: Icon = DotIcon, label, description, status = "complete", children, ...props }) => (_jsxs("div", { className: cn("flex gap-2 text-sm", stepStatusStyles[status], className), ...props, children: [_jsxs("div", { className: "relative mt-0.5", children: [_jsx(Icon, { className: "size-4" }), _jsx("div", { className: "absolute top-7 bottom-0 left-1/2 -mx-px w-px bg-border" })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-2 overflow-hidden", children: [_jsx("div", { children: label }), description && _jsx("div", { className: "text-muted-foreground text-xs", children: description }), children] })] })));
36
- export const ChainOfThoughtSearchResults = memo(({ className, ...props }) => (_jsx("div", { className: cn("flex flex-wrap items-center gap-2", className), ...props })));
37
- export const ChainOfThoughtSearchResult = memo(({ className, children, ...props }) => (_jsx(Badge, { className: cn("gap-1 px-2 py-0.5 font-normal text-xs", className), variant: "secondary", ...props, children: children })));
38
- export const ChainOfThoughtContent = memo(({ className, children, ...props }) => {
39
- const { isOpen } = useChainOfThought();
40
- return (_jsx(Collapsible, { open: isOpen, children: _jsx(CollapsibleContent, { className: cn("mt-2 flex flex-col gap-3 text-popover-foreground outline-none", className), ...props, children: children }) }));
41
- });
42
- export const ChainOfThoughtImage = memo(({ className, children, caption, ...props }) => (_jsxs("div", { className: cn("mt-2 flex flex-col gap-2", className), ...props, children: [_jsx("div", { className: "relative flex max-h-[22rem] items-center justify-center overflow-hidden rounded-lg bg-muted p-3", children: children }), caption && _jsx("p", { className: "text-muted-foreground text-xs", children: caption })] })));
43
- ChainOfThought.displayName = "ChainOfThought";
44
- ChainOfThoughtHeader.displayName = "ChainOfThoughtHeader";
45
- ChainOfThoughtStep.displayName = "ChainOfThoughtStep";
46
- ChainOfThoughtSearchResults.displayName = "ChainOfThoughtSearchResults";
47
- ChainOfThoughtSearchResult.displayName = "ChainOfThoughtSearchResult";
48
- ChainOfThoughtContent.displayName = "ChainOfThoughtContent";
49
- ChainOfThoughtImage.displayName = "ChainOfThoughtImage";
@@ -1,12 +0,0 @@
1
- import { Button } from "../button";
2
- import type { LucideProps } from "lucide-react";
3
- import type { ComponentProps, HTMLAttributes } from "react";
4
- export type CheckpointProps = HTMLAttributes<HTMLDivElement>;
5
- export declare const Checkpoint: ({ className, children, ...props }: CheckpointProps) => import("react").JSX.Element;
6
- export type CheckpointIconProps = LucideProps;
7
- export declare const CheckpointIcon: ({ className, children, ...props }: CheckpointIconProps) => string | number | bigint | boolean | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
8
- export type CheckpointTriggerProps = ComponentProps<typeof Button> & {
9
- tooltip?: string;
10
- };
11
- export declare const CheckpointTrigger: ({ children, variant, size, tooltip, ...props }: CheckpointTriggerProps) => import("react").JSX.Element;
12
- //# sourceMappingURL=checkpoint.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkpoint.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/checkpoint.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAI7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE7D,eAAO,MAAM,UAAU,GAAI,mCAAmC,eAAe,gCAQ5E,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC;AAE9C,eAAO,MAAM,cAAc,GAAI,mCAAmC,mBAAmB,6UACC,CAAC;AAEvF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,gDAM/B,sBAAsB,gCAkBtB,CAAC"}
@@ -1,10 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Button } from "../button.js";
4
- import { Separator } from "../separator.js";
5
- import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip.js";
6
- import { cn } from "../../lib/utils.js";
7
- import { BookmarkIcon } from "lucide-react";
8
- export const Checkpoint = ({ className, children, ...props }) => (_jsxs("div", { className: cn("flex items-center gap-0.5 overflow-hidden text-muted-foreground", className), ...props, children: [children, _jsx(Separator, {})] }));
9
- export const CheckpointIcon = ({ className, children, ...props }) => children ?? _jsx(BookmarkIcon, { className: cn("size-4 shrink-0", className), ...props });
10
- export const CheckpointTrigger = ({ children, variant = "ghost", size = "sm", tooltip, ...props }) => tooltip ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: _jsx(Button, { size: size, type: "button", variant: variant, ...props, children: children }) }), _jsx(TooltipContent, { align: "start", side: "bottom", children: tooltip })] })) : (_jsx(Button, { size: size, type: "button", variant: variant, ...props, children: children }));
@@ -1,53 +0,0 @@
1
- import { Button } from "../button";
2
- import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select";
3
- import type { ComponentProps, HTMLAttributes } from "react";
4
- import type { BundledLanguage, ThemedToken } from "shiki";
5
- type CodeThemeToken = ThemedToken & {
6
- darkBgColor?: string;
7
- darkColor?: string;
8
- darkFontStyle?: ThemedToken["fontStyle"];
9
- };
10
- type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
11
- code: string;
12
- language: BundledLanguage;
13
- showLineNumbers?: boolean;
14
- };
15
- interface TokenizedCode {
16
- tokens: CodeThemeToken[][];
17
- fg: string;
18
- bg: string;
19
- darkFg: string;
20
- darkBg: string;
21
- }
22
- export declare const highlightCode: (code: string, language: BundledLanguage, callback?: (result: TokenizedCode) => void) => TokenizedCode | null;
23
- export declare const CodeBlockContainer: ({ className, language, style, ...props }: HTMLAttributes<HTMLDivElement> & {
24
- language: string;
25
- }) => import("react").JSX.Element;
26
- export declare const CodeBlockHeader: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
27
- export declare const CodeBlockTitle: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
28
- export declare const CodeBlockFilename: ({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>) => import("react").JSX.Element;
29
- export declare const CodeBlockActions: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
30
- export declare const CodeBlockContent: ({ code, language, showLineNumbers, }: {
31
- code: string;
32
- language: BundledLanguage;
33
- showLineNumbers?: boolean;
34
- }) => import("react").JSX.Element;
35
- export declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => import("react").JSX.Element;
36
- export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
37
- onCopy?: () => void;
38
- onError?: (error: Error) => void;
39
- timeout?: number;
40
- };
41
- export declare const CodeBlockCopyButton: ({ onCopy, onError, timeout, children, className, ...props }: CodeBlockCopyButtonProps) => import("react").JSX.Element;
42
- export type CodeBlockLanguageSelectorProps = ComponentProps<typeof Select>;
43
- export declare const CodeBlockLanguageSelector: (props: CodeBlockLanguageSelectorProps) => import("react").JSX.Element;
44
- export type CodeBlockLanguageSelectorTriggerProps = ComponentProps<typeof SelectTrigger>;
45
- export declare const CodeBlockLanguageSelectorTrigger: ({ className, ...props }: CodeBlockLanguageSelectorTriggerProps) => import("react").JSX.Element;
46
- export type CodeBlockLanguageSelectorValueProps = ComponentProps<typeof SelectValue>;
47
- export declare const CodeBlockLanguageSelectorValue: (props: CodeBlockLanguageSelectorValueProps) => import("react").JSX.Element;
48
- export type CodeBlockLanguageSelectorContentProps = ComponentProps<typeof SelectContent>;
49
- export declare const CodeBlockLanguageSelectorContent: ({ align, ...props }: CodeBlockLanguageSelectorContentProps) => import("react").JSX.Element;
50
- export type CodeBlockLanguageSelectorItemProps = ComponentProps<typeof SelectItem>;
51
- export declare const CodeBlockLanguageSelectorItem: (props: CodeBlockLanguageSelectorItemProps) => import("react").JSX.Element;
52
- export {};
53
- //# sourceMappingURL=code-block.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/code-block.tsx"],"names":[],"mappings":"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"}
@@ -1,239 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Button } from "../button.js";
4
- import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select.js";
5
- import { cn } from "../../lib/utils.js";
6
- import { useCopyToClipboard } from "../../lib/use-copy-to-clipboard.js";
7
- import { CheckIcon, CopyIcon } from "lucide-react";
8
- import { createContext, memo, useContext, useEffect, useMemo, useState } from "react";
9
- import { createHighlighter } from "shiki";
10
- // Shiki uses bitflags for font styles: 1=italic, 2=bold, 4=underline
11
- // oxlint-disable-next-line eslint(no-bitwise)
12
- const isItalic = (fontStyle) => fontStyle && fontStyle & 1;
13
- // oxlint-disable-next-line eslint(no-bitwise)
14
- const isBold = (fontStyle) => fontStyle && fontStyle & 2;
15
- const isUnderline = (fontStyle) =>
16
- // oxlint-disable-next-line eslint(no-bitwise)
17
- fontStyle && fontStyle & 4;
18
- const addKeysToTokens = (lines) => lines.map((line, lineIdx) => ({
19
- key: `line-${lineIdx}`,
20
- tokens: line.map((token, tokenIdx) => ({
21
- key: `line-${lineIdx}-${tokenIdx}`,
22
- token,
23
- })),
24
- }));
25
- const tokenStyle = (token) => {
26
- const htmlStyle = { ...token.htmlStyle };
27
- delete htmlStyle.background;
28
- delete htmlStyle.backgroundColor;
29
- delete htmlStyle.color;
30
- delete htmlStyle.fontStyle;
31
- delete htmlStyle.fontWeight;
32
- delete htmlStyle.textDecoration;
33
- const darkFontStyle = token.darkFontStyle ?? token.fontStyle;
34
- return {
35
- ...htmlStyle,
36
- "--shiki-code-token-dark-bg": token.darkBgColor ?? token.bgColor,
37
- "--shiki-code-token-dark-color": token.darkColor ?? token.color,
38
- "--shiki-code-token-dark-font-style": isItalic(darkFontStyle) ? "italic" : "normal",
39
- "--shiki-code-token-dark-font-weight": isBold(darkFontStyle) ? "bold" : "normal",
40
- "--shiki-code-token-dark-text-decoration": isUnderline(darkFontStyle) ? "underline" : "none",
41
- "--shiki-code-token-light-bg": token.bgColor,
42
- "--shiki-code-token-light-color": token.color,
43
- "--shiki-code-token-light-font-style": isItalic(token.fontStyle) ? "italic" : "normal",
44
- "--shiki-code-token-light-font-weight": isBold(token.fontStyle) ? "bold" : "normal",
45
- "--shiki-code-token-light-text-decoration": isUnderline(token.fontStyle) ? "underline" : "none",
46
- };
47
- };
48
- // Syntax colors are resolved by the shared UI globals stylesheet so light/dark
49
- // can switch without re-tokenizing. Importing that stylesheet is part of the
50
- // package contract for CodeBlock consumers.
51
- const TokenSpan = ({ token }) => (_jsx("span", { "data-nc-code-token": "", style: tokenStyle(token), children: token.content }));
52
- // Line number styles using CSS counters
53
- const LINE_NUMBER_CLASSES = cn("block", "before:content-[counter(line)]", "before:inline-block", "before:[counter-increment:line]", "before:w-8", "before:mr-4", "before:text-right", "before:text-muted-foreground/50", "before:font-mono", "before:select-none");
54
- // Line rendering component
55
- const LineSpan = ({ keyedLine, showLineNumbers, }) => (_jsx("span", { className: showLineNumbers ? LINE_NUMBER_CLASSES : "block", children: keyedLine.tokens.length === 0
56
- ? "\n"
57
- : keyedLine.tokens.map(({ token, key }) => _jsx(TokenSpan, { token: token }, key)) }));
58
- // Context
59
- const CodeBlockContext = createContext({
60
- code: "",
61
- });
62
- // Highlighter cache (singleton per language)
63
- const highlighterCache = new Map();
64
- // Token cache
65
- const tokensCache = new Map();
66
- // Subscribers for async token updates
67
- const subscribers = new Map();
68
- const getTokensCacheKey = (code, language) => {
69
- const start = code.slice(0, 100);
70
- const end = code.length > 100 ? code.slice(-100) : "";
71
- return `${language}:${code.length}:${start}:${end}`;
72
- };
73
- const getHighlighter = (language) => {
74
- const cached = highlighterCache.get(language);
75
- if (cached) {
76
- return cached;
77
- }
78
- const highlighterPromise = createHighlighter({
79
- langs: [language],
80
- themes: ["github-light", "github-dark"],
81
- });
82
- highlighterCache.set(language, highlighterPromise);
83
- return highlighterPromise;
84
- };
85
- const tokenFromThemeVariants = (token) => {
86
- const light = token.variants.light ?? {};
87
- const dark = token.variants.dark ?? light;
88
- return {
89
- bgColor: light.bgColor,
90
- color: light.color,
91
- content: token.content,
92
- darkBgColor: dark.bgColor,
93
- darkColor: dark.color,
94
- darkFontStyle: dark.fontStyle,
95
- fontStyle: light.fontStyle,
96
- htmlStyle: light.htmlStyle,
97
- offset: token.offset,
98
- };
99
- };
100
- // Create raw tokens for immediate display while highlighting loads
101
- const createRawTokens = (code) => ({
102
- bg: "transparent",
103
- darkBg: "transparent",
104
- darkFg: "inherit",
105
- fg: "inherit",
106
- tokens: code.split("\n").map((line) => line === ""
107
- ? []
108
- : [
109
- {
110
- color: "inherit",
111
- content: line,
112
- darkColor: "inherit",
113
- darkFontStyle: undefined,
114
- },
115
- ]),
116
- });
117
- // Synchronous highlight with callback for async results
118
- export const highlightCode = (code, language,
119
- // oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-callbacks)
120
- callback) => {
121
- const tokensCacheKey = getTokensCacheKey(code, language);
122
- // Return cached result if available
123
- const cached = tokensCache.get(tokensCacheKey);
124
- if (cached) {
125
- return cached;
126
- }
127
- // Subscribe callback if provided
128
- if (callback) {
129
- if (!subscribers.has(tokensCacheKey)) {
130
- subscribers.set(tokensCacheKey, new Set());
131
- }
132
- subscribers.get(tokensCacheKey)?.add(callback);
133
- }
134
- // Start highlighting in background - fire-and-forget async pattern
135
- getHighlighter(language)
136
- // oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-then)
137
- .then((highlighter) => {
138
- const availableLangs = highlighter.getLoadedLanguages();
139
- const langToUse = availableLangs.includes(language) ? language : "text";
140
- const tokens = highlighter.codeToTokensWithThemes(code, {
141
- lang: langToUse,
142
- themes: {
143
- dark: "github-dark",
144
- light: "github-light",
145
- },
146
- });
147
- const lightTheme = highlighter.getTheme("github-light");
148
- const darkTheme = highlighter.getTheme("github-dark");
149
- const tokenized = {
150
- bg: lightTheme.bg ?? "transparent",
151
- darkBg: darkTheme.bg ?? "transparent",
152
- darkFg: darkTheme.fg ?? "inherit",
153
- fg: lightTheme.fg ?? "inherit",
154
- tokens: tokens.map((line) => line.map(tokenFromThemeVariants)),
155
- };
156
- // Cache the result
157
- tokensCache.set(tokensCacheKey, tokenized);
158
- // Notify all subscribers
159
- const subs = subscribers.get(tokensCacheKey);
160
- if (subs) {
161
- for (const sub of subs) {
162
- sub(tokenized);
163
- }
164
- subscribers.delete(tokensCacheKey);
165
- }
166
- })
167
- // oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-then), eslint-plugin-promise(prefer-await-to-callbacks)
168
- .catch((error) => {
169
- console.error("Failed to highlight code:", error);
170
- subscribers.delete(tokensCacheKey);
171
- });
172
- return null;
173
- };
174
- const CodeBlockBody = memo(({ tokenized, showLineNumbers, className, }) => {
175
- const preStyle = useMemo(() => ({
176
- "--shiki-code-block-dark-bg": tokenized.darkBg,
177
- "--shiki-code-block-dark-fg": tokenized.darkFg,
178
- "--shiki-code-block-light-bg": tokenized.bg,
179
- "--shiki-code-block-light-fg": tokenized.fg,
180
- }), [tokenized.bg, tokenized.darkBg, tokenized.darkFg, tokenized.fg]);
181
- const keyedLines = useMemo(() => addKeysToTokens(tokenized.tokens), [tokenized.tokens]);
182
- return (_jsx("pre", { className: cn("m-0 p-4 text-sm", className), "data-nc-code-block-body": "", style: preStyle, children: _jsx("code", { className: cn("font-mono text-sm", showLineNumbers && "[counter-increment:line_0] [counter-reset:line]"), children: keyedLines.map((keyedLine) => (_jsx(LineSpan, { keyedLine: keyedLine, showLineNumbers: showLineNumbers }, keyedLine.key))) }) }));
183
- }, (prevProps, nextProps) => prevProps.tokenized === nextProps.tokenized &&
184
- prevProps.showLineNumbers === nextProps.showLineNumbers &&
185
- prevProps.className === nextProps.className);
186
- CodeBlockBody.displayName = "CodeBlockBody";
187
- export const CodeBlockContainer = ({ className, language, style, ...props }) => (_jsx("div", { className: cn("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", className), "data-language": language, style: {
188
- containIntrinsicSize: "auto 200px",
189
- contentVisibility: "auto",
190
- ...style,
191
- }, ...props }));
192
- export const CodeBlockHeader = ({ children, className, ...props }) => (_jsx("div", { className: cn("flex items-center justify-between border-b bg-muted/80 px-3 py-2 text-muted-foreground text-xs", className), ...props, children: children }));
193
- export const CodeBlockTitle = ({ children, className, ...props }) => (_jsx("div", { className: cn("flex items-center gap-2", className), ...props, children: children }));
194
- export const CodeBlockFilename = ({ children, className, ...props }) => (_jsx("span", { className: cn("font-mono", className), ...props, children: children }));
195
- export const CodeBlockActions = ({ children, className, ...props }) => (_jsx("div", { className: cn("-my-1 -mr-1 flex items-center gap-2", className), ...props, children: children }));
196
- export const CodeBlockContent = ({ code, language, showLineNumbers = false, }) => {
197
- // Memoized raw tokens for immediate display
198
- const rawTokens = useMemo(() => createRawTokens(code), [code]);
199
- // Async highlighting result (populated after mount so hydration stays stable)
200
- const [asyncTokens, setAsyncTokens] = useState(null);
201
- useEffect(() => {
202
- let cancelled = false;
203
- setAsyncTokens(null);
204
- const cached = highlightCode(code, language, (result) => {
205
- if (!cancelled) {
206
- setAsyncTokens(result);
207
- }
208
- });
209
- if (cached && !cancelled) {
210
- setAsyncTokens(cached);
211
- }
212
- return () => {
213
- cancelled = true;
214
- };
215
- }, [code, language]);
216
- const tokenized = asyncTokens ?? rawTokens;
217
- return (_jsx("div", { className: "relative overflow-auto", children: _jsx(CodeBlockBody, { showLineNumbers: showLineNumbers, tokenized: tokenized }) }));
218
- };
219
- export const CodeBlock = ({ code, language, showLineNumbers = false, className, children, ...props }) => {
220
- const contextValue = useMemo(() => ({ code }), [code]);
221
- return (_jsx(CodeBlockContext.Provider, { value: contextValue, children: _jsxs(CodeBlockContainer, { className: className, language: language, ...props, children: [children, _jsx(CodeBlockContent, { code: code, language: language, showLineNumbers: showLineNumbers })] }) }));
222
- };
223
- export const CodeBlockCopyButton = ({ onCopy, onError, timeout = 2000, children, className, ...props }) => {
224
- const { code } = useContext(CodeBlockContext);
225
- const { copyToClipboard, isCopied } = useCopyToClipboard({
226
- text: code,
227
- onCopy,
228
- onError,
229
- timeout,
230
- skipWhileCopied: true,
231
- });
232
- const Icon = isCopied ? CheckIcon : CopyIcon;
233
- return (_jsx(Button, { className: cn("shrink-0", className), onClick: copyToClipboard, size: "icon", variant: "ghost", ...props, children: children ?? _jsx(Icon, { size: 14 }) }));
234
- };
235
- export const CodeBlockLanguageSelector = (props) => (_jsx(Select, { ...props }));
236
- export const CodeBlockLanguageSelectorTrigger = ({ className, ...props }) => (_jsx(SelectTrigger, { className: cn("h-7 border-none bg-transparent px-2 text-xs shadow-none", className), size: "sm", ...props }));
237
- export const CodeBlockLanguageSelectorValue = (props) => (_jsx(SelectValue, { ...props }));
238
- export const CodeBlockLanguageSelectorContent = ({ align = "end", ...props }) => _jsx(SelectContent, { align: align, ...props });
239
- export const CodeBlockLanguageSelectorItem = (props) => (_jsx(SelectItem, { ...props }));
@@ -1,65 +0,0 @@
1
- import { Avatar } from "../avatar";
2
- import { Button } from "../button";
3
- import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../collapsible";
4
- import { FileIcon } from "lucide-react";
5
- import type { ComponentProps, HTMLAttributes } from "react";
6
- export type CommitProps = ComponentProps<typeof Collapsible>;
7
- export declare const Commit: ({ className, children, ...props }: CommitProps) => import("react").JSX.Element;
8
- export type CommitHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
9
- export declare const CommitHeader: ({ className, children, ...props }: CommitHeaderProps) => import("react").JSX.Element;
10
- export type CommitHashProps = HTMLAttributes<HTMLSpanElement>;
11
- export declare const CommitHash: ({ className, children, ...props }: CommitHashProps) => import("react").JSX.Element;
12
- export type CommitMessageProps = HTMLAttributes<HTMLSpanElement>;
13
- export declare const CommitMessage: ({ className, children, ...props }: CommitMessageProps) => import("react").JSX.Element;
14
- export type CommitMetadataProps = HTMLAttributes<HTMLDivElement>;
15
- export declare const CommitMetadata: ({ className, children, ...props }: CommitMetadataProps) => import("react").JSX.Element;
16
- export type CommitSeparatorProps = HTMLAttributes<HTMLSpanElement>;
17
- export declare const CommitSeparator: ({ className, children, ...props }: CommitSeparatorProps) => import("react").JSX.Element;
18
- export type CommitInfoProps = HTMLAttributes<HTMLDivElement>;
19
- export declare const CommitInfo: ({ className, children, ...props }: CommitInfoProps) => import("react").JSX.Element;
20
- export type CommitAuthorProps = HTMLAttributes<HTMLDivElement>;
21
- export declare const CommitAuthor: ({ className, children, ...props }: CommitAuthorProps) => import("react").JSX.Element;
22
- export type CommitAuthorAvatarProps = ComponentProps<typeof Avatar> & {
23
- initials: string;
24
- };
25
- export declare const CommitAuthorAvatar: ({ initials, className, ...props }: CommitAuthorAvatarProps) => import("react").JSX.Element;
26
- export type CommitTimestampProps = HTMLAttributes<HTMLTimeElement> & {
27
- date: Date;
28
- };
29
- export declare const CommitTimestamp: ({ date, className, children, ...props }: CommitTimestampProps) => import("react").JSX.Element;
30
- export type CommitActionsProps = HTMLAttributes<HTMLDivElement>;
31
- export declare const CommitActions: ({ className, children, ...props }: CommitActionsProps) => import("react").JSX.Element;
32
- export type CommitCopyButtonProps = ComponentProps<typeof Button> & {
33
- hash: string;
34
- onCopy?: () => void;
35
- onError?: (error: Error) => void;
36
- timeout?: number;
37
- };
38
- export declare const CommitCopyButton: ({ hash, onCopy, onError, timeout, children, className, ...props }: CommitCopyButtonProps) => import("react").JSX.Element;
39
- export type CommitContentProps = ComponentProps<typeof CollapsibleContent>;
40
- export declare const CommitContent: ({ className, children, ...props }: CommitContentProps) => import("react").JSX.Element;
41
- export type CommitFilesProps = HTMLAttributes<HTMLDivElement>;
42
- export declare const CommitFiles: ({ className, children, ...props }: CommitFilesProps) => import("react").JSX.Element;
43
- export type CommitFileProps = HTMLAttributes<HTMLDivElement>;
44
- export declare const CommitFile: ({ className, children, ...props }: CommitFileProps) => import("react").JSX.Element;
45
- export type CommitFileInfoProps = HTMLAttributes<HTMLDivElement>;
46
- export declare const CommitFileInfo: ({ className, children, ...props }: CommitFileInfoProps) => import("react").JSX.Element;
47
- export type CommitFileStatusProps = HTMLAttributes<HTMLSpanElement> & {
48
- status: "added" | "modified" | "deleted" | "renamed";
49
- };
50
- export declare const CommitFileStatus: ({ status, className, children, ...props }: CommitFileStatusProps) => import("react").JSX.Element;
51
- export type CommitFileIconProps = ComponentProps<typeof FileIcon>;
52
- export declare const CommitFileIcon: ({ className, ...props }: CommitFileIconProps) => import("react").JSX.Element;
53
- export type CommitFilePathProps = HTMLAttributes<HTMLSpanElement>;
54
- export declare const CommitFilePath: ({ className, children, ...props }: CommitFilePathProps) => import("react").JSX.Element;
55
- export type CommitFileChangesProps = HTMLAttributes<HTMLDivElement>;
56
- export declare const CommitFileChanges: ({ className, children, ...props }: CommitFileChangesProps) => import("react").JSX.Element;
57
- export type CommitFileAdditionsProps = HTMLAttributes<HTMLSpanElement> & {
58
- count: number;
59
- };
60
- export declare const CommitFileAdditions: ({ count, className, children, ...props }: CommitFileAdditionsProps) => import("react").JSX.Element | null;
61
- export type CommitFileDeletionsProps = HTMLAttributes<HTMLSpanElement> & {
62
- count: number;
63
- };
64
- export declare const CommitFileDeletions: ({ count, className, children, ...props }: CommitFileDeletionsProps) => import("react").JSX.Element | null;
65
- //# sourceMappingURL=commit.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"commit.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/commit.tsx"],"names":[],"mappings":"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"}