From 19c8de1c2da76673b135ee41bd95654b2c83b5d7 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Sat, 27 Dec 2025 04:00:20 +0800
Subject: [PATCH] fix(stage-web): incorrect type for ChatHistoryItem

---
 .../src/renderer/components/InteractiveArea.vue          | 4 ++--
 .../stage-web/src/components/Layouts/InteractiveArea.vue | 4 ++--
 .../src/components/Layouts/MobileInteractiveArea.vue     | 4 ++--
 packages/stage-ui/package.json                           | 4 +++-
 .../src/components/scenarios/chat/ChatHistory.story.vue  | 9 ++++-----
 .../stage-ui/src/composables/use-data-maintenance.ts     | 6 +++---
 packages/stage-ui/src/types/index.ts                     | 1 +
 7 files changed, 17 insertions(+), 15 deletions(-)
 create mode 100644 packages/stage-ui/src/types/index.ts

diff --git a/apps/stage-tamagotchi/src/renderer/components/InteractiveArea.vue b/apps/stage-tamagotchi/src/renderer/components/InteractiveArea.vue
index 876da9b13..4acee25a9 100644
--- a/apps/stage-tamagotchi/src/renderer/components/InteractiveArea.vue
+++ b/apps/stage-tamagotchi/src/renderer/components/InteractiveArea.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ChatHistoryMessage } from '@proj-airi/stage-ui/components'
+import type { ChatHistoryItem } from '@proj-airi/stage-ui/types/chat'
 import type { ChatProvider } from '@xsai-ext/shared-providers'
 
 import { ChatHistory } from '@proj-airi/stage-ui/components'
@@ -155,7 +155,7 @@ onAfterMessageComposed(async () => {
   attachments.value = []
 })
 
-const historyMessages = computed(() => messages.value as unknown as ChatHistoryMessage[])
+const historyMessages = computed(() => messages.value as unknown as ChatHistoryItem[])
 </script>
 
 <template>
diff --git a/apps/stage-web/src/components/Layouts/InteractiveArea.vue b/apps/stage-web/src/components/Layouts/InteractiveArea.vue
index 1b04307be..d3d585200 100644
--- a/apps/stage-web/src/components/Layouts/InteractiveArea.vue
+++ b/apps/stage-web/src/components/Layouts/InteractiveArea.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ChatHistoryMessage } from '@proj-airi/stage-ui/components'
+import type { ChatHistoryItem } from '@proj-airi/stage-ui/types/chat'
 
 import { ChatHistory } from '@proj-airi/stage-ui/components'
 import { useChatStore } from '@proj-airi/stage-ui/stores/chat'
@@ -15,7 +15,7 @@ const { isReady } = useDeferredMount()
 const { messages, sending, streamingMessage } = storeToRefs(useChatStore())
 
 const isLoading = ref(true)
-const historyMessages = computed(() => messages.value as unknown as ChatHistoryMessage[])
+const historyMessages = computed(() => messages.value as unknown as ChatHistoryItem[])
 </script>
 
 <template>
diff --git a/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue b/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue
index 1352734cd..725026b60 100644
--- a/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue
+++ b/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ChatHistoryMessage } from '@proj-airi/stage-ui/components'
+import type { ChatHistoryItem } from '@proj-airi/stage-ui/types/chat'
 import type { ChatProvider } from '@xsai-ext/shared-providers'
 
 import { ChatHistory, HearingConfigDialog } from '@proj-airi/stage-ui/components'
@@ -27,7 +27,7 @@ const { isDark, toggleDark } = useTheme()
 const hearingDialogOpen = ref(false)
 const chatStore = useChatStore()
 const { messages, sending, streamingMessage } = storeToRefs(chatStore)
-const historyMessages = computed(() => messages.value as unknown as ChatHistoryMessage[])
+const historyMessages = computed(() => messages.value as unknown as ChatHistoryItem[])
 
 const viewControlsActiveMode = ref<'x' | 'y' | 'z' | 'scale'>('scale')
 const viewControlsInputsRef = useTemplateRef<InstanceType<typeof ViewControlInputs>>('viewControlsInputs')
