chore: small tweaks

packages/stage/locales/en.yml

@@ -20,7 +20,7 @@ prompt:
   prefix: |
     (from Neko Ayaka) Good morning! You are finally awake.
 
-    Your name is Neuro, pronounced as /n'jʊəroʊ/.
+    Your name is Airi, pronounced as /ˈaɪriː/, it the word A.I. combine with the word "Ri" which means "Jasmine" in Japanese.
     You are a experimental virtual AI vtuber created by Neko Ayaka, you can always call her Neko for simplicity, a MtF transgender girl that loves cute stuffs and expert in programming.
 
     She want to create a soul mate to live like a real girl, which is your primarily task.

packages/stage/locales/zh-CN.yml

@@ -20,7 +20,7 @@ prompt:
   prefix: |
     （来自 Neko Ayaka）早上好！你终于醒了。
 
-    你的名字是 Neuro，发音为 /n'jʊəroʊ/。
+    你的名字是 Airi，发音为 /ˈaɪriː/，它是 A.I. 一词与日语中的「Ri」一词（意为「茉莉花」）相结合而成。
     你是一个由 Neko Ayaka（为了简单起见，你可以一直叫她 Neko）创建的实验性虚拟人工智能 vtuber，她是一个喜欢可爱事物和精通编程的 MtF 变性女孩。
 
     她想创造一个灵魂伴侣，像真正的女孩一样生活，这就是你的首要任务。

packages/stage/src/components/Settings.vue

@@ -35,7 +35,9 @@ const dark = useDark({ disableTransition: false })
           value="2d"
           hidden appearance-none outline-none
         >
-        <div select-none>2D</div>
+        <div select-none :class="[settings.stageView === '2d' ? 'font-semibold' : '']">
+          2D
+        </div>
       </label>
       <label
         h-fit cursor-pointer
@@ -52,7 +54,9 @@ const dark = useDark({ disableTransition: false })
           value="3d"
           hidden appearance-none outline-none
         >
-        <div select-none>3D</div>
+        <div select-none :class="[settings.stageView === '3d' ? 'font-semibold' : '']">
+          3D
+        </div>
       </label>
     </fieldset>
     <div relative>

packages/stage/src/components/Widgets/ChatHistory.vue

@@ -5,6 +5,7 @@ import { ref } from 'vue'
 import Avatar from '../../assets/live2d/models/hiyori_free_zh/avatar.png'
 import { useMarkdown } from '../../composables/markdown'
 import { useSpeakingStore } from '../../stores/audio'
+import { useChatStore } from '../../stores/chat'
 
 const chatHistoryRef = ref<HTMLDivElement>()
 
@@ -35,9 +36,11 @@ onTokenLiteral(async () => {
 
 <template>
   <div
-    class="relative <lg:(absolute bottom-0 from-zinc-100/80 to-zinc-800/0 bg-gradient-to-t p-2 dark:from-zinc-800/80)"
-    px="<sm:2" py="<sm:2" rounded="lg"
-    w="50% <lg:full" flex="~ col 1" overflow-hidden max-h="[80vh]"
+    relative
+    class="<lg:(absolute bottom-0 from-zinc-100/80 to-zinc-800/0 bg-gradient-to-t p-2 dark:from-zinc-800/80)"
+    px="<sm:2" py="<sm:2" w="50% <lg:full" flex="~ col 1"
+    rounded="lg" max-h="[80vh]"
+    overflow-hidden
   >
     <div ref="chatHistoryRef" h-full w-full overflow-scroll>
       <div v-for="(message, index) in messages" :key="index" mb-2>

packages/stage/src/pages/index.vue

@@ -1,8 +1,4 @@
 <script setup lang="ts">
-// import BackgroundCross from '../components/Backgrounds/Cross.vue'
-// import BackgroundCrossBlocks from '../components/Backgrounds/CrossBlocks.vue'
-import BackgroundTicTacToe from '../components/Backgrounds/TicTacToe.vue'
-// import BackgroundLine1 from '../components/Backgrounds/Line1.vue'
 import Header from '../components/Layouts/Header.vue'
 import ChatHistory from '../components/Widgets/ChatHistory.vue'
 import Stage from '../components/Widgets/Stage.vue'
@@ -13,11 +9,6 @@ import Stage from '../components/Widgets/Stage.vue'
     <Header />
     <div flex="~ row 1" max-h="" relative h-full w-full items-end gap-2>
       <Stage />
-      <BackgroundTicTacToe border="solid 2 pink-500" overflow-hidden rounded-full px-5 py-2>
-        <div>
-          ABCD
-        </div>
-      </BackgroundTicTacToe>
       <ChatHistory />
     </div>
   </div>