@meistrari/chat-nuxt 3.16.0-rc.2 → 3.16.0-rc.4

package/dist/module.json

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

package/dist/runtime/assets/css/markstream.css

@@ -1 +1 @@
-.markstream-vue{color:#171717;font-family:Inter,"Inter Fallback: Arial",sans-serif;font-size:16px;font-weight:400;letter-spacing:-.15px;line-height:24px;--list-item-marker:#a3a3a3;--list-item-counter-marker:#262626}.markstream-vue code,.markstream-vue kbd,.markstream-vue pre,.markstream-vue samp{font-family:Geist Mono Variable,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:13px;font-variation-settings:normal;line-height:1.5}.markstream-vue ol,.markstream-vue ul{margin:8px 0;padding-left:1.5em}.markstream-vue .hr-node{border-color:#e5e5e5;border-top-width:.5px;margin-bottom:24px;margin-top:24px}.markstream-vue .strong-node{font-weight:580}.markstream-vue .list-node.list-node{margin-bottom:8px;margin-left:4px;margin-top:8px;padding-left:1em}.markstream-vue ul{list-style:disc;list-style-position:outside}.markstream-vue ol{list-style:decimal;list-style-position:outside}.markstream-vue li{margin:4px 0}.markstream-vue .paragraph-node{margin:0}.markstream-vue>.node-slot[data-node-type=paragraph]:not(:first-child){margin-top:12px}.markstream-vue .my-8{margin-bottom:8px;margin-top:8px}.markstream-vue .heading-node.heading-1,.markstream-vue h1{font-size:24px;font-weight:540;letter-spacing:-.8px;line-height:28px;margin:24px 0 16px}.markstream-vue .heading-node.heading-2,.markstream-vue h2{font-size:20px;font-weight:540;letter-spacing:-.5px;line-height:24px;margin:20px 0 12px}.markstream-vue .heading-node.heading-3,.markstream-vue h3{font-size:20px;font-weight:540;letter-spacing:-.5px;line-height:24px;margin:16px 0 8px}.markstream-vue .heading-node.heading-4,.markstream-vue h4{font-size:16px;font-weight:540;letter-spacing:-.2px;line-height:20px;margin:12px 0 6px}.markstream-vue .heading-node.heading-5,.markstream-vue h5{font-size:14px;font-weight:540;letter-spacing:-.15px;line-height:16px;margin:8px 0 4px}.markstream-vue .heading-node.heading-6,.markstream-vue h6{font-size:12px;font-weight:540;letter-spacing:-.1px;line-height:14px;margin:8px 0 4px}.markstream-vue [class*=tooltip],[class*=tooltip-element]{background-color:var(--neutral-900,#1a1a1a)!important;border-radius:4px;color:#fff!important;font-size:12px;padding:4px 8px}.mention-tag{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875em;font-weight:500;gap:4px;padding:2px 8px;vertical-align:middle;white-space:nowrap}.mention-tag-file{background-color:rgba(127,189,247,.12);color:#7fbdf7}.mention-tag-skill{background-color:rgba(155,111,222,.12);color:#9b6fde}.mention-tag-canvas{background-color:rgba(234,161,65,.12);color:#d4882e}.mention-tag>span[class*=i-ph]{flex-shrink:0}
+.markstream-vue{font-family:inherit;--at-apply:"body-16-regular leading-24px text-primary";--list-item-marker:#a3a3a3;--list-item-counter-marker:#262626}.markstream-vue code,.markstream-vue kbd,.markstream-vue pre,.markstream-vue samp{font-family:Geist Mono Variable,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:13px;font-variation-settings:normal;letter-spacing:0;line-height:1.5}.markstream-vue ol,.markstream-vue ul{margin:8px 0;padding-left:1.5em}.markstream-vue .hr-node{border-color:#e5e5e5;border-top-width:.5px;margin-bottom:24px;margin-top:24px}.markstream-vue .strong-node{--at-apply:"font-580"}.markstream-vue .list-node.list-node{margin-bottom:8px;margin-left:4px;margin-top:8px;padding-left:1em}.markstream-vue ul{list-style:disc;list-style-position:outside}.markstream-vue ol{list-style:decimal;list-style-position:outside}.markstream-vue li{margin:4px 0}.markstream-vue .paragraph-node{--at-apply:"body-16-regular leading-24px";margin:0}.markstream-vue>.node-slot[data-node-type=paragraph]:not(:first-child){margin-top:12px}.markstream-vue .my-8{margin-bottom:8px;margin-top:8px}.markstream-vue .heading-node.heading-1,.markstream-vue h1{--at-apply:"heading-h2-semibold text-primary";margin:24px 0 8px}.markstream-vue .heading-node.heading-2,.markstream-vue h2{--at-apply:"heading-h3-semibold text-primary";margin:24px 0 8px}.markstream-vue .heading-node.heading-3,.markstream-vue h3{--at-apply:"heading-h4-semibold text-primary";margin:20px 0 8px}.markstream-vue .heading-node.heading-4,.markstream-vue .heading-node.heading-5,.markstream-vue .heading-node.heading-6,.markstream-vue h4,.markstream-vue h5,.markstream-vue h6{--at-apply:"heading-h5-semibold text-primary";margin:16px 0 8px}.markstream-vue>.node-slot:first-child .heading-node{margin-top:0}.markstream-vue [class*=tooltip],[class*=tooltip-element]{background-color:var(--neutral-900,#1a1a1a)!important;border-radius:4px;color:#fff!important;font-size:12px;padding:4px 8px}.mention-tag{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875em;font-weight:500;gap:4px;padding:2px 8px;vertical-align:middle;white-space:nowrap}.mention-tag-file{background-color:rgba(127,189,247,.12);color:#7fbdf7}.mention-tag-skill{background-color:rgba(155,111,222,.12);color:#9b6fde}.mention-tag-canvas{background-color:rgba(234,161,65,.12);color:#d4882e}.mention-tag>span[class*=i-ph]{flex-shrink:0}

package/dist/runtime/citations/citation-links.d.ts

@@ -30,3 +30,10 @@ export declare function isCitationUrl(url: string): boolean;
 export declare function parseCitationUrl(url: string): CitationRef | null;
 /** Cache key for resolution state: the locator addresses a spot inside the same document. */
 export declare function citationCacheKey(ref: Pick<CitationRef, 'namespace' | 'id'>): string;
+/**
+ * Rewrites bare `cite://` tokens into `[id](cite://...)` markdown links so they render inline
+ * through the link node instead of splitting the surrounding paragraph into block segments.
+ * Square brackets that only wrap a token are dropped, since the citation chip already reads as
+ * a reference.
+ */
+export declare function linkifyBareCitations(text: string): string;

package/dist/runtime/citations/citation-links.js

@@ -54,3 +54,27 @@ function parsePositiveInt(value) {
 export function citationCacheKey(ref) {
   return `${ref.namespace}/${ref.id}`;
 }
+const BARE_CITE_REWRITE_REGEX = /\[[ \t]*(cite:\/\/[^\s"'<>`\[\]()*~]+)[ \t]*\](?!\()|(?<!\]\()(?<!<)(?<!\]:[ \t]*)(cite:\/\/[^\s"'<>`\[\]()*~]+)(?!\]\()/gi;
+const MARKDOWN_CODE_REGEX = /(```|~~~)[\s\S]*?(?:\1|$)|``+[^`]*``+|`[^`]*`/g;
+export function linkifyBareCitations(text) {
+  if (!text.toLowerCase().includes(CITE_SCHEME))
+    return text;
+  let result = "";
+  let lastEnd = 0;
+  for (const match of text.matchAll(MARKDOWN_CODE_REGEX)) {
+    result += linkifyProse(text.slice(lastEnd, match.index)) + match[0];
+    lastEnd = match.index + match[0].length;
+  }
+  return result + linkifyProse(text.slice(lastEnd));
+}
+function linkifyProse(text) {
+  return text.replace(BARE_CITE_REWRITE_REGEX, (match, bracketed, bare) => {
+    const token = bracketed ?? bare ?? "";
+    const url = token.replace(/[.,:;!?]+$/, "");
+    const trailing = token.slice(url.length);
+    const citation = parseCitationUrl(url);
+    if (!citation)
+      return match;
+    return `[${citation.id}](${url})${trailing}`;
+  });
+}

package/dist/runtime/files/components/chat-vault-link.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { parseCitationUrl } from "../../citations/citation-links";
+import { isCitationUrl, parseCitationUrl } from "../../citations/citation-links";
 import ChatUrlCitation from "../../citations/components/chat-url-citation.vue";
 import { parseUrlCitation } from "../../citations/url-citation";
 import { useEmbedConfig } from "../../embed/composables/embed-config";
@@ -22,6 +22,13 @@ const detectedCitation = computed(() => {
     return null;
   return parseCitationUrl(props.node.href);
 });
+const citationLabel = computed(() => {
+  const citation = detectedCitation.value;
+  const label = linkText.value.trim();
+  if (!citation || !label || label === citation.id || isCitationUrl(label))
+    return void 0;
+  return label;
+});
 const detectedUrlCitation = computed(() => parseUrlCitation(props.node.href, linkText.value, props.node.title));
 </script>
 
@@ -37,7 +44,7 @@ const detectedUrlCitation = computed(() => parseUrlCitation(props.node.href, lin
     <ChatCitation
         v-else-if="detectedCitation"
         :citation="detectedCitation"
-        :label="linkText"
+        :label="citationLabel"
     />
     <ChatUrlCitation
         v-else-if="detectedUrlCitation"
@@ -49,6 +56,10 @@ const detectedUrlCitation = computed(() => parseUrlCitation(props.node.href, lin
         :title="node.title || void 0"
         target="_blank"
         rel="noopener noreferrer"
-        class="text-blue-600 hover:text-blue-800 underline"
-    >{{ linkText }}</a>
+        class="chat-inline-link"
+    >{{ linkText }}<span class="chat-inline-link__icon" i-ph-arrow-up-right-bold aria-hidden="true" /></a>
 </template>
+
+<style scoped>
+.chat-inline-link{color:inherit;text-decoration:underline;text-decoration-color:#a3a3a3;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color .15s ease}.chat-inline-link:hover{text-decoration-color:#525252}.chat-inline-link__icon{display:inline-block;font-size:.7em;margin-left:.2em;vertical-align:.05em}
+</style>

package/dist/runtime/messages/components/chat-debug-workbench.vue

@@ -1,6 +1,7 @@
 <script setup>
 import ChatMessageList from "./chat-message-list.vue";
 import { provideEmbedConfig } from "../../embed/composables/embed-config";
+import { createChatDebugCitationsConfig } from "../debug/chat-debug-citations";
 import { createChatDebugScenarios } from "../debug/chat-debug-scenarios";
 import { useChatDebugDiagnostics } from "../debug/use-chat-debug-diagnostics";
 import { formatChatDebugTime as formatTime, useChatDebugPlayback } from "../debug/use-chat-debug-playback";
@@ -12,7 +13,8 @@ const rootRef = ref(null);
 const stageRef = ref(null);
 provideEmbedConfig({
   workspaceId: "chat-debug-workbench",
-  hideSidebar: true
+  hideSidebar: true,
+  citations: createChatDebugCitationsConfig()
 }, { syncGlobal: false });
 const {
   selectedScenario,

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

@@ -3,6 +3,7 @@ import { useChatAuth } from "#chat-auth";
 import { useEmbedConfig } from "../../embed/composables/embed-config";
 import { useWorkspaceMembers } from "../../workspace/composables/workspace-members";
 import { isPromptTooLongFailure } from "../../types/schemas/chat/messages.js";
+import { linkifyBareCitations } from "../../citations/citation-links";
 import { parseContentWithFiles } from "../../files/content-detection";
 import ChatVaultLink from "../../files/components/chat-vault-link.vue";
 const props = defineProps({
@@ -56,7 +57,12 @@ function formatTime(date) {
   const d = date instanceof Date ? date : new Date(date);
   return d.toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" });
 }
-const displayContent = computed(() => props.message.content ?? "");
+const displayContent = computed(() => {
+  const content = props.message.content ?? "";
+  if (props.message.role !== "assistant" || !embedConfig?.citations.value)
+    return content;
+  return linkifyBareCitations(content);
+});
 const userContentHtml = computed(() => {
   if (props.message.role !== "user")
     return "";
@@ -93,7 +99,7 @@ const contentSegments = computed(() => {
   const content = displayContent.value;
   if (!content)
     return [];
-  return parseContentWithFiles(content, { detectCitations: Boolean(embedConfig?.citations.value) });
+  return parseContentWithFiles(content);
 });
 const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type !== "text"));
 </script>
@@ -227,7 +233,7 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                     </div>
                 </template>
                 <template v-else>
-                    <div v-if="hasDetectedFiles" body-16-regular text-black-900>
+                    <div v-if="hasDetectedFiles" body-16-regular text-primary>
                         <template v-for="(segment, index) in contentSegments" :key="index">
                             <ClientOnly v-if="segment.type === 'text'">
                                 <AppMarkdownRender
@@ -266,7 +272,7 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                             :smooth-streaming="isPending ? 'auto' : false"
                             :typewriter="isPending"
                             mode="chat"
-                            text-black-900
+                            text-primary
                         />
                     </ClientOnly>
                     <div

package/dist/runtime/messages/debug/chat-debug-citations.d.ts

@@ -0,0 +1,8 @@
+import type { CitationRef } from '../../citations/citation-links.js';
+import type { ChatCitationsConfig, CitationMeta } from '../../citations/types.js';
+/**
+ * Metadata derived from the reference itself, so any `cite://` a scenario emits resolves
+ * without a backend or a per-document fixture table.
+ */
+export declare function chatDebugCitationMeta(ref: CitationRef): CitationMeta;
+export declare function createChatDebugCitationsConfig(): ChatCitationsConfig;

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

@@ -0,0 +1,16 @@
+function humanizeNamespace(namespace) {
+  return namespace.split(/[_-]+/).filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+export function chatDebugCitationMeta(ref) {
+  return {
+    title: `Documento ${ref.id}`,
+    sourceLabel: humanizeNamespace(ref.namespace),
+    identifier: ref.id,
+    snippet: `Metadados sint\xE9ticos do workbench para ${ref.raw}.`
+  };
+}
+export function createChatDebugCitationsConfig() {
+  return {
+    resolve: async (ref) => chatDebugCitationMeta(ref)
+  };
+}

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

@@ -1447,6 +1447,49 @@ export function createChatDebugScenarios(baseTime = Date.now()) {
           })
         })
       ]
+    },
+    {
+      id: "citations",
+      name: "Citations",
+      intent: "Bare cite:// tokens, cite links and external links inside prose.",
+      durationMs: 1800,
+      events: [
+        event({
+          id: "citations-user",
+          atMs: 0,
+          label: "User message",
+          tone: "user",
+          type: "message.upsert",
+          message: message(baseTime, 0, {
+            id: "citations-user-message",
+            role: "user",
+            content: "A empresa pode monitorar os acessos dos empregados \xE0 internet?"
+          })
+        }),
+        event({
+          id: "citations-assistant",
+          atMs: 900,
+          label: "Assistant answer",
+          tone: "assistant",
+          type: "message.upsert",
+          message: message(baseTime, 900, {
+            id: "citations-assistant-message",
+            role: "assistant",
+            ttft: "860",
+            content: [
+              "## O marco constitucional",
+              "",
+              "O [artigo 5\xBA, inciso X, da Constitui\xE7\xE3o Federal](https://www.planalto.gov.br/ccivil_03/constituicao/constituicao.htm) protege a inviolabilidade da intimidade, vida privada, honra e imagem das pessoas. Essa prote\xE7\xE3o vale tamb\xE9m no ambiente de trabalho. O STF tem consolidado que n\xE3o h\xE1 hierarquia entre direitos fundamentais, e quando dois colidem \u2014 como o poder de dire\xE7\xE3o empresarial e o direito \xE0 privacidade \u2014 exige-se balanceamento proporcional, n\xE3o a supress\xE3o de um pelo outro [cite://stf_jurisprudencia/sjur336558].",
+              "",
+              "## O entendimento do BNDES",
+              "",
+              "O parecer da Consultoria Jur\xEDdica do BNDES (AJ/CONSULT n\xBA 013/2019), que analisou especificamente o monitoramento de acessos de empregados, \xE9 particularmente relevante [cite://bndes_pareceres/7154]. O banco concluiu que **a amplia\xE7\xE3o irrestrita do monitoramento pode configurar viola\xE7\xE3o \xE0 privacidade e intimidade constitucionalmente protegidas**, mesmo quando justificada por seguran\xE7a corporativa. A recomenda\xE7\xE3o foi pelo monitoramento **formal** \u2014 bloqueio de p\xE1ginas espec\xEDficas por normativos claros \u2014 acompanhado de regulamenta\xE7\xE3o e divulga\xE7\xE3o transparente, em lugar de coleta oculta de metadados.",
+              "",
+              "Na esfera trabalhista, a [S\xFAmula 331 do TST](cite://tst_sumulas/331) e o precedente cite://stf_jurisprudencia/sjur336558 apontam na mesma dire\xE7\xE3o. Ver tamb\xE9m [JSL S.A. no Escavador](https://www.escavador.com/sobre/jsl-sa) para o hist\xF3rico processual."
+            ].join("\n")
+          })
+        })
+      ]
     }
   ];
 }

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

@@ -21,9 +21,7 @@ function escapeSingleDollarSigns(text) {
 }
 const escapedContent = computed(() => escapeSingleDollarSigns(props.content ?? ""));
 const customMarkdownComponents = computed(() => wrapCustomMarkdownComponents(props.customComponents));
-watchEffect(() => {
-  setCustomComponents(scopeId, customMarkdownComponents.value);
-});
+watch(customMarkdownComponents, (components) => setCustomComponents(scopeId, components), { immediate: true });
 onBeforeUnmount(() => {
   removeCustomComponents(scopeId);
 });

package/package.json

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