Fix mj style and chat conv groups issue (#47)

Co-authored-by: Germey <germey@acedata.cloud>

change/@acedatacloud-nexior-b7e0c305-5f50-41c6-be30-41dfeb75d122.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "update mj style and fix chat conv groups",
+  "packageName": "@acedatacloud/nexior",
+  "email": "germey@acedata.cloud",
+  "dependentChangeType": "patch"
+}

src/components/chat/SidePanel.vue

@@ -118,10 +118,16 @@ export default defineComponent({
       ) as Record<string, IChatConversation[]>;
       // sort every group by `updated_at` field.
       return {
-        today: groups?.today?.sort((a, b) => b.updated_at - a.updated_at),
-        yesterday: groups?.yesterday?.sort((a, b) => b.updated_at - a.updated_at),
-        thisWeek: groups?.thisWeek?.sort((a, b) => b.updated_at - a.updated_at),
-        earlier: groups?.earlier?.sort((a, b) => b.updated_at - a.updated_at)
+        ...(groups?.today?.length > 0 ? { today: groups?.today?.sort((a, b) => b.updated_at - a.updated_at) } : {}),
+        ...(groups?.yesterday?.length > 0
+          ? { yesterday: groups?.yesterday?.sort((a, b) => b.updated_at - a.updated_at) }
+          : {}),
+        ...(groups?.thisWeek?.length > 0
+          ? { thisWeek: groups?.thisWeek?.sort((a, b) => b.updated_at - a.updated_at) }
+          : {}),
+        ...(groups?.earlier?.length > 0
+          ? { earlier: groups?.earlier?.sort((a, b) => b.updated_at - a.updated_at) }
+          : {})
       };
     },
     application() {

src/components/midjourney/FinalPrompt.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="mb-4">
     <h2 class="title">{{ $t('midjourney.field.finalPrompt') }}</h2>
-    <el-alert :title="modelValue" :closable="false" class="pt-3" />
+    <el-alert :title="modelValue" :closable="false" class="pt-3 value" />
   </div>
 </template>
 
@@ -31,9 +31,11 @@ export default defineComponent({
   margin-bottom: 10px;
   width: 30%;
 }
-.prompt {
-  color: #333;
-  font-size: 16px;
+.value {
+  color: var(--el-text-color-regular);
+  font-size: 14px;
+  background-color: var(--el-bg-color-page);
+  border-radius: 15px;
   flex: 1;
 }
 </style>

src/components/midjourney/IgnoreSelector.vue

@@ -1,7 +1,13 @@
 <template>
   <div>
     <h2 class="title">{{ $t('midjourney.name.ignore') }}</h2>
-    <el-input v-model="value" :rows="1" type="textarea" :placeholder="$t('midjourney.placeholder.ignore')" />
+    <el-input
+      v-model="value"
+      :rows="1"
+      class="ignore"
+      type="textarea"
+      :placeholder="$t('midjourney.placeholder.ignore')"
+    />
   </div>
 </template>
 
@@ -55,3 +61,16 @@ export default defineComponent({
   }
 }
 </style>
+
+<style lang="scss">
+.ignore {
+  border: none;
+  textarea {
+    font-size: 14px;
+    border-radius: 15px !important;
+    border: none;
+    resize: none;
+    padding: 10px 15px;
+  }
+}
+</style>

src/components/midjourney/PromptInput.vue

@@ -1,7 +1,13 @@
 <template>
   <div>
     <h2 class="title">{{ $t('midjourney.name.prompt') }}</h2>
-    <el-input v-model="value" :rows="3" type="textarea" :placeholder="$t('midjourney.placeholder.prompt')" />
+    <el-input
+      v-model="value"
+      :rows="3"
+      class="prompt"
+      type="textarea"
+      :placeholder="$t('midjourney.placeholder.prompt')"
+    />
     <p class="description">
       {{ $t('midjourney.description.prompt') }}
     </p>
@@ -63,3 +69,15 @@ export default defineComponent({
   color: var(--el-text-color-regular);
 }
 </style>
+
+<style lang="scss">
+.prompt {
+  border: none;
+  textarea {
+    border-radius: 15px !important;
+    resize: none;
+    font-size: 14px;
+    padding: 10px 15px;
+  }
+}
+</style>

src/components/midjourney/preset/RatioSelector.vue

@@ -100,7 +100,7 @@ export default defineComponent({
   .item {
     width: 40px;
     height: 60px;
-    border: 2px solid var(--el-border-color);
+    border: 1px solid var(--el-border-color);
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -117,7 +117,7 @@ export default defineComponent({
       justify-content: center;
 
       .rect {
-        border: 2px solid var(--el-border-color);
+        border: 1px solid var(--el-border-color);
         width: 20px;
         height: 20px;
         border-radius: 2px;

src/i18n/de/chat.json

@@ -1,42 +1,42 @@
 {
   "model.35Standard": {
     "message": "3.5 Standard",
-    "description": "Model name of the service, which is GPT 3.5 Basic"
+    "description": "Modellname des Dienstes, der GPT 3.5 Basic ist"
   },
   "model.35StandardDescription": {
-    "message": "Grundmodell, das einfache Fragen beantworten und allgemeine Informationen bereitstellen kann.",
+    "message": "Ideal für alltägliche Aufgaben.",
     "description": "Beschreibung des 3.5 Standard-Modells"
   },
   "model.35Browsing": {
     "message": "3.5 Browsing",
-    "description": "Model name of the service, which is GPT 3.5 Browsing"
+    "description": "Modellname des Dienstes, der GPT 3.5 Browsing ist"
   },
   "model.35BrowsingDescription": {
-    "message": "Kann Echtzeitinformationen aus dem Web abrufen und einfachere Antworten bereitstellen.",
+    "message": "Kann Informationen in Echtzeit abrufen.",
     "description": "Beschreibung des 3.5 Browsing-Modells"
   },
   "model.4Standard": {
     "message": "4.0 Standard",
-    "description": "Model name of the service, which is GPT 4.0 Standard"
+    "description": "Modellname des Dienstes, der GPT 4.0 Standard ist"
   },
   "model.4StandardDescription": {
-    "message": "Leistungsstärkeres Modell, das komplexere Fragen beantworten kann.",
+    "message": "Leistungsstärkeres Modell für komplexe Aufgaben.",
     "description": "Beschreibung des 4.0 Standard-Modells"
   },
   "model.4Browsing": {
     "message": "4.0 Browsing",
-    "description": "Model name of the service, which is GPT 4.0 Browsing"
+    "description": "Modellname des Dienstes, der GPT 4.0 Browsing ist"
   },
   "model.4BrowsingDescription": {
-    "message": "Kann Echtzeitinformationen abrufen, um mehr Antworten auf Basis des 4.0 Standard-Modells bereitzustellen.",
+    "message": "Leistungsstark & Informationen in Echtzeit abrufen.",
     "description": "Beschreibung des 4.0 Browsing-Modells"
   },
   "model.4Vision": {
     "message": "4.0 Vision",
-    "description": "Model name of the service, which is GPT 4.0 Vision"
+    "description": "Modellname des Dienstes, der GPT 4.0 Vision ist"
   },
   "model.4VisionDescription": {
-    "message": "Kann Bilder analysieren und Informationen basierend auf dem Inhalt der Bilder bereitstellen.",
+    "message": "Kann Bilder analysieren.",
     "description": "Beschreibung des 4.0 Vision-Modells"
   },
   "message.startNewChat": {
@@ -49,7 +49,7 @@
   },
   "message.noToken": {
     "message": "Bitte beantragen Sie zuerst den entsprechenden Service",
-    "description": "Nachricht auf einer Webseite, die den Benutzer auffordert, zuerst den entsprechenden Service zu beantragen"
+    "description": "Nachricht auf einer Webseite, die den Benutzer auffordert, zunächst den entsprechenden Service zu beantragen"
   },
   "message.newMessagePlaceholder": {
     "message": "Bitte geben Sie Ihre Frage ein...",
@@ -68,92 +68,72 @@
     "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass der Dateiupload fehlgeschlagen ist und er es später erneut versuchen soll"
   },
   "message.notApplied": {
-    "message": "Sie haben diesen Service noch nicht beantragt, bitte beantragen Sie zuerst",
-    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass er diesen Service noch nicht beantragt hat und zuerst beantragen soll"
+    "message": "Sie haben diesen Service noch nicht beantragt, bitte beantragen Sie ihn zuerst",
+    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass er diesen Service noch nicht beantragt hat und ihn zuerst beantragen soll"
   },
   "message.tryForFree": {
-    "message": "Kostenlos testen",
-    "description": "Nachricht auf einer Webseite, die den Benutzer dazu auffordert, kostenlos zu testen"
+    "message": "Kostenlos ausprobieren",
+    "description": "Nachricht auf einer Webseite, die den Benutzer auffordert, es kostenlos zu versuchen"
   },
   "message.question1": {
-    "message": "Schreiben Sie ein Stück JavaScript-Code, das Hallo Welt ausgibt",
+    "message": "Erstellen Sie einen Trainingsplan",
     "description": "Ein Beispiel für Fragen, um ein Gespräch zu beginnen, die den Benutzer auffordern, ein Stück JavaScript-Code zu schreiben, das Hallo Welt ausgibt"
   },
   "message.question2": {
-    "message": "Schreiben Sie eine E-Mail an Mike und teilen Sie ihm mit, dass ich gerade umgezogen bin",
+    "message": "Erstellen Sie eine persönliche Webseite",
     "description": "Ein Beispiel für Fragen, um ein Gespräch zu beginnen, die den Benutzer auffordern, eine E-Mail an Mike zu schreiben und ihm mitzuteilen, dass ich gerade umgezogen bin"
   },
   "message.question3": {
-    "message": "Erklären Sie die grundlegenden Prinzipien der Quanteninformatik in einfachen Worten",
-    "description": "Ein Beispiel für Fragen, um ein Gespräch zu beginnen, die den Benutzer auffordern, die grundlegenden Prinzipien der Quanteninformatik in einfachen Worten zu erklären"
+    "message": "Entwerfen Sie ein unterhaltsames Codierspiel",
+    "description": "Ein Beispiel für Fragen, um ein Gespräch zu beginnen, die den Benutzer auffordern, die Grundprinzipien der Quantenberechnung in einfachen Worten zu erklären"
   },
   "message.question4": {
-    "message": "Welchen Einfluss hat Virtual Reality auf die künstlerische Schöpfung gehabt?",
-    "description": "Ein Beispiel für Fragen, um ein Gespräch zu beginnen, die den Benutzer auffordern, zu erklären, welchen Einfluss Virtual Reality auf die künstlerische Schöpfung gehabt hat"
-  },
-  "message.question5": {
-    "message": "Wie beeinflussen Datenschutz und Datensicherheit die Rechtspraxis?",
-    "description": "Ein Beispiel für Fragen, um ein Gespräch zu beginnen, die den Benutzer auffordern, zu erklären, wie Datenschutz und Datensicherheit die Rechtspraxis beeinflussen"
-  },
-  "message.question6": {
-    "message": "Wie geht man mit den komplexen Veränderungen in den Steuergesetzen in der heutigen Welt um?",
-    "description": "Ein Beispiel für Fragen, um ein Gespräch zu beginnen, die den Benutzer auffordern, zu erklären, wie man mit den komplexen Veränderungen in den Steuergesetzen in der heutigen Welt umgeht"
-  },
-  "message.question7": {
-    "message": "Wie kann man durch die Kombination verschiedener regionaler kultureller Hintergründe eine einzigartige Küche schaffen?",
-    "description": "Ein Beispiel für Fragen, um ein Gespräch zu beginnen, die den Benutzer auffordern, zu erklären, wie man durch die Kombination verschiedener regionaler kultureller Hintergründe eine einzigartige Küche schaffen kann"
-  },
-  "message.question8": {
-    "message": "Wie kann man literarische Inspiration aus Reiseerfahrungen gewinnen?",
-    "description": "Ein Beispiel für Fragen, um ein Gespräch zu beginnen, die den Benutzer auffordern, zu erklären, wie man literarische Inspiration aus Reiseerfahrungen gewinnen kann"
-  },
-  "message.question9": {
-    "message": "Wie kann man Geschäftsideen aus erfolgreichen Fällen in verschiedenen Branchen gewinnen?",
-    "description": "Ein Beispiel für Fragen, um ein Gespräch zu beginnen, die den Benutzer auffordern, zu erklären, wie man Geschäftsideen aus erfolgreichen Fällen in verschiedenen Branchen gewinnen kann"
+    "message": "Erleben Sie Seoul wie ein Einheimischer",
+    "description": "Ein Beispiel für Fragen, um ein Gespräch zu beginnen, die den Benutzer auffordern, zu erklären, wie sich die virtuelle Realität auf die künstlerische Kreation ausgewirkt hat"
   },
   "message.errorApiError": {
     "message": "Antwort fehlgeschlagen, bitte versuchen Sie es später erneut",
     "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass die Antwort fehlgeschlagen ist und er es später erneut versuchen soll"
   },
   "message.errorBadRequest": {
-    "message": "Der Anfrageinhalt ist nicht standardisiert, bitte fragen Sie erneut",
-    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass der Anfrageinhalt nicht standardisiert ist und er erneut fragen soll"
+    "message": "Der Anfrageinhalt ist nicht standardisiert, bitte stellen Sie die Frage erneut",
+    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass der Anfrageinhalt nicht standardisiert ist und er die Frage erneut stellen soll"
   },
   "message.errorNoConversation": {
     "message": "Das Gespräch existiert nicht oder ist abgelaufen, bitte starten Sie ein neues Gespräch",
-    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass das Gespräch nicht existiert oder abgelaufen ist und er ein neues Gespräch starten soll"
+    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass das Gespräch nicht existiert oder abgelaufen ist und er ein neues Gespräch beginnen soll"
   },
   "message.errorContentTooLarge": {
     "message": "Der Inhalt der Frage ist zu lang, bitte kürzen Sie ihn und versuchen Sie es erneut",
     "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass der Inhalt der Frage zu lang ist und er ihn kürzen und es erneut versuchen soll"
   },
   "message.errorTooManyRequests": {
-    "message": "Ihre Operationen sind zu häufig, bitte versuchen Sie es später erneut",
-    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass seine Operationen zu häufig sind und er es später erneut versuchen soll"
+    "message": "Ihre Aktionen sind zu häufig, bitte versuchen Sie es später erneut",
+    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass seine Aktionen zu häufig sind und er es später erneut versuchen soll"
   },
   "message.errorUsedUp": {
-    "message": "Sie haben Ihre Paketzeiten aufgebraucht, bitte kaufen Sie mehr Zeiten, um fortzufahren",
-    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass er seine Paketzeiten aufgebraucht hat und mehr Zeiten kaufen soll, um fortzufahren"
+    "message": "Sie haben Ihre Paketzahlen aufgebraucht, bitte kaufen Sie mehr, um die Nutzung fortzusetzen",
+    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass er seine Paketzahlen aufgebraucht hat und mehr kaufen soll, um die Nutzung fortzusetzen"
   },
   "message.errorUnknown": {
-    "message": "Ein unbekannter Fehler ist auf dem Server aufgetreten, bitte versuchen Sie es später erneut oder kontaktieren Sie den Kundenservice",
-    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass ein unbekannter Fehler auf dem Server aufgetreten ist und er es später erneut versuchen oder den Kundenservice kontaktieren soll"
+    "message": "Auf dem Server ist ein unbekannter Fehler aufgetreten, bitte versuchen Sie es später erneut oder wenden Sie sich an den Kundenservice",
+    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass auf dem Server ein unbekannter Fehler aufgetreten ist und er es später erneut versuchen oder den Kundenservice kontaktieren soll"
   },
   "message.errorTimeout": {
-    "message": "Die Beantwortung der Frage hat Zeitüberschreitung, bitte versuchen Sie es später erneut",
-    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass die Beantwortung der Frage Zeitüberschreitung hat und er es später erneut versuchen soll"
+    "message": "Beantwortung der Frage hat das Zeitlimit überschritten, bitte versuchen Sie es später erneut",
+    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass die Beantwortung der Frage das Zeitlimit überschritten hat und er es später erneut versuchen soll"
   },
   "message.errorNotApplied": {
-    "message": "Sie haben diesen Service noch nicht beantragt, bitte beantragen Sie zuerst, bevor Sie weitere Fragen stellen",
-    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass er diesen Service noch nicht beantragt hat und zuerst beantragen soll, bevor er weitere Fragen stellt"
+    "message": "Sie haben diesen Service noch nicht beantragt, bitte beantragen Sie ihn zuerst, bevor Sie Fragen stellen",
+    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass er diesen Service noch nicht beantragt hat und ihn zuerst beantragen soll, bevor er Fragen stellt"
   },
   "message.confirmDelete": {
-    "message": "Löschung bestätigen",
-    "description": "Nachricht auf einer Webseite, die den Benutzer auffordert, die Löschung zu bestätigen"
+    "message": "Löschen bestätigen",
+    "description": "Nachricht auf einer Webseite, die den Benutzer auffordert, das Löschen zu bestätigen"
   },
   "message.howToUse": {
-    "message": "Drücken Sie Umschalt+Eingabe, um eine neue Zeile zu starten",
-    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass er Umschalt+Eingabe drücken soll, um eine neue Zeile zu starten"
+    "message": "KI kann Fehler machen. Überprüfen Sie wichtige Informationen.",
+    "description": "Nachricht auf einer Webseite, die den Benutzer darüber informiert, dass KI Fehler machen kann. Überprüfen Sie wichtige Informationen."
   },
   "title.chat": {
     "message": "AI-Chat",
@@ -169,18 +149,34 @@
   },
   "title.limitations": {
     "message": "Einschränkungen",
-    "description": "Titel auf einer Webseite, der besagt, dass es sich um die technischen Einschränkungen des Dienstes handelt"
+    "description": "Titel auf einer Webseite, der angibt, dass es sich um die technischen Einschränkungen des Dienstes handelt"
   },
   "title.complexQuestion": {
     "message": "Komplexe Fragen beantworten",
-    "description": "Titel auf einer Webseite, der besagt, dass es um die Fähigkeit des Dienstes geht, komplexe Fragen zu beantworten"
+    "description": "Titel auf einer Webseite, der darauf hinweist, dass es um die Fähigkeit des Dienstes geht, komplexe Fragen zu beantworten"
   },
   "title.professionalQuestion": {
-    "message": "Berufliche Fragen konsultieren",
-    "description": "Titel auf einer Webseite, der besagt, dass es um die Fähigkeit des Dienstes geht, berufliche Fragen zu konsultieren"
+    "message": "Professionelle Fragen konsultieren",
+    "description": "Titel auf einer Webseite, der darauf hinweist, dass es um die Fähigkeit des Dienstes geht, professionelle Fragen zu konsultieren"
   },
   "title.getTips": {
     "message": "Inspiration und Kreativität erhalten",
-    "description": "Titel auf einer Webseite, der besagt, dass es um die Fähigkeit des Dienstes geht, Inspiration und Kreativität zu erhalten"
+    "description": "Titel auf einer Webseite, der darauf hinweist, dass es um die Fähigkeit des Dienstes geht, Inspiration und Kreativität zu erhalten"
+  },
+  "group.today": {
+    "message": "Heute",
+    "description": "Gruppenname auf einer Webseite, der Heute lautet"
+  },
+  "group.yesterday": {
+    "message": "Gestern",
+    "description": "Gruppenname auf einer Webseite, der Gestern lautet"
+  },
+  "group.thisWeek": {
+    "message": "Diese Woche",
+    "description": "Gruppenname auf einer Webseite, der Diese Woche lautet"
+  },
+  "group.earlier": {
+    "message": "Früher",
+    "description": "Gruppenname auf einer Webseite, der Früher lautet"
   }
 }