@meistrari/chat-nuxt 4.1.0-rc.0 → 4.1.0-rc.2

package/README.md

@@ -72,7 +72,7 @@ Declared in `src/runtime/embed/types.ts`; prop, feature-flag, and event payload
 | `labels` | `Partial<ChatLabels>` | Portuguese defaults | Override conversation-search text; see [UI labels](docs/guides/embedding.md#ui-labels) for supported keys and surfaces |
 | `customComponents` | `Record<string, Component>` | `undefined` | Custom markdown renderers keyed by markdown node or tag name. Components receive `node` plus the parser lifecycle props `loading` and `autoClosed` |
 | `customHtmlTags` | `readonly string[]` | `undefined` | Extra HTML tags allowed by the markdown renderer |
-| `citations` | `ChatCitationsConfig \| null` | `undefined` | Enables `cite://` citations in assistant messages (see [Citations](docs/guides/citations.md)) |
+| `citations` | `ChatCitationsConfig \| null` | `undefined` | Enables `cite://` citations in assistant and user messages (see [Citations](docs/guides/citations.md)) |
 | `feedbackConfig` | `MessageFeedbackConfig \| null` | `undefined` | Enables 👍/👎 feedback on assistant messages; providing the prop (even `{}`) shows the controls |
 | `messageFeedback` | `Record<string, MessageFeedbackRating> \| null` | `undefined` | Host-persisted votes keyed by message id; when provided, it is the single source of truth for the selected thumbs |
 

package/dist/module.json

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

package/dist/runtime/messages/components/chat-message-bubble.vue

@@ -6,7 +6,8 @@ import { useWorkspaceMembers } from "../../workspace/composables/workspace-membe
 import { isPromptTooLongFailure } from "../../types/schemas/chat/messages.js";
 import { linkifyBareCitations } from "../../citations/citation-links";
 import { parseContentWithFiles } from "../../files/content-detection";
-import { hasUserMentionTags, renderEscapedUserMentions } from "../user-mentions";
+import { renderEscapedUserMentions } from "../user-mentions";
+import { parseUserCitations } from "../user-citations";
 import ChatVaultLink from "../../files/components/chat-vault-link.vue";
 const props = defineProps({
   message: { type: null, required: true },
@@ -73,15 +74,14 @@ const displayContent = computed(() => {
     return content;
   return linkifyBareCitations(content);
 });
-const userContentHtml = computed(() => {
-  if (props.message.role !== "user")
-    return "";
-  const escaped = displayContent.value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+const userContentSegments = computed(() => parseUserCitations(
+  props.message.role === "user" ? props.message.content ?? "" : "",
+  Boolean(embedConfig?.citations.value)
+));
+function renderUserText(content) {
+  const escaped = content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
   return renderEscapedUserMentions(escaped);
-});
-const hasUserMentions = computed(
-  () => props.message.role === "user" && hasUserMentionTags(displayContent.value)
-);
+}
 const formattedTtft = computed(() => {
   if (props.message.role !== "assistant" || !props.message.ttft)
     return null;
@@ -154,9 +154,11 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                             <span truncate max-w-200px>{{ file.name }}</span>
                         </a>
                     </div>
-                    <div v-if="hasUserMentions" body-16-regular whitespace-pre-wrap v-html="userContentHtml" />
-                    <div v-else body-16-regular whitespace-pre-wrap>
-                        {{ message.content }}
+                    <div body-16-regular whitespace-pre-wrap>
+                        <template v-for="(segment, index) in userContentSegments" :key="`${index}-${segment.type === 'citation' ? segment.citation.raw : 'text'}`">
+                            <ChatCitation v-if="segment.type === 'citation'" :citation="segment.citation" :label="segment.label" />
+                            <span v-else v-html="renderUserText(segment.content)" />
+                        </template>
                     </div>
                 </TelaChatMessageContent>
 
@@ -182,7 +184,7 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                 :reasoning-data="message.reasoningData ?? []"
                 :completed="!isPending"
                 :preparing-steps="preparingSteps"
-                :created-at="message.createdAt"
+                :started-at="message.generationStartedAt ?? message.createdAt"
                 :updated-at="message.updatedAt"
             />
 

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

@@ -2,7 +2,7 @@ import { type ReasoningStep } from '../../reasoning.js';
 type __VLS_Props = {
     reasoningData: ReasoningStep[];
     completed: boolean;
-    createdAt: Date | string;
+    startedAt: Date | string;
     updatedAt?: Date | string | null;
     preparingSteps?: readonly string[] | null;
 };

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

@@ -1,20 +1,23 @@
 <script setup>
 import { resolveDisplayedReasoning } from "../../reasoning";
+import { useReasoningTimer } from "../../composables/reasoning-timer";
 import { resolveToolTitle } from "../../tool-registry";
 import ChatReasoningCollapsibleContent from "./chat-reasoning-collapsible-content.vue";
 import ChatReasoningSteps from "./chat-reasoning-steps.vue";
 const props = defineProps({
   reasoningData: { type: Array, required: true },
   completed: { type: Boolean, required: true },
-  createdAt: { type: [Date, String], required: true },
+  startedAt: { type: [Date, String], required: true },
   updatedAt: { type: [Date, String, null], required: false },
   preparingSteps: { type: [Array, null], required: false }
 });
 const TEXT_TRUNCATE_LENGTH = 40;
 const isExpanded = ref(false);
-const elapsedTime = ref(0);
-let timerInterval;
-const storageKey = computed(() => `reasoning-timer-${new Date(props.createdAt).getTime()}`);
+const { elapsedTime, thinkingDuration } = useReasoningTimer({
+  startedAt: computed(() => props.startedAt),
+  updatedAt: computed(() => props.updatedAt),
+  completed: computed(() => props.completed)
+});
 const displayedReasoning = computed(
   () => resolveDisplayedReasoning(props.reasoningData, props.preparingSteps)
 );
@@ -37,14 +40,6 @@ const currentStepName = computed(() => {
   }
   return "Trabalhando";
 });
-const thinkingDuration = computed(() => {
-  if (!props.updatedAt)
-    return null;
-  const start = new Date(props.createdAt).getTime();
-  const end = new Date(props.updatedAt).getTime();
-  const duration = end - start;
-  return Number.isFinite(duration) && duration >= 0 ? duration : null;
-});
 const formattedDuration = computed(() => {
   if (!thinkingDuration.value)
     return null;
@@ -61,37 +56,6 @@ const liveFormattedDuration = computed(() => {
   const seconds = Math.round(elapsedTime.value / 1e3);
   return seconds > 0 ? `${seconds}s` : "";
 });
-watch(() => props.completed, (isCompleted) => {
-  if (!isCompleted && !timerInterval) {
-    const startTime = new Date(props.createdAt).getTime();
-    if (typeof window !== "undefined") {
-      localStorage.setItem(storageKey.value, startTime.toString());
-    }
-    elapsedTime.value = Date.now() - startTime;
-    timerInterval = setInterval(() => {
-      elapsedTime.value = Date.now() - startTime;
-    }, 1e3);
-  } else if (isCompleted && timerInterval) {
-    clearInterval(timerInterval);
-    timerInterval = void 0;
-    if (typeof window !== "undefined") {
-      localStorage.removeItem(storageKey.value);
-    }
-  }
-}, { immediate: true });
-onMounted(() => {
-  if (!props.completed && typeof window !== "undefined") {
-    const storedStartTime = localStorage.getItem(storageKey.value);
-    if (storedStartTime) {
-      const startTime = Number.parseInt(storedStartTime, 10);
-      elapsedTime.value = Date.now() - startTime;
-    }
-  }
-});
-onUnmounted(() => {
-  if (timerInterval)
-    clearInterval(timerInterval);
-});
 </script>
 
 <template>

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

@@ -2,7 +2,7 @@ import { type ReasoningStep } from '../../reasoning.js';
 type __VLS_Props = {
     reasoningData: ReasoningStep[];
     completed: boolean;
-    createdAt: Date | string;
+    startedAt: Date | string;
     updatedAt?: Date | string | null;
     preparingSteps?: readonly string[] | null;
 };

package/dist/runtime/messages/composables/chat.js

@@ -495,6 +495,7 @@ export function useChat(options = {}) {
       ttft: null,
       createdBy: authUser.value?.email ?? null,
       createdAt: /* @__PURE__ */ new Date(),
+      generationStartedAt: null,
       updatedAt: null
     };
     const optimisticAssistantMessage = existingOptimisticAssistantMessage ?? {
@@ -509,6 +510,7 @@ export function useChat(options = {}) {
       ttft: null,
       createdBy: null,
       createdAt: /* @__PURE__ */ new Date(),
+      generationStartedAt: /* @__PURE__ */ new Date(),
       updatedAt: null
     };
     streamingMessageId.value = optimisticAssistantMessage.id;
@@ -873,10 +875,13 @@ export function useChat(options = {}) {
       messages.value = retry.messages;
       streamingMessageId.value = messageId;
       directStream.beginMessage();
-      await $fetch(
+      const retriedMessage = await $fetch(
         chatApi.path(`/conversations/${conversationId}/messages/${messageId}/retry`),
         chatApi.withChatHeaders({ method: "POST" })
       );
+      if (currentConversation.value?.id !== conversationId)
+        return true;
+      messages.value = messages.value.map((message) => message.id === messageId ? { ...message, ...retriedMessage } : message);
       startPolling();
       return true;
     } catch (err) {

package/dist/runtime/messages/composables/reasoning-timer.d.ts

@@ -0,0 +1,9 @@
+import { type Ref } from 'vue';
+export declare function useReasoningTimer(options: {
+    startedAt: Readonly<Ref<Date | string>>;
+    updatedAt: Readonly<Ref<Date | string | null | undefined>>;
+    completed: Readonly<Ref<boolean>>;
+}): {
+    elapsedTime: Ref<number, number>;
+    thinkingDuration: import("vue").ComputedRef<number | null>;
+};

package/dist/runtime/messages/composables/reasoning-timer.js

@@ -0,0 +1,22 @@
+import { computed, ref, watch } from "vue";
+export function useReasoningTimer(options) {
+  const elapsedTime = ref(0);
+  const startTime = computed(() => new Date(options.startedAt.value).getTime());
+  const thinkingDuration = computed(() => {
+    if (!options.updatedAt.value)
+      return null;
+    const duration = new Date(options.updatedAt.value).getTime() - startTime.value;
+    return Number.isFinite(duration) && duration >= 0 ? duration : null;
+  });
+  watch([startTime, options.completed], ([start, completed], _previous, onCleanup) => {
+    if (completed)
+      return;
+    const update = () => {
+      elapsedTime.value = Number.isFinite(start) ? Math.max(0, Date.now() - start) : 0;
+    };
+    update();
+    const interval = setInterval(update, 1e3);
+    onCleanup(() => clearInterval(interval));
+  }, { immediate: true });
+  return { elapsedTime, thinkingDuration };
+}

package/dist/runtime/messages/debug/chat-debug-scenarios.js

@@ -88,6 +88,7 @@ function message(baseTime, offsetMs, input) {
     files: null,
     externalUuid: null,
     ttft: null,
+    generationStartedAt: null,
     createdBy: input.role === "user" ? "debugger@tela.com" : null,
     createdAt,
     updatedAt: input.updatedAt ?? createdAt,
@@ -1476,7 +1477,15 @@ export function createChatDebugScenarios(baseTime = Date.now()) {
           message: message(baseTime, 0, {
             id: "citations-user-message",
             role: "user",
-            content: "A empresa pode monitorar os acessos dos empregados \xE0 internet?"
+            content: [
+              "A empresa pode monitorar os acessos dos empregados \xE0 internet?",
+              "",
+              "Documentos da base selecionados:",
+              "- [S\xFAmula 331 do TST](cite://tst_sumulas/331)",
+              "- [Parecer do BNDES](cite://bndes_pareceres/7154)",
+              "",
+              "Veja tamb\xE9m cite://stf_jurisprudencia/sjur336558."
+            ].join("\n")
           })
         }),
         event({

package/dist/runtime/messages/debug/chat-debug-switch-scenario.js

@@ -31,6 +31,7 @@ function message(baseTime, offsetMs, input) {
     files: null,
     externalUuid: null,
     ttft: null,
+    generationStartedAt: null,
     createdBy: input.role === "user" ? "debugger@tela.com" : null,
     createdAt,
     updatedAt: createdAt,

package/dist/runtime/messages/message-state.js

@@ -37,7 +37,9 @@ export function beginAssistantMessageRetry(messages, messageId) {
         content: "",
         status: "pending",
         failReason: null,
-        reasoningData: null
+        reasoningData: null,
+        generationStartedAt: /* @__PURE__ */ new Date(),
+        updatedAt: null
       };
     })
   };

package/dist/runtime/messages/user-citations.d.ts

@@ -0,0 +1,11 @@
+import { type CitationRef } from '../citations/citation-links.js';
+export type UserCitationSegment = {
+    type: 'text';
+    content: string;
+} | {
+    type: 'citation';
+    citation: CitationRef;
+    label?: string;
+};
+/** Only citations become components; all other user content keeps its plain-text semantics. */
+export declare function parseUserCitations(content: string, enabled: boolean): UserCitationSegment[];

package/dist/runtime/messages/user-citations.js

@@ -0,0 +1,31 @@
+import { isCitationUrl, parseCitationUrl } from "../citations/citation-links.js";
+const TOKENS = /<[a-z][a-z0-9-]*_mention\s[^>]*>[\s\S]*?<\/[a-z][a-z0-9-]*_mention>|(`{3,}|~{3,})[^\n]*\n[\s\S]*?(?:\1|$)|(`+)[^`]*?\2|!?\[((?:[^\[\]\n]|\[[^\]\n]*\])*)\]\(([^\s)]+)(?:\s+["'][^\n]*?["'])?\)|\[[ \t]*(cite:\/\/[^\s"'<>`\[\]()*~]+)[ \t]*\]|cite:\/\/[^\s"'<>`\[\]()*~]+/gi;
+export function parseUserCitations(content, enabled) {
+  if (!enabled)
+    return [{ type: "text", content }];
+  const segments = [];
+  let end = 0;
+  for (const match of content.matchAll(TOKENS)) {
+    const [raw, , , label, href, bracketed] = match;
+    if (raw.startsWith("!"))
+      continue;
+    const bare = !href && !bracketed && isCitationUrl(raw);
+    const url = href ?? bracketed ?? (bare ? raw.replace(/[.,:;!?]+$/, "") : "");
+    const citation = parseCitationUrl(url);
+    if (!citation)
+      continue;
+    const start = match.index;
+    if (start > end)
+      segments.push({ type: "text", content: content.slice(end, start) });
+    const visibleLabel = label?.trim();
+    segments.push({
+      type: "citation",
+      citation,
+      ...visibleLabel && visibleLabel !== citation.id && !isCitationUrl(visibleLabel) ? { label: visibleLabel } : {}
+    });
+    end = start + (bare ? url.length : raw.length);
+  }
+  if (end < content.length || segments.length === 0)
+    segments.push({ type: "text", content: content.slice(end) });
+  return segments;
+}

package/dist/runtime/types/schemas/chat/conversation-runtime.d.ts

@@ -114,6 +114,7 @@ export declare const sendMessageV2ResponseSchema: z.ZodObject<{
         createdBy: z.ZodNullable<z.ZodString>;
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
+        generationStartedAt: z.ZodNullable<z.ZodDate>;
     }, z.core.$strip>;
     assistantMessage: z.ZodObject<{
         id: z.ZodString;
@@ -146,6 +147,7 @@ export declare const sendMessageV2ResponseSchema: z.ZodObject<{
         createdBy: z.ZodNullable<z.ZodString>;
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
+        generationStartedAt: z.ZodNullable<z.ZodDate>;
     }, z.core.$strip>;
     turn: z.ZodNullable<z.ZodObject<{
         id: z.ZodString;

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

@@ -110,6 +110,7 @@ export declare const messageSchema: z.ZodObject<{
     createdBy: z.ZodNullable<z.ZodString>;
     createdAt: z.ZodDate;
     updatedAt: z.ZodNullable<z.ZodDate>;
+    generationStartedAt: z.ZodNullable<z.ZodDate>;
 }, z.core.$strip>;
 export type Message = z.infer<typeof messageSchema>;
 export declare const conversationCreatorFilterCountsSchema: z.ZodRecord<z.ZodEnum<{
@@ -222,6 +223,7 @@ export declare const conversationWithMessagesSchema: z.ZodObject<{
         createdBy: z.ZodNullable<z.ZodString>;
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
+        generationStartedAt: z.ZodNullable<z.ZodDate>;
     }, z.core.$strip>>;
 }, z.core.$strip>;
 export type ConversationWithMessages = z.infer<typeof conversationWithMessagesSchema>;

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

@@ -49,6 +49,7 @@ export const messageSchema = z.object({
     createdBy: z.string().nullable(),
     createdAt: z.date(),
     updatedAt: z.date().nullable(),
+    generationStartedAt: z.date().nullable(),
 });
 export const conversationCreatorFilterCountsSchema = z.record(conversationCreatorFilterSchema, z.number());
 export const conversationListMetadataSchema = z.object({

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

@@ -119,6 +119,7 @@ export declare const sendMessageResponseSchema: z.ZodObject<{
         createdBy: z.ZodNullable<z.ZodString>;
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
+        generationStartedAt: z.ZodNullable<z.ZodDate>;
     }, z.core.$strip>;
     assistantMessage: z.ZodObject<{
         id: z.ZodString;
@@ -151,6 +152,7 @@ export declare const sendMessageResponseSchema: z.ZodObject<{
         createdBy: z.ZodNullable<z.ZodString>;
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
+        generationStartedAt: z.ZodNullable<z.ZodDate>;
     }, z.core.$strip>;
 }, z.core.$strip>;
 export type SendMessageResponse = z.infer<typeof sendMessageResponseSchema>;
@@ -186,6 +188,7 @@ export declare const messagePollResponseSchema: z.ZodObject<{
         createdBy: z.ZodNullable<z.ZodString>;
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
+        generationStartedAt: z.ZodNullable<z.ZodDate>;
     }, z.core.$strip>>;
     newFiles: z.ZodOptional<z.ZodArray<z.ZodObject<{
         url: z.ZodString;

package/package.json

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