Deploying Sparkle 40 and implementing (#2558)

Co-authored-by: édouard wautier <edouardwautier@MacBook-Pro-de-edouard.local>

front/components/assistant/AssistantPicker.tsx

@@ -1,6 +1,7 @@
 import {
   Button,
   DropdownMenu,
+  Item,
   PlusIcon,
   RobotIcon,
   Searchbar,
@@ -52,6 +53,7 @@ export function AssistantPicker({
             <Searchbar
               placeholder="Search"
               name="input"
+              size="xs"
               value={searchText}
               onChange={setSearchText}
               onKeyDown={(e) => {
@@ -65,10 +67,12 @@ export function AssistantPicker({
         )}
         <div className="max-h-[22.5rem] overflow-y-auto [&>*]:w-full">
           {searchedAssistants.map((c) => (
-            <DropdownMenu.Item
+            <Item.Avatar
               key={`assistant-picker-${c.sId}`}
               label={"@" + c.name}
               visual={c.pictureUrl}
+              hasAction={false}
+              className="px-3"
               onClick={() => {
                 onItemClick(c);
                 setSearchText("");

front/components/assistant/conversation/InputBar.tsx

@@ -149,7 +149,7 @@ function AgentListImpl(
           left: position.left,
         }}
       >
-        <div className="flex flex-col gap-y-4 px-3 py-2">
+        <div className="flex flex-col gap-y-1 px-3 py-2">
           {filtered.map((c, i) => (
             <div
               className="flex w-full px-1"

front/package.json

@@ -13,7 +13,7 @@
     "initdb": "env $(cat .env.local) npx tsx admin/db.ts"
   },
   "dependencies": {
-    "@dust-tt/sparkle": "^0.2.39",
+    "@dust-tt/sparkle": "^0.2.40",
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
     "@headlessui/react": "^1.7.7",