@lindaui/blocks 0.5.1 → 0.5.3

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
@@ -287,3 +291,13 @@ API: doctor, api, setup, theme, scaffold, activate and check. Mutation commands
 produce plans by default. Use activate when adopting LindaUI for all UI tasks.
 Always prefer this installed package's exports, types and llms.txt over newer
 unpublished GitHub APIs. See the skill for setup, recipes and verification.
+
+## Consumer control policy
+
+Use installed LindaUI entries for controls and canonical tokens for styling.
+Semantic HTML containers, text, labels and graphics remain appropriate. Select
+input, selection and expansion components by behavior, not only by tag name.
+The lindaui skill check reports recognized native controls with installed
+counterparts. Required native behavior needs an adjacent JSX comment with a
+nonempty reason: {/* lindaui-allow-native: reason */}. Run check in consumer CI;
+static findings do not prove browser behavior or exhaustive compliance.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lindaui/blocks",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "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.3",
+    "@lindaui/ui": "0.5.3"
   },
   "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"
           >