@messenger-box/tailwind-ui-inbox 10.0.3-alpha.74 → 10.0.3-alpha.78

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 (29) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/lib/components/AIAgent/AIAgent.d.ts.map +1 -1
  3. package/lib/components/AIAgent/AIAgent.js +13 -4
  4. package/lib/components/AIAgent/AIAgent.js.map +1 -1
  5. package/lib/components/InboxMessage/InputComponent.d.ts +4 -1
  6. package/lib/components/InboxMessage/InputComponent.d.ts.map +1 -1
  7. package/lib/components/InboxMessage/InputComponent.js +172 -26
  8. package/lib/components/InboxMessage/InputComponent.js.map +1 -1
  9. package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.d.ts.map +1 -1
  10. package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.js +137 -31
  11. package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.js.map +1 -1
  12. package/lib/components/ModelConfigPanel.d.ts +25 -0
  13. package/lib/components/ModelConfigPanel.d.ts.map +1 -1
  14. package/lib/components/ModelConfigPanel.js +14 -1
  15. package/lib/components/ModelConfigPanel.js.map +1 -1
  16. package/lib/container/AiLandingInput.d.ts.map +1 -1
  17. package/lib/container/AiLandingInput.js +9 -15
  18. package/lib/container/AiLandingInput.js.map +1 -1
  19. package/lib/container/Inbox.js +1 -1
  20. package/lib/container/ServiceInbox.js +1 -1
  21. package/lib/container/ThreadMessages.js +1 -1
  22. package/lib/container/ThreadMessagesInbox.js +1 -1
  23. package/lib/container/Threads.js +1 -1
  24. package/package.json +4 -4
  25. package/src/components/AIAgent/AIAgent.tsx +19 -5
  26. package/src/components/InboxMessage/InputComponent.tsx +241 -43
  27. package/src/components/InboxMessage/message-widgets/ModernMessageGroup.tsx +152 -46
  28. package/src/components/ModelConfigPanel.tsx +13 -2
  29. package/src/container/AiLandingInput.tsx +20 -9
package/src/container/AiLandingInput.tsx CHANGED
@@ -32,25 +32,34 @@ const AiLandingInput: React.FC = () => {
32
32
  <p className="text-gray-500">Describe your idea and I'll help you create it step by step.</p>
33
33
  </div>
34
34
  <div className="mb-0">
35
- <div className="p-3 bg-gray-50 rounded-lg border">
36
- <div className="mb-4">
37
- <h3 className="text-sm font-medium text-gray-900 mb-2">Configuration</h3>
35
+ <div className={` ${!hasApiKey ? 'p-3 bg-gray-50 rounded-lg border' : ''}`}>
36
+ {/* <div className="mb-4">
37
+ <h3 className="text-sm font-medium text-gray-900 mb-2">Configuration</h3>
38
38
  <p className="text-xs text-gray-600 mb-3">
39
39
  Choose your AI model, template, and provide your API key before creating your
40
40
  project.
41
41
  </p>
42
- </div>
43
- <ModelConfigPanel
42
+ </div> */}
43
+ {/* <ModelConfigPanel
44
44
  config={modelConfig}
45
45
  onConfigChange={updateModelConfig}
46
46
  isVisible={showModelConfig}
47
47
  onToggleVisibility={() => setShowModelConfig(!showModelConfig)}
48
48
  showTemplate={true}
49
- />
49
+ /> */}
50
50
  {!hasApiKey && (
51
- <div className="mt-2 text-xs text-amber-600">
52
- ⚠️ Please provide an API key to create a projects
53
- </div>
51
+ <>
52
+ <div className="mb-4">
53
+ {/* <h3 className="text-sm font-medium text-gray-900 mb-2">Configuration</h3> */}
54
+ <p className="text-xs text-gray-600 mb-3">
55
+ Choose your AI model, template, and provide your API key before creating
56
+ your project.
57
+ </p>
58
+ </div>
59
+ <div className="mt-2 text-xs text-amber-600">
60
+ ⚠️ Please provide an API key to create a projects from settings
61
+ </div>
62
+ </>
54
63
  )}
55
64
  </div>
56
65
  </div>
@@ -88,6 +97,8 @@ const AiLandingInput: React.FC = () => {
88
97
  });
89
98
  }}
90
99
  placeholder="Type your message here..."
100
+ modelConfig={modelConfig}
101
+ onModelConfigChange={updateModelConfig}
91
102
  />
92
103
  {/* <div className="mt-2">
93
104
  <div className="grid grid-cols-1 md:grid-cols-3 gap-4">