@lindaui/blocks 0.5.1 → 0.5.2

package/dist/analytics/types.d.ts

@@ -71,9 +71,9 @@ export interface AiVsHumanData {
     humanRate: number;
 }
 export interface AiPerformanceCardProps {
-    aiVsHuman: AiVsHumanData;
-    avgResponseTimeMinutes: number;
-    containmentRate: number;
+    aiVsHuman?: AiVsHumanData;
+    avgResponseTimeMinutes?: number;
+    containmentRate?: number;
     t: (key: string, opts?: Record<string, unknown>) => string;
 }
 export interface AiCostData {

package/dist/analytics/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/analytics/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/analytics/types.ts"],"names":[],"mappings":"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"}

package/dist/app-shell/drawer-focus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-focus.d.ts","sourceRoot":"","sources":["../../src/app-shell/drawer-focus.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,4FAA4F;AAC5F,wBAAgB,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI;;;uBAcvC,aAAa,CAAC,WAAW,CAAC;EAuBrD"}
+{"version":3,"file":"drawer-focus.d.ts","sourceRoot":"","sources":["../../src/app-shell/drawer-focus.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,4FAA4F;AAC5F,wBAAgB,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI;;;uBAcvC,aAAa,CAAC,WAAW,CAAC;EAwBrD"}

package/dist/app-shell.js

@@ -36,7 +36,8 @@ export { A as AppShellFooter } from './footer-f7r5e42b.js';
         const activeElement = event.currentTarget.ownerDocument.activeElement;
         if (event.shiftKey && activeElement === first || !event.shiftKey && activeElement === last) {
             event.preventDefault();
-            (event.shiftKey ? last : first)?.focus();
+            // Matching a real activeElement to either boundary proves the list is nonempty.
+            (event.shiftKey ? last : first).focus();
         }
     };
     return {
@@ -106,7 +107,7 @@ const defaultLabels = {
                                 href: brand.href,
                                 renderLink: renderLink,
                                 children: [
-                                    logo(32, cn("rounded-lg", isCollapsed ? "h-7 w-7" : "h-8 w-8") ?? ""),
+                                    logo(32, `rounded-lg ${isCollapsed ? "h-7 w-7" : "h-8 w-8"}`),
                                     isCollapsed ? null : /*#__PURE__*/ jsx("span", {
                                         className: "font-extrabold text-sm uppercase",
                                         children: brand.label

package/dist/chat.js

@@ -3,9 +3,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 export { C as ChatLayout } from './chat-layout-fwx3x26g.js';
 export { C as ConversationList } from './conversation-list-ekq2dzca.js';
 export { C as ConversationListItem } from './conversation-list-item-fy6t5af2.js';
-export { C as ConversationThread } from './conversation-thread-c60431oa.js';
+export { C as ConversationThread } from './conversation-thread-f4ruu4kn.js';
 import { MessageCircle } from 'lucide-react';
-export { M as MessageBubble } from './message-bubble-odjvhroq.js';
+export { M as MessageBubble } from './message-bubble-ivgt1l7t.js';
 export { M as MessageComposer } from './message-composer-m2n6soo7.js';
 
 function ChatHeader({ title, subtitle, avatar, actions }) {

package/dist/compat-chat/conversation-thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-thread.d.ts","sourceRoot":"","sources":["../../src/compat-chat/conversation-thread.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA4D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjG,OAAO,KAAK,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAExE,MAAM,WAAW,uBAAuB;IACtC,mFAAmF;IACnF,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,wBAAwB,CAAC;IACjC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,+EAA+E;IAC/E,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,aAAa,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,SAAS,KAAK,SAAS,CAAC;CACnH;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,OAAe,EAAE,MAAM,EAAE,eAAe,EAAE,mBAA2B,EAAE,cAAc,EAAE,EAAE,uBAAuB,+BAoEjL"}
+{"version":3,"file":"conversation-thread.d.ts","sourceRoot":"","sources":["../../src/compat-chat/conversation-thread.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA4D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjG,OAAO,KAAK,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAExE,MAAM,WAAW,uBAAuB;IACtC,mFAAmF;IACnF,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,wBAAwB,CAAC;IACjC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,+EAA+E;IAC/E,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,aAAa,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,SAAS,KAAK,SAAS,CAAC;CACnH;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,OAAe,EAAE,MAAM,EAAE,eAAe,EAAE,mBAA2B,EAAE,cAAc,EAAE,EAAE,uBAAuB,+BAqEjL"}

package/dist/compat.js

@@ -1,4 +1,4 @@
 export * from '@lindaui/ui/compat';
 export { K as KPICard } from './analytics-skeleton-imve37du.js';
 export { StatusFilters } from './status-filters.js';
-export { D as DateDivider } from './conversation-thread-c60431oa.js';
+export { D as DateDivider } from './conversation-thread-f4ruu4kn.js';

package/dist/{conversation-thread-c60431oa.js → conversation-thread-f4ruu4kn.js}

@@ -6,7 +6,7 @@ import dayjs from 'dayjs';
 import { AlertCircle } from 'lucide-react';
 import { useRef, useMemo, useCallback, useLayoutEffect, useEffect } from 'react';
 import { isToday, isYesterday } from '@lindaui/ui/compat';
-import { M as MessageBubble } from './message-bubble-odjvhroq.js';
+import { M as MessageBubble } from './message-bubble-ivgt1l7t.js';
 
 function DateDivider({ date }) {
     return /*#__PURE__*/ jsx("div", {
@@ -71,12 +71,11 @@ function ConversationThread({ messages, isLoading = false, isError = false, labe
         if (!el || !listEl) return;
         let settleTimeout = null;
         let settled = false;
-        const scrollNow = ()=>{
-            el.scrollTop = el.scrollHeight;
-        };
+        const scrollNow = ()=>scrollToBottom("auto");
         const scheduleSettle = ()=>{
             if (settleTimeout) clearTimeout(settleTimeout);
             settleTimeout = setTimeout(()=>{
+                settleTimeout = null;
                 settled = true;
                 hasScrolledOnLoad.current = true;
                 resizeObserver.disconnect();
@@ -103,6 +102,7 @@ function ConversationThread({ messages, isLoading = false, isError = false, labe
             subtree: true
         });
         return ()=>{
+            settled = true;
             if (settleTimeout) clearTimeout(settleTimeout);
             resizeObserver.disconnect();
             mutationObserver.disconnect();
@@ -110,7 +110,8 @@ function ConversationThread({ messages, isLoading = false, isError = false, labe
     }, [
         isLoading,
         messages.length,
-        firstId
+        firstId,
+        scrollToBottom
     ]);
     const messageCount = messages.length;
     const prevMessageCount = useRef(messageCount);

package/dist/field-array-form.js

@@ -24,22 +24,17 @@ function FieldArrayForm({ onSubmit, options, categoryLabel = "Categoría", nameL
         children: /*#__PURE__*/ jsxs("div", {
             className: "flex flex-col gap-4 px-4 py-4 sm:px-6 sm:py-5",
             children: [
-                /*#__PURE__*/ jsxs("div", {
-                    children: [
-                        /*#__PURE__*/ jsx("label", {
-                            className: "text-sm font-medium",
-                            children: categoryLabel
-                        }),
-                        /*#__PURE__*/ jsx(Controller, {
-                            control: control,
-                            name: "category",
-                            render: ({ field })=>/*#__PURE__*/ jsx(Select, {
-                                    items: options,
-                                    value: field.value,
-                                    onChange: (val)=>field.onChange(val)
-                                })
-                        })
-                    ]
+                /*#__PURE__*/ jsx("div", {
+                    children: /*#__PURE__*/ jsx(Controller, {
+                        control: control,
+                        name: "category",
+                        render: ({ field })=>/*#__PURE__*/ jsx(Select, {
+                                label: categoryLabel,
+                                items: options,
+                                value: field.value,
+                                onChange: (val)=>field.onChange(val)
+                            })
+                    })
                 }),
                 /*#__PURE__*/ jsx(Controller, {
                     control: control,

package/dist/{image-lightbox-ci3arb6z.js → image-lightbox-vtovz1gj.js}

@@ -36,6 +36,7 @@ function ImageLightbox({ src, alt = "Media", className }) {
                     className: "overflow-hidden",
                     size: "full",
                     children: /*#__PURE__*/ jsxs(Modal.Dialog, {
+                        "aria-label": alt,
                         className: "m-0 rounded-none shadow-none",
                         children: [
                             /*#__PURE__*/ jsx(Modal.CloseTrigger, {

package/dist/image-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-viewer.d.ts","sourceRoot":"","sources":["../src/image-viewer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,GAAQ,EACR,WAAW,EACX,OAAO,EACP,gBAAgB,EAChB,GAAO,EACP,YAAoB,EACpB,OAAW,EACX,OAAa,GACd,EAAE,gBAAgB,+BAoGlB"}
+{"version":3,"file":"image-viewer.d.ts","sourceRoot":"","sources":["../src/image-viewer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,GAAQ,EACR,WAAW,EACX,OAAO,EACP,gBAAgB,EAChB,GAAO,EACP,YAAoB,EACpB,OAAW,EACX,OAAa,GACd,EAAE,gBAAgB,+BAsGlB"}

package/dist/image-viewer.js

@@ -5,7 +5,8 @@ import { Scan, ZoomOut, ZoomIn, Frame } from 'lucide-react';
 
 function ImageViewer({ src, alt = "", annotations, caption, placeholderLabel, dim = 0, showControls = false, minZoom = 1, maxZoom = 2.6 }) {
     const [zoom, setZoom] = useState(1);
-    const [imgOk, setImgOk] = useState(false);
+    const [loadedSrc, setLoadedSrc] = useState(null);
+    const imgOk = loadedSrc === src;
     const showPlaceholder = !src || !imgOk;
     return /*#__PURE__*/ jsxs("div", {
         className: "absolute inset-0 overflow-hidden bg-viewer-bg text-viewer-foreground",
@@ -19,13 +20,13 @@ function ImageViewer({ src, alt = "", annotations, caption, placeholderLabel, di
                     src && /*#__PURE__*/ jsx("img", {
                         src: src,
                         alt: alt,
-                        onLoad: ()=>setImgOk(true),
-                        onError: ()=>setImgOk(false),
+                        onLoad: ()=>setLoadedSrc(src),
+                        onError: ()=>setLoadedSrc(null),
                         className: "max-h-full max-w-full object-contain",
                         style: {
                             display: imgOk ? "block" : "none"
                         }
-                    }),
+                    }, src),
                     showPlaceholder && /*#__PURE__*/ jsx("div", {
                         className: "grid place-items-center rounded-lg border border-dashed",
                         children: /*#__PURE__*/ jsxs("div", {

package/dist/{message-bubble-odjvhroq.js → message-bubble-ivgt1l7t.js}

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import dayjs from 'dayjs';
 import { motion } from 'framer-motion';
 import { cn } from '@lindaui/ui/cn';
-import { I as ImageLightbox } from './image-lightbox-ci3arb6z.js';
+import { I as ImageLightbox } from './image-lightbox-vtovz1gj.js';
 import { W as WhatsAppAudioPlayer } from './whatsapp-audio-player-nooty6jb.js';
 
 function formatTime(date) {

package/dist/message-bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../src/message-bubble.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,cAAc,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAUD,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,kBAAkB,+BAkD1E"}
+{"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../src/message-bubble.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,cAAc,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAUD,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,kBAAkB,+BAmD1E"}

package/dist/message-bubble.js

@@ -37,6 +37,7 @@ function MessageBubble({ message, onImageClick }) {
             children: [
                 message.media?.kind === "image" && /*#__PURE__*/ jsx("button", {
                     type: "button",
+                    "aria-label": message.media.alt || "Abrir imagen",
                     onClick: ()=>onImageClick?.(message.media.url),
                     className: "-mx-1 -mt-1 mb-1 block overflow-hidden rounded-xl",
                     children: /*#__PURE__*/ jsx("img", {

package/llms.txt

@@ -97,7 +97,9 @@ StatusDatum: key/label/count/color. HealthEntity: id/name/score and status
 TimeRangePicker uses preset `24h|7d|30d|custom`, customRange
 `RangeValue<DateValue> | null`, onPresetChange/onCustomRangeChange and translation
 function `t`. This is NOT the unchanged flat `/time-range-picker` documented below.
-SDK mapping, tenant policy, fetching and navigation stay in the consumer.
+AiPerformanceCard accepts omitted metrics: containment/response time and AI-vs-human
+values default to zero. SDK mapping, tenant policy, fetching and navigation stay
+in the consumer.
 
 Dayjs, @internationalized/date, @react-types/shared, motion and drag/drop are
 runtime dependencies (including public date types), not workspace-only tooling.
@@ -215,6 +217,8 @@ emptyDescription />` — auto-scrolls to the last message; groups by calendar da
 ### @lindaui/blocks/message-bubble
 Renders one `GenericMessage`: text, image (click → `onImageClick(url)`), audio (via
 `audio-player`), or pdf (link). Side-aligned; outgoing messages show a status icon.
+Image buttons use the media alt text as their accessible name, falling back to
+"Abrir imagen" when it is omitted or empty.
 
 ### @lindaui/blocks/message-composer
 `<MessageComposer value onValueChange onSend placeholder isSending isDisabled

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lindaui/blocks",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Composed UI sections (auth, lists, master-detail, charts) built on @lindaui/ui — importable npm package, not a copy-paste registry.",
   "author": "Franco Carballar <francocarballar@gmail.com>",
   "license": "MIT",
@@ -350,6 +350,7 @@
     "framer-motion": "14.0.0"
   },
   "devDependencies": {
+    "@vitest/coverage-v8": "5.0.3",
     "@hookform/resolvers": "^5.9.1",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
@@ -369,14 +370,15 @@
     "vite": "^8.3.4",
     "vitest": "^5.0.3",
     "zod": "^4.6.5",
-    "@lindaui/tokens": "0.4.1",
-    "@lindaui/ui": "0.5.1"
+    "@lindaui/tokens": "0.4.2",
+    "@lindaui/ui": "0.5.2"
   },
   "scripts": {
     "build": "bunchee --no-dts && tsc -p tsconfig.build.json && node ../../scripts/normalize-declarations.mjs dist",
     "dev": "bunchee --watch",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
     "test:watch": "vitest"
   }
 }

package/src/analytics/types.ts

@@ -29,7 +29,7 @@ export interface HealthCardLabels {
 }
 export interface EntityHealthCardProps { entities: HealthEntity[]; labels: HealthCardLabels; renderEntityLink?: (entity: HealthEntity, children: ReactNode) => ReactNode; }
 export interface AiVsHumanData { aiConverted: number; aiLeads: number; aiRate: number; humanConverted: number; humanLeads: number; humanRate: number; }
-export interface AiPerformanceCardProps { aiVsHuman: AiVsHumanData; avgResponseTimeMinutes: number; containmentRate: number; t: (key: string, opts?: Record<string, unknown>) => string; }
+export interface AiPerformanceCardProps { aiVsHuman?: AiVsHumanData; avgResponseTimeMinutes?: number; containmentRate?: number; t: (key: string, opts?: Record<string, unknown>) => string; }
 export interface AiCostData { available: boolean; conversionsCount: number; costPerConversion: number; totalCostUsd: number; }
 export interface AiCostCardProps { aiCost: AiCostData | undefined; isLoading: boolean; t: (key: string, opts?: Record<string, unknown>) => string; }
 export type Preset = "24h" | "7d" | "30d" | "custom";

package/src/app-shell/drawer-focus.ts

@@ -35,7 +35,8 @@ export function useDrawerFocus(isOpen: boolean, onClose: () => void) {
     if ((event.shiftKey && activeElement === first)
       || (!event.shiftKey && activeElement === last)) {
       event.preventDefault();
-      (event.shiftKey ? last : first)?.focus();
+      // Matching a real activeElement to either boundary proves the list is nonempty.
+      (event.shiftKey ? last : first)!.focus();
     }
   };
   return { drawerRef, triggerRef, onKeyDown };

package/src/app-shell.tsx

@@ -69,7 +69,7 @@ export function AppShell({
             href={brand.href}
             renderLink={renderLink}
           >
-            {logo(32, cn("rounded-lg", isCollapsed ? "h-7 w-7" : "h-8 w-8") ?? "")}
+            {logo(32, `rounded-lg ${isCollapsed ? "h-7 w-7" : "h-8 w-8"}`)}
             {isCollapsed ? null : <span className="font-extrabold text-sm uppercase">{brand.label}</span>}
           </ShellLink>
           {isCollapsed ? null : (

package/src/compat-chat/conversation-thread.tsx

@@ -51,10 +51,11 @@ export function ConversationThread({ messages, isLoading = false, isError = fals
     if (!el || !listEl) return;
     let settleTimeout: ReturnType<typeof setTimeout> | null = null;
     let settled = false;
-    const scrollNow = () => { el.scrollTop = el.scrollHeight; };
+    const scrollNow = () => scrollToBottom("auto");
     const scheduleSettle = () => {
       if (settleTimeout) clearTimeout(settleTimeout);
       settleTimeout = setTimeout(() => {
+        settleTimeout = null;
         settled = true;
         hasScrolledOnLoad.current = true;
         resizeObserver.disconnect();
@@ -67,8 +68,8 @@ export function ConversationThread({ messages, isLoading = false, isError = fals
     const mutationObserver = new MutationObserver(() => { if (!settled) { scrollNow(); scheduleSettle(); } });
     resizeObserver.observe(listEl);
     mutationObserver.observe(listEl, { childList: true, subtree: true });
-    return () => { if (settleTimeout) clearTimeout(settleTimeout); resizeObserver.disconnect(); mutationObserver.disconnect(); };
-  }, [isLoading, messages.length, firstId]);
+    return () => { settled = true; if (settleTimeout) clearTimeout(settleTimeout); resizeObserver.disconnect(); mutationObserver.disconnect(); };
+  }, [isLoading, messages.length, firstId, scrollToBottom]);
   const messageCount = messages.length;
   const prevMessageCount = useRef(messageCount);
   useEffect(() => {

package/src/compat-chat/image-lightbox.tsx

@@ -13,7 +13,7 @@ export function ImageLightbox({ src, alt = "Media", className }: ImageLightboxPr
       <img alt={alt} className="h-44 w-full max-w-[220px] rounded-lg object-cover" height={600} loading="lazy" src={src} width={800} />
     </button>
     <Modal.Backdrop className="bg-black/80" isOpen={isOpen} onOpenChange={handleOpenChange} variant="blur">
-      <Modal.Container className="overflow-hidden" size="full"><Modal.Dialog className="m-0 rounded-none shadow-none">
+      <Modal.Container className="overflow-hidden" size="full"><Modal.Dialog aria-label={alt} className="m-0 rounded-none shadow-none">
         <Modal.CloseTrigger className="top-4 right-4 z-10 rounded-full bg-black/50 text-white hover:bg-black/70" />
         <Modal.Body className="flex h-full items-center justify-center overflow-hidden p-4"><img alt={alt} className="max-h-full max-w-full rounded-lg object-contain" height={1080} src={src} width={1920} /></Modal.Body>
       </Modal.Dialog></Modal.Container>

package/src/field-array-form.tsx

@@ -63,12 +63,12 @@ export function FieldArrayForm({
       <div className="flex flex-col gap-4 px-4 py-4 sm:px-6 sm:py-5">
         {/* Category Select via Controller */}
         <div>
-          <label className="text-sm font-medium">{categoryLabel}</label>
           <Controller
             control={control}
             name="category"
             render={({ field }) => (
               <Select
+                label={categoryLabel}
                 items={options}
                 value={field.value}
                 onChange={(val) => field.onChange(val)}

package/src/image-viewer.tsx

@@ -28,7 +28,8 @@ export function ImageViewer({
   maxZoom = 2.6,
 }: ImageViewerProps) {
   const [zoom, setZoom] = useState(1);
-  const [imgOk, setImgOk] = useState(false);
+  const [loadedSrc, setLoadedSrc] = useState<string | null>(null);
+  const imgOk = loadedSrc === src;
 
   const showPlaceholder = !src || !imgOk;
 
@@ -40,10 +41,11 @@ export function ImageViewer({
       >
         {src && (
           <img
+            key={src}
             src={src}
             alt={alt}
-            onLoad={() => setImgOk(true)}
-            onError={() => setImgOk(false)}
+            onLoad={() => setLoadedSrc(src)}
+            onError={() => setLoadedSrc(null)}
             className="max-h-full max-w-full object-contain"
             style={{ display: imgOk ? "block" : "none" }}
           />

package/src/message-bubble.tsx

@@ -32,6 +32,7 @@ export function MessageBubble({ message, onImageClick }: MessageBubbleProps) {
         {message.media?.kind === "image" && (
           <button
             type="button"
+            aria-label={message.media.alt || "Abrir imagen"}
             onClick={() => onImageClick?.(message.media!.url)}
             className="-mx-1 -mt-1 mb-1 block overflow-hidden rounded-xl"
           >