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/composites/docs/TWUIDocsLink.tsx

@@ -10,6 +10,7 @@ import Row from "../../layout/Row";
 import Divider from "../../layout/Divider";
 import { ChevronDown, Circle } from "lucide-react";
 import Button from "../../layout/Button";
+import twuiLinkMatchesPath from "../../utils/link-matches-path";
 
 type Props = DetailedHTMLProps<
     AnchorHTMLAttributes<HTMLAnchorElement>,
@@ -44,16 +45,23 @@ export default function TWUIDocsLink({
 
     React.useEffect(() => {
         if (typeof window !== "undefined") {
-            const basePathMatch = window.location.pathname.includes(
-                docLink.href,
-            );
+            const basePathMatch = twuiLinkMatchesPath({
+                href: docLink.href,
+                pathname: window.location.pathname,
+            });
 
             const isStrictMatch = Boolean(
                 linkRef.current?.getAttribute("data-strict"),
             );
 
             if (strict || isStrictMatch) {
-                setIsActive(window.location.pathname === docLink.href);
+                setIsActive(
+                    twuiLinkMatchesPath({
+                        href: docLink.href,
+                        pathname: window.location.pathname,
+                        strict: true,
+                    }),
+                );
             } else {
                 setIsActive(basePathMatch);
             }
@@ -66,8 +74,8 @@ export default function TWUIDocsLink({
 
     return (
         <Stack
-            className={twMerge("gap-2 w-full", wrapperProps?.className)}
             {...wrapperProps}
+            className={twMerge("gap-2 w-full", wrapperProps?.className)}
         >
             <Row className="flex-nowrap grow justify-between w-full">
                 {child && <Circle size={6} />}
@@ -105,11 +113,11 @@ export default function TWUIDocsLink({
             {docLink.children && expand && (
                 <Row className="items-stretch gap-4 grow w-full flex-nowrap">
                     <Stack
+                        {...childWrapperProps}
                         className={twMerge(
                             "gap-2 w-full pl-3",
                             childWrapperProps?.className,
                         )}
-                        {...childWrapperProps}
                     >
                         {docLink.children.map((link, index) => (
                             <TWUIDocsLink