{
const { stream } = useLLM()
- const { t } = useI18n()
+ const { systemPrompt } = storeToRefs(useAiriCardStore())
const sending = ref(false)
@@ -63,10 +62,10 @@ export const useChatStore = defineStore('chat', () => {
}
const messages = ref
>([
- SystemPromptV2(
- t('prompt.prefix'),
- t('prompt.suffix'),
- ),
+ {
+ role: 'system',
+ content: systemPrompt.value.replace(/\{\{user\}\}/g, 'user'),
+ } satisfies SystemMessage,
])
const streamingMessage = ref({ role: 'assistant', content: '' })
diff --git a/packages/stage-ui/src/stores/modules/airi-card.ts b/packages/stage-ui/src/stores/modules/airi-card.ts
new file mode 100644
index 000000000..a7a619234
--- /dev/null
+++ b/packages/stage-ui/src/stores/modules/airi-card.ts
@@ -0,0 +1,242 @@
+import type { Card, ccv3 } from '@proj-airi/ccc'
+
+import { useLocalStorage } from '@vueuse/core'
+import { defineStore, storeToRefs } from 'pinia'
+import { computed, onMounted, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+import SystemPromptV2 from '../../constants/prompts/system-v2'
+import { useConsciousnessStore } from './consciousness'
+import { useSpeechStore } from './speech'
+
+export interface AiriExtension {
+ modules: {
+ consciousness: {
+ model: string // Example: "gpt-4o"
+ }
+
+ speech: {
+ model: string // Example: "eleven_multilingual_v2"
+ voice_id: string // Example: "alloy"
+
+ pitch?: number
+ rate?: number
+ ssml?: boolean
+ language?: string
+ }
+
+ vrm?: {
+ source?: 'file' | 'url'
+ file?: string // Example: "vrm/model.vrm"
+ url?: string // Example: "https://example.com/vrm/model.vrm"
+ }
+
+ live2d?: {
+ source?: 'file' | 'url'
+ file?: string // Example: "live2d/model.json"
+ url?: string // Example: "https://example.com/live2d/model.json"
+ }
+ }
+
+ agents: {
+ [key: string]: { // example: minecraft
+ prompt: string
+ }
+ }
+}
+
+export interface AiriCard extends Card {
+ extensions: {
+ airi: AiriExtension
+ } & Card['extensions']
+}
+
+export const useAiriCardStore = defineStore('airi-card', () => {
+ const cards = useLocalStorage>('airi-cards', new Map())
+ const activeCardId = useLocalStorage('airi-card-active-id', 'default')
+
+ const activeCard = computed(() => cards.value.get(activeCardId.value))
+
+ const consciousnessStore = useConsciousnessStore()
+ const speechStore = useSpeechStore()
+
+ const {
+ activeModel: activeConsciousnessModel,
+ } = storeToRefs(consciousnessStore)
+
+ const {
+ activeSpeechVoiceId,
+ activeSpeechModel,
+ } = storeToRefs(speechStore)
+
+ const addCard = (card: AiriCard | Card | ccv3.CharacterCardV3) => {
+ const newCardId = crypto.randomUUID()
+ cards.value.set(newCardId, newAiriCard(card))
+ return newCardId
+ }
+
+ const removeCard = (id: string) => {
+ cards.value.delete(id)
+ }
+
+ const getCard = (id: string) => {
+ return cards.value.get(id)
+ }
+
+ function resolveAiriExtension(card: Card | ccv3.CharacterCardV3): AiriExtension {
+ // Get existing extension if available
+ const existingExtension = ('data' in card
+ ? card.data?.extensions?.airi
+ : card.extensions?.airi) as AiriExtension
+
+ // Create default modules config
+ const defaultModules = {
+ consciousness: {
+ model: activeConsciousnessModel.value,
+ },
+ speech: {
+ model: activeSpeechModel.value,
+ voice_id: activeSpeechVoiceId.value,
+ },
+ }
+
+ // Return default if no extension exists
+ if (!existingExtension) {
+ return {
+ modules: defaultModules,
+ agents: {},
+ }
+ }
+
+ // Merge existing extension with defaults
+ return {
+ modules: {
+ consciousness: {
+ model: existingExtension.modules?.consciousness?.model ?? defaultModules.consciousness.model,
+ },
+ speech: {
+ model: existingExtension.modules?.speech?.model ?? defaultModules.speech.model,
+ voice_id: existingExtension.modules?.speech?.voice_id ?? defaultModules.speech.voice_id,
+ pitch: existingExtension.modules?.speech?.pitch,
+ rate: existingExtension.modules?.speech?.rate,
+ ssml: existingExtension.modules?.speech?.ssml,
+ language: existingExtension.modules?.speech?.language,
+ },
+ vrm: existingExtension.modules?.vrm,
+ live2d: existingExtension.modules?.live2d,
+ },
+ agents: existingExtension.agents ?? {},
+ }
+ }
+
+ function newAiriCard(card: Card | ccv3.CharacterCardV3): AiriCard {
+ // Handle ccv3 format if needed
+ if ('data' in card) {
+ const ccv3Card = card as ccv3.CharacterCardV3
+ return {
+ name: ccv3Card.data.name,
+ version: ccv3Card.data.character_version ?? '1.0.0',
+ description: ccv3Card.data.description ?? '',
+ creator: ccv3Card.data.creator ?? '',
+ notes: ccv3Card.data.creator_notes ?? '',
+ notesMultilingual: ccv3Card.data.creator_notes_multilingual,
+ personality: ccv3Card.data.personality ?? '',
+ scenario: ccv3Card.data.scenario ?? '',
+ greetings: [
+ ccv3Card.data.first_mes,
+ ...(ccv3Card.data.alternate_greetings ?? []),
+ ],
+ greetingsGroupOnly: ccv3Card.data.group_only_greetings ?? [],
+ systemPrompt: ccv3Card.data.system_prompt ?? '',
+ postHistoryInstructions: ccv3Card.data.post_history_instructions ?? '',
+ messageExample: ccv3Card.data.mes_example
+ ? ccv3Card.data.mes_example
+ .split('\n')
+ .filter(Boolean)
+ .map(example => example.split('\n')
+ .map((line) => {
+ if (line.startsWith('{{char}}:') || line.startsWith('{{user}}:'))
+ return line as `{{char}}: ${string}` | `{{user}}: ${string}`
+ throw new Error(`Invalid message example format: ${line}`)
+ }))
+ : [],
+ tags: ccv3Card.data.tags ?? [],
+ extensions: {
+ airi: resolveAiriExtension(ccv3Card),
+ ...ccv3Card.data.extensions,
+ },
+ }
+ }
+
+ return {
+ ...card,
+ extensions: {
+ airi: resolveAiriExtension(card),
+ ...card.extensions,
+ },
+ }
+ }
+
+ onMounted(() => {
+ const { t } = useI18n()
+ cards.value.set('default', newAiriCard({
+ name: 'ReLU',
+ version: '1.0.0',
+ // description: 'ReLU is a simple and effective activation function that is used in many neural networks.',
+ description: SystemPromptV2(
+ t('prompt.prefix'),
+ t('prompt.suffix'),
+ ).content,
+ }))
+ })
+
+ watch(activeCard, (newCard: AiriCard | undefined) => {
+ if (!newCard)
+ return
+
+ // TODO: live2d, vrm
+ // TODO: Minecraft Agent, etc
+ const extension = resolveAiriExtension(newCard)
+ if (!extension)
+ return
+
+ activeConsciousnessModel.value = extension?.modules?.consciousness?.model
+ activeSpeechModel.value = extension?.modules?.speech?.model
+ activeSpeechVoiceId.value = extension?.modules?.speech?.voice_id
+ })
+
+ return {
+ cards,
+ activeCard,
+ activeCardId,
+ addCard,
+ removeCard,
+ getCard,
+
+ currentModels: computed(() => {
+ return {
+ consciousness: {
+ model: activeConsciousnessModel.value,
+ },
+ speech: {
+ model: activeSpeechModel.value,
+ voice_id: activeSpeechVoiceId.value,
+ },
+ } satisfies AiriExtension['modules']
+ }),
+
+ systemPrompt: computed(() => {
+ const card = activeCard.value
+ if (!card)
+ return ''
+
+ const components = [
+ card.systemPrompt,
+ card.description,
+ card.personality,
+ ].filter(Boolean)
+
+ return components.join('\n')
+ }),
+ }
+})
diff --git a/packages/stage-ui/src/stores/modules/index.ts b/packages/stage-ui/src/stores/modules/index.ts
index c4347ec80..4843b2c3c 100644
--- a/packages/stage-ui/src/stores/modules/index.ts
+++ b/packages/stage-ui/src/stores/modules/index.ts
@@ -1,2 +1,3 @@
+export * from './airi-card'
export * from './consciousness'
export * from './speech'
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 32bd7fe42..4480690b4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -418,7 +418,7 @@ importers:
version: 2.3.0
'@intlify/unplugin-vue-i18n':
specifier: ^6.0.5
- version: 6.0.5(@vue/compiler-dom@3.5.13)(eslint@9.23.0(jiti@2.4.2))(rollup@2.79.1)(typescript@5.8.2)(vue-i18n@11.1.2(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
+ version: 6.0.5(@vue/compiler-dom@3.5.13)(eslint@9.23.0(jiti@2.4.2))(rollup@4.38.0)(typescript@5.8.2)(vue-i18n@11.1.2(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
'@proj-airi/drizzle-duckdb-wasm':
specifier: workspace:^
version: link:../../packages/drizzle-duckdb-wasm
@@ -469,7 +469,7 @@ importers:
version: 3.0.0-beta.7(typescript@5.8.2)(vue-tsc@3.0.0-alpha.2(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
'@vueuse/motion':
specifier: ^3.0.3
- version: 3.0.3(magicast@0.3.5)(rollup@2.79.1)(vue@3.5.13(typescript@5.8.2))
+ version: 3.0.3(magicast@0.3.5)(rollup@4.38.0)(vue@3.5.13(typescript@5.8.2))
electron:
specifier: ^34.4.1
version: 34.4.1
@@ -490,13 +490,13 @@ importers:
version: 3.2.0(unocss@66.1.0-beta.7(postcss@8.5.3)(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2)))
unplugin-auto-import:
specifier: ^19.1.2
- version: 19.1.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(@vueuse/core@13.0.0(vue@3.5.13(typescript@5.8.2)))
+ version: 19.1.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.38.0))(@vueuse/core@13.0.0(vue@3.5.13(typescript@5.8.2)))
unplugin-vue-components:
specifier: ^28.4.1
- version: 28.4.1(@babel/parser@7.26.10)(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(vue@3.5.13(typescript@5.8.2))
+ version: 28.4.1(@babel/parser@7.26.10)(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.38.0))(vue@3.5.13(typescript@5.8.2))
unplugin-vue-macros:
specifier: ^2.14.5
- version: 2.14.5(@vueuse/core@13.0.0(vue@3.5.13(typescript@5.8.2)))(esbuild@0.19.12)(rollup@2.79.1)(typescript@5.8.2)(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-tsc@3.0.0-alpha.2(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
+ version: 2.14.5(@vueuse/core@13.0.0(vue@3.5.13(typescript@5.8.2)))(esbuild@0.25.0)(rollup@4.38.0)(typescript@5.8.2)(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-tsc@3.0.0-alpha.2(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
unplugin-vue-markdown:
specifier: ^28.3.1
version: 28.3.1(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))
@@ -505,13 +505,13 @@ importers:
version: 0.12.0(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
vite-bundle-visualizer:
specifier: ^1.2.1
- version: 1.2.1(rollup@2.79.1)
+ version: 1.2.1(rollup@4.38.0)
vite-plugin-pwa:
specifier: ^0.21.2
version: 0.21.2(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0)
vite-plugin-vue-devtools:
specifier: ^7.7.2
- version: 7.7.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(rollup@2.79.1)(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
+ version: 7.7.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.38.0))(rollup@4.38.0)(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
vite-plugin-vue-layouts:
specifier: ^0.11.0
version: 0.11.0(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
@@ -906,6 +906,9 @@ importers:
'@pixiv/three-vrm-core':
specifier: ^3.3.6
version: 3.3.6(three@0.175.0)
+ '@proj-airi/ccc':
+ specifier: workspace:^
+ version: link:../../packages/ccc
'@proj-airi/drizzle-duckdb-wasm':
specifier: workspace:^
version: link:../../packages/drizzle-duckdb-wasm
@@ -1101,7 +1104,7 @@ importers:
version: 2.3.0
'@intlify/unplugin-vue-i18n':
specifier: ^6.0.5
- version: 6.0.5(@vue/compiler-dom@3.5.13)(eslint@9.23.0(jiti@2.4.2))(rollup@4.38.0)(typescript@5.8.2)(vue-i18n@11.1.2(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
+ version: 6.0.5(@vue/compiler-dom@3.5.13)(eslint@9.23.0(jiti@2.4.2))(rollup@2.79.1)(typescript@5.8.2)(vue-i18n@11.1.2(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
'@proj-airi/lobe-icons':
specifier: ^1.0.4
version: 1.0.4
@@ -1140,7 +1143,7 @@ importers:
version: 3.0.0-beta.7(typescript@5.8.2)(vue-tsc@3.0.0-alpha.2(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
'@vueuse/motion':
specifier: ^3.0.3
- version: 3.0.3(magicast@0.3.5)(rollup@4.38.0)(vue@3.5.13(typescript@5.8.2))
+ version: 3.0.3(magicast@0.3.5)(rollup@2.79.1)(vue@3.5.13(typescript@5.8.2))
hfup:
specifier: workspace:^
version: link:../../packages/hfup
@@ -1152,13 +1155,13 @@ importers:
version: 4.0.1
unplugin-auto-import:
specifier: ^19.1.2
- version: 19.1.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.38.0))(@vueuse/core@13.0.0(vue@3.5.13(typescript@5.8.2)))
+ version: 19.1.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(@vueuse/core@13.0.0(vue@3.5.13(typescript@5.8.2)))
unplugin-vue-components:
specifier: ^28.4.1
- version: 28.4.1(@babel/parser@7.26.10)(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.38.0))(vue@3.5.13(typescript@5.8.2))
+ version: 28.4.1(@babel/parser@7.26.10)(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(vue@3.5.13(typescript@5.8.2))
unplugin-vue-macros:
specifier: ^2.14.5
- version: 2.14.5(@vueuse/core@13.0.0(vue@3.5.13(typescript@5.8.2)))(esbuild@0.25.0)(rollup@4.38.0)(typescript@5.8.2)(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-tsc@3.0.0-alpha.2(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
+ version: 2.14.5(@vueuse/core@13.0.0(vue@3.5.13(typescript@5.8.2)))(esbuild@0.19.12)(rollup@2.79.1)(typescript@5.8.2)(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-tsc@3.0.0-alpha.2(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
unplugin-vue-markdown:
specifier: ^28.3.1
version: 28.3.1(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))
@@ -1167,13 +1170,13 @@ importers:
version: 0.12.0(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
vite-bundle-visualizer:
specifier: ^1.2.1
- version: 1.2.1(rollup@4.38.0)
+ version: 1.2.1(rollup@2.79.1)
vite-plugin-pwa:
specifier: ^0.21.2
version: 0.21.2(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0)
vite-plugin-vue-devtools:
specifier: ^7.7.2
- version: 7.7.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.38.0))(rollup@4.38.0)(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
+ version: 7.7.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(rollup@2.79.1)(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
vite-plugin-vue-layouts:
specifier: ^0.11.0
version: 0.11.0(vite@6.2.3(@types/node@22.13.14)(jiti@2.4.2)(less@4.2.2)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
@@ -1473,12 +1476,18 @@ importers:
'@formkit/auto-animate':
specifier: ^0.8.2
version: 0.8.2
+ '@proj-airi/ccc':
+ specifier: workspace:^
+ version: link:../ccc
'@proj-airi/server-sdk':
specifier: workspace:^
version: link:../server-sdk
'@vueuse/motion':
specifier: ^3.0.3
version: 3.0.3(magicast@0.3.5)(rollup@4.38.0)(vue@3.5.13(typescript@5.8.2))
+ radix-vue:
+ specifier: ^1.9.17
+ version: 1.9.17(vue@3.5.13(typescript@5.8.2))
reka-ui:
specifier: ^2.1.1
version: 2.1.1(typescript@5.8.2)(vue@3.5.13(typescript@5.8.2))
@@ -23364,7 +23373,7 @@ snapshots:
aria-hidden: 1.2.4
defu: 6.1.4
fast-deep-equal: 3.1.3
- nanoid: 5.1.3
+ nanoid: 5.1.5
vue: 3.5.13(typescript@5.8.2)
transitivePeerDependencies:
- '@vue/composition-api'