Merge pull request #839 from UpstreetAI/builder

UI Updates
UpstreetAI · Jan 3, 2025 · 9dcc16d · 9dcc16d
2 parents 1264abe + 4ae4204
commit 9dcc16d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/apps/chat/app/create/builder.tsx b/apps/chat/app/create/builder.tsx
@@ -912,6 +912,7 @@ export default function AgentEditor({
                                 <p className={featureTextClass}>
                                   {featureSpec.displayName ?? featureSpec.name}
                                 </p>
+                                <p className='absolute bottom-3 right-0 left-0 text-xs'>In development.</p>
                               </div>
                             </div>
                           </div>
@@ -927,7 +928,7 @@ export default function AgentEditor({
               <div className={cn('flex flex-row h-full items-center justify-center', step !== 2 && 'hidden')}>
                 <div className={`flex flex-col w-[400px] h-full`}>
 
-                  <div className='text-lg font-bold flex flex-row items-center justify-center mb-4'><Icon icon="Chat" className='size-5 mr-2' /> <h2>Test Agent</h2></div>
+                  {/* <div className='text-lg font-bold flex flex-row items-center justify-center mb-4'><Icon icon="Chat" className='size-5 mr-2' /> <h2>Test Agent</h2></div> */}
                   <div className='h-full w-full relative'>
                     <Chat
                       room={room}
@@ -947,6 +948,7 @@ export default function AgentEditor({
               <div className={cn('flex flex-col items-center justify-center h-full', step !== 3 && 'hidden')}>
 
                 <Button
+                  size='large'
                   onClick={() => {
                     setDeploying(true);
                     editorForm.current?.dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }));
@@ -977,7 +979,7 @@ export default function AgentEditor({
 
           {/* assistant */}
 
-          <div className={`flex-col relative right-4 bottom-4 h-full w-[300px] bg-white ${isAssistantVisible ? '' : 'hidden'}`}>
+          <div className={`flex-col relative right-4 bottom-4 h-full w-[300px] ${isAssistantVisible ? '' : ''}`}>
             <div className="flex flex-col flex-1 h-[calc(100%-40px)] overflow-scroll px-1 pb-8 pt-6">
               {builderMessages.map((message, index) => (
                 <div key={index} className={cn('flex gap-2 mb-4 px-4')}>

diff --git a/apps/chat/app/create/modal.tsx b/apps/chat/app/create/modal.tsx
@@ -6,7 +6,7 @@ export const Modal = ({ icon, title, description, open, close, children, disable
 
     return (
         <div className="relative z-10" aria-labelledby="modal-title" role="dialog" aria-modal="true">
-            <div className="fixed inset-0 bg-gray-700/75 transition-opacity" aria-hidden="true"></div>
+            <div className="fixed inset-0 bg-gray-700/75 transition-opacity" aria-hidden="true" />
             <div className="fixed inset-0 z-10 w-screen overflow-y-auto">
                 <div className="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" onClick={(e) => e.stopPropagation()}>
                     <div className="relative transform overflow-hidden border-2 bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg pb-6 pt-2">