From e3ab546f1945010b5c9f2fb05fa73b53e6c2a8ac Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Wed, 7 Jan 2026 22:18:42 +0800
Subject: [PATCH] refactor(stage-ui): rename markdown & scenarios to kebab-case

---
 ....story.vue => markdown-renderer.story.vue} |  2 +-
 ...downRenderer.vue => markdown-renderer.vue} |  0
 ...atAssistantItem.vue => assistant-item.vue} |  7 +++---
 .../{ChatErrorItem.vue => error-item.vue}     |  2 +-
 ...hatHistory.story.vue => history.story.vue} |  2 +-
 .../chat/{ChatHistory.vue => history.vue}     |  6 ++---
 .../src/components/scenarios/chat/index.ts    |  8 +++----
 ...ChatResponsePart.vue => response-part.vue} |  2 +-
 ...tToolCallBlock.vue => tool-call-block.vue} |  0
 .../chat/{ChatUserItem.vue => user-item.vue}  |  2 +-
 .../components/scenarios/providers/index.ts   | 24 +++++++++----------
 ...ue => provider-account-id-input.story.vue} |  2 +-
 ...nput.vue => provider-account-id-input.vue} |  0
 ...e => provider-advanced-settings.story.vue} |  2 +-
 ...ngs.vue => provider-advanced-settings.vue} |  0
 ...y.vue => provider-api-key-input.story.vue} |  2 +-
 ...eyInput.vue => provider-api-key-input.vue} |  0
 ....vue => provider-base-url-input.story.vue} |  2 +-
 ...lInput.vue => provider-base-url-input.vue} |  0
 ....vue => provider-basic-settings.story.vue} |  2 +-
 ...ttings.vue => provider-basic-settings.vue} |  0
 ... => provider-settings-container.story.vue} |  6 ++---
 ...er.vue => provider-settings-container.vue} |  0
 ...vue => provider-settings-layout.story.vue} |  2 +-
 ...ayout.vue => provider-settings-layout.vue} |  0
 ...> speech-playground-openai-compatible.vue} |  0
 ...chPlayground.vue => speech-playground.vue} |  0
 ...tings.vue => speech-provider-settings.vue} |  2 +-
 ...nd.vue => speech-streaming-playground.vue} |  0
 ...round.vue => transcription-playground.vue} |  0
 ...ue => transcription-provider-settings.vue} |  0
 .../scenarios/settings/{Bar.vue => bar.vue}   |  0
 .../{ButtonBar.vue => button-bar.vue}         |  2 +-
 .../settings/{CheckBar.vue => check-bar.vue}  |  2 +-
 .../components/scenarios/settings/index.ts    |  6 ++---
 .../settings/model-settings/index.vue         |  4 ++--
 .../model-settings/{Live2D.vue => live2d.vue} |  0
 .../model-settings/{VRM.vue => vrm.vue}       |  0
 .../components/scenarios/toasters/index.ts    |  4 ++--
 ...vue => toaster-pwa-update-ready.story.vue} |  4 ++--
 ...Ready.vue => toaster-pwa-update-ready.vue} |  0
 .../{ToasterRoot.vue => toaster-root.vue}     |  0
 42 files changed, 49 insertions(+), 48 deletions(-)
 rename packages/stage-ui/src/components/markdown/{MarkdownRenderer.story.vue => markdown-renderer.story.vue} (90%)
 rename packages/stage-ui/src/components/markdown/{MarkdownRenderer.vue => markdown-renderer.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/chat/{ChatAssistantItem.vue => assistant-item.vue} (93%)
 rename packages/stage-ui/src/components/scenarios/chat/{ChatErrorItem.vue => error-item.vue} (94%)
 rename packages/stage-ui/src/components/scenarios/chat/{ChatHistory.story.vue => history.story.vue} (98%)
 rename packages/stage-ui/src/components/scenarios/chat/{ChatHistory.vue => history.vue} (95%)
 rename packages/stage-ui/src/components/scenarios/chat/{ChatResponsePart.vue => response-part.vue} (96%)
 rename packages/stage-ui/src/components/scenarios/chat/{ChatToolCallBlock.vue => tool-call-block.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/chat/{ChatUserItem.vue => user-item.vue} (95%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderAccountIdInput.story.vue => provider-account-id-input.story.vue} (95%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderAccountIdInput.vue => provider-account-id-input.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderAdvancedSettings.story.vue => provider-advanced-settings.story.vue} (94%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderAdvancedSettings.vue => provider-advanced-settings.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderApiKeyInput.story.vue => provider-api-key-input.story.vue} (95%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderApiKeyInput.vue => provider-api-key-input.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderBaseUrlInput.story.vue => provider-base-url-input.story.vue} (96%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderBaseUrlInput.vue => provider-base-url-input.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderBasicSettings.story.vue => provider-basic-settings.story.vue} (95%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderBasicSettings.vue => provider-basic-settings.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderSettingsContainer.story.vue => provider-settings-container.story.vue} (85%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderSettingsContainer.vue => provider-settings-container.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderSettingsLayout.story.vue => provider-settings-layout.story.vue} (95%)
 rename packages/stage-ui/src/components/scenarios/providers/{ProviderSettingsLayout.vue => provider-settings-layout.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/providers/{SpeechPlaygroundOpenAICompatible.vue => speech-playground-openai-compatible.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/providers/{SpeechPlayground.vue => speech-playground.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/providers/{SpeechProviderSettings.vue => speech-provider-settings.vue} (98%)
 rename packages/stage-ui/src/components/scenarios/providers/{SpeechStreamingPlayground.vue => speech-streaming-playground.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/providers/{TranscriptionPlayground.vue => transcription-playground.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/providers/{TranscriptionProviderSettings.vue => transcription-provider-settings.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/settings/{Bar.vue => bar.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/settings/{ButtonBar.vue => button-bar.vue} (92%)
 rename packages/stage-ui/src/components/scenarios/settings/{CheckBar.vue => check-bar.vue} (95%)
 rename packages/stage-ui/src/components/scenarios/settings/model-settings/{Live2D.vue => live2d.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/settings/model-settings/{VRM.vue => vrm.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/toasters/{ToasterPWAUpdateReady.story.vue => toaster-pwa-update-ready.story.vue} (92%)
 rename packages/stage-ui/src/components/scenarios/toasters/{ToasterPWAUpdateReady.vue => toaster-pwa-update-ready.vue} (100%)
 rename packages/stage-ui/src/components/scenarios/toasters/{ToasterRoot.vue => toaster-root.vue} (100%)

diff --git a/packages/stage-ui/src/components/markdown/MarkdownRenderer.story.vue b/packages/stage-ui/src/components/markdown/markdown-renderer.story.vue
similarity index 90%
rename from packages/stage-ui/src/components/markdown/MarkdownRenderer.story.vue
rename to packages/stage-ui/src/components/markdown/markdown-renderer.story.vue
index 089268162..0507ffca4 100644
--- a/packages/stage-ui/src/components/markdown/MarkdownRenderer.story.vue
+++ b/packages/stage-ui/src/components/markdown/markdown-renderer.story.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-import MarkdownRenderer from './MarkdownRenderer.vue'
+import MarkdownRenderer from './markdown-renderer.vue'
 
 const markdownContent = ref(`
 # Sample Markdown
diff --git a/packages/stage-ui/src/components/markdown/MarkdownRenderer.vue b/packages/stage-ui/src/components/markdown/markdown-renderer.vue
similarity index 100%
rename from packages/stage-ui/src/components/markdown/MarkdownRenderer.vue
rename to packages/stage-ui/src/components/markdown/markdown-renderer.vue
diff --git a/packages/stage-ui/src/components/scenarios/chat/ChatAssistantItem.vue b/packages/stage-ui/src/components/scenarios/chat/assistant-item.vue
similarity index 93%
rename from packages/stage-ui/src/components/scenarios/chat/ChatAssistantItem.vue
rename to packages/stage-ui/src/components/scenarios/chat/assistant-item.vue
index dc67b2f84..01886d1c4 100644
--- a/packages/stage-ui/src/components/scenarios/chat/ChatAssistantItem.vue
+++ b/packages/stage-ui/src/components/scenarios/chat/assistant-item.vue
@@ -3,9 +3,10 @@ import type { ChatAssistantMessage, ChatSlices, ChatSlicesText } from '../../../
 
 import { computed } from 'vue'
 
-import MarkdownRenderer from '../../markdown/MarkdownRenderer.vue'
-import ChatResponsePart from './ChatResponsePart.vue'
-import ChatToolCallBlock from './ChatToolCallBlock.vue'
+import ChatResponsePart from './response-part.vue'
+import ChatToolCallBlock from './tool-call-block.vue'
+
+import { MarkdownRenderer } from '../../markdown'
 
 const props = withDefaults(defineProps<{
   message: ChatAssistantMessage
diff --git a/packages/stage-ui/src/components/scenarios/chat/ChatErrorItem.vue b/packages/stage-ui/src/components/scenarios/chat/error-item.vue
similarity index 94%
rename from packages/stage-ui/src/components/scenarios/chat/ChatErrorItem.vue
rename to packages/stage-ui/src/components/scenarios/chat/error-item.vue
index e7ee8f948..338936930 100644
--- a/packages/stage-ui/src/components/scenarios/chat/ChatErrorItem.vue
+++ b/packages/stage-ui/src/components/scenarios/chat/error-item.vue
@@ -3,7 +3,7 @@ import type { ErrorMessage } from '../../../types/chat'
 
 import { computed } from 'vue'
 
-import MarkdownRenderer from '../../markdown/MarkdownRenderer.vue'
+import { MarkdownRenderer } from '../../markdown'
 
 const props = withDefaults(defineProps<{
   message: ErrorMessage
diff --git a/packages/stage-ui/src/components/scenarios/chat/ChatHistory.story.vue b/packages/stage-ui/src/components/scenarios/chat/history.story.vue
similarity index 98%
rename from packages/stage-ui/src/components/scenarios/chat/ChatHistory.story.vue
rename to packages/stage-ui/src/components/scenarios/chat/history.story.vue
index 02ce5ec84..8a90186c3 100644
--- a/packages/stage-ui/src/components/scenarios/chat/ChatHistory.story.vue
+++ b/packages/stage-ui/src/components/scenarios/chat/history.story.vue
@@ -3,7 +3,7 @@ import type { ChatAssistantMessage, ChatHistoryItem } from '../../../types/chat'
 
 import { computed, ref } from 'vue'
 
-import ChatHistory from './ChatHistory.vue'
+import ChatHistory from './history.vue'
 
 const markdownMessages = ref<ChatHistoryItem[]>([
   {
diff --git a/packages/stage-ui/src/components/scenarios/chat/ChatHistory.vue b/packages/stage-ui/src/components/scenarios/chat/history.vue
similarity index 95%
rename from packages/stage-ui/src/components/scenarios/chat/ChatHistory.vue
rename to packages/stage-ui/src/components/scenarios/chat/history.vue
index 006b741f3..870162f3c 100644
--- a/packages/stage-ui/src/components/scenarios/chat/ChatHistory.vue
+++ b/packages/stage-ui/src/components/scenarios/chat/history.vue
@@ -4,9 +4,9 @@ import type { ChatAssistantMessage, ChatHistoryItem, ContextMessage } from '../.
 import { computed, onMounted, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import ChatAssistantItem from './ChatAssistantItem.vue'
-import ChatErrorItem from './ChatErrorItem.vue'
-import ChatUserItem from './ChatUserItem.vue'
+import ChatAssistantItem from './assistant-item.vue'
+import ChatErrorItem from './error-item.vue'
+import ChatUserItem from './user-item.vue'
 
 const props = withDefaults(defineProps<{
   messages: ChatHistoryItem[]
diff --git a/packages/stage-ui/src/components/scenarios/chat/index.ts b/packages/stage-ui/src/components/scenarios/chat/index.ts
index daa800995..f7b9b67e7 100644
--- a/packages/stage-ui/src/components/scenarios/chat/index.ts
+++ b/packages/stage-ui/src/components/scenarios/chat/index.ts
@@ -1,4 +1,4 @@
-export { default as ChatAssistantItem } from './ChatAssistantItem.vue'
-export { default as ChatErrorItem } from './ChatErrorItem.vue'
-export { default as ChatHistory } from './ChatHistory.vue'
-export { default as ChatUserItem } from './ChatUserItem.vue'
+export { default as ChatAssistantItem } from './assistant-item.vue'
+export { default as ChatErrorItem } from './error-item.vue'
+export { default as ChatHistory } from './history.vue'
+export { default as ChatUserItem } from './user-item.vue'
diff --git a/packages/stage-ui/src/components/scenarios/chat/ChatResponsePart.vue b/packages/stage-ui/src/components/scenarios/chat/response-part.vue
similarity index 96%
rename from packages/stage-ui/src/components/scenarios/chat/ChatResponsePart.vue
rename to packages/stage-ui/src/components/scenarios/chat/response-part.vue
index 2f215cef4..9e4d96805 100644
--- a/packages/stage-ui/src/components/scenarios/chat/ChatResponsePart.vue
+++ b/packages/stage-ui/src/components/scenarios/chat/response-part.vue
@@ -5,7 +5,7 @@ import { Collapsible } from '@proj-airi/ui'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import MarkdownRenderer from '../../markdown/MarkdownRenderer.vue'
+import { MarkdownRenderer } from '../../markdown'
 
 const props = defineProps<{
   message: ChatAssistantMessage
diff --git a/packages/stage-ui/src/components/scenarios/chat/ChatToolCallBlock.vue b/packages/stage-ui/src/components/scenarios/chat/tool-call-block.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/chat/ChatToolCallBlock.vue
rename to packages/stage-ui/src/components/scenarios/chat/tool-call-block.vue
diff --git a/packages/stage-ui/src/components/scenarios/chat/ChatUserItem.vue b/packages/stage-ui/src/components/scenarios/chat/user-item.vue
similarity index 95%
rename from packages/stage-ui/src/components/scenarios/chat/ChatUserItem.vue
rename to packages/stage-ui/src/components/scenarios/chat/user-item.vue
index 2fe74298f..9d8dad225 100644
--- a/packages/stage-ui/src/components/scenarios/chat/ChatUserItem.vue
+++ b/packages/stage-ui/src/components/scenarios/chat/user-item.vue
@@ -3,7 +3,7 @@ import type { ChatMessage } from '../../../types/chat'
 
 import { computed } from 'vue'
 
-import MarkdownRenderer from '../../markdown/MarkdownRenderer.vue'
+import { MarkdownRenderer } from '../../markdown'
 
 const props = withDefaults(defineProps<{
   message: Extract<ChatMessage, { role: 'user' }>
diff --git a/packages/stage-ui/src/components/scenarios/providers/index.ts b/packages/stage-ui/src/components/scenarios/providers/index.ts
index 80f14c123..62a0c60eb 100644
--- a/packages/stage-ui/src/components/scenarios/providers/index.ts
+++ b/packages/stage-ui/src/components/scenarios/providers/index.ts
@@ -1,14 +1,14 @@
-export { default as ProviderAccountIdInput } from './ProviderAccountIdInput.vue'
-export { default as ProviderAdvancedSettings } from './ProviderAdvancedSettings.vue'
-export { default as ProviderApiKeyInput } from './ProviderApiKeyInput.vue'
-export { default as ProviderBaseUrlInput } from './ProviderBaseUrlInput.vue'
-export { default as ProviderBasicSettings } from './ProviderBasicSettings.vue'
-export { default as ProviderSettingsContainer } from './ProviderSettingsContainer.vue'
-export { default as ProviderSettingsLayout } from './ProviderSettingsLayout.vue'
+export { default as ProviderAccountIdInput } from './provider-account-id-input.vue'
+export { default as ProviderAdvancedSettings } from './provider-advanced-settings.vue'
+export { default as ProviderApiKeyInput } from './provider-api-key-input.vue'
+export { default as ProviderBaseUrlInput } from './provider-base-url-input.vue'
+export { default as ProviderBasicSettings } from './provider-basic-settings.vue'
+export { default as ProviderSettingsContainer } from './provider-settings-container.vue'
+export { default as ProviderSettingsLayout } from './provider-settings-layout.vue'
 
-export { default as SpeechPlayground } from './SpeechPlayground.vue'
-export { default as SpeechPlaygroundOpenAICompatible } from './SpeechPlaygroundOpenAICompatible.vue'
-export { default as SpeechProviderSettings } from './SpeechProviderSettings.vue'
+export { default as SpeechPlayground } from './speech-playground.vue'
+export { default as SpeechPlaygroundOpenAICompatible } from './speech-playground-openai-compatible.vue'
+export { default as SpeechProviderSettings } from './speech-provider-settings.vue'
 
-export { default as TranscriptionPlayground } from './TranscriptionPlayground.vue'
-export { default as TranscriptionProviderSettings } from './TranscriptionProviderSettings.vue'
+export { default as TranscriptionPlayground } from './transcription-playground.vue'
+export { default as TranscriptionProviderSettings } from './transcription-provider-settings.vue'
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderAccountIdInput.story.vue b/packages/stage-ui/src/components/scenarios/providers/provider-account-id-input.story.vue
similarity index 95%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderAccountIdInput.story.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-account-id-input.story.vue
index 0db511890..a5098555c 100644
--- a/packages/stage-ui/src/components/scenarios/providers/ProviderAccountIdInput.story.vue
+++ b/packages/stage-ui/src/components/scenarios/providers/provider-account-id-input.story.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-import ProviderAccountIdInput from './ProviderAccountIdInput.vue'
+import ProviderAccountIdInput from './provider-account-id-input.vue'
 
 const emptyAccountId = ref('')
 const filledAccountId = ref('1234567890abcdef1234567890abcdef')
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderAccountIdInput.vue b/packages/stage-ui/src/components/scenarios/providers/provider-account-id-input.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderAccountIdInput.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-account-id-input.vue
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderAdvancedSettings.story.vue b/packages/stage-ui/src/components/scenarios/providers/provider-advanced-settings.story.vue
similarity index 94%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderAdvancedSettings.story.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-advanced-settings.story.vue
index b453626b3..21c9764fc 100644
--- a/packages/stage-ui/src/components/scenarios/providers/ProviderAdvancedSettings.story.vue
+++ b/packages/stage-ui/src/components/scenarios/providers/provider-advanced-settings.story.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ProviderAdvancedSettings from './ProviderAdvancedSettings.vue'
+import ProviderAdvancedSettings from './provider-advanced-settings.vue'
 </script>
 
 <template>
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderAdvancedSettings.vue b/packages/stage-ui/src/components/scenarios/providers/provider-advanced-settings.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderAdvancedSettings.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-advanced-settings.vue
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderApiKeyInput.story.vue b/packages/stage-ui/src/components/scenarios/providers/provider-api-key-input.story.vue
similarity index 95%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderApiKeyInput.story.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-api-key-input.story.vue
index a0da42681..26562bbb0 100644
--- a/packages/stage-ui/src/components/scenarios/providers/ProviderApiKeyInput.story.vue
+++ b/packages/stage-ui/src/components/scenarios/providers/provider-api-key-input.story.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-import ProviderApiKeyInput from './ProviderApiKeyInput.vue'
+import ProviderApiKeyInput from './provider-api-key-input.vue'
 
 const apiKey = ref('')
 const filledApiKey = ref('sk-...')
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderApiKeyInput.vue b/packages/stage-ui/src/components/scenarios/providers/provider-api-key-input.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderApiKeyInput.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-api-key-input.vue
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderBaseUrlInput.story.vue b/packages/stage-ui/src/components/scenarios/providers/provider-base-url-input.story.vue
similarity index 96%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderBaseUrlInput.story.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-base-url-input.story.vue
index 94719ab6c..53c3a3659 100644
--- a/packages/stage-ui/src/components/scenarios/providers/ProviderBaseUrlInput.story.vue
+++ b/packages/stage-ui/src/components/scenarios/providers/provider-base-url-input.story.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-import ProviderBaseUrlInput from './ProviderBaseUrlInput.vue'
+import ProviderBaseUrlInput from './provider-base-url-input.vue'
 
 const emptyUrl = ref('')
 const defaultUrl = ref('https://api.openai.com/v1/')
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderBaseUrlInput.vue b/packages/stage-ui/src/components/scenarios/providers/provider-base-url-input.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderBaseUrlInput.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-base-url-input.vue
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderBasicSettings.story.vue b/packages/stage-ui/src/components/scenarios/providers/provider-basic-settings.story.vue
similarity index 95%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderBasicSettings.story.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-basic-settings.story.vue
index ea52092b8..3833bf298 100644
--- a/packages/stage-ui/src/components/scenarios/providers/ProviderBasicSettings.story.vue
+++ b/packages/stage-ui/src/components/scenarios/providers/provider-basic-settings.story.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ProviderBasicSettings from './ProviderBasicSettings.vue'
+import ProviderBasicSettings from './provider-basic-settings.vue'
 </script>
 
 <template>
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderBasicSettings.vue b/packages/stage-ui/src/components/scenarios/providers/provider-basic-settings.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderBasicSettings.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-basic-settings.vue
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderSettingsContainer.story.vue b/packages/stage-ui/src/components/scenarios/providers/provider-settings-container.story.vue
similarity index 85%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderSettingsContainer.story.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-settings-container.story.vue
index ae50a286f..d6e8ca291 100644
--- a/packages/stage-ui/src/components/scenarios/providers/ProviderSettingsContainer.story.vue
+++ b/packages/stage-ui/src/components/scenarios/providers/provider-settings-container.story.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import ProviderAdvancedSettings from './ProviderAdvancedSettings.vue'
-import ProviderBasicSettings from './ProviderBasicSettings.vue'
-import ProviderSettingsContainer from './ProviderSettingsContainer.vue'
+import ProviderAdvancedSettings from './provider-advanced-settings.vue'
+import ProviderBasicSettings from './provider-basic-settings.vue'
+import ProviderSettingsContainer from './provider-settings-container.vue'
 </script>
 
 <template>
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderSettingsContainer.vue b/packages/stage-ui/src/components/scenarios/providers/provider-settings-container.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderSettingsContainer.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-settings-container.vue
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderSettingsLayout.story.vue b/packages/stage-ui/src/components/scenarios/providers/provider-settings-layout.story.vue
similarity index 95%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderSettingsLayout.story.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-settings-layout.story.vue
index 26f4c5498..52e2cccf3 100644
--- a/packages/stage-ui/src/components/scenarios/providers/ProviderSettingsLayout.story.vue
+++ b/packages/stage-ui/src/components/scenarios/providers/provider-settings-layout.story.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ProviderSettingsLayout from './ProviderSettingsLayout.vue'
+import ProviderSettingsLayout from './provider-settings-layout.vue'
 </script>
 
 <template>
diff --git a/packages/stage-ui/src/components/scenarios/providers/ProviderSettingsLayout.vue b/packages/stage-ui/src/components/scenarios/providers/provider-settings-layout.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/ProviderSettingsLayout.vue
rename to packages/stage-ui/src/components/scenarios/providers/provider-settings-layout.vue
diff --git a/packages/stage-ui/src/components/scenarios/providers/SpeechPlaygroundOpenAICompatible.vue b/packages/stage-ui/src/components/scenarios/providers/speech-playground-openai-compatible.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/SpeechPlaygroundOpenAICompatible.vue
rename to packages/stage-ui/src/components/scenarios/providers/speech-playground-openai-compatible.vue
diff --git a/packages/stage-ui/src/components/scenarios/providers/SpeechPlayground.vue b/packages/stage-ui/src/components/scenarios/providers/speech-playground.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/SpeechPlayground.vue
rename to packages/stage-ui/src/components/scenarios/providers/speech-playground.vue
diff --git a/packages/stage-ui/src/components/scenarios/providers/SpeechProviderSettings.vue b/packages/stage-ui/src/components/scenarios/providers/speech-provider-settings.vue
similarity index 98%
rename from packages/stage-ui/src/components/scenarios/providers/SpeechProviderSettings.vue
rename to packages/stage-ui/src/components/scenarios/providers/speech-provider-settings.vue
index 8d3324d68..d679c4dbd 100644
--- a/packages/stage-ui/src/components/scenarios/providers/SpeechProviderSettings.vue
+++ b/packages/stage-ui/src/components/scenarios/providers/speech-provider-settings.vue
@@ -5,7 +5,7 @@ import { computed, onMounted, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 
-import ProviderSettingsLayout from './ProviderSettingsLayout.vue'
+import ProviderSettingsLayout from './provider-settings-layout.vue'
 
 import {
   ProviderAdvancedSettings,
diff --git a/packages/stage-ui/src/components/scenarios/providers/SpeechStreamingPlayground.vue b/packages/stage-ui/src/components/scenarios/providers/speech-streaming-playground.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/SpeechStreamingPlayground.vue
rename to packages/stage-ui/src/components/scenarios/providers/speech-streaming-playground.vue
diff --git a/packages/stage-ui/src/components/scenarios/providers/TranscriptionPlayground.vue b/packages/stage-ui/src/components/scenarios/providers/transcription-playground.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/TranscriptionPlayground.vue
rename to packages/stage-ui/src/components/scenarios/providers/transcription-playground.vue
diff --git a/packages/stage-ui/src/components/scenarios/providers/TranscriptionProviderSettings.vue b/packages/stage-ui/src/components/scenarios/providers/transcription-provider-settings.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/providers/TranscriptionProviderSettings.vue
rename to packages/stage-ui/src/components/scenarios/providers/transcription-provider-settings.vue
diff --git a/packages/stage-ui/src/components/scenarios/settings/Bar.vue b/packages/stage-ui/src/components/scenarios/settings/bar.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/settings/Bar.vue
rename to packages/stage-ui/src/components/scenarios/settings/bar.vue
diff --git a/packages/stage-ui/src/components/scenarios/settings/ButtonBar.vue b/packages/stage-ui/src/components/scenarios/settings/button-bar.vue
similarity index 92%
rename from packages/stage-ui/src/components/scenarios/settings/ButtonBar.vue
rename to packages/stage-ui/src/components/scenarios/settings/button-bar.vue
index 43911545c..3d1086df9 100644
--- a/packages/stage-ui/src/components/scenarios/settings/ButtonBar.vue
+++ b/packages/stage-ui/src/components/scenarios/settings/button-bar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Button } from '@proj-airi/ui'
 
-import Bar from './Bar.vue'
+import Bar from './bar.vue'
 
 defineProps<{
   text: string
diff --git a/packages/stage-ui/src/components/scenarios/settings/CheckBar.vue b/packages/stage-ui/src/components/scenarios/settings/check-bar.vue
similarity index 95%
rename from packages/stage-ui/src/components/scenarios/settings/CheckBar.vue
rename to packages/stage-ui/src/components/scenarios/settings/check-bar.vue
index dc12665cb..340819c2d 100644
--- a/packages/stage-ui/src/components/scenarios/settings/CheckBar.vue
+++ b/packages/stage-ui/src/components/scenarios/settings/check-bar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Bar from './Bar.vue'
+import Bar from './bar.vue'
 
 defineProps<{
   text: string
diff --git a/packages/stage-ui/src/components/scenarios/settings/index.ts b/packages/stage-ui/src/components/scenarios/settings/index.ts
index 612106ce2..3cf27d30c 100644
--- a/packages/stage-ui/src/components/scenarios/settings/index.ts
+++ b/packages/stage-ui/src/components/scenarios/settings/index.ts
@@ -1,3 +1,3 @@
-export { default as Bar } from './Bar.vue'
-export { default as ButtonBar } from './ButtonBar.vue'
-export { default as CheckBar } from './CheckBar.vue'
+export { default as Bar } from './bar.vue'
+export { default as ButtonBar } from './button-bar.vue'
+export { default as CheckBar } from './check-bar.vue'
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 0ef20e7bf..c11eebb8c 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
@@ -8,8 +8,8 @@ import { storeToRefs } from 'pinia'
 import { ref, watch } from 'vue'
 
 import Live2DScene from '../../../scenes/Live2D.vue'
-import Live2D from './Live2D.vue'
-import VRM from './VRM.vue'
+import Live2D from './live2d.vue'
+import VRM from './vrm.vue'
 
 import { DisplayModelFormat } from '../../../../stores/display-models'
 import { useLive2d } from '../../../../stores/live2d'
diff --git a/packages/stage-ui/src/components/scenarios/settings/model-settings/Live2D.vue b/packages/stage-ui/src/components/scenarios/settings/model-settings/live2d.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/settings/model-settings/Live2D.vue
rename to packages/stage-ui/src/components/scenarios/settings/model-settings/live2d.vue
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
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/settings/model-settings/VRM.vue
rename to packages/stage-ui/src/components/scenarios/settings/model-settings/vrm.vue
diff --git a/packages/stage-ui/src/components/scenarios/toasters/index.ts b/packages/stage-ui/src/components/scenarios/toasters/index.ts
index 2bcff5ac3..ef6ea6755 100644
--- a/packages/stage-ui/src/components/scenarios/toasters/index.ts
+++ b/packages/stage-ui/src/components/scenarios/toasters/index.ts
@@ -1,2 +1,2 @@
-export { default as ToasterPWAUpdateReady } from './ToasterPWAUpdateReady.vue'
-export { default as ToasterRoot } from './ToasterRoot.vue'
+export { default as ToasterPWAUpdateReady } from './toaster-pwa-update-ready.vue'
+export { default as ToasterRoot } from './toaster-root.vue'
diff --git a/packages/stage-ui/src/components/scenarios/toasters/ToasterPWAUpdateReady.story.vue b/packages/stage-ui/src/components/scenarios/toasters/toaster-pwa-update-ready.story.vue
similarity index 92%
rename from packages/stage-ui/src/components/scenarios/toasters/ToasterPWAUpdateReady.story.vue
rename to packages/stage-ui/src/components/scenarios/toasters/toaster-pwa-update-ready.story.vue
index 22d2287e6..c47d33439 100644
--- a/packages/stage-ui/src/components/scenarios/toasters/ToasterPWAUpdateReady.story.vue
+++ b/packages/stage-ui/src/components/scenarios/toasters/toaster-pwa-update-ready.story.vue
@@ -4,8 +4,8 @@ import { nanoid } from 'nanoid'
 import { h, markRaw } from 'vue'
 import { toast, Toaster } from 'vue-sonner'
 
-import ToasterPWAUpdateReady from './ToasterPWAUpdateReady.vue'
-import ToasterRoot from './ToasterRoot.vue'
+import ToasterPWAUpdateReady from './toaster-pwa-update-ready.vue'
+import ToasterRoot from './toaster-root.vue'
 
 import 'vue-sonner/style.css'
 
diff --git a/packages/stage-ui/src/components/scenarios/toasters/ToasterPWAUpdateReady.vue b/packages/stage-ui/src/components/scenarios/toasters/toaster-pwa-update-ready.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/toasters/ToasterPWAUpdateReady.vue
rename to packages/stage-ui/src/components/scenarios/toasters/toaster-pwa-update-ready.vue
diff --git a/packages/stage-ui/src/components/scenarios/toasters/ToasterRoot.vue b/packages/stage-ui/src/components/scenarios/toasters/toaster-root.vue
similarity index 100%
rename from packages/stage-ui/src/components/scenarios/toasters/ToasterRoot.vue
rename to packages/stage-ui/src/components/scenarios/toasters/toaster-root.vue