@messenger-box/tailwind-ui-inbox 10.0.3-alpha.100

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 (373) hide show
  1. package/CHANGELOG.md +104 -0
  2. package/LICENSE +21 -0
  3. package/jest.config.js +9 -0
  4. package/lib/cdm-locales/en/translations.json +31 -0
  5. package/lib/cdm-locales/es/translations.json +31 -0
  6. package/lib/components/AIAgent/AIAgent.d.ts +21 -0
  7. package/lib/components/AIAgent/AIAgent.d.ts.map +1 -0
  8. package/lib/components/AIAgent/AIAgent.js +904 -0
  9. package/lib/components/AIAgent/AIAgent.js.map +1 -0
  10. package/lib/components/AIAgent/index.d.ts +2 -0
  11. package/lib/components/AIAgent/index.d.ts.map +1 -0
  12. package/lib/components/InboxMessage/CommonMessage.d.ts +8 -0
  13. package/lib/components/InboxMessage/CommonMessage.d.ts.map +1 -0
  14. package/lib/components/InboxMessage/CommonMessage.js +35 -0
  15. package/lib/components/InboxMessage/CommonMessage.js.map +1 -0
  16. package/lib/components/InboxMessage/ConversationItem.d.ts +14 -0
  17. package/lib/components/InboxMessage/ConversationItem.d.ts.map +1 -0
  18. package/lib/components/InboxMessage/ConversationItem.js +200 -0
  19. package/lib/components/InboxMessage/ConversationItem.js.map +1 -0
  20. package/lib/components/InboxMessage/InputComponent.d.ts +12 -0
  21. package/lib/components/InboxMessage/InputComponent.d.ts.map +1 -0
  22. package/lib/components/InboxMessage/InputComponent.js +359 -0
  23. package/lib/components/InboxMessage/InputComponent.js.map +1 -0
  24. package/lib/components/InboxMessage/LeftSidebar.d.ts +20 -0
  25. package/lib/components/InboxMessage/LeftSidebar.d.ts.map +1 -0
  26. package/lib/components/InboxMessage/LeftSidebar.js +102 -0
  27. package/lib/components/InboxMessage/LeftSidebar.js.map +1 -0
  28. package/lib/components/InboxMessage/MessageInput.d.ts +9 -0
  29. package/lib/components/InboxMessage/MessageInput.d.ts.map +1 -0
  30. package/lib/components/InboxMessage/MessageInput.js +154 -0
  31. package/lib/components/InboxMessage/MessageInput.js.map +1 -0
  32. package/lib/components/InboxMessage/MessageInputComponent.d.ts +9 -0
  33. package/lib/components/InboxMessage/MessageInputComponent.d.ts.map +1 -0
  34. package/lib/components/InboxMessage/Messages.d.ts +17 -0
  35. package/lib/components/InboxMessage/Messages.d.ts.map +1 -0
  36. package/lib/components/InboxMessage/Messages.js +99 -0
  37. package/lib/components/InboxMessage/Messages.js.map +1 -0
  38. package/lib/components/InboxMessage/MessagesBuilderUi.d.ts +17 -0
  39. package/lib/components/InboxMessage/MessagesBuilderUi.d.ts.map +1 -0
  40. package/lib/components/InboxMessage/Popover.d.ts +3 -0
  41. package/lib/components/InboxMessage/Popover.d.ts.map +1 -0
  42. package/lib/components/InboxMessage/Popover.js +31 -0
  43. package/lib/components/InboxMessage/Popover.js.map +1 -0
  44. package/lib/components/InboxMessage/RightSidebar.d.ts +9 -0
  45. package/lib/components/InboxMessage/RightSidebar.d.ts.map +1 -0
  46. package/lib/components/InboxMessage/RightSidebar.js +9 -0
  47. package/lib/components/InboxMessage/RightSidebar.js.map +1 -0
  48. package/lib/components/InboxMessage/RightSidebarAi.d.ts +23 -0
  49. package/lib/components/InboxMessage/RightSidebarAi.d.ts.map +1 -0
  50. package/lib/components/InboxMessage/RightSidebarAi.js +9 -0
  51. package/lib/components/InboxMessage/RightSidebarAi.js.map +1 -0
  52. package/lib/components/InboxMessage/ServiceConversationItem.d.ts +12 -0
  53. package/lib/components/InboxMessage/ServiceConversationItem.d.ts.map +1 -0
  54. package/lib/components/InboxMessage/ServiceConversationItem.js +185 -0
  55. package/lib/components/InboxMessage/ServiceConversationItem.js.map +1 -0
  56. package/lib/components/InboxMessage/ServiceInboxItem.d.ts +12 -0
  57. package/lib/components/InboxMessage/ServiceInboxItem.d.ts.map +1 -0
  58. package/lib/components/InboxMessage/ServiceInboxItem.js +182 -0
  59. package/lib/components/InboxMessage/ServiceInboxItem.js.map +1 -0
  60. package/lib/components/InboxMessage/SubscriptionHandler.d.ts +19 -0
  61. package/lib/components/InboxMessage/SubscriptionHandler.d.ts.map +1 -0
  62. package/lib/components/InboxMessage/SubscriptionHandler.js +41 -0
  63. package/lib/components/InboxMessage/SubscriptionHandler.js.map +1 -0
  64. package/lib/components/InboxMessage/UploadImageButton.d.ts +7 -0
  65. package/lib/components/InboxMessage/UploadImageButton.d.ts.map +1 -0
  66. package/lib/components/InboxMessage/UploadImageButton.js +34 -0
  67. package/lib/components/InboxMessage/UploadImageButton.js.map +1 -0
  68. package/lib/components/InboxMessage/UserModalContent.d.ts +3 -0
  69. package/lib/components/InboxMessage/UserModalContent.d.ts.map +1 -0
  70. package/lib/components/InboxMessage/UserModalContent.js +60 -0
  71. package/lib/components/InboxMessage/UserModalContent.js.map +1 -0
  72. package/lib/components/InboxMessage/index.d.ts +17 -0
  73. package/lib/components/InboxMessage/index.d.ts.map +1 -0
  74. package/lib/components/InboxMessage/message-widgets/CommonMessage.d.ts +11 -0
  75. package/lib/components/InboxMessage/message-widgets/CommonMessage.d.ts.map +1 -0
  76. package/lib/components/InboxMessage/message-widgets/CommonMessage.js +44 -0
  77. package/lib/components/InboxMessage/message-widgets/CommonMessage.js.map +1 -0
  78. package/lib/components/InboxMessage/message-widgets/ErrorFixCard.d.ts +11 -0
  79. package/lib/components/InboxMessage/message-widgets/ErrorFixCard.d.ts.map +1 -0
  80. package/lib/components/InboxMessage/message-widgets/ErrorFixCard.js +194 -0
  81. package/lib/components/InboxMessage/message-widgets/ErrorFixCard.js.map +1 -0
  82. package/lib/components/InboxMessage/message-widgets/MessageCard.d.ts +8 -0
  83. package/lib/components/InboxMessage/message-widgets/MessageCard.d.ts.map +1 -0
  84. package/lib/components/InboxMessage/message-widgets/MessageSliceRenderer.d.ts +12 -0
  85. package/lib/components/InboxMessage/message-widgets/MessageSliceRenderer.d.ts.map +1 -0
  86. package/lib/components/InboxMessage/message-widgets/MessageSliceRenderer.js +37 -0
  87. package/lib/components/InboxMessage/message-widgets/MessageSliceRenderer.js.map +1 -0
  88. package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.d.ts +18 -0
  89. package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.d.ts.map +1 -0
  90. package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.js +1082 -0
  91. package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.js.map +1 -0
  92. package/lib/components/InboxMessage/message-widgets/PlainMessage.d.ts +8 -0
  93. package/lib/components/InboxMessage/message-widgets/PlainMessage.d.ts.map +1 -0
  94. package/lib/components/InboxMessage/message-widgets/PlainMessage.js +14 -0
  95. package/lib/components/InboxMessage/message-widgets/PlainMessage.js.map +1 -0
  96. package/lib/components/InboxMessage/message-widgets/PropertyMessageWidget.d.ts +9 -0
  97. package/lib/components/InboxMessage/message-widgets/PropertyMessageWidget.d.ts.map +1 -0
  98. package/lib/components/InboxMessage/message-widgets/SlackLikeMessageGroup.d.ts +14 -0
  99. package/lib/components/InboxMessage/message-widgets/SlackLikeMessageGroup.d.ts.map +1 -0
  100. package/lib/components/InboxMessage/message-widgets/SlackLikeMessageGroup.js +333 -0
  101. package/lib/components/InboxMessage/message-widgets/SlackLikeMessageGroup.js.map +1 -0
  102. package/lib/components/InboxMessage/message-widgets/index.d.ts +4 -0
  103. package/lib/components/InboxMessage/message-widgets/index.d.ts.map +1 -0
  104. package/lib/components/ModelConfigPanel.d.ts +37 -0
  105. package/lib/components/ModelConfigPanel.d.ts.map +1 -0
  106. package/lib/components/ModelConfigPanel.js +317 -0
  107. package/lib/components/ModelConfigPanel.js.map +1 -0
  108. package/lib/components/filler-components/RightSiderBar.d.ts +24 -0
  109. package/lib/components/filler-components/RightSiderBar.d.ts.map +1 -0
  110. package/lib/components/filler-components/RightSiderBar.js +335 -0
  111. package/lib/components/filler-components/RightSiderBar.js.map +1 -0
  112. package/lib/components/inbox/FilesList.d.ts +20 -0
  113. package/lib/components/inbox/FilesList.d.ts.map +1 -0
  114. package/lib/components/inbox/FilesList.js +68 -0
  115. package/lib/components/inbox/FilesList.js.map +1 -0
  116. package/lib/components/inbox/MessageItem.d.ts +17 -0
  117. package/lib/components/inbox/MessageItem.d.ts.map +1 -0
  118. package/lib/components/inbox/MessageItem.js +50 -0
  119. package/lib/components/inbox/MessageItem.js.map +1 -0
  120. package/lib/components/inbox/ThreadItem.d.ts +11 -0
  121. package/lib/components/inbox/ThreadItem.d.ts.map +1 -0
  122. package/lib/components/inbox/ThreadItem.js +147 -0
  123. package/lib/components/inbox/ThreadItem.js.map +1 -0
  124. package/lib/components/inbox/index.d.ts +4 -0
  125. package/lib/components/inbox/index.d.ts.map +1 -0
  126. package/lib/components/index.d.ts +7 -0
  127. package/lib/components/index.d.ts.map +1 -0
  128. package/lib/components/live-code-editor/hybrid-live-editor.d.ts +20 -0
  129. package/lib/components/live-code-editor/hybrid-live-editor.d.ts.map +1 -0
  130. package/lib/components/live-code-editor/hybrid-live-editor.js +68 -0
  131. package/lib/components/live-code-editor/hybrid-live-editor.js.map +1 -0
  132. package/lib/components/live-code-editor/index.d.ts +4 -0
  133. package/lib/components/live-code-editor/index.d.ts.map +1 -0
  134. package/lib/components/live-code-editor/live-code-editor.d.ts +14 -0
  135. package/lib/components/live-code-editor/live-code-editor.d.ts.map +1 -0
  136. package/lib/components/live-code-editor/live-code-editor.js +207 -0
  137. package/lib/components/live-code-editor/live-code-editor.js.map +1 -0
  138. package/lib/components/slot-fill/chat-message-filler.d.ts +4 -0
  139. package/lib/components/slot-fill/chat-message-filler.d.ts.map +1 -0
  140. package/lib/components/slot-fill/chat-message-filler.js +5 -0
  141. package/lib/components/slot-fill/chat-message-filler.js.map +1 -0
  142. package/lib/components/slot-fill/chat-message-slot.d.ts +11 -0
  143. package/lib/components/slot-fill/chat-message-slot.d.ts.map +1 -0
  144. package/lib/components/slot-fill/chat-message-slot.js +6 -0
  145. package/lib/components/slot-fill/chat-message-slot.js.map +1 -0
  146. package/lib/components/slot-fill/index.d.ts +4 -0
  147. package/lib/components/slot-fill/index.d.ts.map +1 -0
  148. package/lib/components/slot-fill/right-sidebar-filler.d.ts +4 -0
  149. package/lib/components/slot-fill/right-sidebar-filler.d.ts.map +1 -0
  150. package/lib/components/slot-fill/right-sidebar-filler.js +13 -0
  151. package/lib/components/slot-fill/right-sidebar-filler.js.map +1 -0
  152. package/lib/components/ui/button.d.ts +9 -0
  153. package/lib/components/ui/button.d.ts.map +1 -0
  154. package/lib/compute.d.ts +8 -0
  155. package/lib/compute.d.ts.map +1 -0
  156. package/lib/compute.js +137 -0
  157. package/lib/compute.js.map +1 -0
  158. package/lib/config/env-config.d.ts +13 -0
  159. package/lib/config/env-config.d.ts.map +1 -0
  160. package/lib/config/env-config.js +34 -0
  161. package/lib/config/env-config.js.map +1 -0
  162. package/lib/config/index.d.ts +2 -0
  163. package/lib/config/index.d.ts.map +1 -0
  164. package/lib/constants/breakpoints.d.ts +8 -0
  165. package/lib/constants/breakpoints.d.ts.map +1 -0
  166. package/lib/constants/index.d.ts +3 -0
  167. package/lib/constants/index.d.ts.map +1 -0
  168. package/lib/container/AiInbox.d.ts +15 -0
  169. package/lib/container/AiInbox.d.ts.map +1 -0
  170. package/lib/container/AiInboxWithLoader.d.ts +36 -0
  171. package/lib/container/AiInboxWithLoader.d.ts.map +1 -0
  172. package/lib/container/AiLandingInput.d.ts +4 -0
  173. package/lib/container/AiLandingInput.d.ts.map +1 -0
  174. package/lib/container/AiLandingInput.js +101 -0
  175. package/lib/container/AiLandingInput.js.map +1 -0
  176. package/lib/container/Inbox.d.ts +15 -0
  177. package/lib/container/Inbox.d.ts.map +1 -0
  178. package/lib/container/Inbox.js +955 -0
  179. package/lib/container/Inbox.js.map +1 -0
  180. package/lib/container/InboxAiMessagesLoader.d.ts +15 -0
  181. package/lib/container/InboxAiMessagesLoader.d.ts.map +1 -0
  182. package/lib/container/InboxAiMessagesLoader.js +30 -0
  183. package/lib/container/InboxAiMessagesLoader.js.map +1 -0
  184. package/lib/container/InboxContainer.d.ts +12 -0
  185. package/lib/container/InboxContainer.d.ts.map +1 -0
  186. package/lib/container/InboxContainer.js +31 -0
  187. package/lib/container/InboxContainer.js.map +1 -0
  188. package/lib/container/InboxTemplate1.d.ts +15 -0
  189. package/lib/container/InboxTemplate1.d.ts.map +1 -0
  190. package/lib/container/InboxTemplate1WithLoader.d.ts +36 -0
  191. package/lib/container/InboxTemplate1WithLoader.d.ts.map +1 -0
  192. package/lib/container/InboxTemplate2.d.ts +15 -0
  193. package/lib/container/InboxTemplate2.d.ts.map +1 -0
  194. package/lib/container/InboxWithAiLoader.d.ts +15 -0
  195. package/lib/container/InboxWithAiLoader.d.ts.map +1 -0
  196. package/lib/container/InboxWithAiLoader.js +56 -0
  197. package/lib/container/InboxWithAiLoader.js.map +1 -0
  198. package/lib/container/InboxWithLoader.d.ts +36 -0
  199. package/lib/container/InboxWithLoader.d.ts.map +1 -0
  200. package/lib/container/InboxWithLoader.js +277 -0
  201. package/lib/container/InboxWithLoader.js.map +1 -0
  202. package/lib/container/ServiceInbox.d.ts +9 -0
  203. package/lib/container/ServiceInbox.d.ts.map +1 -0
  204. package/lib/container/ServiceInbox.js +144 -0
  205. package/lib/container/ServiceInbox.js.map +1 -0
  206. package/lib/container/ThreadMessages.d.ts +13 -0
  207. package/lib/container/ThreadMessages.d.ts.map +1 -0
  208. package/lib/container/ThreadMessages.js +314 -0
  209. package/lib/container/ThreadMessages.js.map +1 -0
  210. package/lib/container/ThreadMessagesInbox.d.ts +14 -0
  211. package/lib/container/ThreadMessagesInbox.d.ts.map +1 -0
  212. package/lib/container/ThreadMessagesInbox.js +341 -0
  213. package/lib/container/ThreadMessagesInbox.js.map +1 -0
  214. package/lib/container/Threads.d.ts +8 -0
  215. package/lib/container/Threads.d.ts.map +1 -0
  216. package/lib/container/Threads.js +231 -0
  217. package/lib/container/Threads.js.map +1 -0
  218. package/lib/container/ThreadsInbox.d.ts +21 -0
  219. package/lib/container/ThreadsInbox.d.ts.map +1 -0
  220. package/lib/container/ThreadsInbox.js +244 -0
  221. package/lib/container/ThreadsInbox.js.map +1 -0
  222. package/lib/container/apply-footer-styles.d.ts +2 -0
  223. package/lib/container/apply-footer-styles.d.ts.map +1 -0
  224. package/lib/container/apply-footer-styles.js +16 -0
  225. package/lib/container/apply-footer-styles.js.map +1 -0
  226. package/lib/container/index.d.ts +13 -0
  227. package/lib/container/index.d.ts.map +1 -0
  228. package/lib/enums/index.d.ts +2 -0
  229. package/lib/enums/index.d.ts.map +1 -0
  230. package/lib/enums/messenger-slot-fill-name-enum.d.ts +5 -0
  231. package/lib/enums/messenger-slot-fill-name-enum.d.ts.map +1 -0
  232. package/lib/enums/messenger-slot-fill-name-enum.js +5 -0
  233. package/lib/enums/messenger-slot-fill-name-enum.js.map +1 -0
  234. package/lib/hooks/index.d.ts +3 -0
  235. package/lib/hooks/index.d.ts.map +1 -0
  236. package/lib/hooks/use-file-sync.d.ts +16 -0
  237. package/lib/hooks/use-file-sync.d.ts.map +1 -0
  238. package/lib/hooks/use-file-sync.js +63 -0
  239. package/lib/hooks/use-file-sync.js.map +1 -0
  240. package/lib/hooks/usePersistentModelConfig.d.ts +15 -0
  241. package/lib/hooks/usePersistentModelConfig.d.ts.map +1 -0
  242. package/lib/hooks/usePersistentModelConfig.js +46 -0
  243. package/lib/hooks/usePersistentModelConfig.js.map +1 -0
  244. package/lib/index.d.ts +10 -0
  245. package/lib/index.d.ts.map +1 -0
  246. package/lib/index.js +1 -0
  247. package/lib/index.js.map +1 -0
  248. package/lib/interfaces/index.d.ts +2 -0
  249. package/lib/interfaces/index.d.ts.map +1 -0
  250. package/lib/interfaces/message-widgets.interface.d.ts +21 -0
  251. package/lib/interfaces/message-widgets.interface.d.ts.map +1 -0
  252. package/lib/machines/aiAgentMachine.d.ts +3 -0
  253. package/lib/machines/aiAgentMachine.d.ts.map +1 -0
  254. package/lib/machines/aiAgentMachine.js +1083 -0
  255. package/lib/machines/aiAgentMachine.js.map +1 -0
  256. package/lib/machines/aiAgentMachine.simple.d.ts +3 -0
  257. package/lib/machines/aiAgentMachine.simple.d.ts.map +1 -0
  258. package/lib/machines/aiAgentMachine.simple.js +108 -0
  259. package/lib/machines/aiAgentMachine.simple.js.map +1 -0
  260. package/lib/machines/index.d.ts +3 -0
  261. package/lib/machines/index.d.ts.map +1 -0
  262. package/lib/machines/types.d.ts +77 -0
  263. package/lib/machines/types.d.ts.map +1 -0
  264. package/lib/module.d.ts +7 -0
  265. package/lib/module.d.ts.map +1 -0
  266. package/lib/module.js +26 -0
  267. package/lib/module.js.map +1 -0
  268. package/lib/routes.json +98 -0
  269. package/lib/styles/responsive.css +76 -0
  270. package/lib/templates/InboxWithAi.d.ts +15 -0
  271. package/lib/templates/InboxWithAi.d.ts.map +1 -0
  272. package/lib/templates/InboxWithAi.js +440 -0
  273. package/lib/templates/InboxWithAi.js.map +1 -0
  274. package/lib/templates/InboxWithAi.tsx +533 -0
  275. package/lib/templates/index.d.ts +2 -0
  276. package/lib/templates/index.d.ts.map +1 -0
  277. package/lib/templates/index.ts +1 -0
  278. package/lib/utils/utils.d.ts +2 -0
  279. package/lib/utils/utils.d.ts.map +1 -0
  280. package/lib/utils/utils.js +3 -0
  281. package/lib/utils/utils.js.map +1 -0
  282. package/package.json +62 -0
  283. package/rollup.config.mjs +35 -0
  284. package/src/cdm-locales/en/translations.json +31 -0
  285. package/src/cdm-locales/es/translations.json +31 -0
  286. package/src/components/AIAgent/AIAgent.tsx +1103 -0
  287. package/src/components/AIAgent/AIAgent.tsx.bk +1365 -0
  288. package/src/components/AIAgent/README.md +82 -0
  289. package/src/components/AIAgent/index.ts +1 -0
  290. package/src/components/InboxMessage/CommonMessage.tsx +40 -0
  291. package/src/components/InboxMessage/ConversationItem.tsx +255 -0
  292. package/src/components/InboxMessage/InputComponent.tsx +462 -0
  293. package/src/components/InboxMessage/LeftSidebar.tsx +140 -0
  294. package/src/components/InboxMessage/MessageInput.tsx +209 -0
  295. package/src/components/InboxMessage/MessageInputComponent.tsx +245 -0
  296. package/src/components/InboxMessage/Messages.tsx +137 -0
  297. package/src/components/InboxMessage/MessagesBuilderUi.tsx +205 -0
  298. package/src/components/InboxMessage/Popover.tsx +42 -0
  299. package/src/components/InboxMessage/RightSidebar.tsx +22 -0
  300. package/src/components/InboxMessage/RightSidebarAi.tsx +37 -0
  301. package/src/components/InboxMessage/ServiceConversationItem.tsx +234 -0
  302. package/src/components/InboxMessage/ServiceInboxItem.tsx +223 -0
  303. package/src/components/InboxMessage/SubscriptionHandler.tsx +55 -0
  304. package/src/components/InboxMessage/UploadImageButton.tsx +46 -0
  305. package/src/components/InboxMessage/UserModalContent.tsx +60 -0
  306. package/src/components/InboxMessage/index.ts +16 -0
  307. package/src/components/InboxMessage/message-widgets/CommonMessage.tsx +69 -0
  308. package/src/components/InboxMessage/message-widgets/ErrorFixCard.tsx +240 -0
  309. package/src/components/InboxMessage/message-widgets/MessageCard.tsx +127 -0
  310. package/src/components/InboxMessage/message-widgets/MessageSliceRenderer.tsx +40 -0
  311. package/src/components/InboxMessage/message-widgets/ModernMessageGroup.tsx +1295 -0
  312. package/src/components/InboxMessage/message-widgets/PlainMessage.tsx +18 -0
  313. package/src/components/InboxMessage/message-widgets/PropertyMessageWidget.tsx +29 -0
  314. package/src/components/InboxMessage/message-widgets/SlackLikeMessageGroup.tsx +492 -0
  315. package/src/components/InboxMessage/message-widgets/index.ts +3 -0
  316. package/src/components/ModelConfigPanel.tsx +345 -0
  317. package/src/components/filler-components/RightSiderBar.tsx +408 -0
  318. package/src/components/inbox/FilesList.tsx +89 -0
  319. package/src/components/inbox/MessageItem.tsx +50 -0
  320. package/src/components/inbox/ThreadItem.tsx +295 -0
  321. package/src/components/inbox/index.ts +3 -0
  322. package/src/components/index.ts +22 -0
  323. package/src/components/live-code-editor/hybrid-live-editor.tsx +105 -0
  324. package/src/components/live-code-editor/index.ts +3 -0
  325. package/src/components/live-code-editor/live-code-editor.tsx +257 -0
  326. package/src/components/slot-fill/chat-message-filler.tsx +18 -0
  327. package/src/components/slot-fill/chat-message-slot.tsx +18 -0
  328. package/src/components/slot-fill/index.ts +3 -0
  329. package/src/components/slot-fill/right-sidebar-filler.tsx +39 -0
  330. package/src/components/ui/button.tsx +32 -0
  331. package/src/compute.ts +134 -0
  332. package/src/config/env-config.ts +17 -0
  333. package/src/config/index.ts +1 -0
  334. package/src/constants/breakpoints.ts +7 -0
  335. package/src/constants/index.ts +5 -0
  336. package/src/container/AiInbox.tsx +1819 -0
  337. package/src/container/AiInboxWithLoader.tsx +356 -0
  338. package/src/container/AiLandingInput.tsx +221 -0
  339. package/src/container/Inbox.tsx +1092 -0
  340. package/src/container/InboxAiMessagesLoader.tsx +44 -0
  341. package/src/container/InboxContainer.tsx +35 -0
  342. package/src/container/InboxTemplate1.tsx +1542 -0
  343. package/src/container/InboxTemplate1WithLoader.tsx +338 -0
  344. package/src/container/InboxTemplate2.tsx +1606 -0
  345. package/src/container/InboxWithAiLoader.tsx +76 -0
  346. package/src/container/InboxWithLoader.tsx +341 -0
  347. package/src/container/ServiceInbox.tsx +190 -0
  348. package/src/container/ThreadMessages.tsx +371 -0
  349. package/src/container/ThreadMessagesInbox.tsx +450 -0
  350. package/src/container/Threads.tsx +270 -0
  351. package/src/container/ThreadsInbox.tsx +354 -0
  352. package/src/container/apply-footer-styles.ts +17 -0
  353. package/src/container/index.ts +31 -0
  354. package/src/enums/index.ts +1 -0
  355. package/src/enums/messenger-slot-fill-name-enum.ts +4 -0
  356. package/src/hooks/index.ts +2 -0
  357. package/src/hooks/use-file-sync.ts +91 -0
  358. package/src/hooks/usePersistentModelConfig.ts +63 -0
  359. package/src/index.ts +37 -0
  360. package/src/interfaces/index.ts +1 -0
  361. package/src/interfaces/message-widgets.interface.ts +21 -0
  362. package/src/machines/aiAgentMachine.simple.ts +89 -0
  363. package/src/machines/aiAgentMachine.ts +1296 -0
  364. package/src/machines/aiAgentMachine.ts.bk +1296 -0
  365. package/src/machines/index.ts +2 -0
  366. package/src/machines/types.ts +59 -0
  367. package/src/module.tsx +32 -0
  368. package/src/styles/responsive.css +76 -0
  369. package/src/templates/InboxWithAi.tsx +533 -0
  370. package/src/templates/index.ts +1 -0
  371. package/src/utils/utils.ts +3 -0
  372. package/tsconfig.json +14 -0
  373. package/webpack.config.js +92 -0
