@standardagents/vue 0.15.0 → 0.15.1

package/dist/index.cjs

@@ -92,6 +92,9 @@ function useThreadSetup(threadIdInput, options = {}) {
     includeSilent
   };
   const messages = vue.ref([]);
+  const paginatedMessagesLoaded = vue.ref(0);
+  const hasMoreMessages = vue.ref(false);
+  const isLoadingOlderMessages = vue.ref(false);
   const status = vue.ref("disconnected");
   const isLoading = vue.ref(preload);
   const error = vue.ref(null);
@@ -128,18 +131,104 @@ function useThreadSetup(threadIdInput, options = {}) {
     }
     return messages.value;
   });
+  const MESSAGE_PAGE_SIZE = 100;
+  const mergeMessages = (olderMessages, newerMessages) => {
+    const messageMap = /* @__PURE__ */ new Map();
+    for (const message of olderMessages) {
+      messageMap.set(message.id, message);
+    }
+    for (const message of newerMessages) {
+      messageMap.set(message.id, message);
+    }
+    return Array.from(messageMap.values()).sort((a, b) => {
+      if (a.created_at !== b.created_at) return a.created_at - b.created_at;
+      return a.id.localeCompare(b.id);
+    });
+  };
+  const hasCompleteOldestWorkblockBoundary = () => {
+    const firstMessage = messages.value[0];
+    if (!firstMessage) return true;
+    if (firstMessage.role === "tool") return false;
+    if (firstMessage.role === "assistant" && firstMessage.tool_calls) return false;
+    return true;
+  };
   async function loadMessages() {
     isLoading.value = true;
     error.value = null;
     try {
-      const loadedMessages = await client$1.getMessages(threadId.value, { depth, includeSilent });
-      messages.value = loadedMessages;
+      const page = await client$1.getMessagesPage(threadId.value, {
+        limit: MESSAGE_PAGE_SIZE,
+        offset: 0,
+        depth,
+        includeSilent
+      });
+      messages.value = page.messages;
+      paginatedMessagesLoaded.value = page.messages.length;
+      hasMoreMessages.value = page.hasMore;
     } catch (err) {
       error.value = err instanceof Error ? err : new Error(String(err));
     } finally {
       isLoading.value = false;
     }
   }
