@portablecore/chat 0.2.15 → 0.3.0

package/dist/hooks/use-virtual-messages.js

@@ -0,0 +1,149 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PRE_MEASURE_THRESHOLD = exports.VIRTUALIZATION_THRESHOLD = void 0;
+exports.useVirtualMessages = useVirtualMessages;
+/**
+ * useVirtualMessages — Battle-tested virtualizer for large chat histories.
+ *
+ * Ported from the legacy ChatInterface's tanstack/react-virtual integration,
+ * which included workarounds for variable-height messages, mode transitions,
+ * and mobile scrolling. Gated behind config.features.jsVirtualization.
+ *
+ * Key patterns ported from legacy:
+ * - Overscan 100 (pre-render many items above/below viewport)
+ * - Content-length-based height estimation with short/long awareness
+ * - Mode version in getItemKey for cache invalidation on view mode changes
+ * - isResetting state (count-to-0) for mode transitions
+ * - Settlement polling (50ms, 4-stable, 40-max) with 2.5s fallback
+ * - Pre-measured heights map integration for accurate initial positioning
+ */
+const react_1 = require("react");
+const react_virtual_1 = require("@tanstack/react-virtual");
+exports.VIRTUALIZATION_THRESHOLD = 100;
+exports.PRE_MEASURE_THRESHOLD = 100;
+function estimateMessageHeight(rm, preMeasuredHeights, isExpanded) {
+    const msg = rm.message;
+    const PADDING = 24;
+    if (preMeasuredHeights) {
+        const cached = preMeasuredHeights.get(msg.id);
+        if (cached) {
+            if (typeof cached === "object") {
+                return isExpanded ? cached.long : cached.short;
+            }
+            return cached;
+        }
+    }
+    let base = 0;
+    if (rm.showDateSeparator)
+        base += 48;
+    if (msg.role === "user") {
+        const hasDocuments = msg.metadata?.hasDocuments;
+        return base + (hasDocuments ? 150 : 80) + PADDING;
+    }
+    const relevantContent = !isExpanded && msg.shortContent ? msg.shortContent : msg.content;
+    const contentLength = relevantContent?.length || 0;
+    if (contentLength < 200)
+        return base + 100 + PADDING;
+    if (contentLength < 500)
+        return base + 150 + PADDING;
+    if (contentLength < 1000)
+        return base + 250 + PADDING;
+    if (contentLength < 2000)
+        return base + 400 + PADDING;
+    return base + 600 + PADDING;
+}
+function useVirtualMessages({ renderableMessages, scrollRef, measureVersion = 0, enabled = true, preMeasuredHeights, getMessageIsExpanded, }) {
+    const count = renderableMessages.length;
+    const shouldVirtualize = enabled && count >= exports.VIRTUALIZATION_THRESHOLD;
+    const messagesRef = (0, react_1.useRef)(renderableMessages);
+    messagesRef.current = renderableMessages;
+    const preMeasuredRef = (0, react_1.useRef)(preMeasuredHeights);
+    preMeasuredRef.current = preMeasuredHeights;
+    const getExpandedRef = (0, react_1.useRef)(getMessageIsExpanded);
+    getExpandedRef.current = getMessageIsExpanded;
+    const [modeVersion, setModeVersion] = (0, react_1.useState)(0);
+    const [isResetting, setIsResetting] = (0, react_1.useState)(false);
+    const [isSettled, setIsSettled] = (0, react_1.useState)(!shouldVirtualize);
+    const prevMeasureVersion = (0, react_1.useRef)(measureVersion);
+    (0, react_1.useEffect)(() => {
+        if (prevMeasureVersion.current !== measureVersion && shouldVirtualize) {
+            prevMeasureVersion.current = measureVersion;
+            setIsResetting(true);
+            setIsSettled(false);
+            setModeVersion((v) => v + 1);
+            requestAnimationFrame(() => {
+                setIsResetting(false);
+            });
+        }
+    }, [measureVersion, shouldVirtualize]);
+    const virtualizer = (0, react_virtual_1.useVirtualizer)({
+        count: isResetting ? 0 : shouldVirtualize ? count : 0,
+        getScrollElement: () => scrollRef.current,
+        estimateSize: (0, react_1.useCallback)((index) => {
+            const rm = messagesRef.current[index];
+            if (!rm)
+                return 100;
+            const isExpanded = getExpandedRef.current?.(rm.message.id, index) ?? true;
+            return estimateMessageHeight(rm, preMeasuredRef.current, isExpanded);
+        }, []),
+        getItemKey: (0, react_1.useCallback)((index) => {
+            const rm = messagesRef.current[index];
+            return `${rm?.message.id ?? index}-v${modeVersion}`;
+        }, [modeVersion]),
+        overscan: 100,
+    });
+    // Settlement polling: watch for scrollHeight stability after initial render.
+    // 50ms polling, need 4 consecutive stable checks (~200ms), give up after 40 (~2s).
+    (0, react_1.useEffect)(() => {
+        if (!shouldVirtualize || isResetting || isSettled)
+            return;
+        const container = scrollRef.current;
+        if (!container) {
+            setIsSettled(true);
+            return;
+        }
+        let lastScrollHeight = container.scrollHeight;
+        let stableCount = 0;
+        const STABLE_THRESHOLD = 4;
+        const MAX_CHECKS = 40;
+        let checkCount = 0;
+        let pollTimer;
+        const checkSettlement = () => {
+            checkCount++;
+            const currentScrollHeight = container.scrollHeight;
+            if (currentScrollHeight !== lastScrollHeight) {
+                lastScrollHeight = currentScrollHeight;
+                stableCount = 0;
+            }
+            else {
+                stableCount++;
+            }
+            if (stableCount >= STABLE_THRESHOLD || checkCount >= MAX_CHECKS) {
+                setIsSettled(true);
+                return;
+            }
+            pollTimer = setTimeout(checkSettlement, 50);
+        };
+        pollTimer = setTimeout(checkSettlement, 50);
+        const fallbackTimer = setTimeout(() => {
+            setIsSettled(true);
+        }, 2500);
+        return () => {
+            clearTimeout(pollTimer);
+            clearTimeout(fallbackTimer);
+        };
+    }, [shouldVirtualize, isResetting, isSettled, scrollRef]);
+    if (!shouldVirtualize) {
+        return { active: false };
+    }
+    return {
+        active: true,
+        virtualizer,
+        virtualItems: virtualizer.getVirtualItems(),
+        totalSize: virtualizer.getTotalSize(),
+        isSettled,
+        isResetting,
+    };
+}
+//# sourceMappingURL=use-virtual-messages.js.map

