From d5000e9252ceb574dea9467160445e2ba1cc3d1c Mon Sep 17 00:00:00 2001
From: Jules Belveze <32683010+JulesBelveze@users.noreply.github.com>
Date: Fri, 25 Oct 2024 12:11:05 +0200
Subject: [PATCH] [front] - fix: `Tree` action button variant (#8235)

* [front] - fix: change button variant style from ghost to outline

 - Updated IconButton variant property from 'ghost' to 'outline' for consistency across components
 - Applied changes in `ContentNodeTree.tsx`, `AssistantActionsSection.tsx`, and `DataSourceSelectionSection.tsx` files

* [front] - feature: update @dust-tt/sparkle to version 0.2.278

 - Ensures integration with the latest @dust-tt/sparkle features and fixes
 - Improves dependency management with an updated package-lock.json file

---------

Co-authored-by: Jules <jules@MacBook-Pro.local>
---
 front/components/ContentNodeTree.tsx                      | 2 +-
 .../assistant/details/AssistantActionsSection.tsx         | 2 +-
 .../assistant_builder/DataSourceSelectionSection.tsx      | 2 +-
 front/package-lock.json                                   | 8 ++++----
 front/package.json                                        | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/front/components/ContentNodeTree.tsx b/front/components/ContentNodeTree.tsx
index 1060ae31ad42..fd4406ba5492 100644
--- a/front/components/ContentNodeTree.tsx
+++ b/front/components/ContentNodeTree.tsx
@@ -227,7 +227,7 @@ function ContentNodeTreeChildren({
                     n.sourceUrl ? "" : "pointer-events-none opacity-0"
                   )}
                   disabled={!n.sourceUrl}
-                  variant="ghost"
+                  variant="outline"
                 />
                 {onDocumentViewClick && (
                   <IconButton
diff --git a/front/components/assistant/details/AssistantActionsSection.tsx b/front/components/assistant/details/AssistantActionsSection.tsx
index 81fc721cc83e..8906232b8439 100644
--- a/front/components/assistant/details/AssistantActionsSection.tsx
+++ b/front/components/assistant/details/AssistantActionsSection.tsx
@@ -385,7 +385,7 @@ function DataSourceViewSelectedNodes({
                   node.dustDocumentId ? "" : "pointer-events-none opacity-0"
                 )}
                 disabled={!node.dustDocumentId}
-                variant="ghost"
+                variant="outline"
               />
             </div>
           }
diff --git a/front/components/assistant_builder/DataSourceSelectionSection.tsx b/front/components/assistant_builder/DataSourceSelectionSection.tsx
index fa52a2d12184..3eabc1ca0eda 100644
--- a/front/components/assistant_builder/DataSourceSelectionSection.tsx
+++ b/front/components/assistant_builder/DataSourceSelectionSection.tsx
@@ -142,7 +142,7 @@ export default function DataSourceSelectionSection({
                                   : "pointer-events-none opacity-0"
                               )}
                               disabled={!node.sourceUrl}
-                              variant="ghost"
+                              variant="outline"
                             />
                             <IconButton
                               size="xs"
diff --git a/front/package-lock.json b/front/package-lock.json
index e76fa2bb193b..48e90445e369 100644
--- a/front/package-lock.json
+++ b/front/package-lock.json
@@ -7,7 +7,7 @@
       "dependencies": {
         "@auth0/nextjs-auth0": "^3.5.0",
         "@dust-tt/client": "file:../sdks/js",
-        "@dust-tt/sparkle": "^0.2.277",
+        "@dust-tt/sparkle": "^0.2.278",
         "@dust-tt/types": "file:../types",
         "@headlessui/react": "^1.7.7",
         "@heroicons/react": "^2.0.11",
@@ -11504,9 +11504,9 @@
       "link": true
     },
     "node_modules/@dust-tt/sparkle": {
-      "version": "0.2.277",
-      "resolved": "https://registry.npmjs.org/@dust-tt/sparkle/-/sparkle-0.2.277.tgz",
-      "integrity": "sha512-Vx9SbIH1N4fl1/WttZz4xE9kXGU5KT1AopnDbrrp/C56MPuSqs0d1OQpC0prywwNh3BiOmrC2oAHvg7xFf+dzg==",
+      "version": "0.2.278",
+      "resolved": "https://registry.npmjs.org/@dust-tt/sparkle/-/sparkle-0.2.278.tgz",
+      "integrity": "sha512-4ciWBZm8A2xx7v0f1/JS3oHZAGO6NWcu+4qYYd6/miIEudGIQzHT2/B+0psM3SXvyngcNCZLr4E/AcC9xsTMXg==",
       "dependencies": {
         "@emoji-mart/data": "^1.1.2",
         "@emoji-mart/react": "^1.1.1",
diff --git a/front/package.json b/front/package.json
index 27e993dfd332..2d1a1273ca73 100644
--- a/front/package.json
+++ b/front/package.json
@@ -25,7 +25,7 @@
   "dependencies": {
     "@auth0/nextjs-auth0": "^3.5.0",
     "@dust-tt/client": "file:../sdks/js",
-    "@dust-tt/sparkle": "^0.2.277",
+    "@dust-tt/sparkle": "^0.2.278",
     "@dust-tt/types": "file:../types",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.11",