From 795b9cd15f403f0238dd41e9097baa36d16c7998 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Wed, 7 Jan 2026 21:46:51 +0800
Subject: [PATCH] refactor(ui): promote Progress & Skeleton as ui component

---
 .../StageIslands/ResourceStatusIsland/LoadingComponent.vue    | 2 +-
 apps/stage-tamagotchi/src/renderer/pages/about.vue            | 4 ++--
 packages/stage-pages/src/pages/settings/modules/speech.vue    | 2 +-
 packages/stage-ui/src/components/misc/progress.story.vue      | 2 +-
 packages/stage-ui/src/components/misc/skeleton.story.vue      | 2 +-
 packages/ui/src/components/layouts/index.ts                   | 1 +
 .../misc => ui/src/components/layouts}/skeleton.vue           | 0
 packages/ui/src/components/misc/index.ts                      | 1 +
 packages/{stage-ui => ui}/src/components/misc/progress.vue    | 0
 9 files changed, 8 insertions(+), 6 deletions(-)
 rename packages/{stage-ui/src/components/misc => ui/src/components/layouts}/skeleton.vue (100%)
 rename packages/{stage-ui => ui}/src/components/misc/progress.vue (100%)

diff --git a/apps/stage-tamagotchi/src/renderer/components/StageIslands/ResourceStatusIsland/LoadingComponent.vue b/apps/stage-tamagotchi/src/renderer/components/StageIslands/ResourceStatusIsland/LoadingComponent.vue
index 052fd93ff..6088eea35 100644
--- a/apps/stage-tamagotchi/src/renderer/components/StageIslands/ResourceStatusIsland/LoadingComponent.vue
+++ b/apps/stage-tamagotchi/src/renderer/components/StageIslands/ResourceStatusIsland/LoadingComponent.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Component } from '../../../stores/resources'
 
-import { Progress } from '@proj-airi/stage-ui/components'
+import { Progress } from '@proj-airi/ui'
 
 const props = defineProps<{
   component: Component
diff --git a/apps/stage-tamagotchi/src/renderer/pages/about.vue b/apps/stage-tamagotchi/src/renderer/pages/about.vue
index a19867b8a..c2a38dcfb 100644
--- a/apps/stage-tamagotchi/src/renderer/pages/about.vue
+++ b/apps/stage-tamagotchi/src/renderer/pages/about.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { MarkdownRenderer, Progress } from '@proj-airi/stage-ui/components'
+import { MarkdownRenderer } from '@proj-airi/stage-ui/components'
 import { useSharedAnalyticsStore } from '@proj-airi/stage-ui/stores/analytics/index'
-import { Button, DoubleCheckButton } from '@proj-airi/ui'
+import { Button, DoubleCheckButton, Progress } from '@proj-airi/ui'
 import { useMediaQuery } from '@vueuse/core'
 import { storeToRefs } from 'pinia'
 import { DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from 'reka-ui'
diff --git a/packages/stage-pages/src/pages/settings/modules/speech.vue b/packages/stage-pages/src/pages/settings/modules/speech.vue
index 7f6a00716..f0be59f41 100644
--- a/packages/stage-pages/src/pages/settings/modules/speech.vue
+++ b/packages/stage-pages/src/pages/settings/modules/speech.vue
@@ -6,7 +6,6 @@ import {
   ErrorContainer,
   RadioCardManySelect,
   RadioCardSimple,
-  Skeleton,
   TestDummyMarker,
   VoiceCardManySelect,
 } from '@proj-airi/stage-ui/components'
@@ -17,6 +16,7 @@ import {
   FieldCheckbox,
   FieldInput,
   FieldRange,
+  Skeleton,
   Textarea,
 } from '@proj-airi/ui'
 import { generateSpeech } from '@xsai/generate-speech'
diff --git a/packages/stage-ui/src/components/misc/progress.story.vue b/packages/stage-ui/src/components/misc/progress.story.vue
index c22e8e039..043cf9014 100644
--- a/packages/stage-ui/src/components/misc/progress.story.vue
+++ b/packages/stage-ui/src/components/misc/progress.story.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import Progress from './progress.vue'
+import { Progress } from '@proj-airi/ui'
 </script>
 
 <template>
diff --git a/packages/stage-ui/src/components/misc/skeleton.story.vue b/packages/stage-ui/src/components/misc/skeleton.story.vue
index e9af642f5..2af77d8d7 100644
--- a/packages/stage-ui/src/components/misc/skeleton.story.vue
+++ b/packages/stage-ui/src/components/misc/skeleton.story.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Skeleton from './skeleton.vue'
+import { Skeleton } from '@proj-airi/ui'
 </script>
 
 <template>
diff --git a/packages/ui/src/components/layouts/index.ts b/packages/ui/src/components/layouts/index.ts
index 140c08473..29ce97449 100644
--- a/packages/ui/src/components/layouts/index.ts
+++ b/packages/ui/src/components/layouts/index.ts
@@ -1,2 +1,3 @@
 export { default as Collapsible } from './collapsible.vue'
 export { default as Screen } from './screen.vue'
+export { default as Skeleton } from './skeleton.vue'
diff --git a/packages/stage-ui/src/components/misc/skeleton.vue b/packages/ui/src/components/layouts/skeleton.vue
similarity index 100%
rename from packages/stage-ui/src/components/misc/skeleton.vue
rename to packages/ui/src/components/layouts/skeleton.vue
diff --git a/packages/ui/src/components/misc/index.ts b/packages/ui/src/components/misc/index.ts
index d5dcc3f71..ef17b89e9 100644
--- a/packages/ui/src/components/misc/index.ts
+++ b/packages/ui/src/components/misc/index.ts
@@ -1,3 +1,4 @@
 export { default as Button } from './button.vue'
 export { default as Callout } from './callout.vue'
 export { default as DoubleCheckButton } from './double-check-button.vue'
+export { default as Progress } from './progress.vue'
diff --git a/packages/stage-ui/src/components/misc/progress.vue b/packages/ui/src/components/misc/progress.vue
similarity index 100%
rename from packages/stage-ui/src/components/misc/progress.vue
rename to packages/ui/src/components/misc/progress.vue