diff --git a/packages/frontend/src/AgentSprite.jsx b/packages/frontend/src/AgentSprite.jsx index 4cc927e..8b4a68e 100644 --- a/packages/frontend/src/AgentSprite.jsx +++ b/packages/frontend/src/AgentSprite.jsx @@ -132,24 +132,22 @@ export default function AgentSprite({ agent, hovered, onHover }) { /> - {/* Agent name label — hover only (per design-critique-1 Issue 3, P1) */} - {hovered && ( - - {agent.name} - - )} + {/* Agent name label */} + + {agent.name} + {/* Hover tooltip */} {hovered && ( diff --git a/src/frontend/FarmCanvas.jsx b/src/frontend/FarmCanvas.jsx index 237a08c..530e9f3 100644 --- a/src/frontend/FarmCanvas.jsx +++ b/src/frontend/FarmCanvas.jsx @@ -3,7 +3,6 @@ import { useRef, useCallback } from 'react'; import { useStore } from './store'; import { rooms, agentDesks } from './officeMap'; import { TILESET_URL, TILE_INDEX, ROOM_TILE_STYLES } from './src/tileLoader'; -import { getAgentSpriteUrl } from './src/agentSprites'; const TILE = 32; const SCALE = 2; // 2x = 64px per tile @@ -54,16 +53,13 @@ function TileSprite({ tileCol, tileRow, x, y }) { } // Render a single furniture item: an element clipped to one tile -function FurnitureItem({ tileName, tx, ty, w, h }) { +function FurnitureItem({ tileName, tx, ty }) { const t = TILE_INDEX[tileName]; if (!t) return null; - const tw = w || 1; - const th = h || 1; - const clipId = `clip-f-${tx}-${ty}-${tw}-${th}`; return ( - - + + ); @@ -247,7 +243,7 @@ export default function FarmCanvas() { {/* Furniture from tile set */} {tileStyle.furniture.map((f, fi) => ( - + ))} {/* Doorways */} @@ -316,7 +312,7 @@ export default function FarmCanvas() { }} /> {/* Sprite at 48x48, centered in 56x56 container */}