package/dist/hooks/use-virtual-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-virtual-messages.js","sourceRoot":"","sources":["../../src/hooks/use-virtual-messages.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -38,9 +38,14 @@ export { useProviderSelection } from "./hooks/use-provider-selection.js";
 export type { ProviderSelectionState } from "./hooks/use-provider-selection.js";
 export { ThreadFilterHeader } from "./components/thread-filter-header.js";
 export { useThreadFilter } from "./hooks/use-thread-filter.js";
-export { FocusModeControl } from "./components/focus-mode-control.js";
-export { useFocusMode } from "./hooks/use-focus-mode.js";
-export type { FocusModeState } from "./hooks/use-focus-mode.js";
+export { DensityControl } from "./components/density-control.js";
+export { useContentDensity, getDefaultViewMode } from "./hooks/use-content-density.js";
+export type { ContentDensityState } from "./hooks/use-content-density.js";
+export { DensityControl as FocusModeControl } from "./components/density-control.js";
+export { useContentDensity as useFocusMode } from "./hooks/use-content-density.js";
+export type { ContentDensityState as FocusModeState } from "./hooks/use-content-density.js";
+export { useVirtualMessages, VIRTUALIZATION_THRESHOLD, PRE_MEASURE_THRESHOLD } from "./hooks/use-virtual-messages.js";
+export type { VirtualState, MessageHeights } from "./hooks/use-virtual-messages.js";
 export { formatTime, getDateSeparator, isDifferentDay } from "./utils/time.js";
 export { groupMessages } from "./utils/message-grouping.js";
 export { remarkPlugins, rehypePlugins, defaultMarkdownComponents } from "./utils/markdown-config.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAG3E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAGjE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,YAAY,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,YAAY,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAA;AACjF,YAAY,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAGzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACxE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAG/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAG9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAG/D,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAGpG,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,cAAc,EACd,eAAe,EACf,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,iBAAiB,GAClB,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -11,7 +11,7 @@
  * slots, resolvers, handlers).
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultMarkdownComponents = exports.rehypePlugins = exports.remarkPlugins = exports.groupMessages = exports.isDifferentDay = exports.getDateSeparator = exports.formatTime = exports.useFocusMode = exports.FocusModeControl = exports.useThreadFilter = exports.ThreadFilterHeader = exports.useProviderSelection = exports.ProviderSelector = exports.useWhisperMode = exports.WhisperRecipientPicker = exports.EmptyState = exports.MessageActions = exports.CodeBlock = exports.SkillIndicator = exports.ThinkingIndicator = exports.BouncingDots = exports.StreamingText = exports.InputArea = exports.MessageBubble = exports.MessageList = exports.useAttachments = exports.AutocompletePopup = exports.useAutocomplete = exports.useChatScroll = exports.useChatSession = exports.ChatInterfaceCore = void 0;
+exports.defaultMarkdownComponents = exports.rehypePlugins = exports.remarkPlugins = exports.groupMessages = exports.isDifferentDay = exports.getDateSeparator = exports.formatTime = exports.PRE_MEASURE_THRESHOLD = exports.VIRTUALIZATION_THRESHOLD = exports.useVirtualMessages = exports.useFocusMode = exports.FocusModeControl = exports.getDefaultViewMode = exports.useContentDensity = exports.DensityControl = exports.useThreadFilter = exports.ThreadFilterHeader = exports.useProviderSelection = exports.ProviderSelector = exports.useWhisperMode = exports.WhisperRecipientPicker = exports.EmptyState = exports.MessageActions = exports.CodeBlock = exports.SkillIndicator = exports.ThinkingIndicator = exports.BouncingDots = exports.StreamingText = exports.InputArea = exports.MessageBubble = exports.MessageList = exports.useAttachments = exports.AutocompletePopup = exports.useAutocomplete = exports.useChatScroll = exports.useChatSession = exports.ChatInterfaceCore = void 0;
 // The main product
 var chat_interface_core_js_1 = require("./chat-interface-core.js");
 Object.defineProperty(exports, "ChatInterfaceCore", { enumerable: true, get: function () { return chat_interface_core_js_1.ChatInterfaceCore; } });