+  async function loadOlderMessages() {
+    if (isLoadingOlderMessages.value || isLoading.value || !hasMoreMessages.value) {
+      return false;
+    }
+    isLoadingOlderMessages.value = true;
+    error.value = null;
+    try {
+      let loadedAny = false;
+      let keepLoading = true;
+      while (keepLoading && hasMoreMessages.value) {
+        const page = await client$1.getMessagesPage(threadId.value, {
+          limit: MESSAGE_PAGE_SIZE,
+          offset: paginatedMessagesLoaded.value,
+          depth,
+          includeSilent
+        });
+        if (page.messages.length === 0) {
+          hasMoreMessages.value = false;
+          break;
+        }
+        messages.value = mergeMessages(page.messages, messages.value);
+        paginatedMessagesLoaded.value += page.messages.length;
+        hasMoreMessages.value = page.hasMore;
+        loadedAny = true;
+        keepLoading = !hasCompleteOldestWorkblockBoundary();
+      }
+      return loadedAny;
+    } catch (err) {
+      error.value = err instanceof Error ? err : new Error(String(err));
+      return false;
+    } finally {
+      isLoadingOlderMessages.value = false;
+    }
+  }
+  async function loadMessagesByIds(ids, options2 = {}) {
+    const uniqueIds = Array.from(new Set(ids.map((id) => id.trim()).filter(Boolean)));
+    if (uniqueIds.length === 0) return true;
+    try {
+      let loadedAny = false;
+      for (let i = 0; i < uniqueIds.length; i += 200) {
+        const chunk = uniqueIds.slice(i, i + 200);
+        const page = await client$1.getMessagesPage(threadId.value, {
+          ids: chunk,
+          depth,
+          includeSilent,
+          includeWorkblocks: options2.includeWorkblocks
+        });
+        if (page.messages.length > 0) {
+          messages.value = mergeMessages(page.messages, messages.value);
+          loadedAny = true;
+        }
+      }
+      return loadedAny;
+    } catch (err) {
+      error.value = err instanceof Error ? err : new Error(String(err));
+      return false;
+    }
+  }
   async function loadFiles() {
     try {
       const fileList = await client$1.listFiles(threadId.value);
@@ -413,6 +502,9 @@ function useThreadSetup(threadIdInput, options = {}) {
     if (newThreadId !== oldThreadId) {
       disconnect();
       messages.value = [];
+      paginatedMessagesLoaded.value = 0;
+      hasMoreMessages.value = false;
+      isLoadingOlderMessages.value = false;
       error.value = null;
       pendingFiles.value = [];
       serverFiles.value = [];
@@ -445,6 +537,10 @@ function useThreadSetup(threadIdInput, options = {}) {
     threadId,
     options: resolvedOptions,
     messages,
+    hasMoreMessages,
+    isLoadingOlderMessages,
+    loadOlderMessages,
+    loadMessagesByIds,
     workblocks,
     subagentBlocks,
     groupedMessages,

package/dist/index.d.cts

@@ -47,6 +47,16 @@ interface ThreadContext {
     options: ThreadProviderOptions;
     /** Current messages in the thread */
     messages: Ref<_standardagents_client.Message[]>;
+    /** Whether older messages are available */
+    hasMoreMessages: Ref<boolean>;
+    /** Whether older messages are currently loading */
+    isLoadingOlderMessages: Ref<boolean>;
+    /** Load the next older message page */
+    loadOlderMessages: () => Promise<boolean>;
+    /** Load specific messages, optionally expanded to complete workblocks */
+    loadMessagesByIds: (ids: string[], options?: {
+        includeWorkblocks?: boolean;
+    }) => Promise<boolean>;
     /** Messages transformed to workblocks (if useWorkblocks is true) */
     workblocks: ComputedRef<_standardagents_client.ThreadMessage[]>;
     /** Messages transformed to subagent blocks (if useSubagentBlocks is true) */

package/dist/index.d.ts

@@ -47,6 +47,16 @@ interface ThreadContext {
     options: ThreadProviderOptions;
     /** Current messages in the thread */
     messages: Ref<_standardagents_client.Message[]>;
+    /** Whether older messages are available */
+    hasMoreMessages: Ref<boolean>;
+    /** Whether older messages are currently loading */
+    isLoadingOlderMessages: Ref<boolean>;
+    /** Load the next older message page */
+    loadOlderMessages: () => Promise<boolean>;
+    /** Load specific messages, optionally expanded to complete workblocks */
+    loadMessagesByIds: (ids: string[], options?: {
+        includeWorkblocks?: boolean;
+    }) => Promise<boolean>;
     /** Messages transformed to workblocks (if useWorkblocks is true) */
     workblocks: ComputedRef<_standardagents_client.ThreadMessage[]>;
     /** Messages transformed to subagent blocks (if useSubagentBlocks is true) */

package/dist/index.js

@@ -91,6 +91,9 @@ function useThreadSetup(threadIdInput, options = {}) {
     includeSilent
   };
   const messages = ref([]);
+  const paginatedMessagesLoaded = ref(0);
+  const hasMoreMessages = ref(false);
+  const isLoadingOlderMessages = ref(false);
   const status = ref("disconnected");
   const isLoading = ref(preload);
   const error = ref(null);
@@ -127,18 +130,104 @@ function useThreadSetup(threadIdInput, options = {}) {
     }
     return messages.value;
   });
+  const MESSAGE_PAGE_SIZE = 100;
+  const mergeMessages = (olderMessages, newerMessages) => {
+    const messageMap = /* @__PURE__ */ new Map();
+    for (const message of olderMessages) {
+      messageMap.set(message.id, message);
+    }
+    for (const message of newerMessages) {
+      messageMap.set(message.id, message);
+    }
+    return Array.from(messageMap.values()).sort((a, b) => {
+      if (a.created_at !== b.created_at) return a.created_at - b.created_at;
+      return a.id.localeCompare(b.id);
+    });
+  };
+  const hasCompleteOldestWorkblockBoundary = () => {
+    const firstMessage = messages.value[0];
+    if (!firstMessage) return true;
+    if (firstMessage.role === "tool") return false;
+    if (firstMessage.role === "assistant" && firstMessage.tool_calls) return false;
+    return true;
+  };
   async function loadMessages() {
     isLoading.value = true;
     error.value = null;
     try {
-      const loadedMessages = await client.getMessages(threadId.value, { depth, includeSilent });
-      messages.value = loadedMessages;
+      const page = await client.getMessagesPage(threadId.value, {
+        limit: MESSAGE_PAGE_SIZE,
+        offset: 0,
+        depth,
+        includeSilent
+      });
+      messages.value = page.messages;
+      paginatedMessagesLoaded.value = page.messages.length;
+      hasMoreMessages.value = page.hasMore;
     } catch (err) {
       error.value = err instanceof Error ? err : new Error(String(err));
     } finally {
       isLoading.value = false;
     }
   }
+  async function loadOlderMessages() {
+    if (isLoadingOlderMessages.value || isLoading.value || !hasMoreMessages.value) {
+      return false;
+    }
+    isLoadingOlderMessages.value = true;
+    error.value = null;
+    try {
+      let loadedAny = false;
+      let keepLoading = true;
+      while (keepLoading && hasMoreMessages.value) {
+        const page = await client.getMessagesPage(threadId.value, {
+          limit: MESSAGE_PAGE_SIZE,
+          offset: paginatedMessagesLoaded.value,
+          depth,
+          includeSilent
+        });
+        if (page.messages.length === 0) {
+          hasMoreMessages.value = false;
+          break;
+        }
+        messages.value = mergeMessages(page.messages, messages.value);
+        paginatedMessagesLoaded.value += page.messages.length;
+        hasMoreMessages.value = page.hasMore;
+        loadedAny = true;
+        keepLoading = !hasCompleteOldestWorkblockBoundary();
+      }
+      return loadedAny;
+    } catch (err) {
+      error.value = err instanceof Error ? err : new Error(String(err));
+      return false;
+    } finally {
+      isLoadingOlderMessages.value = false;
+    }
+  }
+  async function loadMessagesByIds(ids, options2 = {}) {
+    const uniqueIds = Array.from(new Set(ids.map((id) => id.trim()).filter(Boolean)));
+    if (uniqueIds.length === 0) return true;
+    try {
+      let loadedAny = false;
+      for (let i = 0; i < uniqueIds.length; i += 200) {
+        const chunk = uniqueIds.slice(i, i + 200);
+        const page = await client.getMessagesPage(threadId.value, {
+          ids: chunk,
+          depth,
+          includeSilent,
+          includeWorkblocks: options2.includeWorkblocks
+        });
+        if (page.messages.length > 0) {
+          messages.value = mergeMessages(page.messages, messages.value);
+          loadedAny = true;
+        }
+      }
+      return loadedAny;
+    } catch (err) {
+      error.value = err instanceof Error ? err : new Error(String(err));
+      return false;
+    }
+  }
   async function loadFiles() {
     try {
       const fileList = await client.listFiles(threadId.value);
@@ -412,6 +501,9 @@ function useThreadSetup(threadIdInput, options = {}) {
     if (newThreadId !== oldThreadId) {
       disconnect();
       messages.value = [];
+      paginatedMessagesLoaded.value = 0;
+      hasMoreMessages.value = false;
+      isLoadingOlderMessages.value = false;
       error.value = null;
       pendingFiles.value = [];
       serverFiles.value = [];
@@ -444,6 +536,10 @@ function useThreadSetup(threadIdInput, options = {}) {
     threadId,
     options: resolvedOptions,
     messages,
+    hasMoreMessages,
+    isLoadingOlderMessages,
+    loadOlderMessages,
+    loadMessagesByIds,
     workblocks,
     subagentBlocks,
     groupedMessages,

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@standardagents/vue",
-  "version": "0.15.0",
+  "version": "0.15.1",
+  "private": false,
   "description": "Vue SDK for Standard Agents",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -22,7 +23,7 @@
     "dist"
   ],
   "dependencies": {
-    "@standardagents/client": "0.15.0"
+    "@standardagents/client": "0.15.1"
   },
   "peerDependencies": {
     "vue": "^3.3.0"
@@ -39,7 +40,7 @@
     "vue": "^3.5.13"
   },
   "publishConfig": {
-    "access": "restricted",
+    "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "keywords": [