up update

src/app/interface/dialogue/index.tsx

@@ -11,7 +11,7 @@ export function Dialogue({ children, className = "", isLoading }: {
       className={cn(
         `fixed left-6 max-w-[60%]`,
         `transition-all duration-300`,
-        `text-xl rounded-2xl backdrop-blur-xl bg-stone-600/40 p-4`,
+        `text-xl rounded-2xl backdrop-blur-xl bg-stone-700/40  dark:bg-stone-700/40 p-4 text-gray-50 dark:text-gray-50`,
         className
       )}
       style={{

src/app/interface/progress/index.tsx

@@ -43,14 +43,14 @@ export function Progress({
 
   return (
     <div className={cn(
-      `fixed flex w-20 h-20 top-16 right-6 z-50`,
-      `animation-all duration-300`,
+      `fixed flex w-10 h-10 top-16 right-6 z-50`,
+      `animation-all duration-300 text-md`,
       isLoading
         ? `scale-100 opacity-100`
         : `scale-0 opacity-0`,
       className
     )}>
-      <ProgressBar text="⌛" progressPercentage={progressPercent} />
+      <ProgressBar progressPercentage={progressPercent} />
     </div>
   )
 }

src/app/interface/progress/progress-bar.tsx

@@ -23,7 +23,7 @@ export function ProgressBar ({
         text={text || ""}   
 
         // Width of circular line relative to total width of component, a value from 0-100. Default: 8.
-        strokeWidth={12}
+        strokeWidth={8}
 
         
           // As a convenience, you can use buildStyles to configure the most common style changes:
@@ -36,10 +36,10 @@ export function ProgressBar ({
             strokeLinecap: 'round',
 
             // Text size
-            textSize: '40px',
+            textSize: '20px',
 
             // How long animation takes to go from one percentage to another, in seconds
-            pathTransitionDuration: 0.5,
+            pathTransitionDuration: 0.1,
 
             // Can specify path transition in more detail, or remove it entirely
             // pathTransition: 'none',