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

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.1",
   "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>
 

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

@@ -1476,7 +1476,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/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/package.json

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