@meistrari/chat-nuxt 4.4.0-rc.9 → 4.4.0

package/dist/runtime/messages/components/chat-reasoning-effort-selector.vue

@@ -84,24 +84,28 @@ function onKeydown(event) {
         <TelaPopoverTrigger as-child>
             <button
                 type="button"
-                class="effort-trigger hover:bg-muted! data-[state=open]:bg-muted!"
-                :class="effort ? 'text-primary' : 'text-secondary'"
+                class="group pl-10px pr-8px py-7px rounded-8px flex items-center gap-6px duration-80 text-primary hover:bg-muted data-[state=open]:text-secondary data-[state=open]:bg-muted"
                 :disabled="disabled"
                 :aria-label="`Esfor\xE7o de racioc\xEDnio: ${selectedOption?.label ?? AGENT_DEFAULT_LABEL}`"
             >
                 <span body-14-medium whitespace-nowrap>{{ triggerLabel }}</span>
-                <span i-ph-caret-down class="effort-trigger-caret" icon-secondary aria-hidden="true" />
+                <TelaIcon
+                    name="i-ph-caret-down-bold"
+                    size="15px"
+                    color="icon-tertiary"
+                    class="shrink-0 transition-transform ease-out duration-150 group-data-[state=open]:rotate-180"
+                />
             </button>
         </TelaPopoverTrigger>
         <TelaPopoverContent
             side="top"
             align="end"
-            :side-offset="8"
-            class="effort-panel w-260px p-16px rounded-16px bg border-0.5px border [box-shadow:0_4px_16px_0_rgba(85,91,98,0.14)]"
+            :side-offset="3"
+            class="popover-enter-exit origin-[var(--reka-popover-content-transform-origin)] w-260px p-16px rounded-12px! bg border-0.5px! border! [box-shadow:0_4px_16px_0_rgba(85,91,98,0.14)]!"
         >
             <div flex="~ col" gap-16px>
-                <div flex="~ col" items-center gap-4px text-center>
-                    <span body-14-medium text-primary>{{ selectedOption?.label ?? AGENT_DEFAULT_LABEL }}</span>
+                <div flex="~ col" items-center gap-2px text-center>
+                    <span body-14-semibold text-primary>{{ selectedOption?.label ?? AGENT_DEFAULT_LABEL }}</span>
                     <span body-12-regular text-secondary>{{ selectedOption?.description ?? AGENT_DEFAULT_DESCRIPTION }}</span>
                 </div>
 

package/dist/runtime/messages/components/reasoning/chat-reasoning-thought.vue

@@ -51,7 +51,7 @@ const liveFormattedDuration = computed(() => {
     <div class="chat-reasoning-stage" w-full>
         <Transition name="chat-reasoning-presence" :appear="!completed">
             <div v-if="!completed && !hasReasoning" key="thinking" class="chat-reasoning-placeholder">
-                <ChatThinkingIndicator />
+                <ChatThinkingIndicator :started-at="startedAt" />
             </div>
 
             <!-- Com reasoning (loading ou completo): header clicável + steps colapsáveis -->

package/dist/runtime/messages/components/reasoning/chat-thinking-indicator.d.vue.ts

@@ -1,3 +1,6 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    startedAt?: Date | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/messages/components/reasoning/chat-thinking-indicator.vue

@@ -5,7 +5,16 @@ import {
   getNextChatLoadingMessageIndex,
   resolveChatLoadingMessages
 } from "../../../embed/loading-messages";
+const props = defineProps({
+  startedAt: { type: [Date, String], required: false }
+});
 const embedConfig = useEmbedConfig();
+const startedAtMs = computed(() => {
+  if (!props.startedAt)
+    return void 0;
+  const ms = new Date(props.startedAt).getTime();
+  return Number.isNaN(ms) ? void 0 : ms;
+});
 const currentTextIndex = ref(0);
 const dotCount = ref(0);
 const loadingState = computed(() => resolveChatLoadingMessages({
@@ -52,7 +61,10 @@ onUnmounted(() => {
 </script>
 
 <template>
-    <TelaChatTextShimmer class="body-16-regular">
-        {{ currentText }}
-    </TelaChatTextShimmer>
+    <div flex flex-col gap-8px>
+        <TelaChatWorkingIndicator label="Trabalhando" :started-at="startedAtMs" />
+        <TelaChatTextShimmer class="body-16-regular">
+            {{ currentText }}
+        </TelaChatTextShimmer>
+    </div>
 </template>

package/dist/runtime/messages/components/reasoning/chat-thinking-indicator.vue.d.ts

@@ -1,3 +1,6 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    startedAt?: Date | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/rendering/components/app-markdown-render.d.vue.ts

@@ -9,11 +9,11 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     content: string | null;
+    customComponents: Record<string, Component>;
+    customHtmlTags: readonly string[];
     final: boolean;
     renderCodeBlocksAsPre: boolean;
     typewriter: boolean;
-    customComponents: Record<string, Component>;
-    customHtmlTags: readonly string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/rendering/components/app-markdown-render.vue.d.ts

@@ -9,11 +9,11 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     content: string | null;
+    customComponents: Record<string, Component>;
+    customHtmlTags: readonly string[];
     final: boolean;
     renderCodeBlocksAsPre: boolean;
     typewriter: boolean;
-    customComponents: Record<string, Component>;
-    customHtmlTags: readonly string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "4.4.0-rc.9",
+  "version": "4.4.0",
   "type": "module",
   "exports": {
     ".": {
@@ -53,7 +53,7 @@
     "@iconify/vue": "^5.0.0",
     "@meistrari/auth-nuxt": "3.31.0",
     "@meistrari/logger": "^2.1.3",
-    "@meistrari/tela-build": "^1.74.2",
+    "@meistrari/tela-build": "^1.75.1",
     "@sentry/nuxt": "^10.0.0",
     "@vueuse/components": "^12.8.0",
     "@vueuse/core": "^12.8.0",