From bc6bf3195ecd2e2cff01f386794b2f962729a2d1 Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Mon, 13 Nov 2023 18:29:02 -0800
Subject: [PATCH] Visualization: copy

---
 src/modules/aifn/digrams/DiagramsModal.tsx | 4 ++--
 src/modules/aifn/digrams/diagrams.data.ts  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/aifn/digrams/DiagramsModal.tsx b/src/modules/aifn/digrams/DiagramsModal.tsx
index 97752d545..418598cbd 100644
--- a/src/modules/aifn/digrams/DiagramsModal.tsx
+++ b/src/modules/aifn/digrams/DiagramsModal.tsx
@@ -46,7 +46,7 @@ export function DiagramsModal(props: { config: DiagramConfig, onClose: () => voi
   // state
   const [showOptions, setShowOptions] = React.useState(true);
   const [message, setMessage] = React.useState<DMessage | null>(null);
-  const [diagramType, diagramComponent] = useFormRadio<DiagramType>('auto', diagramTypes, 'Visualization');
+  const [diagramType, diagramComponent] = useFormRadio<DiagramType>('auto', diagramTypes, 'Visualize');
   const [diagramLanguage, languageComponent] = useFormRadio<DiagramLanguage>('plantuml', diagramLanguages, 'Style');
   const [errorMessage, setErrorMessage] = React.useState<string | null>(null);
   const [abortController, setAbortController] = React.useState<AbortController | null>(null);
@@ -146,7 +146,7 @@ export function DiagramsModal(props: { config: DiagramConfig, onClose: () => voi
             {languageComponent}
           </Grid>
         )}
-        <Grid xs={12}>
+        <Grid xs={12} xl={6}>
           {llmComponent}
         </Grid>
       </Grid>
diff --git a/src/modules/aifn/digrams/diagrams.data.ts b/src/modules/aifn/digrams/diagrams.data.ts
index 7e754fdbd..0c4294eb4 100644
--- a/src/modules/aifn/digrams/diagrams.data.ts
+++ b/src/modules/aifn/digrams/diagrams.data.ts
@@ -8,7 +8,7 @@ export type DiagramLanguage = 'mermaid' | 'plantuml';
 
 // NOTE: keep these global, or it will trigger re-renders
 export const diagramTypes: FormRadioOption<DiagramType>[] = [
-  { label: 'Diagram', value: 'auto' },
+  { label: 'Auto-diagram', value: 'auto' },
   { label: 'Mindmap', value: 'mind' },
 ];