@standardagents/vue 0.14.1 → 0.15.1

package/dist/index.cjs

@@ -33,6 +33,29 @@ function useStandardAgents() {
   return context;
 }
 
+// src/utils/id.ts
+function createClientId() {
+  const cryptoRef = globalThis.crypto;
+  if (typeof cryptoRef?.randomUUID === "function") {
+    return cryptoRef.randomUUID();
+  }
+  if (typeof cryptoRef?.getRandomValues === "function") {
+    const bytes = new Uint8Array(16);
+    cryptoRef.getRandomValues(bytes);
+    bytes[6] = bytes[6] & 15 | 64;
+    bytes[8] = bytes[8] & 63 | 128;
+    const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0"));
+    return [
+      hex.slice(0, 4).join(""),
+      hex.slice(4, 6).join(""),
+      hex.slice(6, 8).join(""),
+      hex.slice(8, 10).join(""),
+      hex.slice(10, 16).join("")
+    ].join("-");
+  }
+  return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 12)}`;
+}
+
 // src/composables/useThreadSetup.ts
 var uploadManager = new client.FileUploadManager();
 function fileToBase64(file) {
@@ -69,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);
@@ -105,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);
@@ -228,7 +340,7 @@ function useThreadSetup(threadIdInput, options = {}) {
     connectionManager.connect();
   }
   async function sendMessage(payload) {
-    const optimisticId = `optimistic-${crypto.randomUUID()}`;
+    const optimisticId = `optimistic-${createClientId()}`;
     const optimisticAttachments = attachments.value.map((a) => ({
       id: a.id,
       type: "file",
@@ -342,7 +454,7 @@ function useThreadSetup(threadIdInput, options = {}) {
     const newAttachments = filesToAdd.map((file) => {
       const isImage = file.type.startsWith("image/");
       return {
-        id: crypto.randomUUID(),
+        id: createClientId(),
         file,
         name: file.name,
         mimeType: file.type,
@@ -390,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 = [];
@@ -422,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

@@ -32,6 +32,29 @@ function useStandardAgents() {
   return context;
 }
 
+// src/utils/id.ts
+function createClientId() {
+  const cryptoRef = globalThis.crypto;
+  if (typeof cryptoRef?.randomUUID === "function") {
+    return cryptoRef.randomUUID();
+  }
+  if (typeof cryptoRef?.getRandomValues === "function") {
+    const bytes = new Uint8Array(16);
+    cryptoRef.getRandomValues(bytes);
+    bytes[6] = bytes[6] & 15 | 64;
+    bytes[8] = bytes[8] & 63 | 128;
+    const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0"));
+    return [
+      hex.slice(0, 4).join(""),
+      hex.slice(4, 6).join(""),
+      hex.slice(6, 8).join(""),
+      hex.slice(8, 10).join(""),
+      hex.slice(10, 16).join("")
+    ].join("-");
+  }
+  return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 12)}`;
+}
+
 // src/composables/useThreadSetup.ts
 var uploadManager = new FileUploadManager();
 function fileToBase64(file) {
@@ -68,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);
@@ -104,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);
@@ -227,7 +339,7 @@ function useThreadSetup(threadIdInput, options = {}) {
     connectionManager.connect();
   }
   async function sendMessage(payload) {
-    const optimisticId = `optimistic-${crypto.randomUUID()}`;
+    const optimisticId = `optimistic-${createClientId()}`;
     const optimisticAttachments = attachments.value.map((a) => ({
       id: a.id,
       type: "file",
@@ -341,7 +453,7 @@ function useThreadSetup(threadIdInput, options = {}) {
     const newAttachments = filesToAdd.map((file) => {
       const isImage = file.type.startsWith("image/");
       return {
-        id: crypto.randomUUID(),
+        id: createClientId(),
         file,
         name: file.name,
         mimeType: file.type,
@@ -389,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 = [];
@@ -421,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.14.1",
+  "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.14.1"
+    "@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": [