Ext: latest polish (#9009)

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}

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"

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}

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

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",