@@ -0,0 +1,147 @@
1
+ import React__default from'react';import {useTranslation}from'react-i18next';import {isToday,isYesterday,format}from'date-fns';import {startCase}from'lodash-es';import {useLocation}from'@remix-run/react';const createdAtText = value => {
2
+ if (!value) return '';
3
+ let date = new Date(value);
4
+ if (isToday(date)) return 'Today';
5
+ if (isYesterday(date)) return 'Yesterday';
6
+ return format(new Date(value), 'MMM dd, yyyy');
7
+ };
8
+ /**
9
+ * TODO:
10
+ * - Get Reservation info: reservation date, status
11
+ * - Add ability to get property information: name, logo
12
+ */
13
+ const ThreadItemComponent = function DialogsListItem({
14
+ currentUser,
15
+ // users,
16
+ thread,
17
+ onOpen,
18
+ role,
19
+ setData
20
+ //subscribeToNewMessages,
21
+ }) {
22
+ useLocation();
23
+ const {
24
+ t
25
+ } = useTranslation('translations');
26
+ // React.useEffect(() => subscribeToNewMessages(), []);
27
+ const threadPostReply = React__default.useMemo(() => {
28
+ if (!thread?.replies) return null;
29
+ return thread?.replies;
30
+ }, [thread]);
31
+ // const { data: threadCreatedUpdated } = useOnThreadCreatedUpdatedSubscription({
32
+ // variables: {
33
+ // channelId: thread?.channel?.id?.toString(),
34
+ // postParentId: thread?.post?.id?.toString(),
35
+ // },
36
+ // });
37
+ // React.useEffect(() => {
38
+ // if (threadCreatedUpdated?.threadCreatedUpdated?.data) setData(threadCreatedUpdated?.threadCreatedUpdated?.data);
39
+ // }, [threadCreatedUpdated?.threadCreatedUpdated]);
40
+ // const threadPostReply = React.useMemo(() => {
41
+ // if (!thread?.replies) return null;
42
+ // if (threadCreatedUpdated?.threadCreatedUpdated?.data?.replies?.length) {
43
+ // return threadCreatedUpdated?.threadCreatedUpdated?.data?.replies;
44
+ // } else return thread?.replies;
45
+ // }, [thread, threadCreatedUpdated, location?.pathname]);
46
+ // const lastMessage = useMemo(() => {
47
+ // if (!thread) {
48
+ // return null;
49
+ // }
50
+ // const replies = thread?.replies?.filter((p: any) => p?.message !== '') ?? [];
51
+ // if (replies?.length) {
52
+ // return replies[0];
53
+ // // return replies[replies.length - 1];
54
+ // } else {
55
+ // const post = thread?.post ?? null;
56
+ // return post ? post?.post : null;
57
+ // }
58
+ // }, [thread]);
59
+ // const participants: any = React.useMemo(() => {
60
+ // if (!thread?.participants?.length) return null;
61
+ // return thread?.participants?.filter((u: any) => u?.user?.id !== currentUser?.id) ?? [];
62
+ // }, [thread]);
63
+ // const allParticipantsNames: any = React.useMemo(() => {
64
+ // if (!participants?.length) return null;
65
+ // return (
66
+ // participants
67
+ // ?.map((p: any) => {
68
+ // return p?.user?.username ?? '';
69
+ // })
70
+ // ?.join(', ') ?? ''
71
+ // );
72
+ // }, [participants]);
73
+ // if (!threadPostReply || threadPostReply?.length == 0) {
74
+ // return <></>;
75
+ // }
76
+ return React__default.createElement("div", {
77
+ className: "flex-1 py-2 my-2 flex flex-col space-y-4 items-stretch"
78
+ }, React__default.createElement("div", {
79
+ className: "border-b border-gray-200 pb-4"
80
+ }, React__default.createElement("div", {
81
+ className: "flex space-x-6"
82
+ }, React__default.createElement("div", {
83
+ className: "w-full"
84
+ }, React__default.createElement("div", {
85
+ className: "flex flex-col items-start pt-5 pb-5 pl-5 pr-2 space-y-5 shadow-sm p-6 rounded-md bg-white"
86
+ }, !threadPostReply || (threadPostReply?.length == 0 || threadPostReply?.length == 1) && React__default.createElement("div", {
87
+ className: "flex w-full items-start space-x-4"
88
+ }, React__default.createElement("div", null, React__default.createElement("img", {
89
+ className: "w-9 h-9 object-cover rounded",
90
+ src: thread?.post?.author?.picture,
91
+ alt: startCase(thread?.post?.author?.username?.charAt(0))
92
+ })), React__default.createElement("div", {
93
+ className: "leading-3"
94
+ }, React__default.createElement("div", {
95
+ className: "flex-1 flex flex-col space-y-3 items-start"
96
+ }, React__default.createElement("div", {
97
+ className: "flex items-center space-x-2"
98
+ }, React__default.createElement("p", {
99
+ className: "text-lg text-gray-900 font-semibold"
100
+ }, thread?.post?.author?.givenName ?? '', ' ', thread?.post?.author?.familyName ?? ''), React__default.createElement("p", {
101
+ className: "text-sm text-gray-500 font-semibold"
102
+ }, thread?.post ? createdAtText(thread?.post?.createdAt) : '')), React__default.createElement("div", {
103
+ className: "flex flex-col space-y-2"
104
+ }, React__default.createElement("p", {
105
+ className: "text-sm text-gray-500 font-semibold"
106
+ }, thread?.post?.message ? thread?.post?.message.length < 70 ? `${thread?.post?.message}` : `${thread?.post?.message.substring(0, 68)}....` : ''), thread?.post?.files?.data?.length > 0 && thread?.post?.files?.data?.map((f, index) => React__default.createElement("div", {
107
+ key: index
108
+ }, React__default.createElement("img", {
109
+ className: "w-12 h-12 object-cover rounded",
110
+ src: f?.url,
111
+ alt: 'Image'
112
+ })))), threadPostReply?.length == 0 && React__default.createElement("button", {
113
+ onClick: () => onOpen(thread?.channel?.id?.toString(), thread?.post?.id?.toString()),
114
+ className: "py-2 px-4 border border-gray-300 text-gray-700 bg-white hover:bg-gray-50 rounded text-sm font-medium w-36 transition-colors"
115
+ }, t('tailwind_ui_inbox.reply'))))), threadPostReply?.length > 0 && React__default.createElement(React__default.Fragment, null, threadPostReply?.slice(0, 2)?.reverse()?.map((reply, index) => React__default.createElement("div", {
116
+ key: 'thread-post-reply-item-' + index,
117
+ className: "flex w-full items-start space-x-4"
118
+ }, React__default.createElement("div", null, React__default.createElement("img", {
119
+ className: "w-9 h-9 object-cover rounded",
120
+ src: reply?.author?.picture,
121
+ alt: startCase(reply?.author?.username?.charAt(0))
122
+ })), React__default.createElement("div", {
123
+ className: "leading-3"
124
+ }, React__default.createElement("div", {
125
+ className: "flex-1 flex flex-col space-y-3 items-start"
126
+ }, React__default.createElement("div", {
127
+ className: "flex items-center space-x-2"
128
+ }, React__default.createElement("p", {
129
+ className: "text-lg text-gray-900 font-semibold"
130
+ }, reply?.author?.givenName ?? '', ' ', reply?.author?.familyName ?? ''), React__default.createElement("p", {
131
+ className: "text-sm text-gray-500 font-semibold"
132
+ }, reply?.createdAt ? createdAtText(reply?.createdAt) : '')), React__default.createElement("div", {
133
+ className: "flex flex-col space-y-2"
134
+ }, React__default.createElement("p", {
135
+ className: "text-sm text-gray-500 font-semibold"
136
+ }, reply?.message ? reply?.message.length < 70 ? `${reply?.message}` : `${reply?.message.substring(0, 68)}....` : ''), reply?.files?.data?.length > 0 && reply?.files?.data?.map((f, fileIndex) => React__default.createElement("div", {
137
+ key: fileIndex
138
+ }, React__default.createElement("img", {
139
+ className: "w-12 h-12 object-cover rounded",
140
+ src: f?.url,
141
+ alt: 'Image'
142
+ })))), (threadPostReply?.length == 1 || index !== 0) && React__default.createElement("button", {
143
+ onClick: () => onOpen(thread?.channel?.id?.toString(), thread?.post?.id?.toString()),
144
+ className: "py-2 px-4 border border-gray-300 text-gray-700 bg-white hover:bg-gray-50 rounded text-sm font-medium w-36 transition-colors"
145
+ }, t('tailwind_ui_inbox.reply'))))))))))));
146
+ };
147
+ const ThreadItem = React__default.memo(ThreadItemComponent);export{ThreadItem};//# sourceMappingURL=ThreadItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThreadItem.js","sources":["../../../src/components/inbox/ThreadItem.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ export * from './FilesList';
2
+ export * from './MessageItem';
3
+ export * from './ThreadItem';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/inbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}
@@ -0,0 +1,7 @@
1
+ export { MessageItem, FilesList, ThreadItem } from './inbox';
2
+ export { LeftSidebar, RightSidebar, MessageInput, MessageInputComponent, InputComponent, Messages, CommonMessage, MessageSliceRenderer, Popover, ConversationItem, UploadImageButton, UserModalContent, ServiceInboxItem, MessagesBuilderUi, RightSidebarAi, } from './InboxMessage';
3
+ export { ChatMessageFiller, ChatMessageFill2, RightSidebarFillDefault } from './slot-fill';
4
+ export { AIAgent } from './AIAgent';
5
+ export { ModelConfigPanel } from './ModelConfigPanel';
6
+ export { usePersistentModelConfig } from '../hooks/usePersistentModelConfig';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EACH,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,cAAc,EACd,QAAQ,EACR,aAAa,EACb,oBAAoB,EACpB,OAAO,EACP,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC"}
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ interface HybridLiveEditorProps {
3
+ projectId: string;
4
+ fragmentId?: string;
5
+ files?: Record<string, string>;
6
+ className?: string;
7
+ sandboxUrl?: string;
8
+ onCopyToClipboard?: (text: string) => void;
9
+ onFileUpdate?: (filePath: string, content: string) => Promise<void>;
10
+ readOnly?: boolean;
11
+ autoSave?: boolean;
12
+ debounceMs?: number;
13
+ showFileExplorer?: boolean;
14
+ }
15
+ export interface HybridLiveEditorRef {
16
+ openVSCode: () => void;
17
+ }
18
+ export declare const HybridLiveEditor: React.ForwardRefExoticComponent<HybridLiveEditorProps & React.RefAttributes<HybridLiveEditorRef>>;
19
+ export {};
20
+ //# sourceMappingURL=hybrid-live-editor.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hybrid-live-editor.d.ts","sourceRoot":"","sources":["../../../src/components/live-code-editor/hybrid-live-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4E,MAAM,OAAO,CAAC;AAKjG,UAAU,qBAAqB;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAChC,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,mGAiF5B,CAAC"}
@@ -0,0 +1,68 @@
1
+ import React__default,{forwardRef,useCallback,useImperativeHandle}from'react';import {cn}from'../../utils/utils.js';import {LiveCodeEditor}from'./live-code-editor.js';const HybridLiveEditor = forwardRef(({
2
+ projectId,
3
+ fragmentId,
4
+ files = {},
5
+ className,
6
+ sandboxUrl,
7
+ onCopyToClipboard,
8
+ onFileUpdate,
9
+ readOnly = false,
10
+ autoSave = true,
11
+ debounceMs = 500,
12
+ showFileExplorer = true
13
+ }, ref) => {
14
+ const handleOpenVSCodeInTab = useCallback(async () => {
15
+ if (sandboxUrl) {
16
+ try {
17
+ // Start VS Code sync first
18
+ if (projectId && fragmentId) {
19
+ console.log('HybridLiveEditor - Starting VSCode sync for:', {
20
+ projectId,
21
+ fragmentId
22
+ });
23
+ // Note: You'll need to implement the VSCode sync mutation based on your GraphQL setup
24
+ // await startVSCodeSyncMutation({
25
+ // variables: { projectId, fragmentId }
26
+ // });
27
+ console.log('HybridLiveEditor - VSCode sync started successfully');
28
+ }
29
+ const url = new URL(sandboxUrl);
30
+ let codeServerUrl;
31
+ // Handle different URL formats
32
+ if (url.hostname.includes('yarntra.ai')) {
33
+ // Format: https://3000-{sandboxId}.yarntra.ai -> https://8080-{sandboxId}.yarntra.ai
34
+ codeServerUrl = `${url.protocol}//${url.hostname.replace('3000-', '8080-')}${url.pathname}`;
35
+ } else if (url.hostname.includes('e2b.dev')) {
36
+ // Format: https://{sandboxId}.e2b.dev -> https://{sandboxId}-8080.e2b.dev
37
+ codeServerUrl = `${url.protocol}//${url.hostname}-8080${url.pathname}`;
38
+ } else {
39
+ // Fallback: try port-based approach
40
+ const port = url.port || '3000';
41
+ codeServerUrl = sandboxUrl.replace(`:${port}`, ':8080');
42
+ }
43
+ window.open(codeServerUrl, '_blank');
44
+ } catch (err) {
45
+ console.error('Error opening VSCode in new tab:', err);
46
+ }
47
+ }
48
+ }, [sandboxUrl, projectId, fragmentId]);
49
+ // Expose the openVSCode function via ref
50
+ useImperativeHandle(ref, () => ({
51
+ openVSCode: handleOpenVSCodeInTab
52
+ }), [handleOpenVSCodeInTab]);
53
+ // Return Monaco Editor without header/footer, exposing VSCode function
54
+ return React__default.createElement("div", {
55
+ className: cn('flex flex-col h-full w-full', className)
56
+ }, React__default.createElement("div", {
57
+ className: "flex-1 overflow-hidden"
58
+ }, React__default.createElement(LiveCodeEditor, {
59
+ files: files,
60
+ onCopyToClipboard: onCopyToClipboard,
61
+ onFileUpdate: onFileUpdate,
62
+ readOnly: readOnly,
63
+ autoSave: autoSave,
64
+ debounceMs: debounceMs,
65
+ showFileExplorer: showFileExplorer,
66
+ className: "h-full"
67
+ })));
68
+ });export{HybridLiveEditor};//# sourceMappingURL=hybrid-live-editor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hybrid-live-editor.js","sources":["../../../src/components/live-code-editor/hybrid-live-editor.tsx"],"sourcesContent":[null],"names":[],"mappings":"uKAuBO,MAAM,gBAAgB,GAAG,UAAU,CACtC,CACI;AAeA,EAAA;YACQ;AACA,EAAA,KAAA,GAAA,EAAA;;AAEI,EAAA,UAAA;;;;;;AAMI,EAAA,gBAAA,GAAA;;AAGJ,EAAA,MAAA,qBAAY,GAAI,WAAI,CAAA,YAAY;AAChC,IAAA,IAAA,UAAA,EAAI;;;qBAIA,IAAA,UAAA,EAAA;qBACA,CAAA,8CAAgD;qBACnD;;;AAEG;;;;AAGA,UAAA,OAAA,CAAA,GAAA,CAAA,qDAAgC,CAAA;;iBAEnC,GAAA,IAAA,GAAA,CAAA,UAAA,CAAA;AAED,QAAA,IAAA,aAAO;;YACT,GAAA,CAAA,QAAY,CAAC,QAAA,CAAA,YAAA,CAAA,EAAA;AACX;uBACH,GAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,EAAA,EAAA,GAAA,CAAA,QAAA,CAAA,OAAA,CAAA,OAAA,EAAA,OAAA,CAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,CAAA;QACL,CAAC,MAAA,IAAA,GAAA,CAAA,QAAA,CAAA,QAAA,CAAA,SAAA,CAAA,EAAA;;UAGL,aAAA,GAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,EAAA,EAAyC,GAAA,CAAA,QAAA,CAAA,KAAA,EAAA,GAAA,CAAA,QAAA,CAAA,CAAA;AACzC,QAAA,CAAA,MAAA;AAGQ;AACH,UACA,MAAA,IAAA,GAAA,GAAA,CAAA,IAAsB,IACzB,MAAA;UAEF,aAAA,GAAA,UAAA,CAAA,OAAA,CAAA,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA,EAAA,OAAA,CAAA;QACA;QAGQ,MAAA,CAAA,IAAA,CAAA,aAAA,EAAA,QAAK,CAAA;AACD,MAAA,CAAA,CAAA,OAAA,GAAA,EAAA;AAahB,QACF,OAAA,CAAA,KAAA,CAAA,kCAAA,EAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ export { LiveCodeEditor } from './live-code-editor';
2
+ export { HybridLiveEditor } from './hybrid-live-editor';
3
+ export type { HybridLiveEditorRef } from './hybrid-live-editor';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/live-code-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ interface LiveCodeEditorProps {
3
+ files?: Record<string, string>;
4
+ className?: string;
5
+ onCopyToClipboard?: (text: string) => void;
6
+ onFileUpdate?: (filePath: string, content: string) => Promise<void>;
7
+ readOnly?: boolean;
8
+ autoSave?: boolean;
9
+ debounceMs?: number;
10
+ showFileExplorer?: boolean;
11
+ }
12
+ export declare const LiveCodeEditor: React.FC<LiveCodeEditorProps>;
13
+ export {};
14
+ //# sourceMappingURL=live-code-editor.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"live-code-editor.d.ts","sourceRoot":"","sources":["../../../src/components/live-code-editor/live-code-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,UAAU,mBAAmB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AA8CD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkMxD,CAAC"}
@@ -0,0 +1,207 @@
1
+ import React__default,{useState,useRef,useEffect,useCallback}from'react';import {Editor}from'@monaco-editor/react';import {BsFileText}from'@react-icons/all-files/bs/BsFileText.js';// File Explorer Component
2
+ const FileExplorer = ({
3
+ files,
4
+ currentFile,
5
+ onFileSelect
6
+ }) => {
7
+ // Simple file list without folder structure
8
+ const fileList = Object.keys(files);
9
+ return React__default.createElement("div", {
10
+ className: "w-48 bg-gray-50 border-l border-gray-200 flex flex-col"
11
+ }, React__default.createElement("div", {
12
+ className: "p-3 border-b border-gray-200 bg-white"
13
+ }, React__default.createElement("h3", {
14
+ className: "text-sm font-semibold text-gray-700"
15
+ }, "Files")), React__default.createElement("div", {
16
+ className: "flex-1 overflow-y-auto"
17
+ }, fileList.map(filePath => {
18
+ const fileName = filePath.split('/').pop() || filePath;
19
+ const isSelected = currentFile === filePath;
20
+ return React__default.createElement("div", {
21
+ key: filePath,
22
+ className: `flex items-center py-2 px-3 cursor-pointer hover:bg-gray-100 ${isSelected ? 'bg-blue-50 text-blue-600' : 'text-gray-700'}`,
23
+ onClick: () => onFileSelect(filePath)
24
+ }, React__default.createElement(BsFileText, {
25
+ className: "w-4 h-4 mr-2 text-gray-500"
26
+ }), React__default.createElement("span", {
27
+ className: "text-sm"
28
+ }, fileName));
29
+ })));
30
+ };
31
+ const LiveCodeEditor = ({
32
+ files = {},
33
+ className = '',
34
+ onCopyToClipboard,
35
+ onFileUpdate,
36
+ readOnly = false,
37
+ autoSave = true,
38
+ debounceMs = 500,
39
+ showFileExplorer = true
40
+ }) => {
41
+ const [currentFile, setCurrentFile] = useState(Object.keys(files)[0] || '');
42
+ const [fileContent, setFileContent] = useState(files[currentFile] || '');
43
+ const editorRef = useRef(null);
44
+ const timeoutRef = useRef(null);
45
+ // Update file content when files prop changes
46
+ useEffect(() => {
47
+ if (files && Object.keys(files).length > 0) {
48
+ const firstFile = Object.keys(files)[0];
49
+ setCurrentFile(firstFile);
50
+ setFileContent(files[firstFile] || '');
51
+ }
52
+ }, [files]);
53
+ const handleEditorDidMount = useCallback((editor, monaco) => {
54
+ editorRef.current = editor;
55
+ // Configure editor options
56
+ editor.updateOptions({
57
+ readOnly,
58
+ minimap: {
59
+ enabled: false
60
+ },
61
+ scrollBeyondLastLine: false,
62
+ wordWrap: 'on',
63
+ lineNumbers: 'on',
64
+ folding: true,
65
+ lineDecorationsWidth: 0,
66
+ lineNumbersMinChars: 0,
67
+ renderLineHighlight: 'none',
68
+ cursorStyle: 'line',
69
+ cursorWidth: 1,
70
+ fontSize: 14,
71
+ fontFamily: "'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace"
72
+ });
73
+ // Add keyboard shortcuts
74
+ editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyC, () => {
75
+ const selection = editor.getSelection();
76
+ const selectedText = editor.getModel()?.getValueInRange(selection) || '';
77
+ if (selectedText && onCopyToClipboard) {
78
+ onCopyToClipboard(selectedText);
79
+ }
80
+ });
81
+ }, [readOnly, onCopyToClipboard]);
82
+ const handleEditorChange = useCallback(value => {
83
+ if (value !== undefined) {
84
+ setFileContent(value);
85
+ // Debounced auto-save
86
+ if (autoSave && onFileUpdate && currentFile) {
87
+ if (timeoutRef.current) {
88
+ clearTimeout(timeoutRef.current);
89
+ }
90
+ timeoutRef.current = setTimeout(() => {
91
+ onFileUpdate(currentFile, value);
92
+ }, debounceMs);
93
+ }
94
+ }
95
+ }, [autoSave, onFileUpdate, currentFile, debounceMs]);
96
+ const getLanguageFromFileName = fileName => {
97
+ const extension = fileName.split('.').pop()?.toLowerCase();
98
+ const languageMap = {
99
+ js: 'javascript',
100
+ jsx: 'javascript',
101
+ ts: 'typescript',
102
+ tsx: 'typescript',
103
+ py: 'python',
104
+ java: 'java',
105
+ cpp: 'cpp',
106
+ c: 'c',
107
+ cs: 'csharp',
108
+ php: 'php',
109
+ rb: 'ruby',
110
+ go: 'go',
111
+ rs: 'rust',
112
+ html: 'html',
113
+ css: 'css',
114
+ scss: 'scss',
115
+ sass: 'sass',
116
+ less: 'less',
117
+ json: 'json',
118
+ xml: 'xml',
119
+ yaml: 'yaml',
120
+ yml: 'yaml',
121
+ md: 'markdown',
122
+ sql: 'sql',
123
+ sh: 'shell',
124
+ bash: 'shell',
125
+ dockerfile: 'dockerfile'
126
+ };
127
+ return languageMap[extension || ''] || 'plaintext';
128
+ };
129
+ // Cleanup timeout on unmount
130
+ useEffect(() => {
131
+ return () => {
132
+ if (timeoutRef.current) {
133
+ clearTimeout(timeoutRef.current);
134
+ }
135
+ };
136
+ }, []);
137
+ const handleFileSelect = useCallback(filePath => {
138
+ setCurrentFile(filePath);
139
+ setFileContent(files[filePath] || '');
140
+ }, [files]);
141
+ return React__default.createElement("div", {
142
+ className: `flex h-full w-full ${className}`
143
+ }, React__default.createElement("div", {
144
+ className: "flex-1 flex flex-col"
145
+ }, React__default.createElement("div", {
146
+ className: "flex items-center justify-between px-4 py-2 bg-gray-100 border-b border-gray-200"
147
+ }, React__default.createElement("div", {
148
+ className: "flex items-center"
149
+ }, React__default.createElement(BsFileText, {
150
+ className: "w-4 h-4 mr-2 text-gray-500"
151
+ }), React__default.createElement("span", {
152
+ className: "text-sm font-medium text-gray-700"
153
+ }, currentFile.split('/').pop() || currentFile)), React__default.createElement("div", {
154
+ className: "flex items-center space-x-2"
155
+ }, React__default.createElement("button", {
156
+ className: "text-gray-400 hover:text-gray-600"
157
+ }, React__default.createElement("svg", {
158
+ className: "w-4 h-4",
159
+ fill: "none",
160
+ stroke: "currentColor",
161
+ viewBox: "0 0 24 24"
162
+ }, React__default.createElement("path", {
163
+ strokeLinecap: "round",
164
+ strokeLinejoin: "round",
165
+ strokeWidth: 2,
166
+ d: "M6 18L18 6M6 6l12 12"
167
+ }))))), React__default.createElement("div", {
168
+ className: "flex-1",
169
+ style: {
170
+ height: '100%',
171
+ minHeight: '400px'
172
+ }
173
+ }, React__default.createElement(Editor, {
174
+ height: "100%",
175
+ language: getLanguageFromFileName(currentFile),
176
+ value: fileContent,
177
+ onMount: handleEditorDidMount,
178
+ onChange: handleEditorChange,
179
+ options: {
180
+ readOnly,
181
+ minimap: {
182
+ enabled: false
183
+ },
184
+ scrollBeyondLastLine: true,
185
+ wordWrap: 'on',
186
+ lineNumbers: 'on',
187
+ folding: true,
188
+ lineDecorationsWidth: 0,
189
+ lineNumbersMinChars: 0,
190
+ renderLineHighlight: 'none',
191
+ cursorStyle: 'line',
192
+ cursorWidth: 1,
193
+ fontSize: 14,
194
+ fontFamily: "'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace",
195
+ scrollbar: {
196
+ vertical: 'auto',
197
+ horizontal: 'auto',
198
+ verticalScrollbarSize: 8,
199
+ horizontalScrollbarSize: 8
200
+ }
201
+ }
202
+ }))), showFileExplorer && Object.keys(files).length > 0 && React__default.createElement(FileExplorer, {
203
+ files: files,
204
+ currentFile: currentFile,
205
+ onFileSelect: handleFileSelect
206
+ }));
207
+ };export{LiveCodeEditor};//# sourceMappingURL=live-code-editor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"live-code-editor.js","sources":["../../../src/components/live-code-editor/live-code-editor.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ export declare const ChatMessageFill: () => React.JSX.Element;
3
+ export declare const ChatMessageFill2: () => React.JSX.Element;
4
+ //# sourceMappingURL=chat-message-filler.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-message-filler.d.ts","sourceRoot":"","sources":["../../../src/components/slot-fill/chat-message-filler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,eAAe,yBAE3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAS5B,CAAC"}
@@ -0,0 +1,5 @@
1
+ import*as React from'react';import {ChatMessageFiller}from'./chat-message-slot.js';import {MessageSliceRenderer}from'../InboxMessage/message-widgets/MessageSliceRenderer.js';import'date-fns';import'../inbox/FilesList.js';import'../inbox/MessageItem.js';import'../inbox/ThreadItem.js';import'react-markdown';import'remark-gfm';const ChatMessageFill = () => {
2
+ return React.createElement(ChatMessageFiller, null, props => React.createElement(MessageSliceRenderer, {
3
+ ...props
4
+ }));
5
+ };export{ChatMessageFill};//# sourceMappingURL=chat-message-filler.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-message-filler.js","sources":["../../../src/components/slot-fill/chat-message-filler.tsx"],"sourcesContent":[null],"names":[],"mappings":"sUAIO,MAAM,eAAe,GAAG,MAAK;AAChC,EAAA,OAAA,KAAO,CAAA,aAAA,CAAA,iBAAC,EAAiB,IAAA,EAAA,SAAQ,KAAK,CAAA,aAAA,CAAA,oBAAC,EAAA;AAC3C,IAAE,GAAA;AAEF,GAAA,CAAA,CAAA;AACI"}
@@ -0,0 +1,11 @@
1
+ import React, { FunctionComponent } from 'react';
2
+ type ChatMessageProps = {
3
+ index: number;
4
+ message: any;
5
+ onOpen: any;
6
+ currentUser: any;
7
+ };
8
+ export declare const ChatMessageSlot: FunctionComponent<ChatMessageProps>;
9
+ export declare const ChatMessageFiller: (props: any) => React.JSX.Element;
10
+ export {};
11
+ //# sourceMappingURL=chat-message-slot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-message-slot.d.ts","sourceRoot":"","sources":["../../../src/components/slot-fill/chat-message-slot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,KAAK,gBAAgB,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,GAAG,CAAC;IACb,MAAM,EAAE,GAAG,CAAC;IACZ,WAAW,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,CAE/D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,GAAG,sBAE3C,CAAC"}
@@ -0,0 +1,6 @@
1
+ import React__default from'react';import {Fill}from'@common-stack/components-pro';import {MESSAGE_SLOT_FILL_NAME}from'@messenger-box/core';const ChatMessageFiller = props => {
2
+ return React__default.createElement(Fill, {
3
+ ...props,
4
+ name: MESSAGE_SLOT_FILL_NAME
5
+ });
6
+ };export{ChatMessageFiller};//# sourceMappingURL=chat-message-slot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-message-slot.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -0,0 +1,4 @@
1
+ export { ChatMessageFiller } from './chat-message-slot';
2
+ export { ChatMessageFill2 } from './chat-message-filler';
3
+ export { RightSidebarFill as RightSidebarFillDefault } from './right-sidebar-filler';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/slot-fill/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,wBAAwB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ export declare const RightSidebarFiller: (props: any) => React.JSX.Element;
3
+ export declare const RightSidebarFill: () => React.JSX.Element;
4
+ //# sourceMappingURL=right-sidebar-filler.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"right-sidebar-filler.d.ts","sourceRoot":"","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,sBAE5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAQ5B,CAAC"}
@@ -0,0 +1,13 @@
1
+ import*as React from'react';import {Fill}from'@common-stack/components-pro';import {MessengerSlotFillNameEnum}from'../../enums/messenger-slot-fill-name-enum.js';import {RightSidebarFillComponent}from'../filler-components/RightSiderBar.js';const RightSidebarFiller = props => {
2
+ return React.createElement(Fill, {
3
+ ...props,
4
+ name: MessengerSlotFillNameEnum.INBOX_WITH_AI_RIGHT_SIDEBAR
5
+ });
6
+ };
7
+ const RightSidebarFill = () => {
8
+ return React.createElement(RightSidebarFiller, null, props => {
9
+ return React.createElement(RightSidebarFillComponent, {
10
+ ...props
11
+ });
12
+ });
13
+ };export{RightSidebarFill,RightSidebarFiller};//# sourceMappingURL=right-sidebar-filler.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"right-sidebar-filler.js","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"sourcesContent":[null],"names":[],"mappings":"+OA0BO,MAAM,kBAAkB,GAAG,KAAC,IAAY;SAC3C,KAAO,CAAA,aAAA,CAAA,IAAC,EAAI;AAChB,IAAE,GAAA,KAAA;AAEF,IAAA,IAAO,EAAA,yBAA4B,CAAA;AAC/B,GAAA,CAAA;AAGY;AAGV,MAAA,gBAAA,GAAA,MAAA;AACN,EAAE,OAAA,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,EAAA,KAAA,IAAA;;;;;"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
3
+ variant?: 'default' | 'outline' | 'ghost' | 'link';
4
+ size?: 'default' | 'sm' | 'lg';
5
+ children: React.ReactNode;
6
+ }
7
+ export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
8
+ export {};
9
+ //# sourceMappingURL=button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACnD,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,uFAoBlB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import 'reflect-metadata';
2
+ import type { IRouteModule } from '@common-stack/core';
3
+ export declare const messengerPageStore: IRouteModule[] | {
4
+ [key: string]: any;
5
+ };
6
+ declare const filteredRoutes: any;
7
+ export { filteredRoutes };
8
+ //# sourceMappingURL=compute.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,eAAO,MAAM,kBAAkB,EAAE,YAAY,EAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CA+GrE,CAAC;AAaF,QAAA,MAAM,cAAc,KAAwD,CAAC;AAE7E,OAAO,EAAE,cAAc,EAAE,CAAC"}