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/(partials)/ModalComponent.tsx

@@ -21,6 +21,17 @@ export default function ModalComponent({
     no_cancel_button,
     ...props
 }: Props) {
+    React.useEffect(() => {
+        if (!open) return;
+
+        const closeOnEscape = (e: KeyboardEvent) => {
+            if (e.key === "Escape") setOpen(false);
+        };
+
+        document.addEventListener("keydown", closeOnEscape);
+        return () => document.removeEventListener("keydown", closeOnEscape);
+    }, [open]);
+
     if (!open) return null;
 
     return ReactDOM.createPortal(
@@ -43,7 +54,18 @@ export default function ModalComponent({
                 }}
             ></div>
             <Paper
-                {..._.omit(props, ["targetWrapperProps"])}
+                {..._.omit(props, [
+                    "target",
+                    "targetRef",
+                    "targetWrapperProps",
+                    "popoverReferenceRef",
+                    "isPopover",
+                    "position",
+                    "trigger",
+                    "debounce",
+                    "onClose",
+                    "hoverOpen",
+                ])}
                 className={twMerge(
                     "z-10 max-w-modal bg-background-light dark:bg-background-dark",
                     "w-full relative max-h-[95vh] overflow-y-auto",

src/(partials)/PopoverComponent.tsx

@@ -30,8 +30,6 @@ export default function PopoverComponent({
     isPopover,
     ...props
 }: Props) {
-    if (!open) return null;
-
     const [style, setStyle] = React.useState({});
 
     React.useEffect(() => {
@@ -68,7 +66,14 @@ export default function PopoverComponent({
 
     return ReactDOM.createPortal(
         <Paper
-            {...props}
+            {..._.omit(props, [
+                "target",
+                "targetRef",
+                "targetWrapperProps",
+                "onClose",
+                "hoverOpen",
+                "no_cancel_button",
+            ])}
             className={twMerge(
                 "max-w-[300px] z-[250]",
                 "twui-popover-content",