Mori — Tray

系統匣 icon 規範 + 6 個 sprite 表情 + menu icon 庫 + interaction states。
讓 Mori 在 panel 上是「會呼吸的森林精靈」,不是死木頭按鈕。

Design Reference

Tray Icon (App Identity)

系統匣的「app icon」永遠是 logo 圓徽,不是 sprite 表情。原因:

小尺寸(16/22px)sprite 細節糊掉
logo 在所有狀態都不變 — 使用者「點 Mori」找它要穩定

檔案來源

docs/design/mori-logo.png — 從 brand sheet logo 區自動 crop + 去米色背景
crates/mori-tauri/icons/icon.png + 16/32/64/128/256 — Tauri bundle 輸出

單色版規則

系統匣有些桌面環境(GNOME / macOS dark panel)會自動把 icon 染成 monochrome。要對應:

Sprite Sheet(動態狀態)

Floating widget 用 6 個 sprite state,5P 起每個 state 是 1024×1024 4×4 sheet(16 frame),從 active character pack 讀(~/.mori/characters/<active>/sprites/<state>.png)。完整規範見 character-pack.md; state → phase 對照見 character.html。下方 thumbnail 用的是 design book 內的單 frame 預覽,不是實際播放的 sheet。 tray dynamic icon 也走同一套(planned)。

idle · 待命

mori-idle

recording · 聽中

mori-recording

thinking · 想中

mori-thinking

done · 完成

mori-done

error · 出錯

mori-error

sleeping · 休眠

mori-sleeping

Tray Menu(系統匣選單)

Right-click / left-click tray icon 出現的選單,目前實作在 main.rs:

項目	動作
顯示 Mori	show main window + 把 floating set_always_on_top
隱藏	hide main window
對話模式	Mode::Agent
語音輸入模式	Mode::VoiceInput
休眠(關麥克風)	Mode::Background
Voice Profile ▸	掃 `~/.mori/voice_input/` 列出全部 .md(5K-2)
Agent Profile ▸	掃 `~/.mori/agent/` 列出全部 .md
重新開始對話	清空 conversation history
離開	`app.exit(0)`

項目

動作

顯示 Mori

show main window + 把 floating set_always_on_top

隱藏

hide main window

對話模式

Mode::Agent

語音輸入模式

Mode::VoiceInput

休眠(關麥克風)

Mode::Background

Voice Profile ▸

掃 ~/.mori/voice_input/ 列出全部 .md(5K-2)

Agent Profile ▸

掃 ~/.mori/agent/ 列出全部 .md

重新開始對話

清空 conversation history

離開

app.exit(0)

Interaction States

狀態	tray icon	floating sprite	aura / 效果
idle	logo(靜態)	mori-idle	呼吸 5s + 微光暈
recording	logo + 紅點(planned)	mori-recording	水波紋天空藍 ring + 音量光暈 + ripple
thinking	logo + 旋轉點(planned)	mori-thinking	森林綠雙環 spin + 葉間光斑 breathe
done	logo(短暫綠光)	mori-done	柔暖光暈 + 微 bounce
error	logo + 黃 badge(planned)	mori-error	微紅 + 抖一下
sleeping	logo(灰)	mori-sleeping	淡化 + 下沉

狀態

tray icon

floating sprite

aura / 效果

idle

logo(靜態)

mori-idle

呼吸 5s + 微光暈

recording

logo + 紅點(planned)

mori-recording

水波紋天空藍 ring + 音量光暈 + ripple

thinking

logo + 旋轉點(planned)

mori-thinking

森林綠雙環 spin + 葉間光斑 breathe

done

logo(短暫綠光)

mori-done

柔暖光暈 + 微 bounce

error

logo + 黃 badge(planned)

mori-error

微紅 + 抖一下

sleeping

logo(灰)

mori-sleeping

淡化 + 下沉

實作位置

crates/mori-tauri/src/main.rs setup 區:TrayIconBuilder 建 tray、menu、event handler

crates/mori-tauri/icons/ — 6 size icon + tray/ dir 含 sprite 32/64

crates/mori-tauri/src/portal_hotkey.rs ensure_desktop_file — 寫 .desktop entry,StartupWMClass=Mori-tauri 對齊實際 WM_CLASS

Tray