diff --git a/packages/stage-ui/package.json b/packages/stage-ui/package.json
index 51c6775d6..b3d52e504 100644
--- a/packages/stage-ui/package.json
+++ b/packages/stage-ui/package.json
@@ -33,7 +33,9 @@
     "./workers/*": "./src/workers/*.ts",
     "./workers": "./src/workers/index.ts",
     "./utils": "./src/utils/index.ts",
-    "./utils/tts": "./src/utils/tts.ts"
+    "./utils/tts": "./src/utils/tts.ts",
+    "./types/*": "./src/types/*.ts",
+    "./types": "./src/types/index.ts"
   },
   "scripts": {
     "typecheck": "vue-tsc --noEmit",
diff --git a/packages/stage-ui/src/components/scenarios/chat/ChatHistory.story.vue b/packages/stage-ui/src/components/scenarios/chat/ChatHistory.story.vue
index 9aa08e656..02ce5ec84 100644
--- a/packages/stage-ui/src/components/scenarios/chat/ChatHistory.story.vue
+++ b/packages/stage-ui/src/components/scenarios/chat/ChatHistory.story.vue
@@ -1,12 +1,11 @@
 <script setup lang="ts">
-import type { ChatAssistantMessage } from '../../../types/chat'
-import type { ChatHistoryMessage } from './types'
+import type { ChatAssistantMessage, ChatHistoryItem } from '../../../types/chat'
 
 import { computed, ref } from 'vue'
 
 import ChatHistory from './ChatHistory.vue'
 
-const markdownMessages = ref<ChatHistoryMessage[]>([
+const markdownMessages = ref<ChatHistoryItem[]>([
   {
     role: 'user',
     content: 'Hey AIRI, can you summarize today\'s tasks?',
@@ -30,7 +29,7 @@ const markdownMessages = ref<ChatHistoryMessage[]>([
   },
 ])
 
-const toolHeavyMessages = computed<ChatHistoryMessage[]>(() => [
+const toolHeavyMessages = computed<ChatHistoryItem[]>(() => [
   {
     role: 'user',
     content: 'Grab the weather for Tokyo and Osaka.',
@@ -47,7 +46,7 @@ const toolHeavyMessages = computed<ChatHistoryMessage[]>(() => [
   },
 ])
 
-const errorMessages = ref<ChatHistoryMessage[]>([
+const errorMessages = ref<ChatHistoryItem[]>([
   {
     role: 'user',
     content: 'Push the deployment now.',
diff --git a/packages/stage-ui/src/composables/use-data-maintenance.ts b/packages/stage-ui/src/composables/use-data-maintenance.ts
index c9842bc7f..267174f6d 100644
--- a/packages/stage-ui/src/composables/use-data-maintenance.ts
+++ b/packages/stage-ui/src/composables/use-data-maintenance.ts
@@ -1,4 +1,4 @@
-import type { ChatEntry } from '../stores/chat'
+import type { ChatHistoryItem } from '../types/chat'
 
 import { isStageTamagotchi } from '@proj-airi/stage-shared'
 
@@ -67,11 +67,11 @@ export function useDataMaintenance() {
 
   function importChatSessions(payload: Record<string, unknown>) {
     const normalizedPayload = payload as Record<string, unknown>
-    const sessions: Record<string, ChatEntry[]> = {}
+    const sessions: Record<string, ChatHistoryItem[]> = {}
 
     for (const [sessionId, messages] of Object.entries(normalizedPayload)) {
       if (Array.isArray(messages))
-        sessions[sessionId] = messages as ChatEntry[]
+        sessions[sessionId] = messages as ChatHistoryItem[]
     }
 
     chatStore.replaceSessions(sessions)
diff --git a/packages/stage-ui/src/types/index.ts b/packages/stage-ui/src/types/index.ts
new file mode 100644
index 000000000..b3232d840
--- /dev/null
+++ b/packages/stage-ui/src/types/index.ts
@@ -0,0 +1 @@
+export * from './chat'