@standardagents/vue 0.12.9 → 0.13.0

package/dist/index.cjs

@@ -52,6 +52,7 @@ function useThreadSetup(threadIdInput, options = {}) {
     preload = true,
     live = true,
     useWorkblocks = false,
+    useSubagentBlocks = false,
     depth = 0,
     includeSilent = false,
     endpoint: endpointOverride
@@ -63,6 +64,7 @@ function useThreadSetup(threadIdInput, options = {}) {
     preload,
     live,
     useWorkblocks,
+    useSubagentBlocks,
     depth,
     includeSilent
   };
@@ -86,6 +88,23 @@ function useThreadSetup(threadIdInput, options = {}) {
     }
     return client.transformToWorkblocks(messages.value);
   });
+  const subagentBlocks = vue.computed(() => {
+    if (!useSubagentBlocks) {
+      return messages.value;
+    }
+    return client.transformToSubagentBlocks(messages.value, {
+      includeWorkblocks: useWorkblocks
+    });
+  });
+  const groupedMessages = vue.computed(() => {
+    if (useSubagentBlocks) {
+      return subagentBlocks.value;
+    }
+    if (useWorkblocks) {
+      return workblocks.value;
+    }
+    return messages.value;
+  });
   async function loadMessages() {
     isLoading.value = true;
     error.value = null;
@@ -404,6 +423,8 @@ function useThreadSetup(threadIdInput, options = {}) {
     options: resolvedOptions,
     messages,
     workblocks,
+    subagentBlocks,
+    groupedMessages,
     status,
     connectionStatus: status,
     // alias
@@ -464,6 +485,13 @@ var ThreadProvider = vue.defineComponent({
       type: Boolean,
       default: void 0
     },
+    /**
+     * Transform messages to subagent blocks (default: false)
+     */
+    useSubagentBlocks: {
+      type: Boolean,
+      default: void 0
+    },
     /**
      * Message depth to fetch (default: 0)
      */
@@ -491,6 +519,9 @@ var ThreadProvider = vue.defineComponent({
     if (props.preload !== void 0) options.preload = props.preload;
     if (props.live !== void 0) options.live = props.live;
     if (props.useWorkblocks !== void 0) options.useWorkblocks = props.useWorkblocks;
+    if (props.useSubagentBlocks !== void 0) {
+      options.useSubagentBlocks = props.useSubagentBlocks;
+    }
     if (props.depth !== void 0) options.depth = props.depth;
     if (props.includeSilent !== void 0) options.includeSilent = props.includeSilent;
     if (props.endpoint !== void 0) options.endpoint = props.endpoint;
@@ -541,6 +572,10 @@ Object.defineProperty(exports, "readFileAsDataUrl", {
   enumerable: true,
   get: function () { return client.readFileAsDataUrl; }
 });
+Object.defineProperty(exports, "transformToSubagentBlocks", {
+  enumerable: true,
+  get: function () { return client.transformToSubagentBlocks; }
+});
 Object.defineProperty(exports, "transformToWorkblocks", {
   enumerable: true,
   get: function () { return client.transformToWorkblocks; }

package/dist/index.d.cts

@@ -2,7 +2,7 @@ import * as vue from 'vue';
 import { ComputedRef, Ref, InjectionKey, Plugin, PropType } from 'vue';
 import * as _standardagents_client from '@standardagents/client';
 import { AgentBuilderClient, SendMessagePayload, Message, ThreadFile, PendingAttachment } from '@standardagents/client';
-export { AgentBuilderClient, AttachmentPayload, AttachmentRef, ConnectionStatus, FileUploadManager, GetMessagesOptions, Message, PendingAttachment, SendMessagePayload, Thread, ThreadConnectionCallbacks, ThreadConnectionManager, ThreadConnectionOptions, ThreadFile, ThreadMessage, WorkItem, WorkMessage, generatePendingFileId, isImageMimeType, messagesToFiles, parseAttachments, readFileAsDataUrl, transformToWorkblocks } from '@standardagents/client';
+export { AgentBuilderClient, AttachmentPayload, AttachmentRef, ConnectionStatus, FileUploadManager, GetMessagesOptions, GroupedThreadMessage, Message, PendingAttachment, SendMessagePayload, StatusMessage, SubagentBlockMessage, SubagentThreadMessage, Thread, ThreadConnectionCallbacks, ThreadConnectionManager, ThreadConnectionOptions, ThreadFile, ThreadMessage, WorkItem, WorkMessage, generatePendingFileId, isImageMimeType, messagesToFiles, parseAttachments, readFileAsDataUrl, transformToSubagentBlocks, transformToWorkblocks } from '@standardagents/client';
 
 /**
  * Configuration for the StandardAgents plugin
@@ -30,6 +30,8 @@ interface ThreadProviderOptions {
     live?: boolean;
     /** Transform messages to workblocks (default: false) */
     useWorkblocks?: boolean;
+    /** Transform messages to subagent blocks (default: false) */
+    useSubagentBlocks?: boolean;
     /** Message depth to fetch (default: 0) */
     depth?: number;
     /** Include silent messages (default: false) */
@@ -47,6 +49,10 @@ interface ThreadContext {
     messages: Ref<_standardagents_client.Message[]>;
     /** Messages transformed to workblocks (if useWorkblocks is true) */
     workblocks: ComputedRef<_standardagents_client.ThreadMessage[]>;
+    /** Messages transformed to subagent blocks (if useSubagentBlocks is true) */
+    subagentBlocks: ComputedRef<_standardagents_client.SubagentThreadMessage[]>;
+    /** Active grouped message view based on options (subagent blocks > workblocks > raw) */
+    groupedMessages: ComputedRef<_standardagents_client.GroupedThreadMessage[]>;
     /** Connection status */
     status: Ref<_standardagents_client.ConnectionStatus>;
     /** Connection status (alias for status) */
@@ -98,6 +104,8 @@ interface UseThreadOptions {
     live?: boolean;
     /** Transform messages to workblocks (default: false) */
     useWorkblocks?: boolean;
+    /** Transform messages to subagent blocks (default: false) */
+    useSubagentBlocks?: boolean;
     /** Message depth to fetch (default: 0) */
     depth?: number;
     /** Include silent messages (default: false) */
@@ -175,6 +183,13 @@ declare const ThreadProvider: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Transform messages to subagent blocks (default: false)
+     */
+    useSubagentBlocks: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Message depth to fetch (default: 0)
      */
@@ -227,6 +242,13 @@ declare const ThreadProvider: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Transform messages to subagent blocks (default: false)
+     */
+    useSubagentBlocks: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Message depth to fetch (default: 0)
      */
@@ -252,6 +274,7 @@ declare const ThreadProvider: vue.DefineComponent<vue.ExtractPropTypes<{
     preload: boolean;
     live: boolean;
     useWorkblocks: boolean;
+    useSubagentBlocks: boolean;
     depth: number;
     includeSilent: boolean;
     endpoint: string;

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as vue from 'vue';
 import { ComputedRef, Ref, InjectionKey, Plugin, PropType } from 'vue';
 import * as _standardagents_client from '@standardagents/client';
 import { AgentBuilderClient, SendMessagePayload, Message, ThreadFile, PendingAttachment } from '@standardagents/client';
-export { AgentBuilderClient, AttachmentPayload, AttachmentRef, ConnectionStatus, FileUploadManager, GetMessagesOptions, Message, PendingAttachment, SendMessagePayload, Thread, ThreadConnectionCallbacks, ThreadConnectionManager, ThreadConnectionOptions, ThreadFile, ThreadMessage, WorkItem, WorkMessage, generatePendingFileId, isImageMimeType, messagesToFiles, parseAttachments, readFileAsDataUrl, transformToWorkblocks } from '@standardagents/client';
+export { AgentBuilderClient, AttachmentPayload, AttachmentRef, ConnectionStatus, FileUploadManager, GetMessagesOptions, GroupedThreadMessage, Message, PendingAttachment, SendMessagePayload, StatusMessage, SubagentBlockMessage, SubagentThreadMessage, Thread, ThreadConnectionCallbacks, ThreadConnectionManager, ThreadConnectionOptions, ThreadFile, ThreadMessage, WorkItem, WorkMessage, generatePendingFileId, isImageMimeType, messagesToFiles, parseAttachments, readFileAsDataUrl, transformToSubagentBlocks, transformToWorkblocks } from '@standardagents/client';
 
 /**
  * Configuration for the StandardAgents plugin
@@ -30,6 +30,8 @@ interface ThreadProviderOptions {
     live?: boolean;
     /** Transform messages to workblocks (default: false) */
     useWorkblocks?: boolean;
+    /** Transform messages to subagent blocks (default: false) */
+    useSubagentBlocks?: boolean;
     /** Message depth to fetch (default: 0) */
     depth?: number;
     /** Include silent messages (default: false) */
@@ -47,6 +49,10 @@ interface ThreadContext {
     messages: Ref<_standardagents_client.Message[]>;
     /** Messages transformed to workblocks (if useWorkblocks is true) */
     workblocks: ComputedRef<_standardagents_client.ThreadMessage[]>;
+    /** Messages transformed to subagent blocks (if useSubagentBlocks is true) */
+    subagentBlocks: ComputedRef<_standardagents_client.SubagentThreadMessage[]>;
+    /** Active grouped message view based on options (subagent blocks > workblocks > raw) */
+    groupedMessages: ComputedRef<_standardagents_client.GroupedThreadMessage[]>;
     /** Connection status */
     status: Ref<_standardagents_client.ConnectionStatus>;
     /** Connection status (alias for status) */
@@ -98,6 +104,8 @@ interface UseThreadOptions {
     live?: boolean;
     /** Transform messages to workblocks (default: false) */
     useWorkblocks?: boolean;
+    /** Transform messages to subagent blocks (default: false) */
+    useSubagentBlocks?: boolean;
     /** Message depth to fetch (default: 0) */
     depth?: number;
     /** Include silent messages (default: false) */
@@ -175,6 +183,13 @@ declare const ThreadProvider: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Transform messages to subagent blocks (default: false)
+     */
+    useSubagentBlocks: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Message depth to fetch (default: 0)
      */
@@ -227,6 +242,13 @@ declare const ThreadProvider: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Transform messages to subagent blocks (default: false)
+     */
+    useSubagentBlocks: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Message depth to fetch (default: 0)
      */
@@ -252,6 +274,7 @@ declare const ThreadProvider: vue.DefineComponent<vue.ExtractPropTypes<{
     preload: boolean;
     live: boolean;
     useWorkblocks: boolean;
+    useSubagentBlocks: boolean;
     depth: number;
     includeSilent: boolean;
     endpoint: string;

package/dist/index.js

@@ -1,5 +1,5 @@
-import { FileUploadManager, AgentBuilderClient, transformToWorkblocks, ThreadConnectionManager } from '@standardagents/client';
-export { AgentBuilderClient, FileUploadManager, ThreadConnectionManager, generatePendingFileId, isImageMimeType, messagesToFiles, parseAttachments, readFileAsDataUrl, transformToWorkblocks } from '@standardagents/client';
+import { FileUploadManager, AgentBuilderClient, transformToWorkblocks, transformToSubagentBlocks, ThreadConnectionManager } from '@standardagents/client';
+export { AgentBuilderClient, FileUploadManager, ThreadConnectionManager, generatePendingFileId, isImageMimeType, messagesToFiles, parseAttachments, readFileAsDataUrl, transformToSubagentBlocks, transformToWorkblocks } from '@standardagents/client';
 import { defineComponent, provide, computed, toValue, ref, watch, onMounted, onUnmounted, inject } from 'vue';
 
 // src/plugin.ts
@@ -51,6 +51,7 @@ function useThreadSetup(threadIdInput, options = {}) {
     preload = true,
     live = true,
     useWorkblocks = false,
+    useSubagentBlocks = false,
     depth = 0,
     includeSilent = false,
     endpoint: endpointOverride
@@ -62,6 +63,7 @@ function useThreadSetup(threadIdInput, options = {}) {
     preload,
     live,
     useWorkblocks,
+    useSubagentBlocks,
     depth,
     includeSilent
   };
@@ -85,6 +87,23 @@ function useThreadSetup(threadIdInput, options = {}) {
     }
     return transformToWorkblocks(messages.value);
   });
+  const subagentBlocks = computed(() => {
+    if (!useSubagentBlocks) {
+      return messages.value;
+    }
+    return transformToSubagentBlocks(messages.value, {
+      includeWorkblocks: useWorkblocks
+    });
+  });
+  const groupedMessages = computed(() => {
+    if (useSubagentBlocks) {
+      return subagentBlocks.value;
+    }
+    if (useWorkblocks) {
+      return workblocks.value;
+    }
+    return messages.value;
+  });
   async function loadMessages() {
     isLoading.value = true;
     error.value = null;
@@ -403,6 +422,8 @@ function useThreadSetup(threadIdInput, options = {}) {
     options: resolvedOptions,
     messages,
     workblocks,
+    subagentBlocks,
+    groupedMessages,
     status,
     connectionStatus: status,
     // alias
@@ -463,6 +484,13 @@ var ThreadProvider = defineComponent({
       type: Boolean,
       default: void 0
     },
+    /**
+     * Transform messages to subagent blocks (default: false)
+     */
+    useSubagentBlocks: {
+      type: Boolean,
+      default: void 0
+    },
     /**
      * Message depth to fetch (default: 0)
      */
@@ -490,6 +518,9 @@ var ThreadProvider = defineComponent({
     if (props.preload !== void 0) options.preload = props.preload;
     if (props.live !== void 0) options.live = props.live;
     if (props.useWorkblocks !== void 0) options.useWorkblocks = props.useWorkblocks;
+    if (props.useSubagentBlocks !== void 0) {
+      options.useSubagentBlocks = props.useSubagentBlocks;
+    }
     if (props.depth !== void 0) options.depth = props.depth;
     if (props.includeSilent !== void 0) options.includeSilent = props.includeSilent;
     if (props.endpoint !== void 0) options.endpoint = props.endpoint;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardagents/vue",
-  "version": "0.12.9",
+  "version": "0.13.0",
   "description": "Vue SDK for Standard Agents",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -22,7 +22,7 @@
     "dist"
   ],
   "dependencies": {
-    "@standardagents/client": "0.12.9"
+    "@standardagents/client": "0.13.0"
   },
   "peerDependencies": {
     "vue": "^3.3.0"