@checkstack/frontend 0.8.0 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,57 @@
 # @checkstack/frontend
 
+## 0.9.0
+
+### Minor Changes
+
+- fb705df: Upgrade React 18 to React 19 across the platform.
+
+  **BREAKING (runtime frontend plugins):** React is shared as a Module Federation
+  singleton, so the host now provides **React 19** to every runtime plugin.
+  Frontend plugins built against React 18 must be rebuilt against React 19
+  (`react` / `react-dom` `^19`). The scaffold templates and the host/plugin MF
+  `requiredVersion` are updated to `^19`. `react` (and now `react-dom`) are pinned
+  to a single version across the workspace via syncpack so the singleton can never
+  skew (react and react-dom must match exactly).
+
+  The React 19 removed-API surface was audited - the codebase used only no-arg
+  `useRef()` (now `useRef<T | undefined>(undefined)`); no `ReactDOM.render`,
+  legacy context, string refs, or function-component `defaultProps`. This also
+  clears the `IMPORT_IS_UNDEFINED` build warnings for `React.use` /
+  `React.useOptimistic` (react-router 7 feature-detection), which React 19 exports.
+
+  The downstream `*-frontend` packages (and `@checkstack/infrastructure-common`)
+  receive only the mechanical `react` dependency bump (`patch`); the framework
+  packages carrying the shared-singleton change are bumped `minor`.
+
+### Patch Changes
+
+- 9d8961c: Fix the double-scrolling on the AI chat page (`/ai/chat`). The page sized its
+  layout with a fixed `calc(100vh - 220px)` height, which overshot the available
+  space when the page subtitle wrapped to two lines - so the whole page scrolled
+  on top of the message list's own scroll.
+
+  `PageLayout` gains an opt-in `fillHeight` prop that fills the viewport via a
+  bounded flex height chain (established in the app shell) instead of viewport
+  math; the chat page uses it so only the message list scrolls and the page itself
+  never does. Normal document-flow pages are unaffected (they still scroll the
+  main area as before).
+
+- Updated dependencies [9d8961c]
+- Updated dependencies [50123c7]
+- Updated dependencies [fb705df]
+  - @checkstack/ui@1.15.0
+  - @checkstack/dependency-frontend@0.5.4
+  - @checkstack/frontend-api@0.8.0
+  - @checkstack/about-frontend@0.3.4
+  - @checkstack/announcement-frontend@0.4.4
+  - @checkstack/auth-frontend@0.7.4
+  - @checkstack/catalog-frontend@0.11.4
+  - @checkstack/command-frontend@0.3.4
+  - @checkstack/signal-frontend@0.2.3
+  - @checkstack/common@0.14.1
+  - @checkstack/signal-common@0.2.8
+
 ## 0.8.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checkstack/frontend",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "license": "Elastic-2.0",
   "checkstack": {
     "type": "frontend"
@@ -20,17 +20,17 @@
     "lint:code": "eslint . --max-warnings 0"
   },
   "dependencies": {
-    "@checkstack/about-frontend": "0.3.3",
-    "@checkstack/announcement-frontend": "0.4.3",
-    "@checkstack/auth-frontend": "0.7.3",
-    "@checkstack/catalog-frontend": "0.11.3",
-    "@checkstack/command-frontend": "0.3.3",
+    "@checkstack/about-frontend": "0.3.4",
+    "@checkstack/announcement-frontend": "0.4.4",
+    "@checkstack/auth-frontend": "0.7.4",
+    "@checkstack/catalog-frontend": "0.11.4",
+    "@checkstack/command-frontend": "0.3.4",
     "@checkstack/common": "0.14.1",
-    "@checkstack/dependency-frontend": "0.5.3",
-    "@checkstack/frontend-api": "0.7.2",
+    "@checkstack/dependency-frontend": "0.5.4",
+    "@checkstack/frontend-api": "0.8.0",
     "@checkstack/signal-common": "0.2.8",
-    "@checkstack/signal-frontend": "0.2.2",
-    "@checkstack/ui": "1.14.0",
+    "@checkstack/signal-frontend": "0.2.3",
+    "@checkstack/ui": "1.15.0",
     "@module-federation/runtime": "^2.5",
     "@module-federation/vite": "^1.16",
     "@orpc/client": "^1.14.4",
@@ -41,18 +41,18 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "lucide-react": "^1.17.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.2.0",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
     "react-router-dom": "^7.16.0",
     "tailwind-merge": "^2.2.0",
     "tailwindcss": "^3.4.1",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@checkstack/scripts": "0.5.0",
+    "@checkstack/scripts": "0.6.0",
     "@checkstack/tsconfig": "0.0.7",
-    "@types/react": "^18.2.64",
-    "@types/react-dom": "^18.2.21",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^6.0.2",
     "postcss": "^8.5.15",
     "vite": "^8.0.16"

package/src/App.tsx

@@ -207,8 +207,12 @@ function AppContent() {
               mobileOpen={mobileNavOpen}
               onMobileOpenChange={setMobileNavOpen}
             />
-            <main className="flex-1 min-w-0 overflow-y-auto">
-              <div className="px-3 py-4 md:p-8 w-full max-w-7xl mx-auto">
+            <main className="flex flex-1 min-w-0 flex-col overflow-y-auto">
+              {/* `flex-1 min-h-0 flex flex-col` establishes a bounded height
+                  chain so a page can fill the viewport (PageLayout `fillHeight`)
+                  and scroll an inner pane instead of the whole page. Tall normal
+                  pages still overflow into `main`'s scroll (verified). */}
+              <div className="flex flex-1 min-h-0 flex-col px-3 py-4 md:p-8 w-full max-w-7xl mx-auto">
                 <Routes>
             <Route
               path="/"

package/vite.config.ts

@@ -82,11 +82,11 @@ export default defineConfig(({ command }) => {
         name: "checkstack_host",
         remotes: {},
         shared: {
-          react: { singleton: true, eager: true, requiredVersion: "^18.0.0" },
+          react: { singleton: true, eager: true, requiredVersion: "^19.0.0" },
           "react-dom": {
             singleton: true,
             eager: true,
-            requiredVersion: "^18.0.0",
+            requiredVersion: "^19.0.0",
           },
           "react-router-dom": {
             singleton: true,