From 98ec5ffffff76e9620db91fe480dca6368ef3f53 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Wed, 7 Jan 2026 21:16:33 +0800
Subject: [PATCH] refactor(stage-ui,ui): promote Callout to ui package

---
 packages/stage-pages/src/pages/devtools/beat-sync.vue         | 4 ++--
 packages/stage-pages/src/pages/devtools/context-flow.vue      | 4 ++--
 packages/stage-pages/src/pages/devtools/markdown-stress.vue   | 3 ++-
 packages/stage-pages/src/pages/settings/scene/index.vue       | 2 +-
 .../pages/v2/settings/providers/edit/[providerId]/index.vue   | 3 +--
 packages/stage-ui/src/components/layouts/Callout.story.vue    | 2 +-
 packages/stage-ui/src/components/layouts/index.ts             | 2 --
 packages/stage-ui/src/components/misc/WIP.vue                 | 3 +--
 .../scenarios/dialogs/audio-input/hearing-config.vue          | 4 +---
 .../dialogs/onboarding/step-provider-configuration.vue        | 3 +--
 .../src/components/scenarios/settings/model-settings/VRM.vue  | 3 +--
 .../components/scenarios/settings/model-settings/index.vue    | 3 +--
 .../components/layouts => ui/src/components/Misc}/Callout.vue | 0
 packages/ui/src/components/Misc/index.ts                      | 1 +
 14 files changed, 15 insertions(+), 22 deletions(-)
 rename packages/{stage-ui/src/components/layouts => ui/src/components/Misc}/Callout.vue (100%)

diff --git a/packages/stage-pages/src/pages/devtools/beat-sync.vue b/packages/stage-pages/src/pages/devtools/beat-sync.vue
index a9f36716a..164456dc3 100644
--- a/packages/stage-pages/src/pages/devtools/beat-sync.vue
+++ b/packages/stage-pages/src/pages/devtools/beat-sync.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { BeatSyncStyleName } from '../../../../stage-ui/src/composables/live2d/beat-sync'
 
-import { Callout, Section } from '@proj-airi/stage-ui/components'
-import { Button, FieldCheckbox, FieldRange, FieldSelect } from '@proj-airi/ui'
+import { Section } from '@proj-airi/stage-ui/components'
+import { Button, Callout, FieldCheckbox, FieldRange, FieldSelect } from '@proj-airi/ui'
 import { useRafFn } from '@vueuse/core'
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 
diff --git a/packages/stage-pages/src/pages/devtools/context-flow.vue b/packages/stage-pages/src/pages/devtools/context-flow.vue
index 4acf34b6a..06894ac2c 100644
--- a/packages/stage-pages/src/pages/devtools/context-flow.vue
+++ b/packages/stage-pages/src/pages/devtools/context-flow.vue
@@ -4,11 +4,11 @@ import type { ChatStreamEvent, ContextMessage } from '@proj-airi/stage-ui/types/
 
 import { errorMessageFrom } from '@moeru/std'
 import { ContextUpdateStrategy } from '@proj-airi/server-sdk'
-import { Callout, Section } from '@proj-airi/stage-ui/components'
+import { Section } from '@proj-airi/stage-ui/components'
 import { useCharacterOrchestratorStore } from '@proj-airi/stage-ui/stores/character-orchestrator'
 import { CHAT_STREAM_CHANNEL_NAME, CONTEXT_CHANNEL_NAME, useChatStore } from '@proj-airi/stage-ui/stores/chat'
 import { useModsServerChannelStore } from '@proj-airi/stage-ui/stores/mods/api/channel-server'
-import { Button, FieldCheckbox, FieldInput, FieldTextArea, Input, SelectTab } from '@proj-airi/ui'
+import { Button, Callout, FieldCheckbox, FieldInput, FieldTextArea, Input, SelectTab } from '@proj-airi/ui'
 import { useBroadcastChannel } from '@vueuse/core'
 import { nanoid } from 'nanoid'
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
diff --git a/packages/stage-pages/src/pages/devtools/markdown-stress.vue b/packages/stage-pages/src/pages/devtools/markdown-stress.vue
index 9ba5074a5..2308e71a4 100644
--- a/packages/stage-pages/src/pages/devtools/markdown-stress.vue
+++ b/packages/stage-pages/src/pages/devtools/markdown-stress.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { ButtonBar, Callout, Section } from '@proj-airi/stage-ui/components'
+import { ButtonBar, Section } from '@proj-airi/stage-ui/components'
 import { useMarkdownStressStore } from '@proj-airi/stage-ui/stores/markdown-stress'
