feat(players): NPC disposition types and launch-with-players session tokens

Add Hostile/Neutral/Friendly ring types with session-only inactive overrides on control, plus launch-with-players flow and live player tokens on the map.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/renderer/npcs/NpcsEditorApp.tsx

@@ -17,6 +17,7 @@ import { getDndApi } from '../shared/dndApi';
 import { PlayerTokenView } from '../shared/playerToken/PlayerTokenView';
 import { Button, Input, Select } from '../shared/ui/controls';
 import { useAssetUrl } from '../shared/useAssetImageUrl';
+import { npcDispositionRingColor } from '../../shared/types/npcDisposition';
 
 import { NpcDescriptionField } from './NpcDescriptionField';
 import { NpcEditModal } from './NpcEditModal';
@@ -739,7 +740,7 @@ export function NpcsEditorApp() {
                     <PlayerTokenView
                       name={selected.name}
                       imageUrl={selectedUrl}
-                      ringColor={selected.ringColor}
+                      ringColor={npcDispositionRingColor(selected.disposition ?? 'neutral')}
                       imageOffset={selected.imageOffset}
                       imageScale={selected.imageScale}
                       sizePx={140}
@@ -782,17 +783,21 @@ export function NpcsEditorApp() {
                 </div>
 
                 <label>
-                  <div className={styles.fieldLabel}>{t('npcs.ringColor')}</div>
-                  <input
-                    type="color"
-                    className={styles.colorInput}
-                    value={selected.ringColor}
-                    onChange={(e) => {
+                  <div className={styles.fieldLabel}>{t('npcs.disposition')}</div>
+                  <Select
+                    value={selected.disposition ?? 'neutral'}
+                    ariaLabel={t('npcs.disposition')}
+                    onChange={(next) => {
                       void api.invoke(ipcChannels.project.updateNpcFields, {
                         npcId: selected.id,
-                        ringColor: e.currentTarget.value,
+                        disposition: next as 'hostile' | 'neutral' | 'friendly',
                       });
                     }}
+                    options={[
+                      { value: 'hostile', label: t('npcs.disposition.hostile') },
+                      { value: 'neutral', label: t('npcs.disposition.neutral') },
+                      { value: 'friendly', label: t('npcs.disposition.friendly') },
+                    ]}
                   />
                 </label>