Fix component bugs across hooks, elements, form, layout, editors and utils

- Hooks: per-instance timers in useReady; cleanup for useIntersectionObserver;
  useWebSocket no longer reconnects after unmount/refresh, drains the queue
  and dispatches non-JSON messages
- Modal/Popover/Dropdown: onClose only on close, Escape to close, no stray
  DOM props, hooks before early return, scrollbar-aware positioning,
  top-left/top-right dropdown positions
- Elements: Toast/Search/StarRating per-instance timers, Pagination labels
  and empty state, Breadcrumbs titles, LinkList dividers/props, segment-wise
  active-link matching (new utils/link-matches-path), Table object cells
- Form: Select with a default option is changeable, Input clear notifies
  controlled parents and copy works on textareas, Checkbox random label,
  NumberInputButtons runaway interval, upload prop/spread fixes
- Layout: Button disabled while loading, Stack gap and Span truncate via
  inline styles, Img fallbackImageSrc, className/JSDoc fixes
- Editors/MDX/AI: TinyMCE id/cleanup/stale handler/duplicate scripts,
  AceEditor debounce, markdown heights and frontmatter regex, last
  assistant message, AIPromptBlock prompt ref
- Utils: fetchApi headers/FormData/fetchOptions/no mutation, base64 file
  names and read errors, slugify underscore trim, serializeQuery zero values
- Tests for fetchApi, link matching, slugify and serializeQuery
- AGENTS.md updated for the package layout

Co-Authored-By: Claude Opus 5.5 <[email protected]>

src/form/ImageUpload.tsx

@@ -104,17 +104,20 @@ export default function ImageUpload({
         >
             <input
                 type="file"
-                className={twMerge("hidden", fileInputProps?.className)}
                 multiple={multiple}
                 accept="image/*"
                 {...fileInputProps}
+                className={twMerge("hidden", fileInputProps?.className)}
                 onChange={(e) => {
                     setLoading?.(true);
 
                     if (multiple) {
                         (async () => {
                             const files = e.target.files;
-                            if (!files?.[0]) return;
+                            if (!files?.[0]) {
+                                setLoading?.(false);
+                                return;
+                            }
 
                             let imgArr: ImageInputToBase64FunctionReturn[] = [];
 
@@ -147,8 +150,11 @@ export default function ImageUpload({
 
             {src || imageObject?.imageBase64Full ? (
                 <Card
-                    className="w-full relative h-full items-center justify-center"
                     {...previewImageWrapperProps}
+                    className={twMerge(
+                        "w-full relative h-full items-center justify-center",
+                        previewImageWrapperProps?.className,
+                    )}
                 >
                     {label && (
                         <label
@@ -183,7 +189,7 @@ export default function ImageUpload({
                             setImageObject?.(undefined);
                             externalSetImage?.(undefined);
                             if (inputRef.current) {
-                                inputRef.current.value == "";
+                                inputRef.current.value = "";
                             }
                         }}
                         title="Cancel Image Upload Button"
@@ -193,6 +199,7 @@ export default function ImageUpload({
                 </Card>
             ) : (
                 <Card
+                    {...placeHolderWrapper}
                     className={twMerge(
                         "w-full h-full cursor-pointer hover:bg-slate-100 dark:hover:bg-white/20",
                         placeHolderWrapper?.className,
@@ -206,7 +213,6 @@ export default function ImageUpload({
                         inputRef.current?.click();
                         placeHolderWrapper?.onClick?.(e);
                     }}
-                    {...placeHolderWrapper}
                 >
                     <Center>
                         <Stack className="items-center gap-2">
@@ -229,7 +235,7 @@ export default function ImageUpload({
                                             }}
                                         />
                                         <Button
-                                            title="Restore Image Button"
+                                            title="Set Image URL Button"
                                             size="smaller"
                                             variant="outlined"
                                             color="gray"