+import { Callout } from '@proj-airi/ui'
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
diff --git a/packages/stage-pages/src/pages/settings/scene/index.vue b/packages/stage-pages/src/pages/settings/scene/index.vue
index 9ffb4c179..54d9b53d1 100644
--- a/packages/stage-pages/src/pages/settings/scene/index.vue
+++ b/packages/stage-pages/src/pages/settings/scene/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Callout } from '@proj-airi/stage-ui/components'
+import { Callout } from '@proj-airi/ui'
 </script>
 
 <template>
diff --git a/packages/stage-pages/src/pages/v2/settings/providers/edit/[providerId]/index.vue b/packages/stage-pages/src/pages/v2/settings/providers/edit/[providerId]/index.vue
index 190936636..6a573e354 100644
--- a/packages/stage-pages/src/pages/v2/settings/providers/edit/[providerId]/index.vue
+++ b/packages/stage-pages/src/pages/v2/settings/providers/edit/[providerId]/index.vue
@@ -6,7 +6,6 @@ import type { $ZodType } from 'zod/v4/core'
 import { merge } from '@moeru/std'
 import {
   Alert,
-  Callout,
   ProviderAccountIdInput,
   ProviderAdvancedSettings,
   ProviderApiKeyInput,
@@ -18,7 +17,7 @@ import {
 } from '@proj-airi/stage-ui/components'
 import { getDefinedProvider, getSchemaDefault, getValidatorsOfProvider, validateProvider } from '@proj-airi/stage-ui/libs'
 import { useProviderCatalogStore } from '@proj-airi/stage-ui/stores/provider-catalog'
-import { Button, FieldInput, FieldKeyValues } from '@proj-airi/ui'
+import { Button, Callout, FieldInput, FieldKeyValues } from '@proj-airi/ui'
 import { refManualReset, useDebounceFn } from '@vueuse/core'
 import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from 'reka-ui'
 import { computed, onMounted, ref, watch } from 'vue'
diff --git a/packages/stage-ui/src/components/layouts/Callout.story.vue b/packages/stage-ui/src/components/layouts/Callout.story.vue
index 9c9a67c03..cce86fb53 100644
--- a/packages/stage-ui/src/components/layouts/Callout.story.vue
+++ b/packages/stage-ui/src/components/layouts/Callout.story.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Callout from './Callout.vue'
+import { Callout } from '@proj-airi/ui'
 </script>
 
 <template>
diff --git a/packages/stage-ui/src/components/layouts/index.ts b/packages/stage-ui/src/components/layouts/index.ts
index a5bb7b937..51da7d24b 100644
--- a/packages/stage-ui/src/components/layouts/index.ts
+++ b/packages/stage-ui/src/components/layouts/index.ts
@@ -1,7 +1,5 @@
 export * from './backgrounds'
-export { default as Callout } from './Callout.vue'
 export { default as PageHeader } from './PageHeader.vue'
 export * from './ripple-grid'
 export { default as Section } from './Section.vue'
 export * from './splitpanes'
-export { default as Tabs } from './Tabs.vue'
diff --git a/packages/stage-ui/src/components/misc/WIP.vue b/packages/stage-ui/src/components/misc/WIP.vue
index a821a5f79..58322d36e 100644
--- a/packages/stage-ui/src/components/misc/WIP.vue
+++ b/packages/stage-ui/src/components/misc/WIP.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
+import { Callout } from '@proj-airi/ui'
 import { useI18n } from 'vue-i18n'
 
-import Callout from '../layouts/Callout.vue'
-
 const { t } = useI18n()
 </script>
 
diff --git a/packages/stage-ui/src/components/scenarios/dialogs/audio-input/hearing-config.vue b/packages/stage-ui/src/components/scenarios/dialogs/audio-input/hearing-config.vue
index 80fa27acb..3291df7b5 100644
--- a/packages/stage-ui/src/components/scenarios/dialogs/audio-input/hearing-config.vue
+++ b/packages/stage-ui/src/components/scenarios/dialogs/audio-input/hearing-config.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
-import { FieldSelect } from '@proj-airi/ui'
+import { Callout, FieldSelect } from '@proj-airi/ui'
 import { computed } from 'vue'
 
-import Callout from '../../../layouts/Callout.vue'
-
 const props = withDefaults(defineProps<{
   enabled?: boolean
   granted?: boolean
diff --git a/packages/stage-ui/src/components/scenarios/dialogs/onboarding/step-provider-configuration.vue b/packages/stage-ui/src/components/scenarios/dialogs/onboarding/step-provider-configuration.vue
index d2175d315..b3d436560 100644
--- a/packages/stage-ui/src/components/scenarios/dialogs/onboarding/step-provider-configuration.vue
+++ b/packages/stage-ui/src/components/scenarios/dialogs/onboarding/step-provider-configuration.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
-import { Button, FieldInput } from '@proj-airi/ui'
+import { Button, Callout, FieldInput } from '@proj-airi/ui'
 import { computed, inject, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import { useProvidersStore } from '../../../../stores/providers'
-import { Callout } from '../../../layouts'
 import { Alert } from '../../../misc'
 import { ProviderAccountIdInput } from '../../../scenarios/providers'
 import { OnboardingContextKey } from './utils'
diff --git a/packages/stage-ui/src/components/scenarios/settings/model-settings/VRM.vue b/packages/stage-ui/src/components/scenarios/settings/model-settings/VRM.vue
index f68a38771..359354e02 100644
--- a/packages/stage-ui/src/components/scenarios/settings/model-settings/VRM.vue
+++ b/packages/stage-ui/src/components/scenarios/settings/model-settings/VRM.vue
@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import { useModelStore } from '@proj-airi/stage-ui-three'
-import { Button, SelectTab } from '@proj-airi/ui'
+import { Button, Callout, SelectTab } from '@proj-airi/ui'
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import { Container, PropertyColor, PropertyNumber, PropertyPoint } from '../../../data-pane'
-import { Callout } from '../../../layouts'
 import { ColorPalette } from '../../../widgets'
 
 defineProps<{
diff --git a/packages/stage-ui/src/components/scenarios/settings/model-settings/index.vue b/packages/stage-ui/src/components/scenarios/settings/model-settings/index.vue
index bac995415..0ef20e7bf 100644
--- a/packages/stage-ui/src/components/scenarios/settings/model-settings/index.vue
+++ b/packages/stage-ui/src/components/scenarios/settings/model-settings/index.vue
@@ -2,12 +2,11 @@
 import type { DisplayModel } from '../../../../stores/display-models'
 
 import { ThreeScene, useModelStore } from '@proj-airi/stage-ui-three'
-import { Button } from '@proj-airi/ui'
+import { Button, Callout } from '@proj-airi/ui'
 import { useMouse } from '@vueuse/core'
 import { storeToRefs } from 'pinia'
 import { ref, watch } from 'vue'
 
-import Callout from '../../../layouts/Callout.vue'
 import Live2DScene from '../../../scenes/Live2D.vue'
 import Live2D from './Live2D.vue'
 import VRM from './VRM.vue'
diff --git a/packages/stage-ui/src/components/layouts/Callout.vue b/packages/ui/src/components/Misc/Callout.vue
similarity index 100%
rename from packages/stage-ui/src/components/layouts/Callout.vue
rename to packages/ui/src/components/Misc/Callout.vue
diff --git a/packages/ui/src/components/Misc/index.ts b/packages/ui/src/components/Misc/index.ts
index 1b88d01c1..c56451a24 100644
--- a/packages/ui/src/components/Misc/index.ts
+++ b/packages/ui/src/components/Misc/index.ts
@@ -1,2 +1,3 @@
 export { default as Button } from './Button.vue'
+export { default as Callout } from './Callout.vue'
 export { default as DoubleCheckButton } from './DoubleCheckButton.vue'