feat: harden shared platform contracts

webui/src/components/PageScrollViewport.tsx

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, ReactNode } from "react";
+import { forwardRef, type HTMLAttributes, type ReactNode } from "react";
 
 export type PageScrollViewportProps = Omit<
   HTMLAttributes<HTMLDivElement>,
@@ -7,17 +7,22 @@ export type PageScrollViewportProps = Omit<
   children: ReactNode;
 };
 
-export default function PageScrollViewport({
-  children,
-  className = "",
-  ...props
-}: PageScrollViewportProps) {
-  return (
-    <div
-      {...props}
-      className={["page-scroll-viewport", className].filter(Boolean).join(" ")}
-    >
-      {children}
-    </div>
-  );
-}
+const PageScrollViewport = forwardRef<HTMLDivElement, PageScrollViewportProps>(
+  function PageScrollViewport({
+    children,
+    className = "",
+    ...props
+  }, ref) {
+    return (
+      <div
+        {...props}
+        ref={ref}
+        className={["page-scroll-viewport", className].filter(Boolean).join(" ")}
+      >
+        {children}
+      </div>
+    );
+  }
+);
+
+export default PageScrollViewport;