Files

T

leafyy 05ac66edfa fix(stage-tamagotchi): show Live2D expressions in settings (#2451 )

## Summary

- Send a serializable Live2D expression snapshot from the stage renderer
to the separate Settings window.
- Route expression changes back to the renderer that owns the loaded
model, with owner ID checks for stale-window isolation.
- Add browser regressions for the component boundary and the complete
BroadcastChannel round trip.

Fixes #2450

## Verification

- `pnpm typecheck`
- `pnpm lint`
- `../../node_modules/.bin/vitest run --project browser
src/components/scenarios/settings/model-settings/live2d.browser.test.ts`
- `node_modules/.bin/vitest run --config
apps/stage-tamagotchi/vitest.config.ts --project browser
apps/stage-tamagotchi/src/renderer/composables/model-settings-runtime.browser.test.ts`
- `./node_modules/.bin/electron-vite build`
- Vishot Electron capture with the issue Live2D fixture on the merge
base and this branch
- `sem diff upstream/main...HEAD --no-cosmetics -v --file-exts .ts .tsx`

## Visual changes

| Before | After |
|---|---|
|
![](https://github.com/user-attachments/assets/e383ebf3-d60e-4f66-8550-4cab0dc61261)
|
![](https://github.com/user-attachments/assets/b8aee712-c227-44d0-a60c-2dd24cc0b0cd)
|
| Settings / Models / Live2D expressions: empty list | Settings / Models
/ Live2D expressions: model entries are available |

2026-09-07 11:14:44 +08:00

public

…

src

fix(stage-tamagotchi): show Live2D expressions in settings (#2451 )

2026-09-07 11:14:44 +08:00

stories

Revert "style: lint"

2026-08-26 20:13:10 +08:00

.env

…

env.d.ts

…

histoire.config.ts

Revert "style: lint"

2026-08-26 20:13:10 +08:00

package.json

refactor(stage-ui): rename analytics runtime path (#2466 )

2026-09-04 23:37:45 +08:00

README.md

feat(stage): add global button analytics directive (#2146 )

2026-07-29 15:59:53 +08:00

tsconfig.json

…

uno.config.ts

…

vite.config.ts

Revert "style: lint"

2026-08-26 20:13:10 +08:00

vitest.config.ts

feat(stage-layouts): simplify mobile stage controls (#2472 )

2026-09-06 16:28:01 +00:00

README.md

Stage UI

Shared core for stage

Button analytics

import { trackButtonPlugin } from '@proj-airi/stage-ui/directives/track-button'

createApp(App)
  .use(trackButtonPlugin)
  .mount('#app')

Buttons that represent a product-analysis click intent can then declare a typed event without wrapping their business handler:

<Button
  v-track-button="{ name: 'update_check_clicked', channel: selectedChannel }"
  @click="checkForUpdates()"
/>

Keep async outcomes, confirmed state changes, impressions, and lifecycle events in their owning business flows instead of attaching them to the initial click.

Histoire (UI storyboard)

https://histoire.dev/

pnpm -F @proj-airi/stage-ui run story:dev

Project structure

If a story is bound to a specific component, it can be placed beside the component in the src folder. e.g., MyComponent.story.vue
If a story is not bound to a specific component, then it should be placed in the stories folder. e.g., MyStory.story.vue