From 20533103d281f382f09ee3c5a5864dc22a6fce58 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Thu, 17 Jul 2025 03:50:31 +0800
Subject: [PATCH] fix(stage-web,stage-tamagotchi): modules indicator not
 working

Close #175
---
 apps/stage-tamagotchi/src/pages/settings/modules/index.vue | 5 +++--
 apps/stage-web/src/pages/settings/modules/index.vue        | 5 +++--
 packages/stage-ui/src/stores/modules/consciousness.ts      | 5 +++++
 packages/stage-ui/src/stores/modules/speech.ts             | 5 +++++
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/apps/stage-tamagotchi/src/pages/settings/modules/index.vue b/apps/stage-tamagotchi/src/pages/settings/modules/index.vue
index 9c4098c7b..8f1514810 100644
--- a/apps/stage-tamagotchi/src/pages/settings/modules/index.vue
+++ b/apps/stage-tamagotchi/src/pages/settings/modules/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { IconStatusItem } from '@proj-airi/stage-ui/components'
+import { useConsciousnessStore, useSpeechStore } from '@proj-airi/stage-ui/stores'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
@@ -28,7 +29,7 @@ const modulesList = computed<Module[]>(() => [
     description: t('settings.pages.modules.consciousness.description'),
     icon: 'i-solar:ghost-bold-duotone',
     to: '/settings/modules/consciousness',
-    configured: false,
+    configured: useConsciousnessStore().configured,
   },
   {
     id: 'speech',
@@ -36,7 +37,7 @@ const modulesList = computed<Module[]>(() => [
     description: t('settings.pages.modules.speech.description'),
     icon: 'i-solar:user-speak-rounded-bold-duotone',
     to: '/settings/modules/speech',
-    configured: false,
+    configured: useSpeechStore().configured,
   },
   {
     id: 'hearing',
diff --git a/apps/stage-web/src/pages/settings/modules/index.vue b/apps/stage-web/src/pages/settings/modules/index.vue
index 2bdf6cb76..bfeee642d 100644
--- a/apps/stage-web/src/pages/settings/modules/index.vue
+++ b/apps/stage-web/src/pages/settings/modules/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { IconStatusItem } from '@proj-airi/stage-ui/components'
+import { useConsciousnessStore, useSpeechStore } from '@proj-airi/stage-ui/stores'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
@@ -28,7 +29,7 @@ const modulesList = computed<Module[]>(() => [
     description: t('settings.pages.modules.consciousness.description'),
     icon: 'i-solar:ghost-bold-duotone',
     to: '/settings/modules/consciousness',
-    configured: false,
+    configured: useConsciousnessStore().configured,
   },
   {
     id: 'speech',
@@ -36,7 +37,7 @@ const modulesList = computed<Module[]>(() => [
     description: t('settings.pages.modules.speech.description'),
     icon: 'i-solar:user-speak-rounded-bold-duotone',
     to: '/settings/modules/speech',
-    configured: false,
+    configured: useSpeechStore().configured,
   },
   {
     id: 'hearing',
diff --git a/packages/stage-ui/src/stores/modules/consciousness.ts b/packages/stage-ui/src/stores/modules/consciousness.ts
index 27942a2f6..d88dd1bbb 100644
--- a/packages/stage-ui/src/stores/modules/consciousness.ts
+++ b/packages/stage-ui/src/stores/modules/consciousness.ts
@@ -92,8 +92,13 @@ export const useConsciousnessStore = defineStore('consciousness', () => {
     }
   })
 
+  const configured = computed(() => {
+    return !!activeProvider.value && !!activeModel.value
+  })
+
   return {
     // State
+    configured,
     activeProvider,
     activeModel,
     customModelName: activeCustomModelName,
diff --git a/packages/stage-ui/src/stores/modules/speech.ts b/packages/stage-ui/src/stores/modules/speech.ts
index e7494d1db..a092e56e7 100644
--- a/packages/stage-ui/src/stores/modules/speech.ts
+++ b/packages/stage-ui/src/stores/modules/speech.ts
@@ -209,8 +209,13 @@ export const useSpeechStore = defineStore('speech', () => {
     return toXml(ssmlXast)
   }
 
+  const configured = computed(() => {
+    return !!activeSpeechProvider.value && !!activeSpeechModel.value && !!activeSpeechVoiceId.value
+  })
+
   return {
     // State
+    configured,
     activeSpeechProvider,
     activeSpeechModel,
     activeSpeechVoice,