From 21b7c26f530a2b477871529c72b5a3bae387846c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=88=A4=EA=8D=9F=EA=8E=AD=EA=8D=9F=EA=8C=97=EA=80=A4?=
 =?UTF-8?q?=EA=8C=97?= <55106546+mavisakalyan@users.noreply.github.com>
Date: Thu, 2 Jan 2025 22:59:18 +0400
Subject: [PATCH 1/4] Update styles and modal

---
 apps/chat/app/create/builder.tsx | 4 ++--
 apps/chat/app/create/modal.tsx   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/chat/app/create/builder.tsx b/apps/chat/app/create/builder.tsx
index 355905179..8bb909f42 100644
--- a/apps/chat/app/create/builder.tsx
+++ b/apps/chat/app/create/builder.tsx
@@ -927,7 +927,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}
@@ -977,7 +977,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
index 8a6b036be..cf8dd735b 100644
--- 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">

From ba52f0b3a12fb81353b82dda8640b0283bb27f6a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=88=A4=EA=8D=9F=EA=8E=AD=EA=8D=9F=EA=8C=97=EA=80=A4?=
 =?UTF-8?q?=EA=8C=97?= <55106546+mavisakalyan@users.noreply.github.com>
Date: Fri, 3 Jan 2025 23:41:42 +0400
Subject: [PATCH 2/4] Add in development message

---
 apps/chat/app/create/builder.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/chat/app/create/builder.tsx b/apps/chat/app/create/builder.tsx
index 8bb909f42..df6893458 100644
--- 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>

From 4ae4204105dc862d01a3fc31e66e19b0fbde8c5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=88=A4=EA=8D=9F=EA=8E=AD=EA=8D=9F=EA=8C=97=EA=80=A4?=
 =?UTF-8?q?=EA=8C=97?= <55106546+mavisakalyan@users.noreply.github.com>
Date: Fri, 3 Jan 2025 23:43:00 +0400
Subject: [PATCH 3/4] make deploy button large

---
 apps/chat/app/create/builder.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/chat/app/create/builder.tsx b/apps/chat/app/create/builder.tsx
index df6893458..a4517275a 100644
--- a/apps/chat/app/create/builder.tsx
+++ b/apps/chat/app/create/builder.tsx
@@ -948,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 }));

From 4a9b63175cf1e763c8c381fc0c3790767f9e79b0 Mon Sep 17 00:00:00 2001
From: "Saad A. Bazaz" <saadbazaz@hotmail.com>
Date: Tue, 14 Jan 2025 21:03:53 +0500
Subject: [PATCH 4/4] fix: install agent's package json on build

---
 .../packages/react-agents-node/install-agent.mjs              | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/usdk/packages/upstreet-agent/packages/react-agents-node/install-agent.mjs b/packages/usdk/packages/upstreet-agent/packages/react-agents-node/install-agent.mjs
index 0b4c7aefa..c77a4f9a1 100644
--- a/packages/usdk/packages/upstreet-agent/packages/react-agents-node/install-agent.mjs
+++ b/packages/usdk/packages/upstreet-agent/packages/react-agents-node/install-agent.mjs
@@ -4,6 +4,7 @@ import { mkdirp } from 'mkdirp';
 import { rimraf } from 'rimraf';
 import toml from '@iarna/toml';
 import { getCurrentDirname } from '../react-agents/util/path-util.mjs';
+import { npmInstall } from '../../../../lib/npm-util.mjs';
 
 const dirname = getCurrentDirname(import.meta, process);
 const copyWithStringTransform = async (src, dst, transformFn = (s) => s) => {
@@ -97,6 +98,9 @@ export const installAgent = async (directory) => {
   };
   await removeDependencies();
 
+  // install local dependencies (from the agent's package.json)
+  await npmInstall(directory);
+
   // symlink node_modules deps
   const addDependencies = async () => {
     await Promise.all(dependencies.map(async (name) => {