@meistrari/chat-nuxt 4.9.0 → 4.10.0-rc.1

package/dist/module.json

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

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

@@ -19,27 +19,27 @@ type __VLS_Props = {
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
-declare var __VLS_14: {}, __VLS_92: {}, __VLS_105: {
+declare var __VLS_14: {}, __VLS_92: {}, __VLS_107: {
     message: useChatAuth;
-}, __VLS_118: {}, __VLS_127: {}, __VLS_191: {}, __VLS_210: {
+}, __VLS_120: {}, __VLS_129: {}, __VLS_193: {}, __VLS_214: {
     message: useChatAuth;
-}, __VLS_223: {};
+}, __VLS_227: {};
 type __VLS_Slots = {} & {
     'sidebar-bottom'?: (props: typeof __VLS_14) => any;
 } & {
     'composer-bottom'?: (props: typeof __VLS_92) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_105) => any;
+    'failed-message-actions'?: (props: typeof __VLS_107) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_118) => any;
+    'composer-bottom'?: (props: typeof __VLS_120) => any;
 } & {
-    'topbar-leading'?: (props: typeof __VLS_127) => any;
+    'topbar-leading'?: (props: typeof __VLS_129) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_191) => any;
+    'composer-bottom'?: (props: typeof __VLS_193) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_210) => any;
+    'failed-message-actions'?: (props: typeof __VLS_214) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_223) => any;
+    'composer-bottom'?: (props: typeof __VLS_227) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;

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

@@ -2,10 +2,11 @@
 import { inject, provide, useSlots } from "vue";
 import { useChatHarnessAdapter } from "../composables/harness-adapter";
 import ChatMessageList from "../../messages/components/chat-message-list.vue";
+import { shouldScrollOnComposerResize } from "../../messages/composables/use-stick-to-bottom";
 import { CHAT_COMPOSER_EXTENSION_KEY } from "../../types/composer";
 import { CHAT_MESSAGE_SEND_KEY } from "../../types/messages";
 import { useChatAuth } from "#chat-auth";
-import { useBreakpoints } from "@vueuse/core";
+import { useBreakpoints, useResizeObserver } from "@vueuse/core";
 import { useCitationPanel } from "../../citations/composables/citation-panel";
 import { exportConversationToMarkdown } from "../../conversations/export";
 import { CHAT_MOBILE_BREAKPOINT } from "../../shared/breakpoints";
@@ -175,6 +176,15 @@ provide("chat-answer-target", answerTarget);
 function setAnswerTarget(el) {
   answerTarget.value = el instanceof HTMLElement ? el : null;
 }
