teodor-new-chat-ui 4.3.412 → 4.3.413

package/dist/features/messaging/components/message/hooks/index.d.ts

@@ -1 +1,2 @@
 export { useFilePreview } from "./useFilePreview";
+export { useParsedMessageContent } from "./useParsedMessageContent";

package/dist/features/messaging/components/message/index.d.ts

@@ -1,14 +1,14 @@
-export { MessageComponent } from "./MessageComponent";
-export type { MessageComponentProps } from "./MessageComponent";
-export { MessageList } from "./MessageList";
-export type { MessageListProps, MessageListHandle } from "./MessageList";
-export { MessageRow, getMessageDomKey } from "./MessageRow";
-export type { MessageRowProps } from "./MessageRow";
-export { MessageBody } from "./MessageBody";
 export { PlotArtifact } from "./artifacts/PlotArtifact";
 export { ResearchTaskArtifact } from "./artifacts/ResearchTaskArtifact";
-export { ArtifactRenderer, InterruptPartRenderer, SimpleJsonView, StreamProgress, ToolComponent, ThinkingIndicator, UserTextContent, } from "./renderers";
-export { useFilePreview } from "./hooks";
+export { useFilePreview, useParsedMessageContent } from "./hooks";
 export { MarkdownContent } from "./markdown";
 export type { MarkdownContentProps } from "./markdown";
+export { MessageBody } from "./MessageBody";
+export { MessageComponent } from "./MessageComponent";
+export type { MessageComponentProps } from "./MessageComponent";
+export { MessageList } from "./MessageList";
+export type { MessageListHandle, MessageListProps } from "./MessageList";
+export { getMessageDomKey, MessageRow } from "./MessageRow";
+export type { MessageRowProps } from "./MessageRow";
 export { FileViewerModal } from "./modals";
+export { ArtifactRenderer, InterruptPartRenderer, SimpleJsonView, StreamProgress, ThinkingIndicator, ToolComponent, UserTextContent } from "./renderers";

package/dist/index.esm.js

@@ -13861,33 +13861,7 @@ function Ro({
     }
   );
 }
-function KC(e, t) {
-  return Ue(() => {
-    if (t)
-      return {
-        contentParts: [],
-        textContent: "",
-        toolMeta: {},
-        imageParts: [],
-        fileParts: [],
-        interruptParts: [],
-        toolRaw: "",
-        isToolStreaming: !1
-      };
-    const n = e, r = Array.isArray(n.content) ? n.content : [], o = n.additionalKwargs ?? {};
-    return {
-      contentParts: r,
-      textContent: Qv(r),
-      toolMeta: Oi(n),
-      imageParts: r.filter((s) => s.type === "image_url"),
-      fileParts: r.filter((s) => s.type === "file"),
-      interruptParts: r.filter((s) => s.type === "interrupt"),
-      toolRaw: ew(r),
-      isToolStreaming: !!o.toolStreaming
-    };
-  }, [e, t]);
-}
-function qC({ preview: e, idx: t }) {
+function KC({ preview: e, idx: t }) {
   return /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
     e.label && /* @__PURE__ */ u.jsxs("p", { className: "text-[0.65rem] uppercase tracking-wide text-muted-foreground", children: [
       "Artifact: ",
@@ -13914,7 +13888,7 @@ function qC({ preview: e, idx: t }) {
     ) })
   ] });
 }
-function GC({ artifact: e }) {
+function qC({ artifact: e }) {
   const [t, n] = ge("bg-yellow-500/20 text-yellow-700 dark:text-yellow-300"), [r, o] = ge(/* @__PURE__ */ u.jsx(ha, { className: "w-4 h-4" })), [s, a] = ge("Processing");
   return at(() => {
     switch (e.status || "processing") {
@@ -13982,10 +13956,10 @@ function GC({ artifact: e }) {
     ] })
   ] });
 }
