@meistrari/chat-nuxt 4.4.0-rc.6 → 4.4.0-rc.7

package/README.md

@@ -33,6 +33,20 @@ Runtime internals under `src/runtime/**`, generated Nuxt aliases, and workspace-
 | [Workspace settings](docs/guides/workspace-settings.md) | Settings overrides, agent runtime ownership, `<ChatConfigurationModal>` |
 | [Upgrading to 4.0](docs/guides/upgrading-to-4.md) | Required Chat API version for v2 sends, upgrade order, vue-i18n removal |
 
+## Harness selection
+
+Select the Tela agent; its published `agent.config.json` determines the harness:
+
+```vue
+<MeistrariChatEmbed tela-agent-id="your-agent-id" />
+```
+
+The chat resolves the agent before mounting its UI. Explicit branches use that branch's configuration. Missing, unreadable or unsupported harnesses show an error and never fall back to Claude. The host cannot select a harness through props or HTTP headers.
+
+Both harnesses share the chat screen, composer, navigation and state controller, while their protocol adapters and renderers remain separate. Selecting another agent clears the old UI and resolves its configuration again. The backend independently reads the configured harness for routed requests.
+
+Requires Agent API v4’s `GET /v4/agents/{organizationName}/{repository}/harness` endpoint. Chat resolves the existing agent coordinates, then reads the configured harness directly from Agent API using the published commit or selected branch. The response exposes only the harness. Deploy the Agent API endpoint before this Chat version; no Tela API changes are required.
+
 ## Conversation forks
 
 Completed assistant responses offer **Continuar em nova conversa** in the three-dot
@@ -74,7 +88,7 @@ Declared in `src/runtime/embed/types.ts`; prop, feature-flag, and event payload
 | `initialConversationId` | `string \| null` | `null` | Conversation to open once on mount when `conversationId` is uncontrolled |
 | `conversationScope` | `string \| null` | `null` | Isolate conversation history by technical scope within the current workspace and runtime. Scoped embeds only see same-scope conversations; values are trimmed, blank becomes `null`, and the server accepts 1-200 chars from `A-Z`, `a-z`, `0-9`, `.`, `_`, `:`, `/`, `-` |
 | `defaultConversationCreatorFilter` | `'all' \| 'mine'` | `'all'` | Initial sidebar creator filter: every conversation in scope, or only the current user's |
-| `availableModels` | `AvailableChatModels` | Full catalog | Non-empty ordered list of models this embed may display and execute. A missing or invalid restored selection falls back to the first entry; an empty list fails fast |
+| `availableModels` | `AvailableChatModels` | Workspace catalog | Optional non-empty ordered subset of models served for the active workspace. Unknown ids fail at runtime; a restored unavailable selection stays visible and blocked until the user chooses an available model |
 | `defaultModel` | `ChatModel` | Package default | Initial model for untouched drafts. Explicit selections and existing conversations take precedence; `availableModels` still limits the selection |
 | `defaultReasoningEffort` | `ChatReasoningEffort` | Automatic (`null`) | Initial reasoning effort for untouched drafts. Explicit user choices (including automatic) take precedence |
 | `conversationCreatorFilter` | `'all' \| 'mine'` | — | Controlled sidebar creator filter; use with `v-model:conversation-creator-filter` when the host changes it at runtime |

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@meistrari/chat-nuxt",
   "configKey": "chatNuxt",