+const messageListRef = ref(null);
+const composerRef = ref(null);
+let composerHeights = { composer: 0, dock: 0 };
+useResizeObserver(composerRef, ([entry]) => {
+  const next = { composer: entry?.contentRect.height ?? 0, dock: answerTarget.value?.offsetHeight ?? 0 };
+  if (shouldScrollOnComposerResize(composerHeights, next, Boolean(messageListRef.value?.isPinned)))
+    requestAnimationFrame(() => messageListRef.value?.scrollToBottom());
+  composerHeights = next;
+});
 const messageInputRef = ref(null);
 const PROMPT_INPUT_HINTS = [
   { icon: "i-ph-at-bold", label: "Para mencionar arquivos" },
@@ -1053,6 +1063,7 @@ async function handleDelete() {
 
                 <ChatMessageList
                     :key="currentConversation?.id ?? 'draft'"
+                    ref="messageListRef"
                     :messages="messages"
                     :events="displayConversationEvents"
                     :streaming-active-message-id="streamingActiveMessageId"
@@ -1069,7 +1080,7 @@ async function handleDelete() {
                         <slot name="failed-message-actions" v-bind="slotProps" />
                     </template>
                 </ChatMessageList>
-                <div data-chat-composer flex="~ col" gap-12px min-h-0>
+                <div ref="composerRef" data-chat-composer flex="~ col" gap-12px min-h-0>
                     <div :ref="setAnswerTarget" data-chat-answer-dock class="empty:hidden max-h-[50dvh] overflow-y-auto" />
                     <ChatMessageInput
                         ref="messageInputRef"
@@ -1266,6 +1277,7 @@ async function handleDelete() {
             >
                 <ChatMessageList
                     :key="currentConversation?.id ?? 'draft'"
+                    ref="messageListRef"
                     :messages="messages"
                     :events="displayConversationEvents"
                     :streaming-active-message-id="streamingActiveMessageId"
@@ -1282,7 +1294,7 @@ async function handleDelete() {
                         <slot name="failed-message-actions" v-bind="slotProps" />
                     </template>
                 </ChatMessageList>
-                <div data-chat-composer flex="~ col" gap-12px min-h-0>
+                <div ref="composerRef" data-chat-composer flex="~ col" gap-12px min-h-0>
                     <div :ref="setAnswerTarget" data-chat-answer-dock class="empty:hidden max-h-[50dvh] overflow-y-auto" />
                     <ChatMessageInput
                         ref="messageInputRef"

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

@@ -19,27 +19,27 @@ type __VLS_Props = {
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
-declare var __VLS_14: {}, __VLS_92: {}, __VLS_105: {
+declare var __VLS_14: {}, __VLS_92: {}, __VLS_107: {
     message: useChatAuth;
-}, __VLS_118: {}, __VLS_127: {}, __VLS_191: {}, __VLS_210: {
+}, __VLS_120: {}, __VLS_129: {}, __VLS_193: {}, __VLS_214: {
     message: useChatAuth;
-}, __VLS_223: {};
+}, __VLS_227: {};
 type __VLS_Slots = {} & {
     'sidebar-bottom'?: (props: typeof __VLS_14) => any;
 } & {
     'composer-bottom'?: (props: typeof __VLS_92) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_105) => any;
+    'failed-message-actions'?: (props: typeof __VLS_107) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_118) => any;
+    'composer-bottom'?: (props: typeof __VLS_120) => any;
 } & {
-    'topbar-leading'?: (props: typeof __VLS_127) => any;
+    'topbar-leading'?: (props: typeof __VLS_129) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_191) => any;
+    'composer-bottom'?: (props: typeof __VLS_193) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_210) => any;
+    'failed-message-actions'?: (props: typeof __VLS_214) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_223) => any;
+    'composer-bottom'?: (props: typeof __VLS_227) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;

package/dist/runtime/messages/composables/use-stick-to-bottom.d.ts

@@ -16,6 +16,11 @@ interface ScrollSnapshot {
  * user reading upwards, so it keeps whatever state was in place.
  */
 export declare function resolvePinnedAfterScroll(pinned: boolean, previous: ScrollSnapshot, { scrollTop, scrollHeight, clientHeight }: ScrollMetrics, threshold: number): boolean;
+interface ComposerHeights {
+    composer: number;
+    dock: number;
+}
+export declare function shouldScrollOnComposerResize(previous: ComposerHeights, next: ComposerHeights, pinned: boolean): boolean;
 export declare function useStickToBottom(scrollRoot: Ref<HTMLElement | null>, contentRoot: Ref<HTMLElement | null>): {
     bottomPinned: Ref<boolean, boolean>;
     hasRoomBelow: Ref<boolean, boolean>;

package/dist/runtime/messages/composables/use-stick-to-bottom.js

@@ -14,6 +14,9 @@ export function resolvePinnedAfterScroll(pinned, previous, { scrollTop, scrollHe
     return true;
   return pinned;
 }
+export function shouldScrollOnComposerResize(previous, next, pinned) {
+  return next.composer > previous.composer && (next.dock > previous.dock || pinned);
+}
 export function useStickToBottom(scrollRoot, contentRoot) {
   const bottomPinned = ref(true);
   const hasRoomBelow = ref(false);

package/dist/runtime/types/schemas/chat/v3.d.ts

@@ -0,0 +1,55 @@
+import { z } from 'zod';
+/**
+ * Chat API v3 (`/v3/chat`): the conversational surface over agent-api v5 events-v1.
+ * The chat-api owns the conversation; agent-api owns the session and its history.
+ */
+export declare const CHAT_V3_CONTRACT_VERSION = "events-v1";
+/** Where the agent of the request stands in the v5 catalog. */
+export declare const chatV3AgentStatusSchema: z.ZodEnum<{
+    ready: "ready";
+    not_requested: "not_requested";
+    not_in_catalog: "not_in_catalog";
+    not_published: "not_published";
+}>;
+export type ChatV3AgentStatus = z.infer<typeof chatV3AgentStatusSchema>;
+export declare const chatV3AgentSchema: z.ZodObject<{
+    agentId: z.ZodString;
+    repository: z.ZodString;
+    harness: z.ZodNullable<z.ZodEnum<{
+        claude: "claude";
+        lightweight: "lightweight";
+        codex: "codex";
+    }>>;
+    model: z.ZodNullable<z.ZodString>;
+    publishedSnapshotId: z.ZodNullable<z.ZodString>;
+    publishedCommitSha: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
+export type ChatV3Agent = z.infer<typeof chatV3AgentSchema>;
+export declare const chatV3ConfigurationSchema: z.ZodObject<{
+    apiVersion: z.ZodLiteral<3>;
+    contractVersion: z.ZodLiteral<"events-v1">;
+    agentStatus: z.ZodEnum<{
+        ready: "ready";
+        not_requested: "not_requested";
+        not_in_catalog: "not_in_catalog";
+        not_published: "not_published";
+    }>;
+    agent: z.ZodNullable<z.ZodObject<{
+        agentId: z.ZodString;
+        repository: z.ZodString;
+        harness: z.ZodNullable<z.ZodEnum<{
+            claude: "claude";
+            lightweight: "lightweight";
+            codex: "codex";
+        }>>;
+        model: z.ZodNullable<z.ZodString>;
+        publishedSnapshotId: z.ZodNullable<z.ZodString>;
+        publishedCommitSha: z.ZodNullable<z.ZodString>;
+    }, z.core.$strip>>;
+    limits: z.ZodObject<{
+        messageTextChars: z.ZodNumber;
+        inlinePayloadBytes: z.ZodNumber;
+        eventsPerRequest: z.ZodNumber;
+    }, z.core.$strip>;
+}, z.core.$strip>;
+export type ChatV3Configuration = z.infer<typeof chatV3ConfigurationSchema>;

package/dist/runtime/types/schemas/chat/v3.js

@@ -0,0 +1,37 @@
+import { z } from 'zod';
+import { v5HarnessSchema } from '../integrations/agent-events';
+/**
+ * Chat API v3 (`/v3/chat`): the conversational surface over agent-api v5 events-v1.
+ * The chat-api owns the conversation; agent-api owns the session and its history.
+ */
+export const CHAT_V3_CONTRACT_VERSION = 'events-v1';
+/** Where the agent of the request stands in the v5 catalog. */
+export const chatV3AgentStatusSchema = z.enum([
+    /** No `telaAgentId` on the request: nothing to resolve yet. */
+    'not_requested',
+    /** Tela knows the agent, but the v5 catalog does not: Tela has to create it there. */
+    'not_in_catalog',
+    /** In the catalog without a publication: `POST /v5/agents/snapshots` first. */
+    'not_published',
+    /** Published: a session can start. */
+    'ready',
+]);
+export const chatV3AgentSchema = z.object({
+    agentId: z.string().uuid(),
+    repository: z.string(),
+    harness: v5HarnessSchema.nullable(),
+    model: z.string().nullable(),
+    publishedSnapshotId: z.string().uuid().nullable(),
+    publishedCommitSha: z.string().nullable(),
+});
+export const chatV3ConfigurationSchema = z.object({
+    apiVersion: z.literal(3),
+    contractVersion: z.literal(CHAT_V3_CONTRACT_VERSION),
+    agentStatus: chatV3AgentStatusSchema,
+    agent: chatV3AgentSchema.nullable(),
+    limits: z.object({
+        messageTextChars: z.number().int().positive(),
+        inlinePayloadBytes: z.number().int().positive(),
+        eventsPerRequest: z.number().int().positive(),
+    }),
+});