feat: org roles & departments with webview profile display

[sakuramoon44]

Adds an org-chart identity model for agents (name / role / department) and shows it above each character in the office.

What it does

• Main session = the boss. The user's own detected session is assigned Sakura / 社長（CEO / Claude 4.7） / 役員室, with a fixed look: base sprite char_3 (long hair) + hueShift 320 (pink).
• Teammates get a department. Spawned teammates / sub-sessions are randomly assigned to one of six departments, each with its model, role label, and duties:

  部署	モデル	役割	担当業務
  エンジニアリング部	Sonnet 4.6	開発担当	コード設計・実装・デバッグ
  マーケティング部	Sonnet 4.6	マーケ担当	戦略・コピーライティング・SNS
  デザイン部	Sonnet 4.6	デザイン担当	UI/UX・ブランディング・ビジュアル
  リサーチ部	Sonnet 4.6	リサーチ担当	市場調査・競合分析・トレンド
  人事部	Haiku 4.5	人事担当	採用・組織設計・人材育成
  財務部	Haiku 4.5	財務担当	予算・コスト分析・財務戦略

Changes

• server/src/profiles.ts (new): profile + org-chart definitions and assignment helpers.
• server/src/fileWatcher.ts: assign profiles at session-detection sites.
• Plumb name/role/department (+palette/hueShift) through AgentState, PersistedAgent, persistence/restore, the agentCreated message, and the asyncapi schema (regenerated messages.ts).
• webview: store fields on Character; render name・role + a department/duties line in ToolOverlay; apply the fixed palette/hueShift for the main session.
• colorize.ts: adjustSprite gains a preserveSkin option; the character hue shift skips skin-tone pixels so a pink-haired persona keeps natural (fair) skin instead of turning fully pink.

Verification

npm run build passes (type regen + check-types + lint + esbuild + vite).