@messenger-box/tailwind-ui-inbox 10.0.3-alpha.77 → 10.0.3-alpha.80

package/src/components/inbox/ThreadItem.tsx

@@ -129,8 +129,8 @@ const ThreadItemComponent: React.FC<IThreadItemProps> = function DialogsListItem
                                             <div className="flex-1 flex flex-col space-y-3 items-start">
                                                 <div className="flex items-center space-x-2">
                                                     <p className="text-lg text-gray-900 font-semibold">
-                                                        {thread?.post?.author?.givenName ?? '' ?? ''}{' '}
-                                                        {thread?.post?.author?.familyName ?? '' ?? ''}
+                                                        {thread?.post?.author?.givenName ?? ''}{' '}
+                                                        {thread?.post?.author?.familyName ?? ''}
                                                     </p>
                                                     <p className="text-sm text-gray-500 font-semibold">
                                                         {thread?.post ? createdAtText(thread?.post?.createdAt) : ''}
@@ -196,8 +196,8 @@ const ThreadItemComponent: React.FC<IThreadItemProps> = function DialogsListItem
                                                     <div className="flex-1 flex flex-col space-y-3 items-start">
                                                         <div className="flex items-center space-x-2">
                                                             <p className="text-lg text-gray-900 font-semibold">
-                                                                {reply?.author?.givenName ?? '' ?? ''}{' '}
-                                                                {reply?.author?.familyName ?? '' ?? ''}
+                                                                {reply?.author?.givenName ?? ''}{' '}
+                                                                {reply?.author?.familyName ?? ''}
                                                             </p>
                                                             <p className="text-sm text-gray-500 font-semibold">
                                                                 {reply?.createdAt

package/src/container/AiLandingInput.tsx

@@ -32,25 +32,34 @@ const AiLandingInput: React.FC = () => {
                         <p className="text-gray-500">Describe your idea and I'll help you create it step by step.</p>
                     </div>
                     <div className="mb-0">
-                        <div className="p-3 bg-gray-50 rounded-lg border">
-                            <div className="mb-4">
-                                <h3 className="text-sm font-medium text-gray-900 mb-2">Configuration</h3>
+                        <div className={`   ${!hasApiKey ? 'p-3 bg-gray-50 rounded-lg border' : ''}`}>
+                            {/* <div className="mb-4">
+                                <h3 className="text-sm font-medium text-gray-900 mb-2">Configuration</h3> 
                                 <p className="text-xs text-gray-600 mb-3">
                                     Choose your AI model, template, and provide your API key before creating your
                                     project.
                                 </p>
-                            </div>
-                            <ModelConfigPanel
+                            </div> */}
+                            {/* <ModelConfigPanel
                                 config={modelConfig}
                                 onConfigChange={updateModelConfig}
                                 isVisible={showModelConfig}
                                 onToggleVisibility={() => setShowModelConfig(!showModelConfig)}
                                 showTemplate={true}
-                            />
+                            /> */}
                             {!hasApiKey && (
-                                <div className="mt-2 text-xs text-amber-600">
-                                    ⚠️ Please provide an API key to create a projects
-                                </div>
+                                <>
+                                    <div className="mb-4">
+                                        {/* <h3 className="text-sm font-medium text-gray-900 mb-2">Configuration</h3> */}
+                                        <p className="text-xs text-gray-600 mb-3">
+                                            Choose your AI model, template, and provide your API key before creating
+                                            your project.
+                                        </p>
+                                    </div>
+                                    <div className="mt-2 text-xs text-amber-600">
+                                        ⚠️ Please provide an API key to create a projects from settings
+                                    </div>
+                                </>
                             )}
                         </div>
                     </div>
@@ -88,6 +97,8 @@ const AiLandingInput: React.FC = () => {
                             });
                         }}
                         placeholder="Type your message here..."
+                        modelConfig={modelConfig}
+                        onModelConfigChange={updateModelConfig}
                     />
                     {/* <div className="mt-2">
                         <div className="grid grid-cols-1 md:grid-cols-3 gap-4">