feat(control): трекер инициативы в отдельном окне

Очередь NPC/игроков с DnD, курсором на сцене, состояниями и запасом; сброс при смене сцены.

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

app/renderer/shared/playerToken/SceneNpcTokensOverlay.module.css

@@ -30,6 +30,27 @@
   cursor: grabbing;
 }
 
+.initiativeActive {
+  z-index: 10;
+}
+
+/* Кольцо строго по центру круга токена (обёртка = sizePx × sizePx). */
+.initiativeActive::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 100%;
+  height: 100%;
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  border: 3px solid #f59e0b;
+  background: transparent;
+  box-shadow: none;
+  pointer-events: none;
+  z-index: 1;
+}
+
 .resizeHandle {
   position: absolute;
   right: -5px;

app/renderer/shared/playerToken/SceneNpcTokensOverlay.tsx

@@ -17,6 +17,12 @@ import { useAssetUrl } from '../useAssetImageUrl';
 
 import { PlayerTokenView } from './PlayerTokenView';
 import { useLiveDragBroadcast, useLiveResizeBroadcast } from './useLiveDragBroadcast';
+import {
+  TokenInitiativeDecor,
+  initiativeConditionsForNpc,
+  initiativeHighlightForNpc,
+} from '../initiative/TokenInitiativeDecor';
+import { useInitiativeState } from '../initiative/useInitiativeState';
 import styles from './SceneNpcTokensOverlay.module.css';
 
 type Viewport = { x: number; y: number; w: number; h: number };
@@ -48,6 +54,8 @@ function NpcSprite({
   resizeTitle,
   onContextMenu,
   snapNorm,
+  initiativeActive = false,
+  initiativeConditions = [],
 }: {
   placement: SceneNpcToken;
   npc: ProjectNpc;
@@ -66,6 +74,8 @@ function NpcSprite({
   resizeTitle?: string;
   onContextMenu?: (e: React.MouseEvent, placement: SceneNpcToken) => void;
   snapNorm?: (nx: number, ny: number) => { nx: number; ny: number };
+  initiativeActive?: boolean;
+  initiativeConditions?: readonly import('../../../shared/types/initiative').InitiativeConditionId[];
 }) {
   const imageUrl = useAssetUrl(npc.avatarAssetId);
   const [localPos, setLocalPos] = useState<{ nx: number; ny: number } | null>(null);
@@ -123,8 +133,15 @@ function NpcSprite({
 
   return (
     <div
-      className={[styles.token, canDrag ? styles.editable : ''].filter(Boolean).join(' ')}
+      className={[
+        styles.token,
+        canDrag ? styles.editable : '',
+        initiativeActive ? styles.initiativeActive : '',
+      ]
+        .filter(Boolean)
+        .join(' ')}
       data-testid={`session-npc-token-${placement.id}`}
+      data-initiative-active={initiativeActive ? '1' : '0'}
       style={{
         left: viewport.x + pos.nx * viewport.w,
         top: viewport.y + pos.ny * viewport.h,
@@ -189,6 +206,7 @@ function NpcSprite({
         sizePx={sizePx}
         inactive={inactive}
       />
+      <TokenInitiativeDecor conditions={initiativeConditions} />
       {canResize ? (
         <div
           className={styles.resizeHandle}
@@ -258,6 +276,7 @@ export function SceneNpcTokensOverlay({
   poseOverrides?: Record<string, { nx: number; ny: number }> | null;
   dragEnabledById?: Record<string, boolean> | null;
 }) {
+  const [initiative] = useInitiativeState();
   if (!viewport) return null;
   const byId = new Map(library.map((npc) => [npc.id, npc]));
   const displayScale = session?.scale ?? DEFAULT_NPC_TOKEN_SESSION_SCALE;
@@ -288,6 +307,8 @@ export function SceneNpcTokensOverlay({
             gridFit={gridFit}
             disposition={disposition}
             inactive={inactive}
+            initiativeActive={initiativeHighlightForNpc(initiative, key)}
+            initiativeConditions={initiativeConditionsForNpc(initiative, key)}
             {...(onMove ? { onMove } : {})}
             {...(onResize ? { onResize } : {})}
             {...(resizeTitle ? { resizeTitle } : {})}

app/renderer/shared/playerToken/ScenePlayerTokensOverlay.tsx

@@ -14,6 +14,12 @@ import { usePlayerImageUrl } from './usePlayerImageUrl';
 
 import { PlayerTokenView } from './PlayerTokenView';
 import { useLiveDragBroadcast, useLiveResizeBroadcast } from './useLiveDragBroadcast';
+import {
+  TokenInitiativeDecor,
+  initiativeConditionsForPlayer,
+  initiativeHighlightForPlayer,
+} from '../initiative/TokenInitiativeDecor';
+import { useInitiativeState } from '../initiative/useInitiativeState';
 import styles from './SceneNpcTokensOverlay.module.css';
 
 type Viewport = { x: number; y: number; w: number; h: number };
@@ -31,6 +37,8 @@ function PlayerSprite({
   onResize,
   resizeTitle,
   snapNorm,
+  initiativeActive = false,
+  initiativeConditions = [],
 }: {
   player: AppPlayer;
   nx: number;
@@ -44,6 +52,8 @@ function PlayerSprite({
   onResize?: (playerId: string, sizeN: number) => void;
   resizeTitle?: string;
   snapNorm?: (nx: number, ny: number) => { nx: number; ny: number };
+  initiativeActive?: boolean;
+  initiativeConditions?: readonly import('../../../shared/types/initiative').InitiativeConditionId[];
 }) {
   const imageUrl = usePlayerImageUrl(player.id);
   const [localPos, setLocalPos] = useState<{ nx: number; ny: number } | null>(null);
@@ -100,8 +110,15 @@ function PlayerSprite({
 
   return (
     <div
-      className={[styles.token, editable ? styles.editable : ''].filter(Boolean).join(' ')}
+      className={[
+        styles.token,
+        editable ? styles.editable : '',
+        initiativeActive ? styles.initiativeActive : '',
+      ]
+        .filter(Boolean)
+        .join(' ')}
       data-testid={`session-player-token-${player.id}`}
+      data-initiative-active={initiativeActive ? '1' : '0'}
       style={{
         left: viewport.x + pos.nx * viewport.w,
         top: viewport.y + pos.ny * viewport.h,
@@ -155,6 +172,7 @@ function PlayerSprite({
         imageScale={player.imageScale}
         sizePx={sizePx}
       />
+      <TokenInitiativeDecor conditions={initiativeConditions} />
       {canResize ? (
         <div
           className={styles.resizeHandle}
@@ -218,6 +236,7 @@ export function ScenePlayerTokensOverlay({
   resizeTitle?: string;
   snapNorm?: (nx: number, ny: number) => { nx: number; ny: number };
 }) {
+  const [initiative] = useInitiativeState();
   if (!viewport || !session?.visible) return null;
   const byId = new Map(library.map((p) => [String(p.id), p]));
   const gridFit = sceneGridTokenFitFactor(grid);
@@ -238,6 +257,8 @@ export function ScenePlayerTokensOverlay({
             editable={editable}
             displayScale={displayScale}
             gridFit={gridFit}
+            initiativeActive={initiativeHighlightForPlayer(initiative, playerId)}
+            initiativeConditions={initiativeConditionsForPlayer(initiative, playerId)}
             {...(onMove ? { onMove } : {})}
             {...(onResize ? { onResize } : {})}
             {...(resizeTitle ? { resizeTitle } : {})}