chore(auto): task completed - unknown

services/frontend/src/features/live/components/ActiveSpeakers.tsx

@@ -1,5 +1,6 @@
 import type { ActiveSpeaker } from "../../../shared/api/client";
-import { EmptyStateMascot, Skeleton } from "../../../shared/ui";
+import { Skeleton } from "../../../shared/ui";
+import { EmptyStateMascot } from "../../../widgets/mascot/MascotImage";
 
 interface ActiveSpeakersProps {
   speakers: ActiveSpeaker[];
@@ -38,7 +39,7 @@ export function ActiveSpeakers({ speakers }: ActiveSpeakersProps) {
   );
 }
 
-export function ActiveSpeakersSkeleton() {
+function ActiveSpeakersSkeleton() {
   return (
     <div className="space-y-2">
       {[1, 2, 3].map((i) => (

services/frontend/src/features/live/components/RecordingsSubPanel.tsx

@@ -5,7 +5,8 @@ import { useEffect, useState } from "react";
 import type { VoiceRecording } from "../../../shared/api/client";
 import { listRecordings } from "../../../shared/api/client";
 import { formatBytes, formatDate } from "../../../shared/lib/utils";
-import { Badge, Button, EmptyStateMascot, Skeleton } from "../../../shared/ui";
+import { Badge, Button, Skeleton } from "../../../shared/ui";
+import { EmptyStateMascot } from "../../../widgets/mascot/MascotImage";
 
 export function RecordingsSubPanel() {
   const [recordings, setRecordings] = useState<VoiceRecording[]>([]);

services/frontend/src/features/messages/components/ImageGrid.tsx

@@ -1,6 +1,6 @@
 import { parseMetadata } from "../../../entities/message/types";
 import type { MessageRecord } from "../../../shared/api/client";
-import { EmptyStateMascot } from "../../../shared/ui";
+import { EmptyStateMascot } from "../../../widgets/mascot/MascotImage";
 
 interface ImageItem {
   url: string;
@@ -75,7 +75,7 @@ export function ImageGrid({ messages }: { messages: MessageRecord[] }) {
     <div className="grid gap-4 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4">
       {images.map((image, index) => {
         // Stable key using message.id + url
-        const stableKey = `${image.message.id}-${image.kind}-${index}`;
+        const stableKey = `${image.message.id}-${image.kind}-${image.url}`;
         return (
           <a
             key={stableKey}

services/frontend/src/features/messages/components/MessageFeed.tsx

@@ -2,7 +2,8 @@ import { motion } from "framer-motion";
 import { useEffect, useMemo, useRef } from "react";
 import type { MessageRecord } from "../../../shared/api/client";
 import { cardItem, cardStagger } from "../../../shared/hooks/useFramerStagger";
-import { EmptyStateMascot, ScrollArea } from "../../../shared/ui";
+import { ScrollArea } from "../../../shared/ui";
+import { EmptyStateMascot } from "../../../widgets/mascot/MascotImage";
 import { MessageCard, MessageCardSkeleton } from "./MessageCard";
 
 export interface MessageFeedProps {