From 6f513df9f3e7b9b2c12b4986eafd41cf51c640ca Mon Sep 17 00:00:00 2001
From: Brent O'Neill <brent.oneill@datastax.com>
Date: Wed, 24 Sep 2025 12:43:08 -0600
Subject: [PATCH] finish updating dialog design sweep items

---
 frontend/src/app/settings/page.tsx            | 32 +++++++++++++++----
 .../src/components/confirmation-dialog.tsx    |  2 +-
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/settings/page.tsx b/frontend/src/app/settings/page.tsx
index 937d76c0..4ea590fe 100644
--- a/frontend/src/app/settings/page.tsx
+++ b/frontend/src/app/settings/page.tsx
@@ -738,8 +738,8 @@ function KnowledgeSourcesPage() {
                     Restore Flow
                   </Button>
                 }
-                title="Restore default Agent flow"
-                description="This restores defaults and discards all custom settings and overrides. This can't be undone."
+                title="Restore default Retrieval flow"
+                description="This restores defaults and discards all custom settings and overrides. This can’t be undone."
                 confirmText="Restore"
                 variant="destructive"
                 onConfirm={handleRestoreRetrievalFlow}
@@ -772,8 +772,18 @@ function KnowledgeSourcesPage() {
                     Edit in Langflow
                   </Button>
                 }
-                title="Edit Agent flow in Langflow"
-                description="You're entering Langflow. You can edit the Agent flow and other underlying flows. Manual changes to components, wiring, or I/O can break this experience.\nYou can restore this flow from Settings."
+                title="Edit Retrieval flow in Langflow"
+                description={
+                  <>
+                    <p className="mb-2">
+                      You're entering Langflow. You can edit the{" "}
+                      <b>Retrieval flow</b> and other underlying flows. Manual
+                      changes to components, wiring, or I/O can break this
+                      experience.
+                    </p>
+                    <p>You can restore this flow from Settings.</p>
+                  </>
+                }
                 confirmText="Proceed"
                 confirmIcon={<ArrowUpRight />}
                 onConfirm={(closeDialog) =>
@@ -911,9 +921,17 @@ function KnowledgeSourcesPage() {
                   </Button>
                 }
                 title="Edit Ingest flow in Langflow"
-                description={`
-                  You're entering Langflow. You can edit the Ingest flow and other underlying flows. Manual changes to components, wiring, or I/O can break this experience. 
-                  You can restore this flow from Settings.`}
+                description={
+                  <>
+                    <p className="mb-2">
+                      You're entering Langflow. You can edit the{" "}
+                      <b>Ingest flow</b> and other underlying flows. Manual
+                      changes to components, wiring, or I/O can break this
+                      experience.
+                    </p>
+                    <p>You can restore this flow from Settings.</p>
+                  </>
+                }
                 confirmText="Proceed"
                 confirmIcon={<ArrowUpRight />}
                 variant="warning"
diff --git a/frontend/src/components/confirmation-dialog.tsx b/frontend/src/components/confirmation-dialog.tsx
index 47489f17..51d26335 100644
--- a/frontend/src/components/confirmation-dialog.tsx
+++ b/frontend/src/components/confirmation-dialog.tsx
@@ -15,7 +15,7 @@ import { Button } from "@/components/ui/button";
 interface ConfirmationDialogProps {
   trigger: ReactNode;
   title: string;
-  description: string;
+  description: ReactNode;
   confirmText?: string;
   cancelText?: string;
   onConfirm: (closeDialog: () => void) => void;