-function YC({ artifact: e, idx: t = 0 }) {
+function GC({ artifact: e, idx: t = 0 }) {
   const n = Ue(() => e ? (Array.isArray(e.plots) ? e.plots : []).map((o) => sw(o)).filter((o) => o !== null) : [], [e]);
   return (e == null ? void 0 : e.type) === "research_task_info" ? /* @__PURE__ */ u.jsx(
-    GC,
+    qC,
     {
       artifact: {
         type: "research_task_info",
@@ -13996,7 +13970,7 @@ function YC({ artifact: e, idx: t = 0 }) {
         createdAt: e.createdAt
       }
     }
-  ) : n.length > 0 ? /* @__PURE__ */ u.jsx("div", { className: "space-y-2", children: n.map((r, o) => /* @__PURE__ */ u.jsx(qC, { preview: r, idx: o }, `${t}-plot-${o}`)) }) : e && typeof e == "object" ? /* @__PURE__ */ u.jsx("div", { className: "rounded-lg border border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900/20 p-4", children: /* @__PURE__ */ u.jsxs("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
+  ) : n.length > 0 ? /* @__PURE__ */ u.jsx("div", { className: "space-y-2", children: n.map((r, o) => /* @__PURE__ */ u.jsx(KC, { preview: r, idx: o }, `${t}-plot-${o}`)) }) : e && typeof e == "object" ? /* @__PURE__ */ u.jsx("div", { className: "rounded-lg border border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900/20 p-4", children: /* @__PURE__ */ u.jsxs("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
     "Unknown artifact type: ",
     /* @__PURE__ */ u.jsx("code", { className: "font-mono", children: e.type || "unknown" })
   ] }) }) : null;
@@ -14054,7 +14028,7 @@ const uh = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   }
 ));
 uh.displayName = "CardFooter";
-function XC({
+function YC({
   interruptPart: e,
   onApprove: t,
   onReject: n,
@@ -14112,11 +14086,11 @@ function XC({
     }
   );
 }
-const JC = "prose prose-sm max-w-none break-words dark:prose-invert prose-headings:break-words prose-p:break-words prose-li:break-words prose-td:break-words prose-th:break-words prose-a:break-all prose-code:break-words prose-blockquote:break-words";
+const XC = "prose prose-sm max-w-none break-words dark:prose-invert prose-headings:break-words prose-p:break-words prose-li:break-words prose-td:break-words prose-th:break-words prose-a:break-all prose-code:break-words prose-blockquote:break-words";
 function dh({ data: e }) {
-  return Array.isArray(e) ? e.every((n) => n === null || ["string", "number", "boolean"].includes(typeof n)) ? /* @__PURE__ */ u.jsx("div", { className: JC, children: /* @__PURE__ */ u.jsx("ul", { className: "list-disc pl-5", children: e.map((n, r) => /* @__PURE__ */ u.jsx("li", { children: String(n) }, r)) }) }) : /* @__PURE__ */ u.jsx("pre", { className: "font-mono text-xs bg-background/50 rounded border p-2 whitespace-pre-wrap break-words", children: kr(e) }) : /* @__PURE__ */ u.jsx("pre", { className: "font-mono text-xs bg-background/50 rounded border p-2 whitespace-pre-wrap break-words", children: kr(e) });
+  return Array.isArray(e) ? e.every((n) => n === null || ["string", "number", "boolean"].includes(typeof n)) ? /* @__PURE__ */ u.jsx("div", { className: XC, children: /* @__PURE__ */ u.jsx("ul", { className: "list-disc pl-5", children: e.map((n, r) => /* @__PURE__ */ u.jsx("li", { children: String(n) }, r)) }) }) : /* @__PURE__ */ u.jsx("pre", { className: "font-mono text-xs bg-background/50 rounded border p-2 whitespace-pre-wrap break-words", children: kr(e) }) : /* @__PURE__ */ u.jsx("pre", { className: "font-mono text-xs bg-background/50 rounded border p-2 whitespace-pre-wrap break-words", children: kr(e) });
 }
-function ZC({ message: e, isStreaming: t = !1 }) {
+function JC({ message: e, isStreaming: t = !1 }) {
   const n = e.name ?? "tool", r = Ue(() => {
     const i = e.additionalKwargs ?? {};
     return Array.isArray(i.toolProgress) ? [...i.toolProgress] : [];
@@ -14157,7 +14131,7 @@ function ZC({ message: e, isStreaming: t = !1 }) {
     }) })
   ] }) : null;
 }
