nucleus-core-ts 0.9.169 → 0.9.171

package/dist/fe/components/ChatPanel/components/ChatPanel.js

@@ -100,7 +100,7 @@ export function ChatPanel(props) {
                 ]
             }),
             /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-1 flex-col",
+                className: "flex min-h-0 flex-1 flex-col",
                 children: [
                     /*#__PURE__*/ _jsx(MessageThread, {
                         conversation: active,

package/dist/fe/components/ChatPanel/hooks/useChat.js

@@ -19,7 +19,8 @@ function previewFor(message) {
 export function useChat(props) {
     const { currentUserId, actions, topic = 'chat', wsUrl, wsPath } = props;
     const store = useChatStore();
-    const processedRef = useRef(0);
+    const lastSeenEventIdRef = useRef(null);
+    const eventsInitializedRef = useRef(false);
     const typingSentAtRef = useRef(0);
     const pubsub = usePubSub({
         userId: currentUserId,
@@ -244,17 +245,29 @@ export function useChat(props) {
     useEffect(()=>{
         loadConversations();
     }, []);
+    // The pubsub store PREPENDS events (newest at index 0) and caps the buffer,
+    // so index/count tracking is unsafe. Track the last-seen event id instead:
+    // collect everything newer than it (newest-first), then replay oldest-first.
+    // The initial mount skips the existing backlog — history loads via REST.
     useEffect(()=>{
         const events = pubsub.events;
-        for(let i = processedRef.current; i < events.length; i++){
-            const event = events[i];
-            if (event && event.topic === topic) {
-                handleRealtime(event.data);
-            }
+        if (!eventsInitializedRef.current) {
+            eventsInitializedRef.current = true;
+            lastSeenEventIdRef.current = events[0]?.id ?? null;
+            return;
+        }
+        const fresh = [];
+        for (const event of events){
+            if (event.id === lastSeenEventIdRef.current) break;
+            fresh.push(event);
+        }
+        lastSeenEventIdRef.current = events[0]?.id ?? lastSeenEventIdRef.current;
+        for(let i = fresh.length - 1; i >= 0; i--){
+            const event = fresh[i];
+            if (event.topic === topic) handleRealtime(event.data);
         }
-        processedRef.current = events.length;
     }, [
-        pubsub.events.length
+        pubsub.events[0]?.id
     ]);
     return {
         store,

package/dist/fe/components/ChatPanel/theme/index.d.ts

@@ -21,11 +21,11 @@ export declare const chatPanelTheme: {
         readonly badge: "ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-emerald-500 px-1.5 text-[11px] font-semibold text-white";
     };
     readonly thread: {
-        readonly base: "flex flex-1 flex-col";
+        readonly base: "flex min-h-0 flex-1 flex-col";
         readonly header: "flex items-center gap-3 border-b border-zinc-200 px-5 py-3 dark:border-zinc-800";
         readonly headerTitle: "text-sm font-semibold";
         readonly headerSubtitle: "text-xs text-zinc-400";
-        readonly messages: "flex flex-1 flex-col gap-2 overflow-y-auto px-5 py-4";
+        readonly messages: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto px-5 py-4";
         readonly loadMore: "mx-auto mb-2 rounded-full border border-zinc-200 px-3 py-1 text-xs text-zinc-500 transition hover:bg-zinc-50 dark:border-zinc-800 dark:hover:bg-zinc-900";
         readonly empty: "flex flex-1 items-center justify-center text-sm text-zinc-400";
         readonly placeholder: "flex flex-1 items-center justify-center px-6 text-center text-sm text-zinc-400";

package/dist/fe/components/ChatPanel/theme/index.js

@@ -20,11 +20,11 @@ export const chatPanelTheme = {
         badge: 'ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-emerald-500 px-1.5 text-[11px] font-semibold text-white'
     },
     thread: {
-        base: 'flex flex-1 flex-col',
+        base: 'flex min-h-0 flex-1 flex-col',
         header: 'flex items-center gap-3 border-b border-zinc-200 px-5 py-3 dark:border-zinc-800',
         headerTitle: 'text-sm font-semibold',
         headerSubtitle: 'text-xs text-zinc-400',
-        messages: 'flex flex-1 flex-col gap-2 overflow-y-auto px-5 py-4',
+        messages: 'flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto px-5 py-4',
         loadMore: 'mx-auto mb-2 rounded-full border border-zinc-200 px-3 py-1 text-xs text-zinc-500 transition hover:bg-zinc-50 dark:border-zinc-800 dark:hover:bg-zinc-900',
         empty: 'flex flex-1 items-center justify-center text-sm text-zinc-400',
         placeholder: 'flex flex-1 items-center justify-center px-6 text-center text-sm text-zinc-400'