feat(stage-*): allow to connect remote ws server (#953)

Author: LemonNekoGH

apps/stage-tamagotchi/package.json

@@ -60,6 +60,7 @@
     "@proj-airi/server-runtime": "workspace:^",
     "@proj-airi/server-sdk": "workspace:*",
     "@proj-airi/stage-layouts": "workspace:^",
+    "@proj-airi/stage-pages": "workspace:^",
     "@proj-airi/stage-ui": "workspace:^",
     "@proj-airi/stage-ui-live2d": "workspace:^",
     "@proj-airi/stage-ui-three": "workspace:^",

apps/stage-tamagotchi/src/renderer/layouts/settings.vue

@@ -104,6 +104,10 @@ const routeHeaderMetadataMap = computed(() => {
       subtitle: t('settings.title'),
       title: t('settings.pages.data.title'),
     },
+    '/settings/connection': {
+      subtitle: t('settings.title'),
+      title: t('settings.pages.connection.title'),
+    },
     '/settings/scene': {
       subtitle: t('settings.title'),
       title: t('settings.pages.scene.title'),

apps/stage-tamagotchi/src/renderer/pages/settings/connection/index.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import ConnectionSettings from '@proj-airi/stage-pages/pages/settings/connection/ConnectionSettings.vue'
+</script>
+
+<template>
+  <ConnectionSettings>
+    <template #platform-specific />
+  </ConnectionSettings>
+</template>
+
+<route lang="yaml">
+meta:
+  layout: settings
+  stageTransition:
+    name: slide
+</route>

apps/stage-tamagotchi/src/renderer/pages/settings/index.vue

@@ -60,6 +60,12 @@ const settings = computed(() => [
     icon: 'i-solar:box-minimalistic-bold-duotone',
     to: '/settings/providers',
   },
+  {
+    title: t('settings.pages.connection.title'),
+    description: t('settings.pages.connection.description'),
+    icon: 'i-solar:router-bold-duotone',
+    to: '/settings/connection',
+  },
   {
     title: t('settings.pages.system.title'),
     description: t('settings.pages.system.description'),

packages/i18n/src/locales/en/settings.yaml

@@ -722,6 +722,13 @@ pages:
         playground:
           title: Transcription Playground
     title: Providers
+  connection:
+    description: Configure WebSocket server connection
+    title: Connection
+    websocket-url:
+      description: Full address of the WebSocket server (e.g., ws://localhost:6121/ws)
+      label: WebSocket Server Address
+      placeholder: ws://localhost:6121/ws
   scene:
     description: Configure the environment where the character lives
     title: Scene

packages/i18n/src/locales/es/settings.yaml

@@ -696,6 +696,12 @@ pages:
         playground:
           title: Playground de Transcripción
     title: Proveedores
+  connection:
+    description: Configurar la conexión del servidor WebSocket
+    title: Conexión
+    websocket-url:
+      description: "Dirección completa del servidor WebSocket (ej.: ws://localhost:6121/ws)'      label: Dirección del servidor WebSocket"
+      placeholder: ws://localhost:6121/ws
   scene:
     description: Configurar el entorno donde vive el personaje
     title: Escena

packages/i18n/src/locales/ja/settings.yaml

@@ -696,6 +696,13 @@ pages:
         playground:
           title: 文字起こし実験場
     title: プロバイダー
+  connection:
+    description: WebSocket サーバー接続を設定
+    title: 接続
+    websocket-url:
+      description: WebSocket サーバーの完全なアドレス（例：ws://localhost:6121/ws）
+      label: WebSocket サーバーアドレス
+      placeholder: ws://localhost:6121/ws
   scene:
     description: キャラクターが過ごす環境を設定する
     title: シーン

packages/i18n/src/locales/ko/settings.yaml

@@ -696,6 +696,13 @@ pages:
         playground:
           title: Transcription Playground
     title: Providers
+  connection:
+    description: WebSocket 서버 연결 구성
+    title: 연결
+    websocket-url:
+      description: 'WebSocket 서버의 전체 주소 (예: ws://localhost:6121/ws)'
+      label: WebSocket 서버 주소
+      placeholder: ws://localhost:6121/ws
   scene:
     description: Configure the environment where the character lives
     title: Scene

packages/i18n/src/locales/ru/settings.yaml

@@ -696,6 +696,13 @@ pages:
         playground:
           title: Песочница транскрипции
     title: Провайдеры
+  connection:
+    description: Настроить подключение к WebSocket серверу
+    title: Подключение
+    websocket-url:
+      description: 'Полный адрес WebSocket сервера (например: ws://localhost:6121/ws)'
+      label: Адрес WebSocket сервера
+      placeholder: ws://localhost:6121/ws
   scene:
     description: Настройте окружение, в котором живёт персонаж
     title: Сцена

packages/i18n/src/locales/vi/settings.yaml

@@ -696,6 +696,13 @@ pages:
         playground:
           title: Transcription Playground
     title: Nhà cung cấp
+  connection:
+    description: Cấu hình kết nối máy chủ WebSocket
+    title: Kết nối
+    websocket-url:
+      description: 'Địa chỉ đầy đủ của máy chủ WebSocket (ví dụ: ws://localhost:6121/ws)'
+      label: Địa chỉ máy chủ WebSocket
+      placeholder: ws://localhost:6121/ws
   scene:
     description: Cấu hình môi trường nhân vật sinh sống
     title: Bối cảnh