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

package/dist/module.d.mts

@@ -51,6 +51,13 @@ interface ChatNuxtModuleOptions {
      * to `false`; also settable via `NUXT_CHAT_NUXT_ROUTE_CLAUDE_VIA_GATEWAY`.
      */
     routeClaudeViaGateway?: boolean;
+    /**
+     * Opt this deployment into generative widgets: the server proxy adds
+     * `"ui-language": "web"` to the `x-chat-config` header, so chat-api asks the
+     * agent for OpenUI Lang widget blocks and chat-nuxt renders them. Defaults
+     * to `false`; also settable via `NUXT_CHAT_NUXT_UI_LANGUAGE`.
+     */
+    uiLanguage?: boolean;
 }
 declare const _default: any;
 

package/dist/module.json

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

package/dist/module.mjs

@@ -471,7 +471,8 @@ const module$1 = defineNuxtModule({
       agentApiV5: options.agentApiV5 ?? existingChatNuxtRuntimeConfig?.agentApiV5 ?? false,
       // Explicit boolean default keeps the key in runtime config so the
       // NUXT_CHAT_NUXT_ROUTE_CLAUDE_VIA_GATEWAY env override can apply.
-      routeClaudeViaGateway: options.routeClaudeViaGateway ?? existingChatNuxtRuntimeConfig?.routeClaudeViaGateway ?? false
+      routeClaudeViaGateway: options.routeClaudeViaGateway ?? existingChatNuxtRuntimeConfig?.routeClaudeViaGateway ?? false,
+      uiLanguage: options.uiLanguage ?? existingChatNuxtRuntimeConfig?.uiLanguage ?? false
     };
     if (hostAuthComposablePath && !rc.chatNuxt.authTokenCookie) {
       console.warn(

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

@@ -71,8 +71,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     copyLink: () => any;
     debug: () => any;
     selectConversation: (id: string) => any;
-    settings: () => any;
     send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+    settings: () => any;
     selectExecutionProfile: (profile: ChatExecutionProfile) => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
@@ -93,8 +93,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    onSettings?: (() => any) | undefined;
     onSelectExecutionProfile?: ((profile: ChatExecutionProfile) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;

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

@@ -71,8 +71,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     copyLink: () => any;
     debug: () => any;
     selectConversation: (id: string) => any;
-    settings: () => any;
     send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+    settings: () => any;
     selectExecutionProfile: (profile: ChatExecutionProfile) => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
@@ -93,8 +93,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    onSettings?: (() => any) | undefined;
     onSelectExecutionProfile?: ((profile: ChatExecutionProfile) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;

package/dist/runtime/files/components/{audio-preview.d.vue.ts → chat-file-audio.d.vue.ts}

@@ -1,14 +1,15 @@
+import type { ChatFileMenuItem } from './chat-file-card.vue.js';
 type __VLS_Props = {
-    url: string;
-    name?: string;
-    clickable?: boolean;
+    url?: string;
+    iconSrc: string;
+    name: string;
+    meta: string;
+    menuItems: ChatFileMenuItem[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: () => any;
-    loaded: () => any;
+    open: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: (() => any) | undefined;
-    onLoaded?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/files/components/chat-file-audio.vue

@@ -0,0 +1,94 @@
+<script setup>
+import ChatFileCard from "./chat-file-card.vue";
+import { formatPlaybackTime } from "../formatting";
+const props = defineProps({
+  url: { type: String, required: false },
+  iconSrc: { type: String, required: true },
+  name: { type: String, required: true },
+  meta: { type: String, required: true },
+  menuItems: { type: Array, required: true }
+});
+const emit = defineEmits(["open"]);
+const player = ref();
+const playing = ref(false);
+const currentTime = ref(0);
+const duration = ref(0);
+const failed = ref(false);
+const progress = computed(() => duration.value > 0 ? currentTime.value / duration.value * 100 : 0);
+function togglePlayback() {
+  const audio = player.value;
+  if (!audio)
+    return;
+  if (audio.paused)
+    void audio.play();
+  else
+    audio.pause();
+}
+function seek(event) {
+  const audio = player.value;
+  if (!audio || duration.value <= 0)
+    return;
+  audio.currentTime = Number(event.target.value) / 100 * duration.value;
+}
+watch(() => props.url, () => {
+  playing.value = false;
+  currentTime.value = 0;
+  duration.value = 0;
+  failed.value = false;
+});
+</script>
+
+<template>
+    <ChatFileCard
+        :icon-src="iconSrc"
+        :name="name"
+        :meta="failed ? 'Falha ao carregar \xE1udio' : meta"
+        :menu-items="menuItems"
+        :disabled="!url"
+        @open="emit('open')"
+    >
+        <template #actions>
+            <TelaIconButton
+                :icon="playing ? 'i-ph-pause-fill' : 'i-ph-play-fill'"
+                color="secondary"
+                size="xs"
+                :aria-label="playing ? 'Pausar \xE1udio' : 'Reproduzir \xE1udio'"
+                :disabled="!url || failed"
+                @click="togglePlayback"
+            />
+        </template>
+        <div flex items-center gap-12px px-12px py-10px border-t-0.5px border>
+            <input
+                type="range"
+                min="0"
+                max="100"
+                step="0.1"
+                :value="progress"
+                :disabled="!url || failed || duration <= 0"
+                aria-label="Posição do áudio"
+                flex-1 cursor-pointer text-primary
+                class="chat-file-audio__track"
+                @input="seek"
+            >
+            <span body-12-regular text-secondary tabular-nums shrink-0>
+                {{ formatPlaybackTime(currentTime) }} / {{ formatPlaybackTime(duration) }}
+            </span>
+        </div>
+        <audio
+            v-if="url"
+            ref="player"
+            :src="url"
+            preload="metadata"
+            @play="playing = true"
+            @pause="playing = false"
+            @ended="playing = false"
+            @timeupdate="currentTime = player?.currentTime ?? 0"
+            @loadedmetadata="duration = player?.duration ?? 0"
+            @error="failed = true"
+        />
+    </ChatFileCard>
+</template>
+
+<style scoped>
+.chat-file-audio__track{accent-color:currentColor;height:4px}
+</style>

package/dist/runtime/files/components/{image-preview.d.vue.ts → chat-file-audio.vue.d.ts}

@@ -1,14 +1,15 @@
+import type { ChatFileMenuItem } from './chat-file-card.vue.js';
 type __VLS_Props = {
-    url: string;
-    maxHeight?: number;
-    clickable?: boolean;
+    url?: string;
+    iconSrc: string;
+    name: string;
+    meta: string;
+    menuItems: ChatFileMenuItem[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: () => any;
-    loaded: () => any;
+    open: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: (() => any) | undefined;
-    onLoaded?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/files/components/chat-file-card.d.vue.ts

@@ -0,0 +1,31 @@
+export interface ChatFileMenuItem {
+    label: string;
+    icon: string;
+    click: () => void;
+}
+type __VLS_Props = {
+    iconSrc: string;
+    name: string;
+    meta: string;
+    menuItems: ChatFileMenuItem[];
+    disabled?: boolean;
+};
+declare var __VLS_1: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/files/components/chat-file-card.vue

@@ -0,0 +1,44 @@
+<script setup>
+defineProps({
+  iconSrc: { type: String, required: true },
+  name: { type: String, required: true },
+  meta: { type: String, required: true },
+  menuItems: { type: Array, required: true },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["open"]);
+</script>
+
+<template>
+    <div w-full max-w-480px rounded-12px border-0.5px border bg overflow-hidden data-chat-file="card">
+        <div flex items-center gap-12px p-12px>
+            <button
+                type="button"
+                flex items-center gap-12px flex-1 min-w-0 text-left
+                :class="disabled ? 'cursor-default' : 'cursor-pointer'"
+                :disabled="disabled"
+                :aria-label="`Abrir ${name}`"
+                @click="emit('open')"
+            >
+                <span size-40px rounded-8px bg-subtle flex items-center justify-center shrink-0>
+                    <img :src="iconSrc" alt="" size-20px>
+                </span>
+                <span flex flex-col min-w-0>
+                    <span body-14-medium text-primary truncate :title="name">{{ name }}</span>
+                    <span body-12-regular text-secondary truncate>{{ meta }}</span>
+                </span>
+            </button>
+            <slot name="actions" />
+            <TelaDropdownMenu :items="menuItems" align="end">
+                <TelaIconButton
+                    icon="i-ph-dots-three"
+                    color="secondary"
+                    size="3xs"
+                    aria-label="Ações do arquivo"
+                    :disabled="disabled"
+                />
+            </TelaDropdownMenu>
+        </div>
+        <slot />
+    </div>
+</template>

package/dist/runtime/files/components/chat-file-card.vue.d.ts

@@ -0,0 +1,31 @@
+export interface ChatFileMenuItem {
+    label: string;
+    icon: string;
+    click: () => void;
+}
+type __VLS_Props = {
+    iconSrc: string;
+    name: string;
+    meta: string;
+    menuItems: ChatFileMenuItem[];
+    disabled?: boolean;
+};
+declare var __VLS_1: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};