@frontera-sdk/chat-ui 1.50.58 → 1.50.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontera-sdk/chat-ui",
-  "version": "1.50.58",
+  "version": "1.50.60",
   "description": "Ready-made React components for embedding a Frontera agent conversation — message rendering, tool calls, artifacts and composer.",
   "keywords": [
     "frontera",
@@ -14,6 +14,7 @@
   "files": [
     "dist",
     "!dist/**/*.map",
+    "!dist/metafile-*.json",
     "src/styles.css",
     "README.md",
     "LICENSE"
@@ -81,19 +82,36 @@
     "test": "bun test",
     "typecheck": "bunx tsc --noEmit",
     "vendor": "bun run scripts/copy-chat-surface.ts && bun run scripts/vendor-icons.ts && bun run scripts/vendor-theme.ts",
-    "build:css": "bunx @tailwindcss/cli -i src/tailwind.css -o dist/platform.css --minify && bun run scripts/build-css.ts",
+    "build:css": "bunx @tailwindcss/cli -i src/tailwind.css -o dist/platform.css --minify && bun run scripts/build-css.ts && bun run scripts/scope-css.ts",
     "prepublishOnly": "bun run build",
-    "build": "bunx tsup && bun run scripts/add-use-client.ts && bun run build:css"
+    "check:externals": "bun run scripts/check-externals.ts",
+    "build": "bunx tsup && bun run scripts/add-use-client.ts && bun run build:css && bun run check:externals"
   },
   "dependencies": {
     "@elysiajs/eden": "^1.4.9",
-    "@frontera-sdk/chat": "1.50.58",
-    "@frontera-sdk/core": "1.50.58",
+    "@frontera-sdk/chat": "1.50.60",
+    "@frontera-sdk/core": "1.50.60",
+    "@radix-ui/react-alert-dialog": "^1.1.23",
     "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-compose-refs": "^1.1.5",
     "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-direction": "^1.1.4",
+    "@radix-ui/react-dropdown-menu": "^2.1.24",
     "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-id": "^1.1.4",
+    "@radix-ui/react-label": "^2.1.15",
+    "@radix-ui/react-popover": "^1.1.23",
+    "@radix-ui/react-primitive": "^2.1.10",
     "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-separator": "^1.1.15",
     "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.3.7",
+    "@radix-ui/react-tabs": "^1.1.21",
+    "@radix-ui/react-tooltip": "^1.2.16",
+    "@streamdown/cjk": "^1.0.3",
+    "@streamdown/code": "^1.1.1",
+    "@streamdown/math": "^1.0.2",
+    "@wendellhu/redi": "^1.1.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "motion": "^12.37.0",
@@ -104,6 +122,7 @@
     "tailwind-merge": "^3.5.0",
     "unist-util-visit": "^5.1.0",
     "unist-util-visit-parents": "^6.0.2",
+    "use-sync-external-store": "^1.6.0",
     "zod": "^4.3.6",
     "zustand": "^5.0.12",
     "react-resizable-panels": "^3.0.6",
@@ -127,6 +146,7 @@
     "@types/bun": "^1.3.14",
     "@types/hast": "^3.0.5",
     "@types/react": "^19",
+    "postcss": "^8.5.23",
     "react": "19.2.7",
     "react-dom": "19.2.7",
     "tailwindcss": "^4",

package/src/styles.css

@@ -17,11 +17,6 @@
   it, and the pane would render in the host page's palette.
 */
 .fr-shell {
-  position: relative;
-  display: flex;
-  min-height: 0;
-  height: 100%;
-  isolation: isolate;
   /*
     Tokens live HERE, not on `.fr-chat`. The pane is a SIBLING of the
     conversation — tokens declared one level down never reach it, and every
@@ -46,6 +41,26 @@
   --fr-font-size: 15px;
 }
 
+/*
+  Layout, held back from the portal root.
+
+  `portal-root.tsx` puts `.fr-shell` on the container it appends to
+  `document.body`, so dialogs Radix sends there are themed rather than wearing
+  the host's chrome. That container must stay a zero-height positioning box —
+  and with `height: 100%` on every `.fr-shell` it became a viewport-tall block
+  under the host's page, which made the page scroll past the end of the app.
+
+  The tokens above stay on every `.fr-shell`: a portalled dialog needs them.
+  Only the box does not apply.
+*/
+.fr-shell:not([data-frontera-portal-root]) {
+  position: relative;
+  display: flex;
+  min-height: 0;
+  height: 100%;
+  isolation: isolate;
+}
+
 /*
   BOTH panels ease `flex-grow`, which is the platform's push: one gives up
   exactly the width the other takes (`PANE_ANIM_CLASS` in

package/dist/chunk-DGDHKMDB.js

@@ -1,10 +0,0 @@
-'use client';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-// src/vendor/lib/utils.ts
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export { cn };