@xpert-ai/chatkit-ui 0.4.3 → 0.4.4

package/dist/index.cjs

@@ -8708,11 +8708,78 @@ var proposedPlanOpenPattern = /^\s*<proposed_plan>\s*$/;
 var proposedPlanClosePattern = /^\s*<\/proposed_plan>\s*$/;
 var markdownFencePattern = /^ {0,3}(`{3,}|~{3,})/;
 var planMarkdownFencePattern = /^\s*(`{3,}|~{3,})[ \t]*(?:markdown|md)[^\n]*\r?\n([\s\S]*?)\r?\n\1[ \t]*\s*$/i;
+var knowledgebaseCitationEffectName = "knowledgebase.open_citation";
 var stripMarkdownNode = (props) => {
   const elementProps = { ...props };
   delete elementProps.node;
   return elementProps;
 };
+var parseKnowledgebaseCitationHref = (href) => {
+  if (typeof href !== "string" || !href.trim()) {
+    return null;
+  }
+  try {
+    const url = new URL(href);
+    if (url.protocol !== "xpert:" || url.hostname !== "knowledgebase" || url.pathname !== "/chunk") {
+      return null;
+    }
+    const documentId = url.searchParams.get("documentId")?.trim();
+    if (!documentId) {
+      return null;
+    }
+    const knowledgebaseId = url.searchParams.get("knowledgebaseId")?.trim();
+    const chunkId = url.searchParams.get("chunkId")?.trim();
+    const documentName = url.searchParams.get("documentName")?.trim();
+    return {
+      documentId,
+      citationUrl: href,
+      ...knowledgebaseId ? { knowledgebaseId } : {},
+      ...chunkId ? { chunkId } : {},
+      ...documentName ? { documentName } : {}
+    };
+  } catch {
+    return null;
+  }
+};
+var markdownUrlTransform = (value) => parseKnowledgebaseCitationHref(value) ? value : (0, import_react_markdown.defaultUrlTransform)(value);
+function MarkdownAnchor({
+  className,
+  href,
+  onClick,
+  ...props
+}) {
+  const parentMessenger = (0, import_react6.useContext)(ParentMessengerContext);
+  const citationTarget = parseKnowledgebaseCitationHref(href);
+  const anchorProps = stripMarkdownNode(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "a",
+    {
+      className: cn(
+        citationTarget ? "text-muted-foreground text-[0.85em] underline decoration-dotted underline-offset-4 transition-colors hover:text-primary" : "text-primary font-medium underline underline-offset-4",
+        className
+      ),
+      href,
+      target: citationTarget ? void 0 : "_blank",
+      rel: citationTarget ? void 0 : "noopener noreferrer",
+      "data-knowledgebase-citation": citationTarget ? "true" : void 0,
+      onClick: (event) => {
+        onClick?.(event);
+        if (!citationTarget || event.defaultPrevented) {
+          return;
+        }
+        event.preventDefault();
+        parentMessenger?.sendEvent("public_event", [
+          "effect",
+          {
+            name: knowledgebaseCitationEffectName,
+            data: citationTarget
+          }
+        ]);
+      },
+      ...anchorProps
+    }
+  );
+}
 var getTextContent = (children) => import_react6.Children.toArray(children).map((child) => {
   if (typeof child === "string" || typeof child === "number") {
     return String(child);
@@ -8807,6 +8874,7 @@ function MarkdownContent({ children }) {
     {
       remarkPlugins: [import_remark_gfm.default, import_remark_math.default],
       rehypePlugins: [import_rehype_katex.default],
+      urlTransform: markdownUrlTransform,
       components: defaultComponents,
       children
     }
@@ -9012,18 +9080,7 @@ var defaultComponents = {
       ...stripMarkdownNode(props)
     }
   ),
-  a: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    "a",
-    {
-      className: cn(
-        "text-primary font-medium underline underline-offset-4",
-        className
-      ),
-      target: "_blank",
-      rel: "noopener noreferrer",
-      ...stripMarkdownNode(props)
-    }
-  ),
+  a: MarkdownAnchor,
   blockquote: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "blockquote",
     {

package/dist/index.js

@@ -8178,7 +8178,7 @@ var TabsContent = React28.forwardRef(
 TabsContent.displayName = "TabsContent";
 
 // src/components/thread/markdown-text.tsx
-import ReactMarkdown from "react-markdown";
+import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
 import remarkGfm from "remark-gfm";
 import rehypeKatex from "rehype-katex";
 import remarkMath from "remark-math";
@@ -8186,6 +8186,7 @@ import {
   Children,
   isValidElement,
   memo,
+  useContext as useContext5,
   useId as useId4,
   useState as useState14
 } from "react";
@@ -8766,11 +8767,78 @@ var proposedPlanOpenPattern = /^\s*<proposed_plan>\s*$/;
 var proposedPlanClosePattern = /^\s*<\/proposed_plan>\s*$/;
 var markdownFencePattern = /^ {0,3}(`{3,}|~{3,})/;
 var planMarkdownFencePattern = /^\s*(`{3,}|~{3,})[ \t]*(?:markdown|md)[^\n]*\r?\n([\s\S]*?)\r?\n\1[ \t]*\s*$/i;
+var knowledgebaseCitationEffectName = "knowledgebase.open_citation";
 var stripMarkdownNode = (props) => {
   const elementProps = { ...props };
   delete elementProps.node;
   return elementProps;
 };
+var parseKnowledgebaseCitationHref = (href) => {
+  if (typeof href !== "string" || !href.trim()) {
+    return null;
+  }
+  try {
+    const url = new URL(href);
+    if (url.protocol !== "xpert:" || url.hostname !== "knowledgebase" || url.pathname !== "/chunk") {
+      return null;
+    }
+    const documentId = url.searchParams.get("documentId")?.trim();
+    if (!documentId) {
+      return null;
+    }
+    const knowledgebaseId = url.searchParams.get("knowledgebaseId")?.trim();
+    const chunkId = url.searchParams.get("chunkId")?.trim();
+    const documentName = url.searchParams.get("documentName")?.trim();
+    return {
+      documentId,
+      citationUrl: href,
+      ...knowledgebaseId ? { knowledgebaseId } : {},
+      ...chunkId ? { chunkId } : {},
+      ...documentName ? { documentName } : {}
+    };
+  } catch {
+    return null;
+  }
+};
+var markdownUrlTransform = (value) => parseKnowledgebaseCitationHref(value) ? value : defaultUrlTransform(value);
+function MarkdownAnchor({
+  className,
+  href,
+  onClick,
+  ...props
+}) {
+  const parentMessenger = useContext5(ParentMessengerContext);
+  const citationTarget = parseKnowledgebaseCitationHref(href);
+  const anchorProps = stripMarkdownNode(props);
+  return /* @__PURE__ */ jsx32(
+    "a",
+    {
+      className: cn(
+        citationTarget ? "text-muted-foreground text-[0.85em] underline decoration-dotted underline-offset-4 transition-colors hover:text-primary" : "text-primary font-medium underline underline-offset-4",
+        className
+      ),
+      href,
+      target: citationTarget ? void 0 : "_blank",
+      rel: citationTarget ? void 0 : "noopener noreferrer",
+      "data-knowledgebase-citation": citationTarget ? "true" : void 0,
+      onClick: (event) => {
+        onClick?.(event);
+        if (!citationTarget || event.defaultPrevented) {
+          return;
+        }
+        event.preventDefault();
+        parentMessenger?.sendEvent("public_event", [
+          "effect",
+          {
+            name: knowledgebaseCitationEffectName,
+            data: citationTarget
+          }
+        ]);
+      },
+      ...anchorProps
+    }
+  );
+}
 var getTextContent = (children) => Children.toArray(children).map((child) => {
   if (typeof child === "string" || typeof child === "number") {
     return String(child);
@@ -8865,6 +8933,7 @@ function MarkdownContent({ children }) {
     {
       remarkPlugins: [remarkGfm, remarkMath],
       rehypePlugins: [rehypeKatex],
+      urlTransform: markdownUrlTransform,
       components: defaultComponents,
       children
     }
@@ -9070,18 +9139,7 @@ var defaultComponents = {
       ...stripMarkdownNode(props)
     }
   ),
-  a: ({ className, ...props }) => /* @__PURE__ */ jsx32(
-    "a",
-    {
-      className: cn(
-        "text-primary font-medium underline underline-offset-4",
-        className
-      ),
-      target: "_blank",
-      rel: "noopener noreferrer",
-      ...stripMarkdownNode(props)
-    }
-  ),
+  a: MarkdownAnchor,
   blockquote: ({ className, ...props }) => /* @__PURE__ */ jsx32(
     "blockquote",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xpert-ai/chatkit-ui",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "ChatKit UI.",
   "type": "module",
   "sideEffects": false,
@@ -59,8 +59,8 @@
     "tw-animate-css": "^1.4.0",
     "uuid": "^11.1.0",
     "zod": "^4.1.12",
-    "@xpert-ai/chatkit-types": "~0.4.2",
     "@xpert-ai/a2ui-react": "~0.1.0",
+    "@xpert-ai/chatkit-types": "~0.4.2",
     "@xpert-ai/chatkit-web-shared": "~0.3.4"
   },
   "devDependencies": {

package/dist/app/assets/channel-DFkA7Odq.js

@@ -1 +0,0 @@
-import{aq as o,ar as n}from"./index-OJL54NcI.js";const t=(r,a)=>o.lang.round(n.parse(r)[a]);export{t as c};

package/dist/app/assets/classDiagram-6PBFFD2Q-BhcMxOX3.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-DvBRV7Wa.js";import{_ as i}from"./index-OJL54NcI.js";import"./chunk-FMBD7UC4-B3gAIARW.js";import"./chunk-YZCP3GAM-BI51-5Xl.js";import"./chunk-55IACEB6-DYYpJnIt.js";import"./chunk-EDXVE4YY-C_cgU5oo.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/classDiagram-v2-HSJHXN6E-BhcMxOX3.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-DvBRV7Wa.js";import{_ as i}from"./index-OJL54NcI.js";import"./chunk-FMBD7UC4-B3gAIARW.js";import"./chunk-YZCP3GAM-BI51-5Xl.js";import"./chunk-55IACEB6-DYYpJnIt.js";import"./chunk-EDXVE4YY-C_cgU5oo.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/clone-D0zp_cmi.js

@@ -1 +0,0 @@
-import{b as r}from"./graph-DLqezY1N.js";var e=4;function a(o){return r(o,e)}export{a as c};

package/dist/app/assets/stateDiagram-v2-QKLJ7IA2-kcyyVi9f.js

@@ -1 +0,0 @@
-import{s as t,b as r,a,S as s}from"./chunk-OYMX7WX6-DfeuAq49.js";import{_ as i}from"./index-OJL54NcI.js";import"./chunk-55IACEB6-DYYpJnIt.js";import"./chunk-EDXVE4YY-C_cgU5oo.js";var l={parser:a,get db(){return new s(2)},renderer:r,styles:t,init:i(e=>{e.state||(e.state={}),e.state.arrowMarkerAbsolute=e.arrowMarkerAbsolute},"init")};export{l as diagram};