From 4a17b94170808c24a4e8f049f11b61d73eef7332 Mon Sep 17 00:00:00 2001
From: Typed SIGTERM <typed.sigterm@gmail.com>
Date: Sun, 2 Nov 2025 04:30:46 +0800
Subject: [PATCH] fix: add WIP notes (#706)

---
 apps/stage-web/src/layouts/settings.vue       |  4 ++++
 packages/i18n/src/locales/en/settings.yaml    |  3 +++
 .../i18n/src/locales/zh-Hans/settings.yaml    |  3 +++
 .../src/pages/settings/modules/vision.vue     | 15 ++++++++++++
 packages/stage-ui/src/components/misc/WIP.vue | 24 +++++++++++++++++++
 .../stage-ui/src/components/misc/index.ts     |  1 +
 .../src/composables/use-modules-list.ts       |  2 +-
 7 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 packages/stage-pages/src/pages/settings/modules/vision.vue
 create mode 100644 packages/stage-ui/src/components/misc/WIP.vue

diff --git a/apps/stage-web/src/layouts/settings.vue b/apps/stage-web/src/layouts/settings.vue
index cf95455ef..997bdbbd8 100644
--- a/apps/stage-web/src/layouts/settings.vue
+++ b/apps/stage-web/src/layouts/settings.vue
@@ -63,6 +63,10 @@ const routeHeaderMetadataMap = computed(() => {
       subtitle: t('settings.title'),
       title: t('settings.pages.modules.hearing.title'),
     },
+    '/settings/modules/vision': {
+      subtitle: t('settings.title'),
+      title: t('settings.pages.modules.vision.title'),
+    },
     '/settings/modules/memory-short-term': {
       subtitle: t('settings.title'),
       title: t('settings.pages.modules.memory-short-term.title'),
diff --git a/packages/i18n/src/locales/en/settings.yaml b/packages/i18n/src/locales/en/settings.yaml
index c4cd92fc7..2a3f10eee 100644
--- a/packages/i18n/src/locales/en/settings.yaml
+++ b/packages/i18n/src/locales/en/settings.yaml
@@ -736,3 +736,6 @@ vrm:
   skybox:
     skybox-intensity: SkyBox Intensity
     skybox-specular-mix: Specular Mix
+wip:
+  title: Work in Progress
+  description: This feature is currently under development and not yet publicly available. Check back in future updates for this functionality.
diff --git a/packages/i18n/src/locales/zh-Hans/settings.yaml b/packages/i18n/src/locales/zh-Hans/settings.yaml
index 9e8c0e7e3..c7168f286 100644
--- a/packages/i18n/src/locales/zh-Hans/settings.yaml
+++ b/packages/i18n/src/locales/zh-Hans/settings.yaml
@@ -658,3 +658,6 @@ vrm:
   skybox:
     skybox-intensity: 天空盒光照强度
     skybox-specular-mix: 漫反射/镜面反射混合系数
+wip:
+  title: 正在开发中
+  description: 此功能正在开发中，尚未公开发布。请在未来的更新中再次查看此功能。
diff --git a/packages/stage-pages/src/pages/settings/modules/vision.vue b/packages/stage-pages/src/pages/settings/modules/vision.vue
new file mode 100644
index 000000000..376c623d2
--- /dev/null
+++ b/packages/stage-pages/src/pages/settings/modules/vision.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { WIP } from '@proj-airi/stage-ui/components'
+</script>
+
+<template>
+  <WIP />
+</template>
+
+<route lang="yaml">
+meta:
+  layout: settings
+  stageTransition:
+    name: slide
+    pageSpecificAvailable: true
+</route>
diff --git a/packages/stage-ui/src/components/misc/WIP.vue b/packages/stage-ui/src/components/misc/WIP.vue
new file mode 100644
index 000000000..e6412a2f4
--- /dev/null
+++ b/packages/stage-ui/src/components/misc/WIP.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+</script>
+
+<template>
+  <div
+    flex="~ col" gap-3
+    rounded-lg border="2 orange-200 dark:orange-800"
+    bg="orange-50 dark:orange-950/30"
+    p-6
+  >
+    <div flex items-center gap-2 text="orange-600 dark:orange-400">
+      <div i-solar:usb-circle-bold-duotone text-xl />
+      <h2 text-lg font-semibold>
+        {{ t('settings.wip.title') }}
+      </h2>
+    </div>
+    <p text="sm neutral-700 dark:neutral-300">
+      {{ t('settings.wip.description') }}
+    </p>
+  </div>
+</template>
diff --git a/packages/stage-ui/src/components/misc/index.ts b/packages/stage-ui/src/components/misc/index.ts
index f6fbfa296..7d3e5463e 100644
--- a/packages/stage-ui/src/components/misc/index.ts
+++ b/packages/stage-ui/src/components/misc/index.ts
@@ -6,3 +6,4 @@ export { default as Progress } from './Progress.vue'
 export { default as Screen } from './Screen.vue'
 export { default as Skeleton } from './Skeleton.vue'
 export * from './Steppers'
+export { default as WIP } from './WIP.vue'
diff --git a/packages/stage-ui/src/composables/use-modules-list.ts b/packages/stage-ui/src/composables/use-modules-list.ts
index 8c1abaa1d..b2cabd812 100644
--- a/packages/stage-ui/src/composables/use-modules-list.ts
+++ b/packages/stage-ui/src/composables/use-modules-list.ts
@@ -66,7 +66,7 @@ export function useModulesList() {
       name: t('settings.pages.modules.vision.title'),
       description: t('settings.pages.modules.vision.description'),
       icon: 'i-solar:eye-closed-bold-duotone',
-      to: '',
+      to: '/settings/modules/vision',
       configured: false,
       category: 'essential',
     },