From 2dcf36feb75ea14056f51d9bbe06053114ad3cad Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Sat, 28 Jun 2025 18:29:05 +0800
Subject: [PATCH] feat(stage-tamagotchi): settings - hearing

---
 .../ResourceStatusIsland/LoadingProgress.vue  | 26 ++++++++++++++++++-
 .../src/pages/settings/modules/hearing.vue    |  3 +++
 2 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 apps/stage-tamagotchi/src/pages/settings/modules/hearing.vue

diff --git a/apps/stage-tamagotchi/src/components/Widgets/ResourceStatusIsland/LoadingProgress.vue b/apps/stage-tamagotchi/src/components/Widgets/ResourceStatusIsland/LoadingProgress.vue
index 9e12e8c5e..b436aad24 100644
--- a/apps/stage-tamagotchi/src/components/Widgets/ResourceStatusIsland/LoadingProgress.vue
+++ b/apps/stage-tamagotchi/src/components/Widgets/ResourceStatusIsland/LoadingProgress.vue
@@ -20,8 +20,32 @@ const totalProgress = computed(() => {
     shadow-md bg="white/80 dark:neutral-900/80"
     backdrop-blur="md"
     w="[calc(100%-1.5rem)]"
+    space-y-3
   >
-    <div mb-3 flex items-center gap-2>
+    <div>
+      <div flex items-center gap-2>
+        <div i-solar:danger-triangle-bold-duotone text="orange" />
+        <div>
+          Some modules are not available yet...
+        </div>
+      </div>
+      <ul ml-4 mt-3>
+        <li>
+          <RouterLink to="/settings/modules/hearing">
+            <div flex items-center gap-1>
+              <div flex items-center gap-1>
+                <div i-solar:microphone-3-bold-duotone />
+                <span decoration-underline decoration-dashed>Hearing</span>
+              </div>
+              <div text="neutral-500 dark:neutral-400">
+                due to loading inference models...
+              </div>
+            </div>
+          </RouterLink>
+        </li>
+      </ul>
+    </div>
+    <div flex items-center gap-2>
       <div v-if="totalProgress < 100" i-svg-spinners:pulse-ring />
       <div v-else i-solar:check-circle-bold />
       <div>
diff --git a/apps/stage-tamagotchi/src/pages/settings/modules/hearing.vue b/apps/stage-tamagotchi/src/pages/settings/modules/hearing.vue
new file mode 100644
index 000000000..04d85e1bd
--- /dev/null
+++ b/apps/stage-tamagotchi/src/pages/settings/modules/hearing.vue
@@ -0,0 +1,3 @@
+<template>
+  <div />
+</template>