@@ -64,11 +64,22 @@ var thread_filter_header_js_1 = require("./components/thread-filter-header.js");
 Object.defineProperty(exports, "ThreadFilterHeader", { enumerable: true, get: function () { return thread_filter_header_js_1.ThreadFilterHeader; } });
 var use_thread_filter_js_1 = require("./hooks/use-thread-filter.js");
 Object.defineProperty(exports, "useThreadFilter", { enumerable: true, get: function () { return use_thread_filter_js_1.useThreadFilter; } });
-// Focus mode
-var focus_mode_control_js_1 = require("./components/focus-mode-control.js");
-Object.defineProperty(exports, "FocusModeControl", { enumerable: true, get: function () { return focus_mode_control_js_1.FocusModeControl; } });
-var use_focus_mode_js_1 = require("./hooks/use-focus-mode.js");
-Object.defineProperty(exports, "useFocusMode", { enumerable: true, get: function () { return use_focus_mode_js_1.useFocusMode; } });
+// Content Density (replaces Focus Mode)
+var density_control_js_1 = require("./components/density-control.js");
+Object.defineProperty(exports, "DensityControl", { enumerable: true, get: function () { return density_control_js_1.DensityControl; } });
+var use_content_density_js_1 = require("./hooks/use-content-density.js");
+Object.defineProperty(exports, "useContentDensity", { enumerable: true, get: function () { return use_content_density_js_1.useContentDensity; } });
+Object.defineProperty(exports, "getDefaultViewMode", { enumerable: true, get: function () { return use_content_density_js_1.getDefaultViewMode; } });
+// Legacy aliases for backward compat
+var density_control_js_2 = require("./components/density-control.js");
+Object.defineProperty(exports, "FocusModeControl", { enumerable: true, get: function () { return density_control_js_2.DensityControl; } });
+var use_content_density_js_2 = require("./hooks/use-content-density.js");
+Object.defineProperty(exports, "useFocusMode", { enumerable: true, get: function () { return use_content_density_js_2.useContentDensity; } });
+// Virtualization
+var use_virtual_messages_js_1 = require("./hooks/use-virtual-messages.js");
+Object.defineProperty(exports, "useVirtualMessages", { enumerable: true, get: function () { return use_virtual_messages_js_1.useVirtualMessages; } });
+Object.defineProperty(exports, "VIRTUALIZATION_THRESHOLD", { enumerable: true, get: function () { return use_virtual_messages_js_1.VIRTUALIZATION_THRESHOLD; } });
+Object.defineProperty(exports, "PRE_MEASURE_THRESHOLD", { enumerable: true, get: function () { return use_virtual_messages_js_1.PRE_MEASURE_THRESHOLD; } });
 // Utilities
 var time_js_1 = require("./utils/time.js");
 Object.defineProperty(exports, "formatTime", { enumerable: true, get: function () { return time_js_1.formatTime; } });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;AAEH,mBAAmB;AACnB,mEAA4D;AAAnD,2HAAA,iBAAiB,OAAA;AAE1B,qEAAqE;AACrE,mEAA4D;AAAnD,qHAAA,cAAc,OAAA;AAGvB,oBAAoB;AACpB,iEAA0D;AAAjD,mHAAA,aAAa,OAAA;AAEtB,eAAe;AACf,mEAA6D;AAApD,sHAAA,eAAe,OAAA;AACxB,4EAAsE;AAA7D,0HAAA,iBAAiB,OAAA;AAE1B,cAAc;AACd,iEAA2D;AAAlD,oHAAA,cAAc,OAAA;AAGvB,sEAAsE;AACtE,gEAA0D;AAAjD,8GAAA,WAAW,OAAA;AACpB,oEAA8D;AAArD,kHAAA,aAAa,OAAA;AACtB,4DAAsD;AAA7C,0GAAA,SAAS,OAAA;AAClB,oEAA8D;AAArD,kHAAA,aAAa,OAAA;AACtB,kEAA4D;AAAnD,gHAAA,YAAY,OAAA;AACrB,4EAAsE;AAA7D,0HAAA,iBAAiB,OAAA;AAE1B,sEAAgE;AAAvD,oHAAA,cAAc,OAAA;AACvB,4DAAsD;AAA7C,0GAAA,SAAS,OAAA;AAClB,sEAAgE;AAAvD,oHAAA,cAAc,OAAA;AAEvB,8DAAwD;AAA/C,4GAAA,UAAU,OAAA;AACnB,wFAAiF;AAAxE,qIAAA,sBAAsB,OAAA;AAE/B,mEAA4D;AAAnD,qHAAA,cAAc,OAAA;AAGvB,qBAAqB;AACrB,0EAAoE;AAA3D,wHAAA,gBAAgB,OAAA;AACzB,+EAAwE;AAA/D,iIAAA,oBAAoB,OAAA;AAG7B,mBAAmB;AACnB,gFAAyE;AAAhE,6HAAA,kBAAkB,OAAA;AAC3B,qEAA8D;AAArD,uHAAA,eAAe,OAAA;AAExB,aAAa;AACb,4EAAqE;AAA5D,yHAAA,gBAAgB,OAAA;AACzB,+DAAwD;AAA/C,iHAAA,YAAY,OAAA;AAGrB,YAAY;AACZ,2CAA8E;AAArE,qGAAA,UAAU,OAAA;AAAE,2GAAA,gBAAgB,OAAA;AAAE,yGAAA,cAAc,OAAA;AACrD,mEAA2D;AAAlD,oHAAA,aAAa,OAAA;AACtB,iEAAoG;AAA3F,mHAAA,aAAa,OAAA;AAAE,mHAAA,aAAa,OAAA;AAAE,+HAAA,yBAAyB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;AAEH,mBAAmB;AACnB,mEAA4D;AAAnD,2HAAA,iBAAiB,OAAA;AAE1B,qEAAqE;AACrE,mEAA4D;AAAnD,qHAAA,cAAc,OAAA;AAGvB,oBAAoB;AACpB,iEAA0D;AAAjD,mHAAA,aAAa,OAAA;AAEtB,eAAe;AACf,mEAA6D;AAApD,sHAAA,eAAe,OAAA;AACxB,4EAAsE;AAA7D,0HAAA,iBAAiB,OAAA;AAE1B,cAAc;AACd,iEAA2D;AAAlD,oHAAA,cAAc,OAAA;AAGvB,sEAAsE;AACtE,gEAA0D;AAAjD,8GAAA,WAAW,OAAA;AACpB,oEAA8D;AAArD,kHAAA,aAAa,OAAA;AACtB,4DAAsD;AAA7C,0GAAA,SAAS,OAAA;AAClB,oEAA8D;AAArD,kHAAA,aAAa,OAAA;AACtB,kEAA4D;AAAnD,gHAAA,YAAY,OAAA;AACrB,4EAAsE;AAA7D,0HAAA,iBAAiB,OAAA;AAE1B,sEAAgE;AAAvD,oHAAA,cAAc,OAAA;AACvB,4DAAsD;AAA7C,0GAAA,SAAS,OAAA;AAClB,sEAAgE;AAAvD,oHAAA,cAAc,OAAA;AAEvB,8DAAwD;AAA/C,4GAAA,UAAU,OAAA;AACnB,wFAAiF;AAAxE,qIAAA,sBAAsB,OAAA;AAE/B,mEAA4D;AAAnD,qHAAA,cAAc,OAAA;AAGvB,qBAAqB;AACrB,0EAAoE;AAA3D,wHAAA,gBAAgB,OAAA;AACzB,+EAAwE;AAA/D,iIAAA,oBAAoB,OAAA;AAG7B,mBAAmB;AACnB,gFAAyE;AAAhE,6HAAA,kBAAkB,OAAA;AAC3B,qEAA8D;AAArD,uHAAA,eAAe,OAAA;AAExB,wCAAwC;AACxC,sEAAgE;AAAvD,oHAAA,cAAc,OAAA;AACvB,yEAAsF;AAA7E,2HAAA,iBAAiB,OAAA;AAAE,4HAAA,kBAAkB,OAAA;AAG9C,qCAAqC;AACrC,sEAAoF;AAA3E,sHAAA,cAAc,OAAoB;AAC3C,yEAAkF;AAAzE,sHAAA,iBAAiB,OAAgB;AAG1C,iBAAiB;AACjB,2EAAqH;AAA5G,6HAAA,kBAAkB,OAAA;AAAE,mIAAA,wBAAwB,OAAA;AAAE,gIAAA,qBAAqB,OAAA;AAG5E,YAAY;AACZ,2CAA8E;AAArE,qGAAA,UAAU,OAAA;AAAE,2GAAA,gBAAgB,OAAA;AAAE,yGAAA,cAAc,OAAA;AACrD,mEAA2D;AAAlD,oHAAA,aAAa,OAAA;AACtB,iEAAoG;AAA3F,mHAAA,aAAa,OAAA;AAAE,mHAAA,aAAa,OAAA;AAAE,+HAAA,yBAAyB,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portablecore/chat",
