webui: move preset settings to top

webui:bug fix

examples/server/webui/src/components/SettingDialog.tsx

@@ -228,6 +228,26 @@ const SETTING_SECTIONS = (
   localConfig: typeof CONFIG_DEFAULT,
   setLocalConfig: (config: typeof CONFIG_DEFAULT) => void
 ): SettingSection[] => [
+  {
+    title: (
+      <>
+        <BookmarkIcon className={ICON_CLASSNAME} />
+        Presets
+      </>
+    ),
+    fields: [
+      {
+        type: SettingInputType.CUSTOM,
+        key: 'custom', // dummy key for presets
+        component: () => (
+          <PresetsManager
+            currentConfig={localConfig}
+            onLoadPreset={setLocalConfig}
+          />
+        ),
+      },
+    ],
+  },
   {
     title: (
       <>
@@ -489,26 +509,7 @@ const SETTING_SECTIONS = (
       },
     ],
   },
-  {
-    title: (
-      <>
-        <BookmarkIcon className={ICON_CLASSNAME} />
-        Presets
-      </>
-    ),
-    fields: [
-      {
-        type: SettingInputType.CUSTOM,
-        key: 'custom', // dummy key for presets
-        component: () => (
-          <PresetsManager
-            currentConfig={localConfig}
-            onLoadPreset={setLocalConfig}
-          />
-        ),
-      },
-    ],
-  },
+  
 ];
 
 export default function SettingDialog({

examples/server/webui/src/index.scss

@@ -48,7 +48,7 @@ html {
 .chat-bubble-base-300 {
   --tw-bg-opacity: 1;
   --tw-text-opacity: 1;
-  @apply bg-base-300 text-base-content;
+  @apply break-words bg-base-300 text-base-content;
 }
 
 /* Highlight.js */