-  "version": "4.4.0-rc.6",
+  "version": "4.4.0-rc.7",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -445,6 +445,7 @@ const module$1 = defineNuxtModule({
     const rc = nuxt.options.runtimeConfig;
     rc.chatApiUrl = options.chatApiUrl || rc.chatApiUrl || process.env.CHAT_API_URL || "";
     rc.public = rc.public || {};
+    rc.public.chatConfig = { ...rc.public.chatConfig };
     const existingChatNuxtRuntimeConfig = rc.chatNuxt;
     rc.chatNuxt = {
       chatApiUrl: existingChatNuxtRuntimeConfig?.chatApiUrl || rc.chatApiUrl,

package/dist/runtime/embed/components/chat-embed.d.vue.ts

@@ -1,11 +1,8 @@
-import { useChatAuth } from '#chat-auth';
-declare var __VLS_13: {}, __VLS_16: {
-    message: useChatAuth;
-};
+declare var __VLS_26: {}, __VLS_29: any;
 type __VLS_Slots = {} & {
-    'sidebar-bottom'?: (props: typeof __VLS_13) => any;
+    'sidebar-bottom'?: (props: typeof __VLS_26) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_16) => any;
+    'failed-message-actions'?: (props: typeof __VLS_29) => any;
 };
 declare const __VLS_base: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/embed/components/chat-embed.vue

@@ -8,9 +8,9 @@ import { provideChatRequestContext } from "../../shared/composables/chat-request
 import { provideEmbedConfig, useEmbedConfig } from "../composables/embed-config";
 import { normalizeConversationScope, normalizeTelaAgentId, resolveConversationScopeKeySegment } from "../../conversations/scope";
 import ChatEmbedInner from "./chat-embed-inner.vue";
+import { useAgentHarness } from "../composables/agent-harness";
 const props = defineProps({
   syncBrowserState: { type: Boolean, required: false, default: true },
-  chatConfig: { type: Object, required: false },
   telaAgentBranch: { type: [String, null], required: false },
   conversationId: { type: [String, null], required: false },
   conversationEvents: { type: [Array, null], required: false },
@@ -47,11 +47,30 @@ const props = defineProps({
   launcherLabel: { type: String, required: false }
 });
 const emit = defineEmits(["update:conversationId", "update:conversationTitle", "update:conversationCreatorFilter", "action", "messageFeedback", "messageTerminal"]);
+const LightweightAdapter = defineAsyncComponent(() => import("../../lightweight/embed/components/chat-embed-adapter.vue"));
 const parentEmbedConfig = useEmbedConfig();
 const { activeOrganization } = useChatAuth();
 const workspaceId = computed(() => activeOrganization.value?.id?.trim() ?? "");
 const normalizedTelaAgentId = computed(() => normalizeTelaAgentId(props.telaAgentId));
 const telaAgentBranch = computed(() => props.telaAgentBranch?.trim() || null);
+const selectedConversationId = ref(props.conversationId ?? props.initialConversationId ?? null);
+watch(() => props.conversationId, (value) => {
+  selectedConversationId.value = value ?? null;
+});
+function selectConversation(value) {
+  selectedConversationId.value = value;
+  emit("update:conversationId", value);
+}
+const { harness, loading: harnessLoading, error: harnessError, retry: retryHarness } = useAgentHarness({
+  workspaceId,
+  agentId: normalizedTelaAgentId,
+  branch: telaAgentBranch,
+  conversationId: selectedConversationId,
+  onConversationCleared: () => emit("update:conversationId", null),
+  conversationScope: computed(() => normalizeConversationScope(props.conversationScope))
+});
+const harnessComponents = { claude: ChatEmbedInner, lightweight: LightweightAdapter };
+const harnessComponent = computed(() => harness.value ? harnessComponents[harness.value] : null);
 const normalizedConversationScope = computed(() => normalizeConversationScope(props.conversationScope));
 const hideSettings = computed(() => props.hideSettings ?? false);
 const ignoredPropsWarningKey = ref(null);
@@ -83,6 +102,7 @@ provideEmbedConfig({
   messageFeedback: computed(() => props.messageFeedback)
 }, { syncGlobal: !parentEmbedConfig });
 provideChatRequestContext({
+  harness,
   workspaceId,
   telaAgentId: normalizedTelaAgentId,
   telaAgentBranch,
@@ -119,14 +139,26 @@ provideChatMessageTerminal((payload) => {
 </script>
 
 <template>
-    <ChatEmbedInner
-        v-if="workspaceId"
-        :key="`${workspaceId}:${normalizedTelaAgentId ?? 'default-chat'}:branch:${telaAgentBranch ?? ''}:scope:${resolveConversationScopeKeySegment(normalizedConversationScope)}`"
+    <TelaChatEmptyState
+        v-if="workspaceId && harnessError"
+        compact
+        role="alert"
+        title="Não foi possível carregar o agente"
+        :description="harnessError"
+    >
+        <TelaButton variant="secondary" @click="retryHarness">
+            Tentar novamente
+        </TelaButton>
+    </TelaChatEmptyState>
+    <component
+        :is="harnessComponent"
+        v-if="workspaceId && harnessComponent"
+        :key="`${harness}:${workspaceId}:${normalizedTelaAgentId ?? 'default-chat'}:branch:${telaAgentBranch ?? ''}:scope:${resolveConversationScopeKeySegment(normalizedConversationScope)}`"
         :sync-browser-state="syncBrowserState"
-        :conversation-id="conversationId"
+        :conversation-id="selectedConversationId"
         :conversation-events="conversationEvents"
-        :composer-disabled="composerDisabled"
-        :initial-conversation-id="initialConversationId"
+        :composer-disabled="composerDisabled || harnessLoading || !!harnessError"
+        :initial-conversation-id="selectedConversationId"
         :hide-sidebar="hideSidebar"
         :sidebar="sidebar"
         :hide-settings="hideSettings"
@@ -134,7 +166,7 @@ provideChatMessageTerminal((payload) => {
         :suggestions="suggestions"
         :user="normalizedTelaAgentId ? null : user"
         :features="features"
-        @update:conversation-id="$emit('update:conversationId', $event)"
+        @update:conversation-id="selectConversation"
         @update:conversation-title="$emit('update:conversationTitle', $event)"
         @update:conversation-creator-filter="$emit('update:conversationCreatorFilter', $event)"
     >
@@ -144,5 +176,8 @@ provideChatMessageTerminal((payload) => {
         <template v-if="$slots['failed-message-actions']" #failed-message-actions="slotProps">
             <slot name="failed-message-actions" v-bind="slotProps" />
         </template>
-    </ChatEmbedInner>
+    </component>
+    <TelaChatEmptyState v-else-if="workspaceId && harnessLoading" compact role="status" aria-live="polite">
+        <TelaChatTextShimmer>Carregando agente…</TelaChatTextShimmer>
+    </TelaChatEmptyState>
 </template>

package/dist/runtime/embed/components/chat-embed.vue.d.ts

@@ -1,11 +1,8 @@
-import { useChatAuth } from '#chat-auth';
-declare var __VLS_13: {}, __VLS_16: {
-    message: useChatAuth;
-};
+declare var __VLS_26: {}, __VLS_29: any;
 type __VLS_Slots = {} & {
-    'sidebar-bottom'?: (props: typeof __VLS_13) => any;
+    'sidebar-bottom'?: (props: typeof __VLS_26) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_16) => any;
+    'failed-message-actions'?: (props: typeof __VLS_29) => any;
 };
 declare const __VLS_base: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/embed/components/meistrari-chat-embed.vue

@@ -3,7 +3,6 @@ import { computed, ref, watch } from "vue";
 import { provideConversationCreatorFilterState } from "../../conversations/composables/conversation-creator-filter-state";
 const { hideSidebar = void 0, syncBrowserState = true, closeOnOutsideClick = true, ...props } = defineProps({
   syncBrowserState: { type: Boolean, required: false },
-  chatConfig: { type: Object, required: false },
   telaAgentBranch: { type: [String, null], required: false },
   conversationId: { type: [String, null], required: false },
   conversationEvents: { type: [Array, null], required: false },

package/dist/runtime/embed/composables/agent-harness.d.ts

@@ -0,0 +1,15 @@
+import { type Ref } from 'vue';
+/** Resolve the executable agent before mounting either protocol-specific UI. */
+export declare function useAgentHarness(input: {
+    workspaceId: Ref<string>;
+    agentId: Ref<string | null>;
+    branch: Ref<string | null>;
+    conversationId?: Ref<string | null>;
+    conversationScope?: Ref<string | null>;
+    onConversationCleared?: () => void;
+}): {
+    harness: any;
+    loading: Ref<boolean, boolean>;
+    error: Ref<string | null, string | null>;
+    retry: () => void;
+};

package/dist/runtime/embed/composables/agent-harness.js

@@ -0,0 +1,55 @@
+import { ref, watch } from "vue";
+export function useAgentHarness(input) {
+  const harness = ref(null);
+  const loading = ref(false);
+  const error = ref(null);
+  const retryCount = ref(0);
+  watch([input.workspaceId, input.agentId, input.branch, input.conversationScope ?? ref(null)], () => {
+    if (input.conversationId?.value) {
+      input.conversationId.value = null;
+      input.onConversationCleared?.();
+    }
+  }, { flush: "sync" });
+  watch([input.workspaceId, input.agentId, input.branch, input.conversationId ?? ref(null), input.conversationScope ?? ref(null), retryCount], async ([workspaceId, agentId, branch, conversationId, conversationScope], previous, onCleanup) => {
+    if (workspaceId !== previous?.[0] || agentId !== previous?.[1] || branch !== previous?.[2] || conversationScope !== previous?.[4]) {
+      harness.value = null;
+    }
+    error.value = null;
+    loading.value = false;
+    if (!workspaceId)
+      return;
+    const controller = new AbortController();
+    onCleanup(() => controller.abort());
+    loading.value = true;
+    const headers = { "x-chat-workspace-id": workspaceId };
+    if (agentId)
+      headers["x-chat-tela-agent-id"] = agentId;
+    if (branch)
+      headers["x-chat-tela-agent-branch"] = branch;
+    if (conversationScope)
+      headers["x-chat-conversation-scope"] = conversationScope;
+    try {
+      const result = await $fetch("/api/chat/agent/runtime", {
+        headers,
+        ...conversationId ? { query: { conversationId } } : {},
+        signal: controller.signal
+      });
+      if (controller.signal.aborted)
+        return;
+      if (!result?.agentId || agentId && result.agentId !== agentId || result.harness !== "claude" && result.harness !== "lightweight") {
+        throw new Error("Unsupported or missing agent harness");
+      }
+      harness.value = result.harness;
+    } catch {
+      if (!controller.signal.aborted) {
+        error.value = "N\xE3o foi poss\xEDvel carregar a configura\xE7\xE3o do agente.";
+      }
+    } finally {
+      if (!controller.signal.aborted)
+        loading.value = false;
+    }
+  }, { immediate: true, flush: "sync" });
+  return { harness, loading, error, retry: () => {
+    retryCount.value++;
+  } };
+}

package/dist/runtime/embed/types.d.ts

@@ -1,4 +1,3 @@
-import type { ChatHarness } from '../types/schemas/chat/chat-config.js';
 import type { ChatReasoningEffort } from '../types/schemas/chat/models.js';
 import type { Component, DeepReadonly } from 'vue';
 import type { ConversationEvent } from '../types/schemas/chat/conversations.js';
@@ -50,10 +49,6 @@ export type ChatSidebarConfig = {
 export type ChatEmbedSharedProps = {
     /** Let the embed synchronize its conversation with the browser URL and title. Defaults to true. */
     syncBrowserState?: boolean;
-    /** Defaults to Claude. Lightweight uses its own execution and rendering path. */
-    chatConfig?: {
-        harness?: ChatHarness;
-    };
     /** Optional repository branch for new agent sessions. Omit to use the published version. */
     telaAgentBranch?: string | null;
     /** Controlled conversation id. Use with `v-model:conversation-id` when the host owns active conversation state. */

package/dist/runtime/lightweight/embed/composables/model-selection.d.ts

@@ -1,5 +1,5 @@
 export declare function useLightweightModelSelection(): {
     ensureReady: () => Promise<void>;
-    resolve: (selection: string | null) => string | null;
+    resolve: (selection: string | null) => any;
     ensureSelectedModel: (current: string | null, selected: string | null, persist: (value: string | null) => Promise<boolean>) => Promise<void>;
 };

package/dist/runtime/lightweight/embed/composables/model-selection.js

@@ -1,6 +1,6 @@
 import { useEmbedConfig } from "../../../embed/composables/embed-config.js";
 import { useChatModelCatalog } from "../../messages/composables/chat-model-catalog.js";
-import { ensureConversationUsesSelectedModel, resolveAvailableChatModels, resolveChatModelSelection } from "../../messages/model-availability.js";
+import { ensureConversationUsesSelectedModel, resolveAvailableChatModels } from "../../../messages/model-availability.js";
 export function useLightweightModelSelection() {
   const embedConfig = useEmbedConfig();
   const { scopeKey, models, defaultModel, isLoaded, load } = useChatModelCatalog();
@@ -14,7 +14,7 @@ export function useLightweightModelSelection() {
         failed.value = true;
     });
   }, { immediate: true });
-  const available = computed(() => models.value.length ? resolveAvailableChatModels(models.value.map((model) => model.id), embedConfig?.availableModels.value) : []);
+  const available = computed(() => models.value.length ? resolveAvailableChatModels(embedConfig?.availableModels.value, models.value.map((model) => model.id)) : []);
   const fallback = computed(() => available.value.includes(defaultModel.value ?? "") ? defaultModel.value : available.value[0] ?? null);
   async function ensureReady() {
     await ready;
@@ -23,7 +23,7 @@ export function useLightweightModelSelection() {
   }
   return {
     ensureReady,
-    resolve: (selection) => resolveChatModelSelection(selection, fallback.value),
+    resolve: (selection) => selection ?? fallback.value,
     ensureSelectedModel: (current, selected, persist) => ensureConversationUsesSelectedModel(current, selected, persist, available.value)
   };
 }

package/dist/runtime/lightweight/messages/composables/use-direct-stream.d.ts

@@ -1,53 +1,34 @@
-import type { SendMessageResponse } from '../../../types/schemas/chat/messages.js';
+import { applyLightweightPart } from '../../../types/schemas/integrations/lightweight.js';
 import type { LightweightTurn } from '../../../types/schemas/integrations/lightweight.js';
-export type DirectStreamActivity = 'idle' | 'connected' | 'active';
-export type DirectStreamResultStatus = 'completed' | 'waiting_messages';
-export type DirectStreamResult = {
-    status: DirectStreamResultStatus;
-    text: string;
-};
-export type SseFrame = {
-    event?: string;
-    data: string;
-};
-export type MessagePartsEvent = {
-    kind: 'message-parts';
-    harness?: string;
-    sessionId?: string;
-    timestamp?: number;
-    runId: string;
-    deltaSeq: number;
-    parentToolUseId?: string | null;
-    event: Record<string, unknown>;
-};
-export type MessagePartsAccumulator = {
+import type { DirectStreamOptions, MessagePartsEvent } from '../../../messages/composables/use-direct-stream.js';
+type MessagePartsAccumulator = {
     runId: string | null;
     lightweight?: LightweightTurn;
 };
-export declare function parseSseFrames(source: string): {
-    frames: SseFrame[];
-    rest: string;
-};
 export declare function createMessagePartsAccumulator(runId?: string | null): MessagePartsAccumulator;
 export declare function applyMessagePartsEvent(accumulator: MessagePartsAccumulator, input: MessagePartsEvent): {
-    text: string;
-    thinking: string;
+    text: any;
+    thinking: any;
     changed: boolean;
+    reasoning?: undefined;
+    files?: undefined;
+} | {
+    text: any;
+    thinking: any;
+    changed: any;
+    reasoning: any;
+    files: any;
 };
-export declare function useDirectStream(options?: {
-    onOptimisticResult?: (result: DirectStreamResult) => void;
-    onResult?: (result: DirectStreamResult) => void;
-    onTerminal?: () => void;
-    onDisconnect?: () => void;
-}): {
+export declare function useDirectStream(options?: DirectStreamOptions): {
     activity: any;
     streamingText: any;
     streamingThinking: any;
     activeRunId: any;
     streamingReasoning: any;
     streamingFiles: any;
-    connectMessage: (url: string, init: RequestInit, onAccepted: (response: SendMessageResponse) => void) => Promise<SendMessageResponse>;
+    connectMessage: (url: string, init: RequestInit, onAccepted: (response: applyLightweightPart) => void) => Promise<SendMessageResponse>;
     connectConversation: (url: string, init: RequestInit, expectedAssistantMessageId?: string) => Promise<void>;
     beginMessage: () => void;
     disconnect: (reset?: boolean) => void;
 };
+export {};

package/dist/runtime/lightweight/messages/composables/use-direct-stream.js

@@ -1,36 +1,5 @@
 import { applyLightweightPart, createLightweightTurn } from "../../../types/schemas/integrations/lightweight.js";
-import { DirectStreamHttpError, getChatApiErrorCode } from "../../../shared/chat-api-error.js";
-function isRecord(value) {
-  return value !== null && typeof value === "object" && !Array.isArray(value);
-}
-export function parseSseFrames(source) {
-  const frames = [];
-  let rest = source;
-  while (true) {
-    const boundary = /\r?\n\r?\n/.exec(rest);
-    if (!boundary || boundary.index === void 0)
-      break;
-    const rawFrame = rest.slice(0, boundary.index);
-    rest = rest.slice(boundary.index + boundary[0].length);
-    let event;
-    const data = [];
-    for (const line of rawFrame.split(/\r?\n/)) {
-      if (line.startsWith(":"))
-        continue;
-      const separator = line.indexOf(":");
-      const field = separator === -1 ? line : line.slice(0, separator);
-      const rawValue = separator === -1 ? "" : line.slice(separator + 1);
-      const value = rawValue.startsWith(" ") ? rawValue.slice(1) : rawValue;
-      if (field === "event")
-        event = value;
-      else if (field === "data")
-        data.push(value);
-    }
-    if (data.length > 0)
-      frames.push({ ...event ? { event } : {}, data: data.join("\n") });
-  }
-  return { frames, rest };
-}
+import { useDirectStreamWithProtocol } from "../../../messages/composables/use-direct-stream.js";
 export function createMessagePartsAccumulator(runId = null) {
   return {
     runId
@@ -43,251 +12,11 @@ export function applyMessagePartsEvent(accumulator, input) {
     accumulator.lightweight = createLightweightTurn(input.runId, input.sessionId ?? "");
   accumulator.runId = input.runId;
   const changed = applyLightweightPart(accumulator.lightweight, input.event, input.deltaSeq, input.timestamp ?? 0);
-  return { text: accumulator.lightweight.text, thinking: accumulator.lightweight.thinking, changed };
-}
-function reviveMessagePair(input) {
-  return {
-    userMessage: {
-      ...input.userMessage,
-      createdAt: new Date(input.userMessage.createdAt),
-      updatedAt: input.userMessage.updatedAt ? new Date(input.userMessage.updatedAt) : null
-    },
-    assistantMessage: {
-      ...input.assistantMessage,
-      createdAt: new Date(input.assistantMessage.createdAt),
-      updatedAt: input.assistantMessage.updatedAt ? new Date(input.assistantMessage.updatedAt) : null
-    }
-  };
+  return { text: accumulator.lightweight.text, thinking: accumulator.lightweight.thinking, changed, reasoning: accumulator.lightweight.reasoning, files: accumulator.lightweight.files };
 }
 export function useDirectStream(options = {}) {
-  const activity = ref("idle");
-  const streamingText = ref(null);
-  const streamingThinking = ref("");
-  const activeRunId = ref(null);
-  const streamingReasoning = ref([]);
-  const streamingFiles = ref([]);
-  let accumulator = createMessagePartsAccumulator();
-  let abortController = null;
-  function resetAccumulator(runId = null) {
-    accumulator = createMessagePartsAccumulator(runId);
-    activeRunId.value = runId;
-    streamingText.value = null;
-    streamingThinking.value = "";
-    streamingReasoning.value = [];
-    streamingFiles.value = [];
-  }
-  function beginMessage() {
-    resetAccumulator(activeRunId.value);
-    activity.value = "idle";
-  }
-  function disconnect(reset = true) {
-    abortController?.abort();
-    abortController = null;
-    activity.value = "idle";
-    if (reset)
-      resetAccumulator();
-  }
-  async function connectStream(url, init, onAccepted, expectedAssistantMessageId) {
-    if (import.meta.server)
-      throw new Error("Message streaming is unavailable during server rendering");
-    abortController?.abort();
-    const controller = new AbortController();
-    abortController = controller;
-    let response;
-    try {
-      response = await fetch(url, { ...init, signal: controller.signal });
-    } catch (error) {
-      if (abortController === controller)
-        abortController = null;
-      throw error;
-    }
-    if (!response.ok) {
-      if (abortController === controller)
-        abortController = null;
-      const text = await response.text().catch(() => "");
-      let body = text;
-      if (text) {
-        try {
-          body = JSON.parse(text);
-        } catch {
-          body = { error: text };
-        }
-      }
-      throw new DirectStreamHttpError(response.status, body, getChatApiErrorCode(body));
-    }
-    if (!response.body) {
-      if (abortController === controller)
-        abortController = null;
-      throw new Error("Message stream response has no body");
-    }
-    if (controller.signal.aborted)
-      throw new DOMException("Aborted", "AbortError");
-    activity.value = "connected";
-    let resolveAccepted;
-    let rejectAccepted;
-    const acceptedPromise = new Promise((resolve, reject) => {
-      resolveAccepted = resolve;
-      rejectAccepted = reject;
-    });
-    let accepted = !onAccepted;
-    if (accepted)
-      resolveAccepted();
-    let optimisticResultReported = false;
-    let terminalEventObserved = false;
-    let terminalReported = false;
-    let recoveryRequested = false;
-    function requestRecovery() {
-      if (recoveryRequested)
-        return;
-      recoveryRequested = true;
-      options.onDisconnect?.();
-    }
-    function reportTerminal() {
-      if (terminalReported)
-        return;
-      terminalReported = true;
-      recoveryRequested = true;
-      options.onTerminal?.();
-    }
-    function reportOptimisticResult(status) {
-      if (status === "completed" || status === "waiting_messages") {
-        const result = {
-          status,
-          text: streamingText.value ?? ""
-        };
-        if (!optimisticResultReported) {
-          optimisticResultReported = true;
-          options.onOptimisticResult?.(result);
-        }
-        return result;
-      }
-      return null;
-    }
-    function settleResult(status) {
-      if (terminalEventObserved)
-        return;
-      terminalEventObserved = true;
-      const result = reportOptimisticResult(status);
-      if (result)
-        options.onResult?.(result);
-      reportTerminal();
-    }
-    function settleTerminal() {
-      if (terminalEventObserved)
-        return;
-      terminalEventObserved = true;
-      reportTerminal();
-    }
-    void (async () => {
-      try {
-        const reader = response.body.getReader();
-        const decoder = new TextDecoder();
-        let buffered = "";
-        while (!controller.signal.aborted) {
-          const { value, done } = await reader.read();
-          if (done)
-            break;
-          if (controller.signal.aborted)
-            break;
-          buffered += decoder.decode(value, { stream: true });
-          const parsed = parseSseFrames(buffered);
-          buffered = parsed.rest;
-          for (const frame of parsed.frames) {
-            if (controller.signal.aborted)
-              break;
-            if (frame.data === "[DONE]")
-              continue;
-            if (frame.event === "message-accepted") {
-              if (!onAccepted)
-                continue;
-              try {
-                const messagePair = reviveMessagePair(JSON.parse(frame.data));
-                accepted = true;
-                onAccepted(messagePair);
-                resolveAccepted(messagePair);
-              } catch (error) {
-                rejectAccepted(error);
-              }
-              continue;
-            }
-            let event;
-            try {
-              event = JSON.parse(frame.data);
-            } catch {
-              continue;
-            }
-            if (!isRecord(event) || typeof event.kind !== "string")
-              continue;
-            if (event.kind === "conversation-state" && expectedAssistantMessageId && event.assistantMessageId !== expectedAssistantMessageId) {
-              controller.abort();
-              requestRecovery();
-              break;
-            }
-            activity.value = "active";
-            if (event.kind === "result") {
-              settleResult(event.status);
-              continue;
-            }
-            if (event.kind === "steps" && (event.status === "completed" || event.status === "waiting_messages")) {
-              reportOptimisticResult(event.status);
-              reportTerminal();
-              continue;
-            }
-            if (event.kind === "error") {
-              if (event.recoverable === true) {
-                requestRecovery();
-              } else {
-                settleTerminal();
-              }
-              continue;
-            }
-            if (event.kind === "status" && (event.status === "failed" || event.status === "cancelled")) {
-              settleTerminal();
-              continue;
-            }
-            if (event.kind !== "message-parts" || typeof event.runId !== "string" || typeof event.deltaSeq !== "number" || !Number.isInteger(event.deltaSeq) || event.deltaSeq < 0 || !isRecord(event.event)) {
-              continue;
-            }
-            const current = applyMessagePartsEvent(accumulator, event);
-            activeRunId.value = accumulator.runId;
-            if (current.changed) {
-              streamingText.value = current.text;
-              streamingThinking.value = current.thinking;
-              if (accumulator.lightweight) {
-                streamingReasoning.value = [...accumulator.lightweight.reasoning];
-                streamingFiles.value = [...accumulator.lightweight.files];
-              }
-            }
-          }
-        }
-        if (!accepted)
-          rejectAccepted(new Error("Message stream ended before acknowledgement"));
-      } catch (error) {
-        if (!accepted)
-          rejectAccepted(error);
-      } finally {
-        if (abortController === controller) {
-          abortController = null;
-          if (!onAccepted)
-            activity.value = "idle";
-        }
-        if (accepted && !terminalEventObserved && !controller.signal.aborted)
-          requestRecovery();
-      }
-    })();
-    return acceptedPromise;
-  }
-  onUnmounted(() => disconnect());
-  return {
-    activity: readonly(activity),
-    streamingText: readonly(streamingText),
-    streamingThinking: readonly(streamingThinking),
-    activeRunId: readonly(activeRunId),
-    streamingReasoning: readonly(streamingReasoning),
-    streamingFiles: readonly(streamingFiles),
-    connectMessage: (url, init, onAccepted) => connectStream(url, init, onAccepted),
-    connectConversation: (url, init, expectedAssistantMessageId) => connectStream(url, { ...init, method: "GET" }, void 0, expectedAssistantMessageId),
-    beginMessage,
-    disconnect
-  };
+  return useDirectStreamWithProtocol({
+    create: createMessagePartsAccumulator,
+    apply: applyMessagePartsEvent
+  }, options);
 }

package/dist/runtime/lightweight/messages/model-options.js

@@ -1,10 +1,10 @@
-import { resolveAvailableChatModels } from "./model-availability.js";
+import { resolveAvailableChatModels } from "../../messages/model-availability.js";
 export function buildChatModelOptions(input) {
   if (input.models.length === 0)
     return [];
   const availableModels = resolveAvailableChatModels(
-    input.models.map((candidate) => candidate.id),
-    input.availableModels
+    input.availableModels,
+    input.models.map((candidate) => candidate.id)
   );
   const options = availableModels.map((modelId) => {
     const model = input.models.find((candidate) => candidate.id === modelId);

package/dist/runtime/messages/composables/use-direct-stream.d.ts

@@ -1,3 +1,5 @@
+import type { ReasoningItem } from '../../types/schemas/integrations/agent-api.js';
+import type { MessageFile } from '../../types/schemas/chat/files.js';
 import type { SendMessageResponse } from '../../types/schemas/chat/messages.js';
 export type DirectStreamActivity = 'idle' | 'connected' | 'active';
 export type DirectStreamResultStatus = 'completed' | 'waiting_messages';
@@ -11,6 +13,9 @@ export type SseFrame = {
 };
 export type MessagePartsEvent = {
     kind: 'message-parts';
+    harness?: string;
+    sessionId?: string;
+    timestamp?: number;
     runId: string;
     deltaSeq: number;
     parentToolUseId?: string | null;
@@ -32,18 +37,46 @@ export declare function applyMessagePartsEvent(accumulator: MessagePartsAccumula
     thinking: string;
     changed: boolean;
 };
-export declare function useDirectStream(options?: {
+export type DirectStreamOptions = {
     onOptimisticResult?: (result: DirectStreamResult) => void;
     onResult?: (result: DirectStreamResult) => void;
     onTerminal?: () => void;
     onDisconnect?: () => void;
-}): {
+};
+type MessagePartsUpdate = {
+    text: string;
+    thinking: string;
+    changed: boolean;
+    reasoning?: ReasoningItem[];
+    files?: MessageFile[];
+};
+export declare function useDirectStream(options?: DirectStreamOptions): {
+    activity: any;
+    streamingText: any;
+    streamingThinking: any;
+    activeRunId: any;
+    streamingReasoning: any;
+    streamingFiles: any;
+    connectMessage: (url: string, init: RequestInit, onAccepted: (response: SendMessageResponse) => void) => Promise<SendMessageResponse>;
+    connectConversation: (url: string, init: RequestInit, expectedAssistantMessageId?: string) => Promise<void>;
+    beginMessage: () => void;
+    disconnect: (reset?: boolean) => void;
+};
+export declare function useDirectStreamWithProtocol<T extends {
+    runId: string | null;
+}>(protocol: {
+    create: (runId?: string | null) => T;
+    apply: (accumulator: T, event: MessagePartsEvent) => MessagePartsUpdate;
+}, options?: DirectStreamOptions): {
     activity: any;
     streamingText: any;
     streamingThinking: any;
     activeRunId: any;
+    streamingReasoning: any;
+    streamingFiles: any;
     connectMessage: (url: string, init: RequestInit, onAccepted: (response: SendMessageResponse) => void) => Promise<SendMessageResponse>;
     connectConversation: (url: string, init: RequestInit, expectedAssistantMessageId?: string) => Promise<void>;
     beginMessage: () => void;
     disconnect: (reset?: boolean) => void;
 };
+export {};

package/dist/runtime/messages/composables/use-direct-stream.js

@@ -114,17 +114,27 @@ function reviveMessagePair(input) {
   };
 }
 export function useDirectStream(options = {}) {
+  return useDirectStreamWithProtocol({
+    create: createMessagePartsAccumulator,
+    apply: applyMessagePartsEvent
+  }, options);
+}
+export function useDirectStreamWithProtocol(protocol, options = {}) {
   const activity = ref("idle");
   const streamingText = ref(null);
   const streamingThinking = ref("");
   const activeRunId = ref(null);
-  let accumulator = createMessagePartsAccumulator();
+  const streamingReasoning = ref([]);
+  const streamingFiles = ref([]);
+  let accumulator = protocol.create();
   let abortController = null;
   function resetAccumulator(runId = null) {
-    accumulator = createMessagePartsAccumulator(runId);
+    accumulator = protocol.create(runId);
     activeRunId.value = runId;
     streamingText.value = null;
     streamingThinking.value = "";
+    streamingReasoning.value = [];
+    streamingFiles.value = [];
   }
   function beginMessage() {
     resetAccumulator(activeRunId.value);
@@ -298,11 +308,13 @@ export function useDirectStream(options = {}) {
             if (event.kind !== "message-parts" || typeof event.runId !== "string" || typeof event.deltaSeq !== "number" || !Number.isInteger(event.deltaSeq) || event.deltaSeq < 0 || !isRecord(event.event)) {
               continue;
             }
-            const current = applyMessagePartsEvent(accumulator, event);
+            const current = protocol.apply(accumulator, event);
             activeRunId.value = accumulator.runId;
             if (current.changed) {
               streamingText.value = current.text;
               streamingThinking.value = current.thinking;
+              streamingReasoning.value = [...current.reasoning ?? []];
+              streamingFiles.value = [...current.files ?? []];
             }
           }
         }
@@ -329,6 +341,8 @@ export function useDirectStream(options = {}) {
     streamingText: readonly(streamingText),
     streamingThinking: readonly(streamingThinking),
     activeRunId: readonly(activeRunId),
+    streamingReasoning: readonly(streamingReasoning),
+    streamingFiles: readonly(streamingFiles),
     connectMessage: (url, init, onAccepted) => connectStream(url, init, onAccepted),
     connectConversation: (url, init, expectedAssistantMessageId) => connectStream(url, { ...init, method: "GET" }, void 0, expectedAssistantMessageId),
     beginMessage,

package/dist/runtime/messages/model-availability.d.ts

@@ -1,6 +1,8 @@
 import type { ChatModel } from '../types/schemas/chat/models.js';
 export type AvailableChatModels = readonly [ChatModel, ...ChatModel[]];
 export declare const MODEL_UPDATE_FAILED_MESSAGE = "N\u00E3o foi poss\u00EDvel atualizar o modelo da conversa";
+export declare const MODEL_UNAVAILABLE_MESSAGE = "O modelo selecionado n\u00E3o est\u00E1 dispon\u00EDvel neste workspace";
 export declare function resolveAvailableChatModels(availableModels?: readonly string[]): readonly ChatModel[];
+export declare function resolveAvailableChatModels(availableModels: readonly string[] | undefined, catalogModels: readonly string[]): readonly string[];
 export declare function resolveChatModelSelection(selectedModel: string | null, availableModels?: readonly string[]): string | null;
-export declare function ensureConversationUsesSelectedModel(conversationModel: string | null, selectedModel: string | null, updateModel: (model: string | null) => Promise<boolean>): Promise<void>;
+export declare function ensureConversationUsesSelectedModel(conversationModel: string | null, selectedModel: string | null, updateModel: (model: string | null) => Promise<boolean>, availableModels?: readonly string[]): Promise<void>;

package/dist/runtime/messages/model-availability.js

@@ -1,14 +1,19 @@
-import { chatModelIds, isValidChatModel } from "../types/schemas/chat/models.js";
+import { chatModelIds } from "../types/schemas/chat/models.js";
 export const MODEL_UPDATE_FAILED_MESSAGE = "N\xE3o foi poss\xEDvel atualizar o modelo da conversa";
-export function resolveAvailableChatModels(availableModels) {
+export const MODEL_UNAVAILABLE_MESSAGE = "O modelo selecionado n\xE3o est\xE1 dispon\xEDvel neste workspace";
+export function resolveAvailableChatModels(availableModels, catalogModels) {
+  const catalog = catalogModels ?? chatModelIds;
+  if (catalog.length === 0)
+    throw new Error("Agent API model catalog must contain at least one model");
   if (availableModels === void 0)
-    return chatModelIds;
+    return [...new Set(catalog)];
   if (availableModels.length === 0)
     throw new Error("availableModels must contain at least one model");
   const uniqueModels = [];
   for (const model of availableModels) {
-    if (!isValidChatModel(model))
-      throw new Error(`${model} is not a supported chat model`);
+    if (!catalog.includes(model)) {
+      throw new Error(catalogModels ? `${model} is not available in this workspace` : `${model} is not a supported chat model`);
+    }
     if (!uniqueModels.includes(model))
       uniqueModels.push(model);
   }
@@ -20,7 +25,9 @@ export function resolveChatModelSelection(selectedModel, availableModels) {
   const resolvedModels = resolveAvailableChatModels(availableModels);
   return selectedModel && resolvedModels.includes(selectedModel) ? selectedModel : resolvedModels[0];
 }
-export async function ensureConversationUsesSelectedModel(conversationModel, selectedModel, updateModel) {
+export async function ensureConversationUsesSelectedModel(conversationModel, selectedModel, updateModel, availableModels) {
+  if (selectedModel && availableModels && !availableModels.includes(selectedModel))
+    throw new Error(MODEL_UNAVAILABLE_MESSAGE);
   if (conversationModel === selectedModel)
     return;
   if (!await updateModel(selectedModel))

package/dist/runtime/shared/composables/chat-request-context.d.ts

@@ -1,14 +1,14 @@
 import type { ChatHarness } from '../../types/schemas/chat/chat-config.js';
 import type { MaybeRefOrGetter, Ref } from 'vue';
 export type ChatRequestContext = {
-    harness?: Ref<ChatHarness>;
+    harness?: Ref<ChatHarness | null>;
     workspaceId: Ref<string>;
     telaAgentId: Ref<string | null>;
     telaAgentBranch: Ref<string | null>;
     conversationScope: Ref<string | null>;
 };
 type ChatRequestContextInput = {
-    harness?: MaybeRefOrGetter<ChatHarness>;
+    harness?: MaybeRefOrGetter<ChatHarness | null>;
     workspaceId: MaybeRefOrGetter<string | null | undefined>;
     telaAgentId?: MaybeRefOrGetter<string | null | undefined>;
     telaAgentBranch?: MaybeRefOrGetter<string | null | undefined>;

package/dist/runtime/shared/composables/chat-request-context.js

@@ -5,7 +5,7 @@ function normalizeOptionalHeaderValue(value) {
 }
 function useGlobalChatRequestContextState() {
   return {
-    harness: useState("chat-request-context-harness", () => "claude"),
+    harness: useState("chat-request-context-harness", () => null),
     provided: useState("chat-request-context-provided", () => false),
     workspaceId: useState("chat-request-context-workspace-id", () => ""),
     telaAgentId: useState("chat-request-context-tela-agent-id", () => null),
@@ -15,7 +15,7 @@ function useGlobalChatRequestContextState() {
 }
 export function provideChatRequestContext(input, options = {}) {
   const context = {
-    harness: computed(() => toValue(input.harness) ?? "claude"),
+    harness: computed(() => toValue(input.harness) ?? null),
     workspaceId: computed(() => normalizeOptionalHeaderValue(toValue(input.workspaceId)) ?? ""),
     telaAgentId: computed(() => normalizeOptionalHeaderValue(toValue(input.telaAgentId))),
     telaAgentBranch: computed(() => normalizeOptionalHeaderValue(toValue(input.telaAgentBranch))),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "4.4.0-rc.6",
+  "version": "4.4.0-rc.7",
   "type": "module",
   "exports": {
     ".": {

package/dist/runtime/lightweight/messages/model-availability.d.ts

@@ -1,7 +0,0 @@
-import type { ChatModel } from '../../types/schemas/chat/lightweight-models.js';
-export type AvailableChatModels = readonly [ChatModel, ...ChatModel[]];
-export declare const MODEL_UPDATE_FAILED_MESSAGE = "N\u00E3o foi poss\u00EDvel atualizar o modelo da conversa";
-export declare const MODEL_UNAVAILABLE_MESSAGE = "O modelo selecionado n\u00E3o est\u00E1 dispon\u00EDvel neste workspace";
-export declare function resolveAvailableChatModels(catalogModels: readonly ChatModel[], availableModels?: readonly ChatModel[]): readonly ChatModel[];
-export declare function resolveChatModelSelection(selectedModel: string | null, defaultModel: string | null): string | null;
-export declare function ensureConversationUsesSelectedModel(conversationModel: string | null, selectedModel: string | null, updateModel: (model: string | null) => Promise<boolean>, availableModels?: readonly string[]): Promise<void>;

package/dist/runtime/lightweight/messages/model-availability.js

@@ -1,29 +0,0 @@
-export const MODEL_UPDATE_FAILED_MESSAGE = "N\xE3o foi poss\xEDvel atualizar o modelo da conversa";
-export const MODEL_UNAVAILABLE_MESSAGE = "O modelo selecionado n\xE3o est\xE1 dispon\xEDvel neste workspace";
-export function resolveAvailableChatModels(catalogModels, availableModels) {
-  if (catalogModels.length === 0)
-    throw new Error("Agent API model catalog must contain at least one model");
-  if (availableModels === void 0)
-    return [...new Set(catalogModels)];
-  if (availableModels.length === 0)
-    throw new Error("availableModels must contain at least one model");
-  const uniqueModels = [];
-  for (const model of availableModels) {
-    if (!catalogModels.includes(model))
-      throw new Error(`${model} is not available in this workspace`);
-    if (!uniqueModels.includes(model))
-      uniqueModels.push(model);
-  }
-  return uniqueModels;
-}
-export function resolveChatModelSelection(selectedModel, defaultModel) {
-  return selectedModel ?? defaultModel;
-}
-export async function ensureConversationUsesSelectedModel(conversationModel, selectedModel, updateModel, availableModels) {
-  if (selectedModel && availableModels && !availableModels.includes(selectedModel))
-    throw new Error(MODEL_UNAVAILABLE_MESSAGE);
-  if (conversationModel === selectedModel)
-    return;
-  if (!await updateModel(selectedModel))
-    throw new Error(MODEL_UPDATE_FAILED_MESSAGE);
-}