-  "version": "0.2.15",
+  "version": "0.3.0",
   "description": "Unified chat UI for Portable platforms — composable ChatInterface with extension points",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -13,6 +13,12 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit"
+  },
   "keywords": [
     "portable",
     "chat",
@@ -23,31 +29,26 @@
   "author": "Portable",
   "license": "UNLICENSED",
   "dependencies": {
-    "remark-gfm": "^4.0.1",
-    "remark-breaks": "^4.0.0",
-    "rehype-raw": "^7.0.0",
+    "@portablecore/chat-runtime": "workspace:*",
+    "@portablecore/types": "workspace:*",
+    "@tanstack/react-virtual": "^3.13.22",
     "rehype-highlight": "^7.0.2",
-    "@portablecore/chat-runtime": "0.1.0",
-    "@portablecore/types": "0.11.6"
+    "rehype-raw": "^7.0.0",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-markdown": ">=9.0.0",
     "@nvq/flowtoken": ">=2.0.0",
-    "lucide-react": ">=0.300.0"
+    "lucide-react": ">=0.300.0",
+    "react": ">=18.0.0",
+    "react-markdown": ">=9.0.0"
   },
   "devDependencies": {
-    "typescript": "^5.3.0",
+    "@nvq/flowtoken": "^2.0.6",
     "@types/react": "^18.0.0",
+    "lucide-react": "^0.562.0",
     "react": "^18.0.0",
     "react-markdown": "^10.1.0",
-    "@nvq/flowtoken": "^2.0.6",
-    "lucide-react": "^0.562.0"
-  },
-  "scripts": {
-    "build": "tsc",
-    "dev": "tsc --watch",
-    "clean": "rm -rf dist",
-    "typecheck": "tsc --noEmit"
+    "typescript": "^5.3.0"
   }
-}
+}