-function QC({ message: e, viewMode: t, isStreaming: n = !1 }) {
+function ZC({ message: e, viewMode: t, isStreaming: n = !1 }) {
   const o = Oi(e).name || "tool", s = (l) => {
     if (l == null) return null;
     const c = typeof l == "string" ? Mi(l) ?? l : l;
@@ -14194,11 +14168,11 @@ function QC({ message: e, viewMode: t, isStreaming: n = !1 }) {
     return a(d);
   };
   return /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ u.jsx(ZC, { message: e, isStreaming: n }),
+    /* @__PURE__ */ u.jsx(JC, { message: e, isStreaming: n }),
     t === "expanded" && i()
   ] });
 }
-function ek({ className: e }) {
+function QC({ className: e }) {
   const [t, n] = ge(0);
   return at(() => {
     const r = setInterval(() => n((o) => (o + 1) % 4), 500);
@@ -14215,7 +14189,7 @@ function ek({ className: e }) {
     }
   );
 }
-function tk({
+function ek({
   text: e,
   expanded: t,
   onExpandedChange: n,
@@ -14258,7 +14232,7 @@ function tk({
     )
   ] });
 }
-function nk({
+function tk({
   message: e,
   isToolMessage: t,
   showToolMessages: n,
@@ -14294,7 +14268,7 @@ function nk({
     if (E.type === "text") {
       const R = E.text ?? "", H = R.trim(), M = Mi(H);
       return M && w !== "tool" ? /* @__PURE__ */ u.jsx(dh, { data: M }, U) : w === "user" && y && H.length > C ? /* @__PURE__ */ u.jsx(
-        tk,
+        ek,
         {
           text: H,
           expanded: S,
@@ -14342,7 +14316,7 @@ function nk({
         (R == null ? void 0 : R.id) ?? (R == null ? void 0 : R.interrupt_id)
       ), M = !!(A && H && H === A), N = M ? P ?? (R == null ? void 0 : R.value) : R == null ? void 0 : R.value, K = H ? { ...R, id: H, interrupt_id: H } : R;
       return /* @__PURE__ */ u.jsx(
-        XC,
+        YC,
         {
           interruptPart: K,
           onApprove: g,
@@ -14375,7 +14349,7 @@ function nk({
     return null;
   if (t)
     return !n && r ? null : n ? /* @__PURE__ */ u.jsx(
-      QC,
+      ZC,
       {
         message: e,
         viewMode: o,
@@ -14387,12 +14361,12 @@ function nk({
     const E = /* @__PURE__ */ u.jsx("div", { className: "space-y-2", children: a.map((U, R) => /* @__PURE__ */ u.jsx(V, { part: U, i: R }, R)) });
     return p ? /* @__PURE__ */ u.jsxs("div", { "aria-busy": "true", role: "status", children: [
       E,
-      /* @__PURE__ */ u.jsx(ek, { className: L })
+      /* @__PURE__ */ u.jsx(QC, { className: L })
     ] }) : E;
   }
   return null;
 }
-function rk(e) {
+function nk(e) {
   const { allowFileOpen: t, currentThreadId: n } = e, { toast: r } = Il(), [o, s] = ge({}), [a, i] = ge(null), [l, c] = ge(!1), d = we(() => {
     c(!1), i(null);
   }, []), p = we((f) => {
@@ -14464,6 +14438,32 @@ function rk(e) {
     closeFileViewer: d
   };
 }
+function rk(e, t) {
+  return Ue(() => {
+    if (t)
+      return {
+        contentParts: [],
+        textContent: "",
+        toolMeta: {},
+        imageParts: [],
+        fileParts: [],
+        interruptParts: [],
+        toolRaw: "",
+        isToolStreaming: !1
+      };
+    const n = e, r = Array.isArray(n.content) ? n.content : [], o = n.additionalKwargs ?? {};
+    return {
+      contentParts: r,
+      textContent: Qv(r),
+      toolMeta: Oi(n),
+      imageParts: r.filter((s) => s.type === "image_url"),
+      fileParts: r.filter((s) => s.type === "file"),
+      interruptParts: r.filter((s) => s.type === "interrupt"),
+      toolRaw: ew(r),
+      isToolStreaming: !!o.toolStreaming
+    };
+  }, [e, t]);
+}
 const jl = Eg(function({
   message: t,
   messageIndex: n,
@@ -14498,7 +14498,7 @@ const jl = Eg(function({
     fileViewerOpen: W,
     currentFileInfo: D,
     closeFileViewer: Y
-  } = rk({ allowFileOpen: q, currentThreadId: H }), Z = Ue(() => {
+  } = nk({ allowFileOpen: q, currentThreadId: H }), Z = Ue(() => {
     switch (K) {
       case "user":
         return "text-[hsl(var(--chat-bubble-user-text))]";
@@ -14511,7 +14511,7 @@ const jl = Eg(function({
       default:
         return "text-[hsl(var(--chat-bubble-ai-text))]";
     }
-  }, [K]), ae = KC(t, j), {
+  }, [K]), ae = rk(t, j), {
     contentParts: $,
     imageParts: te,
     fileParts: ve,
@@ -14821,7 +14821,7 @@ const jl = Eg(function({
       ),
       /* @__PURE__ */ u.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ u.jsx(
-          nk,
+          tk,
           {
             message: t,
             isToolMessage: X,
@@ -14852,7 +14852,7 @@ const jl = Eg(function({
             iconForeground: Z
           }
         ),
-        m && ze && /* @__PURE__ */ u.jsx("div", { className: "mt-3", children: /* @__PURE__ */ u.jsx(YC, { artifact: ze, idx: 0 }) })
+        m && ze && /* @__PURE__ */ u.jsx("div", { className: "mt-3", children: /* @__PURE__ */ u.jsx(GC, { artifact: ze, idx: 0 }) })
       ] }),
       X && F === "expanded" && (ke.toolCallId || ke.name) && /* @__PURE__ */ u.jsxs("div", { className: ne("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", N && "text-xs"), children: [
         ke.name && /* @__PURE__ */ u.jsxs("div", { children: [
@@ -19378,7 +19378,7 @@ export {
   UI as Api,
   HI as ApiClient,
   Hv as ApiProvider,
-  YC as ArtifactRenderer,
+  GC as ArtifactRenderer,
   uC as Badge,
   pt as Button,
   sh as Card,
@@ -19409,15 +19409,15 @@ export {
   IC as FileViewerModal,
   $v as HISTORY_TIMEOUT_MS,
   Wh as Input,
-  XC as InterruptPartRenderer,
+  YC as InterruptPartRenderer,
   Zk as Label,
   Ro as MarkdownContent,
-  nk as MessageBody,
+  tk as MessageBody,
   jl as MessageComponent,
   hh as MessageList,
   ph as MessageRow,
-  qC as PlotArtifact,
-  GC as ResearchTaskArtifact,
+  KC as PlotArtifact,
+  qC as ResearchTaskArtifact,
   vd as SETTINGS_STORAGE_KEY,
   Hh as ScrollArea,
   r1 as Select,
@@ -19435,22 +19435,22 @@ export {
   t1 as SimpleChat,
   dh as SimpleJsonView,
   m1 as Sonner,
-  ZC as StreamProgress,
+  JC as StreamProgress,
   UE as Switch,
   Qf as Textarea,
-  ek as ThinkingIndicator,
+  QC as ThinkingIndicator,
   Vk as ThreadListItem,
   Eu as ThreadManager,
   bw as ThreadStateProvider,
   Xv as ThreadsProvider,
   TI as TimelineColumn,
   h1 as Toaster,
-  QC as ToolComponent,
+  ZC as ToolComponent,
   d1 as Tooltip,
   mR as TooltipContent,
   u1 as TooltipProvider,
   f1 as TooltipTrigger,
-  tk as UserTextContent,
+  ek as UserTextContent,
   GI as applySettings,
   Jg as buildAttemptMaps,
   Qg as buildCheckpointIndex,
@@ -19488,9 +19488,10 @@ export {
   zt as unwrap,
   As as useApi,
   ex as useCheckpointIndex,
-  rk as useFilePreview,
+  nk as useFilePreview,
   KI as useHasChatSession,
   Xg as useMessageMetadata,
+  rk as useParsedMessageContent,
   Tw as useStream,
   Tw as useStreamingHook,
   vw as useThreadHistoryState,