From b350ae00ca72ec2dfe23888f02fb2b068c165f82 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daphn=C3=A9=20Popin?= <daphne.popin@gmail.com>
Date: Thu, 28 Nov 2024 16:06:16 +0100
Subject: [PATCH] Ext: latest polish

---
 extension/app/src/components/auth/ProtectedRoute.tsx  |  2 +-
 .../src/components/conversation/AttachFragment.tsx    |  6 +++---
 .../components/conversation/ConversationContainer.tsx |  2 +-
 extension/app/src/pages/MainPage.tsx                  | 11 -----------
 extension/package-lock.json                           |  8 ++++----
 extension/package.json                                |  2 +-
 6 files changed, 10 insertions(+), 21 deletions(-)

diff --git a/extension/app/src/components/auth/ProtectedRoute.tsx b/extension/app/src/components/auth/ProtectedRoute.tsx
index f2101faae5b4..6001f3de5473 100644
--- a/extension/app/src/components/auth/ProtectedRoute.tsx
+++ b/extension/app/src/components/auth/ProtectedRoute.tsx
@@ -108,7 +108,7 @@ export const ProtectedRoute = ({ children }: ProtectedRouteProps) => {
   }
 
   return (
-    <div className="flex h-screen flex-col gap-2 p-4">
+    <div className="flex h-screen flex-col gap-2 px-4">
       {typeof children === "function"
         ? children({ user, workspace, handleLogout })
         : children}
diff --git a/extension/app/src/components/conversation/AttachFragment.tsx b/extension/app/src/components/conversation/AttachFragment.tsx
index 5974f05ae66a..7266283bb841 100644
--- a/extension/app/src/components/conversation/AttachFragment.tsx
+++ b/extension/app/src/components/conversation/AttachFragment.tsx
@@ -1,4 +1,4 @@
-import { Button, DocumentPlusIcon, ImageIcon } from "@dust-tt/sparkle";
+import { Button, CameraIcon, DocumentPlusIcon } from "@dust-tt/sparkle";
 import { InputBarContext } from "@extension/components/input_bar/InputBarContext";
 import type { FileUploaderService } from "@extension/hooks/useFileUploaderService";
 import { useContext, useEffect } from "react";
@@ -45,7 +45,7 @@ export const AttachFragment = ({
       </div>
       <div className="block sm:hidden">
         <Button
-          icon={ImageIcon}
+          icon={CameraIcon}
           tooltip="Attach page screenshot"
           variant="outline"
           size="sm"
@@ -77,7 +77,7 @@ export const AttachFragment = ({
       </div>
       <div className="hidden sm:block">
         <Button
-          icon={ImageIcon}
+          icon={CameraIcon}
           label="Add page screenshot"
           tooltip="Attach page screenshot"
           variant="outline"
diff --git a/extension/app/src/components/conversation/ConversationContainer.tsx b/extension/app/src/components/conversation/ConversationContainer.tsx
index 33c9f2d381f0..d0ecf34b4074 100644
--- a/extension/app/src/components/conversation/ConversationContainer.tsx
+++ b/extension/app/src/components/conversation/ConversationContainer.tsx
@@ -261,7 +261,7 @@ export function ConversationContainer({
           </div>
           <div
             id="assistant-input-header"
-            className="sticky bottom-0 z-20 pb-2 w-full bg-white"
+            className="sticky bottom-0 pb-4 z-20  w-full bg-white"
           >
             <AssistantInputBar
               owner={owner}
diff --git a/extension/app/src/pages/MainPage.tsx b/extension/app/src/pages/MainPage.tsx
index d87528855488..cc5bd289bb56 100644
--- a/extension/app/src/pages/MainPage.tsx
+++ b/extension/app/src/pages/MainPage.tsx
@@ -6,7 +6,6 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-  LogoHorizontalColorLogo,
   LogoutIcon,
 } from "@dust-tt/sparkle";
 import { AssistantFavorites } from "@extension/components/assistants/AssistantFavorites";
@@ -17,7 +16,6 @@ import { ConversationsListButton } from "@extension/components/conversation/Conv
 import { FileDropProvider } from "@extension/components/conversation/FileUploaderContext";
 import { DropzoneContainer } from "@extension/components/DropzoneContainer";
 import { InputBarProvider } from "@extension/components/input_bar/InputBarContext";
-import { Link } from "react-router-dom";
 
 export const MainPage = ({
   user,
@@ -92,15 +90,6 @@ export const MainPage = ({
         }
       />
 
-      <div className="flex items-start justify-between">
-        <div className="fixed bottom-0 right-0 z-10">
-          <Link to="https://dust.tt" target="_blank">
-            <div className="rounded-tl-2xl border-t border-l border-gray-200 bg-white p-4">
-              <LogoHorizontalColorLogo className="h-6 w-24" />
-            </div>
-          </Link>
-        </div>
-      </div>
       <div className="h-full w-full pt-28 max-w-4xl mx-auto flex justify-center">
         <FileDropProvider>
           <DropzoneContainer
diff --git a/extension/package-lock.json b/extension/package-lock.json
index e73ec84605e3..d5f67ba9a300 100644
--- a/extension/package-lock.json
+++ b/extension/package-lock.json
@@ -10,7 +10,7 @@
       "license": "ISC",
       "dependencies": {
         "@dust-tt/client": "file:../sdks/js",
-        "@dust-tt/sparkle": "^0.2.327",
+        "@dust-tt/sparkle": "^0.2.329",
         "@tailwindcss/forms": "^0.5.9",
         "@tiptap/extension-character-count": "^2.9.1",
         "@tiptap/extension-mention": "^2.9.1",
@@ -271,9 +271,9 @@
       "link": true
     },
     "node_modules/@dust-tt/sparkle": {
-      "version": "0.2.327",
-      "resolved": "https://registry.npmjs.org/@dust-tt/sparkle/-/sparkle-0.2.327.tgz",
-      "integrity": "sha512-Of7gmeEYglC5R3gLp0AfIoePg7HeG1SyHz/QAWdq8tjsmywblU1JpryeIodxvJsiqQW369KNuhMfhdzYmOCQIQ==",
+      "version": "0.2.329",
+      "resolved": "https://registry.npmjs.org/@dust-tt/sparkle/-/sparkle-0.2.329.tgz",
+      "integrity": "sha512-4X4GxCiw/GkjsR97dWG4MFvCwhWbbjujvvEqEpAhhkSdCJG4ig+RW5tuzDJ4mVXYjxHqrgBz9LIQfHyjwSAEbA==",
       "dependencies": {
         "@emoji-mart/data": "^1.1.2",
         "@emoji-mart/react": "^1.1.1",
diff --git a/extension/package.json b/extension/package.json
index 50916e43b87a..b846d37e45f2 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "@dust-tt/client": "file:../sdks/js",
-    "@dust-tt/sparkle": "^0.2.327",
+    "@dust-tt/sparkle": "^0.2.329",
     "@tailwindcss/forms": "^0.5.9",
     "@tiptap/extension-character-count": "^2.9.1",
     "@tiptap/extension-mention": "^2.9.1",