From a123ab7adade2a4afd27d2d2bb753e04d79ee506 Mon Sep 17 00:00:00 2001
From: nsollazzo <nsollazzo@pm.me>
Date: Wed, 20 Dec 2023 17:50:03 +0100
Subject: [PATCH 1/5] Update chat widget style for improved responsiveness and
 visibility

Set maximum width and height for the chat widget to enhance
responsiveness and ensure proper visibility on various devices and
screen sizes. This improves user experience and ensures the widget
remains accessible.

issue: #176
---
 app/script/src/widget.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/script/src/widget.ts b/app/script/src/widget.ts
index cc8f5d4f..d1c48ddb 100644
--- a/app/script/src/widget.ts
+++ b/app/script/src/widget.ts
@@ -14,6 +14,8 @@ export function createChatWidget(
   let widgetContainerStyle: WidgetContainerStyle = widgetContainer.style;
   widgetContainerStyle.boxSizing = "border-box";
   widgetContainerStyle.height = "80vh";
+  widgetContainerStyle.maxWidth = "90vw";
+  widgetContainerStyle.maxHeight = "90vh";
   widgetContainerStyle.position = "fixed";
   widgetContainerStyle.display = "none";
   widgetContainerStyle.zIndex = "99999999";

From 1331c6f78c08303def95b22e72aa8c292fa84273 Mon Sep 17 00:00:00 2001
From: n4ze3m <n4ze3m@gmail.com>
Date: Wed, 20 Dec 2023 23:00:32 +0530
Subject: [PATCH 2/5] Update UI styles in IntegrationGrid and Playground
 components

---
 app/ui/src/components/Bot/Integration/IntegrationGrid.tsx | 8 ++++----
 app/ui/src/components/Bot/Playground/Form.tsx             | 2 +-
 app/ui/src/components/Bot/Playground/index.tsx            | 2 +-
 app/ui/src/components/Dashboard/DashboardGrid.tsx         | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/ui/src/components/Bot/Integration/IntegrationGrid.tsx b/app/ui/src/components/Bot/Integration/IntegrationGrid.tsx
index a65a03e0..d62161a5 100644
--- a/app/ui/src/components/Bot/Integration/IntegrationGrid.tsx
+++ b/app/ui/src/components/Bot/Integration/IntegrationGrid.tsx
@@ -72,7 +72,7 @@ export const IntegrationGrid: React.FC<Props> = ({ data }) => {
       {/* GRID */}
       <div className="mt-8 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
         {data.map((integration) => (
-          <div className="relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500 rounded-lg overflow-hidden border hover:shadow-lg transition-shadow duration-300 ease-in-out cursor-pointer dark:bg-[#0a0a0a] dark:border-[#232222]">
+          <div className="relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500 rounded-lg overflow-hidden border hover:shadow-lg transition-shadow duration-300 ease-in-out cursor-pointer dark:bg-[#0a0a0a] dark:border-[#232222]  dark:hover:bg-[#1a1a1a] dark:hover:border-[#232222] hover:bg-gray-50">
             <div
               onClick={() => {
                 setSelectedIntegration(integration);
@@ -124,7 +124,7 @@ export const IntegrationGrid: React.FC<Props> = ({ data }) => {
 
         <Link
           to={`/bot/${param.id}/embed`}
-          className="relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500 rounded-lg overflow-hidden border hover:shadow-lg transition-shadow duration-300 ease-in-out cursor-pointer dark:bg-[#0a0a0a] dark:border-[#232222]"
+          className="relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500 rounded-lg overflow-hidden border hover:shadow-lg transition-shadow duration-300 ease-in-out cursor-pointer dark:bg-[#0a0a0a] dark:border-[#232222]  dark:hover:bg-[#1a1a1a] dark:hover:border-[#232222] hover:bg-gray-50"
         >
           <div>
             <div className="mb-4">
@@ -148,10 +148,10 @@ export const IntegrationGrid: React.FC<Props> = ({ data }) => {
             </div>
           </div>
         </Link>
-
+ 
         <Link
           to={`/bot/${param.id}/integrations/api`}
-          className="relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500 rounded-lg overflow-hidden border hover:shadow-lg transition-shadow duration-300 ease-in-out cursor-pointer dark:bg-[#0a0a0a] dark:border-[#232222]"
+          className="relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500 rounded-lg overflow-hidden border hover:shadow-lg transition-shadow duration-300 ease-in-out cursor-pointer dark:bg-[#0a0a0a] dark:border-[#232222]  dark:hover:bg-[#1a1a1a] dark:hover:border-[#232222] hover:bg-gray-50"
         >
           <div>
             <div className="mb-4">
diff --git a/app/ui/src/components/Bot/Playground/Form.tsx b/app/ui/src/components/Bot/Playground/Form.tsx
index 1570b696..6c7330eb 100644
--- a/app/ui/src/components/Bot/Playground/Form.tsx
+++ b/app/ui/src/components/Bot/Playground/Form.tsx
@@ -97,7 +97,7 @@ export const PlaygroundgForm = () => {
       textarea.style.height = "auto";
     }
   };
-
+ 
   return (
     <div className="p-3 md:p-6 md:bg-white md:dark:bg-[#0a0a0a] md:border md:rounded-t-xl   border-black/10 dark:border-gray-900/50">
       <div className="flex-grow space-y-6 ">
diff --git a/app/ui/src/components/Bot/Playground/index.tsx b/app/ui/src/components/Bot/Playground/index.tsx
index 5cdad144..3571f738 100644
--- a/app/ui/src/components/Bot/Playground/index.tsx
+++ b/app/ui/src/components/Bot/Playground/index.tsx
@@ -20,7 +20,7 @@ export const PlaygroundBody = () => {
             </div>
           ) : (
             <div>
-              <div>
+              <div className="md:ml-[150px]">
                 <PlaygroundChat />
               </div>
               <div>
diff --git a/app/ui/src/components/Dashboard/DashboardGrid.tsx b/app/ui/src/components/Dashboard/DashboardGrid.tsx
index 47b23fe7..0e0740aa 100644
--- a/app/ui/src/components/Dashboard/DashboardGrid.tsx
+++ b/app/ui/src/components/Dashboard/DashboardGrid.tsx
@@ -32,10 +32,10 @@ export const DashboardGrid = () => {
           {data.map((bot: any) => (
             <Link
               to={`/bot/${bot.id}`}
-              className="flex rounded-md hover:shadow-lg transition-shadow duration-300 ease-in-out cursor-pointer"
+              className="flex rounded-md hover:shadow-lg transition-shadow duration-300 ease-in-out cursor-pointer border border-gray-200 bg-white dark:bg-[#0a0a0a] dark:border-[#232222] dark:hover:bg-[#1a1a1a] dark:hover:border-[#232222] hover:bg-gray-50"
               key={bot.id}
             >
-              <div className="w-full truncate rounded-md border border-gray-200 bg-white dark:bg-[#0a0a0a] dark:border-[#232222]">
+              <div className="w-full truncate ">
                 <div className="flex flex-1 items-center justify-between ">
                   <div className="flex-1 truncate px-4 py-4">
                     <h3 className="text-xl font-semibold text-gray-900 hover:text-gray-600 flex-shrink truncate dark:text-gray-200 dark:hover:text-gray-300">

From 259cabdb631ebb51193aeb3edc24de40bfb515b0 Mon Sep 17 00:00:00 2001
From: n4ze3m <n4ze3m@gmail.com>
Date: Wed, 20 Dec 2023 23:04:41 +0530
Subject: [PATCH 3/5] Update package versions and add new chat model

---
 app/ui/package.json   | 2 +-
 package.json          | 2 +-
 server/prisma/seed.ts | 9 +++++++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/ui/package.json b/app/ui/package.json
index 12d710bc..99a8920e 100644
--- a/app/ui/package.json
+++ b/app/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "app",
   "private": true,
-  "version": "1.5.0",
+  "version": "1.5.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/package.json b/package.json
index 902ddec9..4e0b0ffa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dialoqbase",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "Create chatbots with ease",
   "scripts": {
     "ui:dev": "pnpm run --filter ui dev",
diff --git a/server/prisma/seed.ts b/server/prisma/seed.ts
index 6b942971..ffc8224d 100644
--- a/server/prisma/seed.ts
+++ b/server/prisma/seed.ts
@@ -73,6 +73,15 @@ const MODELS: {
     local_model: false,
     config: "{}",
   },
+  {
+    model_id: "accounts/fireworks/models/qwen-72b-chat",
+    name: "Qwen 72b chat (Fireworks)",
+    model_type: "chat",
+    stream_available: true,
+    model_provider: "Fireworks",
+    local_model: false,
+    config: "{}",
+  },
 ];
 
 const newModels = async () => {

From 2b6759ccaefceb1ec0f28a1aff6d2ab47dbe19ea Mon Sep 17 00:00:00 2001
From: n4ze3m <n4ze3m@gmail.com>
Date: Wed, 20 Dec 2023 23:25:24 +0530
Subject: [PATCH 4/5] Disable pagination in Table component

---
 app/ui/src/routes/settings/model.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/ui/src/routes/settings/model.tsx b/app/ui/src/routes/settings/model.tsx
index c378643f..72d156bb 100644
--- a/app/ui/src/routes/settings/model.tsx
+++ b/app/ui/src/routes/settings/model.tsx
@@ -173,7 +173,7 @@ export default function SettingsModelRoot() {
               <dl className="mt-6 space-y-6 divide-y divide-gray-100   text-sm leading-6 ">
                 <div className="mt-5 md:col-span-2 md:mt-0">
                   <Table
-                    pagination={false}
+                    // pagination={false}
                     dataSource={data.data}
                     columns={[
                       {

From 4d3756117f4f7e6bfc922d90f151483c0fcf0f40 Mon Sep 17 00:00:00 2001
From: n4ze3m <n4ze3m@gmail.com>
Date: Wed, 20 Dec 2023 23:34:26 +0530
Subject: [PATCH 5/5] Refactor UI styles in Playground Form and Playground Body
 components

---
 app/ui/src/components/Bot/Playground/Form.tsx  | 2 +-
 app/ui/src/components/Bot/Playground/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/ui/src/components/Bot/Playground/Form.tsx b/app/ui/src/components/Bot/Playground/Form.tsx
index 6c7330eb..5cbbda5e 100644
--- a/app/ui/src/components/Bot/Playground/Form.tsx
+++ b/app/ui/src/components/Bot/Playground/Form.tsx
@@ -99,7 +99,7 @@ export const PlaygroundgForm = () => {
   };
  
   return (
-    <div className="p-3 md:p-6 md:bg-white md:dark:bg-[#0a0a0a] md:border md:rounded-t-xl   border-black/10 dark:border-gray-900/50">
+    <div className="p-3 md:p-6 md:bg-white dark:bg-[#0a0a0a] border rounded-t-xl   border-black/10 dark:border-gray-900/50">
       <div className="flex-grow space-y-6 ">
         <div className="flex">
           <form
diff --git a/app/ui/src/components/Bot/Playground/index.tsx b/app/ui/src/components/Bot/Playground/index.tsx
index 3571f738..df07ec8e 100644
--- a/app/ui/src/components/Bot/Playground/index.tsx
+++ b/app/ui/src/components/Bot/Playground/index.tsx
@@ -24,7 +24,7 @@ export const PlaygroundBody = () => {
                 <PlaygroundChat />
               </div>
               <div>
-                <div className="bottom-0 w-full md:!bg-transparent md:!border-0 fixed border-t bg-white pt-2">
+                <div className="bottom-0 w-full bg-transparent border-0 fixed pt-2">
                   <div className="stretch mx-2 flex flex-row gap-3 md:mx-4 lg:mx-auto lg:max-w-2xl xl:max-w-3xl">
                     <div className="relative flex flex-col h-full flex-1 items-stretch md:flex-col">
                       <PlaygroundgForm />