@agentforge-io/chat-sdk 2.4.0-dev.7 → 2.4.0-dev.8

package/dist/ChatDrawer.js

@@ -192,13 +192,38 @@ function ChatDrawer(props) {
     // Motion / sizing portion of the surface style, kept separate from
     // the host-supplied theming so a re-render driven by drag offset
     // doesn't smash the host's CSS vars.
-    const surfaceMotionStyle = {
-        height: `${drawerHeight}px`,
-        transform: `translate3d(0, ${translateY}, 0)`,
-        bottom: `${vv.offsetTop}px`,
-        transition: isDragging ? 'none' : 'transform 240ms cubic-bezier(.32,.72,0,1)',
-        willChange: 'transform',
-    };
+    //
+    // Two distinct positioning modes:
+    //
+    // **fullscreen (snap=1)**: pin the surface to the VISUAL viewport
+    // box. `top = visualViewport.offsetTop` + `height = visualViewport.h`
+    // means the drawer sits exactly on the area the user can see, with
+    // the bottom edge flush against the on-screen keyboard (when it's up)
+    // or the bottom of the screen (when it's down). No layout viewport
+    // gymnastics needed.
+    //
+    // **bottom-sheet (snap<1)**: anchor the surface to the bottom of the
+    // visual viewport. `bottom = visualViewport.offsetTop` is the legacy
+    // path that handles the rubber-band scroll case on iOS Safari.
+    const surfaceMotionStyle = fullscreen
+        ? {
+            top: `${vv.offsetTop}px`,
+            height: `${vv.h}px`,
+            transform: `translate3d(0, ${translateY}, 0)`,
+            transition: isDragging
+                ? 'none'
+                : 'transform 240ms cubic-bezier(.32,.72,0,1)',
+            willChange: 'transform',
+        }
+        : {
+            height: `${drawerHeight}px`,
+            transform: `translate3d(0, ${translateY}, 0)`,
+            bottom: `${vv.offsetTop}px`,
+            transition: isDragging
+                ? 'none'
+                : 'transform 240ms cubic-bezier(.32,.72,0,1)',
+            willChange: 'transform',
+        };
     return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { className: "af-drawer-root", "data-state": open ? 'open' : 'closed', style: {
             position: 'fixed',
             inset: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentforge-io/chat-sdk",
-  "version": "2.4.0-dev.7",
+  "version": "2.4.0-dev.8",
   "description": "Framework-free chat session SDK for AgentForge public chat tokens. Headless — no DOM. Drop into any frontend (React, Vue, Svelte, vanilla) and listen for events.",
   "license": "MIT",
   "main": "dist/index.js",