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/elements/LinkList.tsx

@@ -57,6 +57,9 @@ export default function LinkList({
     ...props
 }: TWUI_LINK_LIST_PROPS) {
     const listRef = React.useRef<HTMLDivElement>(null);
+    const finalLinks = links
+        .flat()
+        .filter((ln): ln is TWUI_LINK_LIST_LINK_OBJECT => Boolean(ln));
 
     React.useEffect(() => {
         twuiAddActiveLinksFn({
@@ -75,12 +78,7 @@ export default function LinkList({
                 props.className,
             )}
         >
-            {links
-                .flat()
-                .filter((ln) => Boolean(ln))
-                .map((link, index) => {
-                    if (!link) return null;
-
+            {finalLinks.map((link, index) => {
                     if (link.divider)
                         return (
                             <React.Fragment key={index}>
@@ -89,7 +87,7 @@ export default function LinkList({
                         );
 
                     const finalDivider =
-                        index < links.length - 1 &&
+                        index < finalLinks.length - 1 &&
                         (dividerComponent ? (
                             dividerComponent
                         ) : divider ? (
@@ -107,9 +105,12 @@ export default function LinkList({
                                     className={twMerge(
                                         "p-2 cursor-pointer whitespace-nowrap",
                                         linkProps?.className,
+                                        buttonProps?.className,
+                                        link.buttonProps?.className,
                                     )}
                                     onClick={(e) => {
                                         link.onClick?.(e);
+                                        buttonProps?.onClick?.(e);
                                         link.buttonProps?.onClick?.(e);
                                     }}
                                 >
@@ -138,6 +139,7 @@ export default function LinkList({
                                 strict={link.strict}
                                 onClick={(e) => {
                                     link.onClick?.(e);
+                                    linkProps?.onClick?.(e);
                                     link.linkProps?.onClick?.(e);
                                 }}
                             >