@steerable/agent-ui 0.6.62 → 0.6.63

package/dist/state/useChatList.js

@@ -32,6 +32,7 @@ export function useChatList(options) {
     const pageRef = useRef(1);
     const hasMoreRef = useRef(false);
     const loadingMoreRef = useRef(false);
+    const failedPageRef = useRef(null);
     const mountedRef = useRef(true);
     useEffect(() => {
         mountedRef.current = true;
@@ -49,6 +50,7 @@ export function useChatList(options) {
             setHasMore(res.hasMore);
             hasMoreRef.current = res.hasMore;
             pageRef.current = 1;
+            failedPageRef.current = null;
             setError(null);
         }
         catch (err) {
@@ -72,12 +74,15 @@ export function useChatList(options) {
         }
     }, []);
     const loadMoreChats = useCallback(async () => {
-        if (!hasMoreRef.current || loadingMoreRef.current)
+        const next = pageRef.current + 1;
+        if (!hasMoreRef.current ||
+            loadingMoreRef.current ||
+            failedPageRef.current === next) {
             return;
+        }
         loadingMoreRef.current = true;
         setLoadingMore(true);
         try {
-            const next = pageRef.current + 1;
             const res = await transportRef.current.listChats({ page: next, pageSize });
             if (!mountedRef.current)
                 return;
@@ -94,8 +99,10 @@ export function useChatList(options) {
             setHasMore(res.hasMore);
             hasMoreRef.current = res.hasMore;
             pageRef.current = next;
+            failedPageRef.current = null;
         }
         catch (err) {
+            failedPageRef.current = next;
             if (mountedRef.current)
                 setError(err instanceof Error ? err : new Error(String(err)));
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steerable/agent-ui",
-  "version": "0.6.62",
+  "version": "0.6.63",
   "description": "Steerable framework Tier 4 — headless React hooks (useAgentSession, useChatStream, useToolCallStatus) and Tailwind-themed components (ChatPanel, MessageList, OrchestrationPlanCard, ToolCallRenderer, SSEStreamView) for embedding Steerable agents in any React app.",
   "license": "Apache-2.0",
   "homepage": "https://steerableframework.com/storybook/",
@@ -57,7 +57,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@steerable/agent-protocol": "0.6.62"
+    "@steerable/agent-protocol": "0.6.63"
   },
   "peerDependencies": {
     "react": ">=18.0.0",

package/src/state/useChatList.test.ts

@@ -99,6 +99,36 @@ describe('useChatList', () => {
     expect(result.current.chats.map((c) => c.id)).toEqual(['c1', 'c2', 'c3']);
   });
 
+  it('does not automatically retry a failed page until the list is refreshed', async () => {
+    const { transport, listChats } = makeTransport();
+    listChats.mockImplementation(async ({ page }: { page: number }) => {
+      if (page === 2) throw new Error('second page unavailable');
+      return {
+        chats: [
+          { id: 'c1', title: 'First' },
+          { id: 'c2', title: 'Second' },
+        ],
+        hasMore: true,
+      };
+    });
+    const { result } = renderHook(() => useChatList({ transport, pageSize: 50 }));
+    await waitFor(() => expect(result.current.chats.length).toBe(2));
+
+    await act(async () => {
+      await result.current.loadMoreChats();
+      await result.current.loadMoreChats();
+    });
+    expect(listChats).toHaveBeenCalledTimes(2);
+    expect(result.current.error?.message).toBe('second page unavailable');
+    expect(result.current.chats.map((chat) => chat.id)).toEqual(['c1', 'c2']);
+
+    await act(async () => {
+      await result.current.refreshChats();
+      await result.current.loadMoreChats();
+    });
+    expect(listChats).toHaveBeenCalledTimes(4);
+  });
+
   it('patchChatTitle updates without re-fetching', async () => {
     const { transport, listChats } = makeTransport();
     const { result } = renderHook(() => useChatList({ transport, pageSize: 50 }));

package/src/state/useChatList.ts

@@ -90,6 +90,7 @@ export function useChatList<TChat, TAgent>(
   const pageRef = useRef(1);
   const hasMoreRef = useRef(false);
   const loadingMoreRef = useRef(false);
+  const failedPageRef = useRef<number | null>(null);
   const mountedRef = useRef(true);
 
   useEffect(() => {
@@ -108,6 +109,7 @@ export function useChatList<TChat, TAgent>(
       setHasMore(res.hasMore);
       hasMoreRef.current = res.hasMore;
       pageRef.current = 1;
+      failedPageRef.current = null;
       setError(null);
     } catch (err) {
       if (mountedRef.current) setError(err instanceof Error ? err : new Error(String(err)));
@@ -126,11 +128,17 @@ export function useChatList<TChat, TAgent>(
   }, []);
 
   const loadMoreChats = useCallback(async () => {
-    if (!hasMoreRef.current || loadingMoreRef.current) return;
+    const next = pageRef.current + 1;
+    if (
+      !hasMoreRef.current ||
+      loadingMoreRef.current ||
+      failedPageRef.current === next
+    ) {
+      return;
+    }
     loadingMoreRef.current = true;
     setLoadingMore(true);
     try {
-      const next = pageRef.current + 1;
       const res = await transportRef.current.listChats({ page: next, pageSize });
       if (!mountedRef.current) return;
       setChats((prev) => {
@@ -147,7 +155,9 @@ export function useChatList<TChat, TAgent>(
       setHasMore(res.hasMore);
       hasMoreRef.current = res.hasMore;
       pageRef.current = next;
+      failedPageRef.current = null;
     } catch (err) {
+      failedPageRef.current = next;
       if (mountedRef.current) setError(err instanceof Error ? err : new Error(String(err)));
     } finally {
       loadingMoreRef.current = false;