@intentface/chat 0.2.0 → 0.2.1

package/dist/thread/geometry.d.ts

@@ -1,6 +1,12 @@
 export declare const prefersReducedMotion: () => boolean;
 export declare const resolveScrollBehavior: (behavior: ScrollBehavior) => ScrollBehavior;
 export declare const scrollContainerTo: (el: HTMLElement, top: number, behavior: ScrollBehavior) => void;
+export type ViewportBox = {
+    width: number;
+    height: number;
+};
+export declare const readViewportBox: (el: HTMLElement | null) => ViewportBox;
+export declare const sameViewportBox: (a: ViewportBox, b: ViewportBox) => boolean;
 export declare const wasPrepended: (mutations: MutationRecord[], previousFirst: Element | null, content: HTMLElement) => boolean;
 export declare const DEFAULT_BOTTOM_OFFSET = 128;
 export declare const DOCK_SELECTOR = "[data-thread-composer]";

package/dist/thread/geometry.js

@@ -11,6 +11,8 @@ export const resolveScrollBehavior = (behavior) => behavior === "smooth" && pref
 export const scrollContainerTo = (el, top, behavior) => {
     el.scrollTo({ top, behavior: resolveScrollBehavior(behavior) });
 };
+export const readViewportBox = (el) => el ? { width: el.clientWidth, height: el.clientHeight } : { width: 0, height: 0 };
+export const sameViewportBox = (a, b) => a.width === b.width && a.height === b.height;
 // A prepend = rows were added, nothing removed, and the previously-first row
 // is still connected but no longer first (older history loading in above).
 export const wasPrepended = (mutations, previousFirst, content) => previousFirst?.isConnected === true &&

package/dist/thread/thread.js

@@ -12,7 +12,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { createContext, memo, use, useCallback, useEffect, useInsertionEffect, useLayoutEffect, useMemo, useRef, useSyncExternalStore, } from "react";
 import { useRefWithInit } from "../internal/render/useRefWithInit.js";
 import { useRenderElement } from "../internal/render/useRenderElement.js";
-import { DEFAULT_BOTTOM_OFFSET, measureDockInset, measureTopInset, queryDock, resolveScrollBehavior, scrollContainerTo, wasPrepended, } from "./geometry.js";
+import { DEFAULT_BOTTOM_OFFSET, measureDockInset, measureTopInset, queryDock, readViewportBox, resolveScrollBehavior, sameViewportBox, scrollContainerTo, wasPrepended, } from "./geometry.js";
 import { createEdgeStore, createVisibilityStore, EMPTY_VISIBILITY, } from "./stores.js";
 // Latest-ref: read the current value from long-lived effects/callbacks without
 // re-subscribing them when it changes.
@@ -299,14 +299,24 @@ const useThreadScroll = (rootRef, mode, preserveScrollOnPrepend) => {
         // late, so a position check here would scroll on stale "at bottom" the
         // instant after the user wheels up, hijacking their scroll and re-arming
         // the follow in a loop they can't escape.
+        //
+        // A resize alone can't say whether content grew or the viewport did: the
+        // reserve tracks --thread-turn-area, so a container animating open resizes
+        // `content` every frame. Only a viewport change moves the scroller's own
+        // box — re-pin those instantly instead of smooth-scrolling a moving target
+        // for the length of the animation.
+        let viewport = readViewportBox(scrollRef.current);
         const follow = () => {
+            const previous = viewport;
+            viewport = readViewportBox(scrollRef.current);
+            const resized = !sameViewportBox(previous, viewport);
             if (skipNextResize) {
                 skipNextResize = false;
                 return;
             }
-            if (followingRef.current) {
-                scrollToBottom("smooth");
-            }
+            if (!followingRef.current)
+                return;
+            scrollToBottom(resized ? "instant" : "smooth");
         };
         land();
         const turns = new MutationObserver(land);
@@ -522,13 +532,15 @@ const useThreadInsets = (rootRef) => {
         const root = rootRef.current;
         if (!root)
             return;
+        // Read both insets before writing either property: a write followed by a forced
+        // layout read dips scrollHeight for a frame, and that scrollTop clamp is final.
         const apply = () => {
             const bottomInset = measureDockInset(root);
+            const topInset = measureTopInset(root);
+            const area = Math.max(0, Math.round(root.clientHeight - topInset - (bottomInset ?? DEFAULT_BOTTOM_OFFSET)));
             if (bottomInset !== null) {
                 root.style.setProperty("--thread-overlay-bottom-height", `${bottomInset}px`);
             }
-            const topInset = measureTopInset(root);
-            const area = Math.max(0, Math.round(root.clientHeight - topInset - (bottomInset ?? DEFAULT_BOTTOM_OFFSET)));
             root.style.setProperty("--thread-turn-area", `${area}px`);
         };
         apply();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intentface/chat",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Headless chat UI primitives — unstyled compound components, hooks, and wire formats for building AI chat interfaces.",
   "license": "MIT",
   "type": "module",
@@ -80,6 +80,7 @@
     "build": "rm -rf dist && tsc -p tsconfig.build.json && node scripts/add-dist-extensions.mjs && node scripts/smoke-dist.mjs",
     "test": "bun test",
     "typecheck": "tsc --noEmit",
+    "verify:release": "bun run typecheck && bun test && bun run build && publint",
     "prepack": "bun run build"
   },
   "dependencies": {
@@ -97,6 +98,7 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "axe-core": "^4.12.1",
+    "publint": "0.3.23",
     "typescript": "^5"
   },
   "publishConfig": {