@ai-matrx/chat 0.7.7 → 0.7.9

package/dist/tool-call-visualization/renderers/dictionary/DictionaryOverlay.js

@@ -7,23 +7,23 @@ import { DictEntryList } from "./DictEntryList.js";
 function DictionaryOverlay({ entry }) {
   const { entries, level } = useMemo(() => parseDictionary(entry), [entry]);
   if (!entries.length) {
-    return /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: "No dictionary entries to display" });
+    return /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-muted-foreground", children: "No dictionary entries to display" });
   }
   return /* @__PURE__ */ jsxs("div", { className: "h-full overflow-y-auto bg-muted/30 p-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: [
-      /* @__PURE__ */ jsx(BookText, { className: "h-4 w-4 text-[color:var(--mx-chat-accent,hsl(var(--primary)))]" }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-foreground", children: [
+      /* @__PURE__ */ jsx(BookText, { className: "h-4 w-4 text-primary" }),
       /* @__PURE__ */ jsxs("span", { children: [
         entries.length,
         " ",
         entries.length === 1 ? "term" : "terms"
       ] }),
-      level ? /* @__PURE__ */ jsxs("span", { className: "text-xs capitalize text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+      level ? /* @__PURE__ */ jsxs("span", { className: "text-xs capitalize text-muted-foreground", children: [
         "\xB7 ",
         level.replace(/_/g, " "),
         " dictionary"
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-[var(--mx-chat-card,hsl(var(--card)))]", children: /* @__PURE__ */ jsx(DictEntryList, { entries }) })
+    /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-border bg-card", children: /* @__PURE__ */ jsx(DictEntryList, { entries }) })
   ] });
 }
 export {

package/dist/tool-call-visualization/renderers/fs/FsInline.js

@@ -62,9 +62,9 @@ const FsEntryRow = ({
       withTopBorder && (indent ? "border-t border-border/20" : "border-t border-border/30")
     ),
     children: [
-      e.isDir ? /* @__PURE__ */ jsx(Folder, { className: "size-3.5 shrink-0 text-sky-600/70 dark:text-sky-400/70" }) : /* @__PURE__ */ jsx(File, { className: "size-3.5 shrink-0 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]" }),
-      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: e.name }),
-      !e.isDir && e.size !== null && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: formatFileSize(e.size) })
+      e.isDir ? /* @__PURE__ */ jsx(Folder, { className: "size-3.5 shrink-0 text-sky-600/70 dark:text-sky-400/70" }) : /* @__PURE__ */ jsx(File, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] text-foreground", children: e.name }),
+      !e.isDir && e.size !== null && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: formatFileSize(e.size) })
     ]
   }
 );
@@ -157,16 +157,16 @@ const FsBatchCard = ({ listings, className }) => {
             ),
             children: [
               /* @__PURE__ */ jsx(Folder, { className: "size-3.5 shrink-0 text-sky-600/70 dark:text-sky-400/70" }),
-              /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 truncate text-[13px] text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: [
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 truncate text-[13px] text-foreground", children: [
                 basename(l.path),
-                /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: l.path })
+                /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: l.path })
               ] }),
-              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: countsLabel(l.entries) }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: countsLabel(l.entries) }),
               /* @__PURE__ */ jsx(
                 ChevronRight,
                 {
                   className: cn(
-                    "size-3 shrink-0 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] transition-transform",
+                    "size-3 shrink-0 text-muted-foreground transition-transform",
                     open[i] && "rotate-90"
                   )
                 }

package/dist/tool-call-visualization/renderers/news-api/NewsInline.js

@@ -47,21 +47,21 @@ const NewsInline = ({
   const data = useMemo(() => parseNewsData(entry), [entry]);
   if (data.isLoading) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-3 animate-in fade-in", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
-        /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-[color:var(--mx-chat-accent,hsl(var(--primary)))]" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-primary" }),
         /* @__PURE__ */ jsxs("span", { children: [
           "Fetching news",
           data.query ? ` for "${data.query}"` : "",
           "..."
         ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-[var(--mx-chat-card,hsl(var(--card)))] border border-[color:var(--mx-chat-border,hsl(var(--border)))] overflow-hidden", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-full aspect-video bg-[var(--mx-chat-fill,hsl(var(--muted)))] animate-pulse" }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-card border border-border overflow-hidden", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-full aspect-video bg-muted animate-pulse" }),
         /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-3 bg-[var(--mx-chat-fill,hsl(var(--muted)))] animate-pulse rounded w-24" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 bg-[var(--mx-chat-fill,hsl(var(--muted)))] animate-pulse rounded w-full" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 bg-[var(--mx-chat-fill,hsl(var(--muted)))] animate-pulse rounded w-3/4" }),
-          /* @__PURE__ */ jsx("div", { className: "h-3 bg-[var(--mx-chat-fill,hsl(var(--muted)))] animate-pulse rounded w-20" })
+          /* @__PURE__ */ jsx("div", { className: "h-3 bg-muted animate-pulse rounded w-24" }),
+          /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted animate-pulse rounded w-full" }),
+          /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted animate-pulse rounded w-3/4" }),
+          /* @__PURE__ */ jsx("div", { className: "h-3 bg-muted animate-pulse rounded w-20" })
         ] })
       ] }, i)) })
     ] });
@@ -74,7 +74,7 @@ const NewsInline = ({
     ] });
   }
   if (data.isComplete && data.articles.length === 0) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] py-3", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground py-3", children: [
       /* @__PURE__ */ jsx(Newspaper, { className: "w-4 h-4 flex-shrink-0" }),
       /* @__PURE__ */ jsxs("span", { children: [
         "No articles found",
@@ -92,14 +92,14 @@ const NewsInline = ({
         href: article.url,
         target: "_blank",
         rel: "noopener noreferrer",
-        className: "group block bg-[var(--mx-chat-card,hsl(var(--card)))] rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] overflow-hidden hover:border-primary/30 hover:shadow-md transition-all duration-200 animate-in fade-in zoom-in-95",
+        className: "group block bg-card rounded-lg border border-border overflow-hidden hover:border-primary/30 hover:shadow-md transition-all duration-200 animate-in fade-in zoom-in-95",
         style: {
           animationDelay: `${index * 80}ms`,
           animationDuration: "300ms",
           animationFillMode: "backwards"
         },
         children: [
-          article.url_to_image ? /* @__PURE__ */ jsxs("div", { className: "relative w-full aspect-video bg-[var(--mx-chat-fill,hsl(var(--muted)))] overflow-hidden", children: [
+          article.url_to_image ? /* @__PURE__ */ jsxs("div", { className: "relative w-full aspect-video bg-muted overflow-hidden", children: [
             /* @__PURE__ */ jsx(
               "img",
               {
@@ -112,15 +112,15 @@ const NewsInline = ({
               }
             ),
             /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" })
-          ] }) : /* @__PURE__ */ jsx("div", { className: "w-full aspect-video bg-[var(--mx-chat-fill,hsl(var(--muted)))] flex items-center justify-center", children: /* @__PURE__ */ jsx(Newspaper, { className: "w-10 h-10 text-muted-foreground/30" }) }),
+          ] }) : /* @__PURE__ */ jsx("div", { className: "w-full aspect-video bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(Newspaper, { className: "w-10 h-10 text-muted-foreground/30" }) }),
           /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-1.5", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[color:var(--mx-chat-accent,hsl(var(--primary)))] truncate", children: article.source?.name }),
-              /* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" })
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-primary truncate", children: article.source?.name }),
+              /* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3 text-muted-foreground flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" })
             ] }),
-            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-[color:var(--mx-chat-text,hsl(var(--foreground)))] line-clamp-2 group-hover:text-[color:var(--mx-chat-accent,hsl(var(--primary)))] transition-colors leading-snug", children: article.title }),
-            article.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] line-clamp-2", children: article.description }),
-            article.published_at && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground line-clamp-2 group-hover:text-primary transition-colors leading-snug", children: article.title }),
+            article.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: article.description }),
+            article.published_at && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
               /* @__PURE__ */ jsx(Calendar, { className: "w-3 h-3 flex-shrink-0" }),
               /* @__PURE__ */ jsx("span", { children: new Date(article.published_at).toLocaleDateString("en-US", {
                 month: "short",

package/dist/tool-call-visualization/renderers/news-api/NewsOverlay.js

@@ -51,7 +51,7 @@ const NewsOverlay = ({ entry }) => {
     ] });
   }
   if (allArticles.length === 0) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-16 gap-3 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-16 gap-3 text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Newspaper, { className: "w-10 h-10 opacity-40" }),
       /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
         "No news data available",
@@ -61,8 +61,8 @@ const NewsOverlay = ({ entry }) => {
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "w-full h-full overflow-y-auto bg-background p-4 space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 bg-[var(--mx-chat-card,hsl(var(--card)))] rounded-lg p-3 border border-[color:var(--mx-chat-border,hsl(var(--border)))]", children: [
-      /* @__PURE__ */ jsx(Filter, { className: "w-4 h-4 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] flex-shrink-0" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 bg-card rounded-lg p-3 border border-border", children: [
+      /* @__PURE__ */ jsx(Filter, { className: "w-4 h-4 text-muted-foreground flex-shrink-0" }),
       /* @__PURE__ */ jsxs(
         Button,
         {
@@ -95,7 +95,7 @@ const NewsOverlay = ({ entry }) => {
         );
       }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 ml-auto", children: [
-        /* @__PURE__ */ jsx(SortAsc, { className: "w-4 h-4 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] flex-shrink-0" }),
+        /* @__PURE__ */ jsx(SortAsc, { className: "w-4 h-4 text-muted-foreground flex-shrink-0" }),
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -116,7 +116,7 @@ const NewsOverlay = ({ entry }) => {
         )
       ] })
     ] }),
-    query && /* @__PURE__ */ jsxs("p", { className: "text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] px-1", children: [
+    query && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground px-1", children: [
       totalResults,
       " result",
       totalResults !== 1 ? "s" : "",
@@ -130,7 +130,7 @@ const NewsOverlay = ({ entry }) => {
     /* @__PURE__ */ jsx("div", { className: "space-y-3", children: filteredArticles.map((article, index) => /* @__PURE__ */ jsx(
       "div",
       {
-        className: "bg-[var(--mx-chat-card,hsl(var(--card)))] rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] overflow-hidden hover:border-primary/30 hover:shadow-md transition-all duration-200",
+        className: "bg-card rounded-lg border border-border overflow-hidden hover:border-primary/30 hover:shadow-md transition-all duration-200",
         children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row gap-0 md:gap-4", children: [
           article.url_to_image && /* @__PURE__ */ jsx("div", { className: "w-full md:w-56 flex-shrink-0", children: /* @__PURE__ */ jsx(
             "img",
@@ -146,7 +146,7 @@ const NewsOverlay = ({ entry }) => {
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 p-4 space-y-2", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
               /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: article.source.name }),
-              article.published_at && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+              article.published_at && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
                 /* @__PURE__ */ jsx(Calendar, { className: "w-3 h-3" }),
                 /* @__PURE__ */ jsx("span", { children: new Date(article.published_at).toLocaleDateString("en-US", {
                   month: "long",
@@ -164,25 +164,25 @@ const NewsOverlay = ({ entry }) => {
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "group block",
-                children: /* @__PURE__ */ jsxs("h2", { className: "text-base font-semibold text-[color:var(--mx-chat-text,hsl(var(--foreground)))] group-hover:text-[color:var(--mx-chat-accent,hsl(var(--primary)))] transition-colors flex items-start gap-2", children: [
+                children: /* @__PURE__ */ jsxs("h2", { className: "text-base font-semibold text-foreground group-hover:text-primary transition-colors flex items-start gap-2", children: [
                   /* @__PURE__ */ jsx("span", { children: article.title }),
                   /* @__PURE__ */ jsx(ExternalLink, { className: "w-4 h-4 flex-shrink-0 mt-0.5 opacity-0 group-hover:opacity-100 transition-opacity" })
                 ] })
               }
             ),
-            article.author && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+            article.author && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
               /* @__PURE__ */ jsx(User, { className: "w-3 h-3" }),
               /* @__PURE__ */ jsx("span", { children: article.author })
             ] }),
             article.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground/80", children: article.description }),
-            article.content && /* @__PURE__ */ jsx("p", { className: "text-sm text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] line-clamp-3", children: article.content }),
+            article.content && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground line-clamp-3", children: article.content }),
             /* @__PURE__ */ jsxs(
               "a",
               {
                 href: article.url,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                className: "inline-flex items-center gap-1 text-sm font-medium text-[color:var(--mx-chat-accent,hsl(var(--primary)))] hover:text-primary/80 transition-colors",
+                className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:text-primary/80 transition-colors",
                 children: [
                   "Read full article",
                   /* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3" })
@@ -194,7 +194,7 @@ const NewsOverlay = ({ entry }) => {
       },
       index
     )) }),
-    filteredArticles.length === 0 && allArticles.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 gap-3 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+    filteredArticles.length === 0 && allArticles.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 gap-3 text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Newspaper, { className: "w-10 h-10 opacity-40" }),
       /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No articles match the selected source filter." }),
       /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => setSelectedSource("all"), children: "Clear filter" })

package/dist/tool-call-visualization/renderers/random-wheel/RandomWheelInline.js

@@ -447,10 +447,10 @@ const ListResult = ({ result }) => {
   const hasValue = text.trim().length > 0;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Trophy, { className: "w-4 h-4 text-[color:var(--mx-chat-accent,hsl(var(--primary)))] flex-shrink-0" }),
-      /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-[color:var(--mx-chat-text,hsl(var(--foreground)))] break-words", children: result.chosen.label || "(no label)" })
+      /* @__PURE__ */ jsx(Trophy, { className: "w-4 h-4 text-primary flex-shrink-0" }),
+      /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-foreground break-words", children: result.chosen.label || "(no label)" })
     ] }),
-    hasValue && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-muted/30 p-3", children: isJson ? /* @__PURE__ */ jsx("pre", { className: "text-xs text-foreground/90 whitespace-pre-wrap break-words font-mono overflow-x-auto", children: text }) : /* @__PURE__ */ jsx("div", { className: "text-sm text-foreground/90 break-words", children: /* @__PURE__ */ jsx(BasicMarkdownContent, { imagePolicy: "ai", content: text, showCopyButton: false }) }) })
+    hasValue && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-muted/30 p-3", children: isJson ? /* @__PURE__ */ jsx("pre", { className: "text-xs text-foreground/90 whitespace-pre-wrap break-words font-mono overflow-x-auto", children: text }) : /* @__PURE__ */ jsx("div", { className: "text-sm text-foreground/90 break-words", children: /* @__PURE__ */ jsx(BasicMarkdownContent, { imagePolicy: "ai", content: text, showCopyButton: false }) }) })
   ] });
 };
 const WebResult = ({ result }) => {
@@ -458,12 +458,12 @@ const WebResult = ({ result }) => {
   const sources = result.sources ?? [];
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Globe, { className: "w-4 h-4 text-[color:var(--mx-chat-accent,hsl(var(--primary)))] flex-shrink-0" }),
-      /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-[color:var(--mx-chat-text,hsl(var(--foreground)))] break-words", children: result.chosen.label || result.seed || "(no seed)" })
+      /* @__PURE__ */ jsx(Globe, { className: "w-4 h-4 text-primary flex-shrink-0" }),
+      /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-foreground break-words", children: result.chosen.label || result.seed || "(no seed)" })
     ] }),
-    text.trim().length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-[var(--mx-chat-card,hsl(var(--card)))] p-3 text-sm text-foreground/90 break-words max-h-72 overflow-y-auto", children: /* @__PURE__ */ jsx(BasicMarkdownContent, { imagePolicy: "other", content: text, showCopyButton: false }) }),
+    text.trim().length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-card p-3 text-sm text-foreground/90 break-words max-h-72 overflow-y-auto", children: /* @__PURE__ */ jsx(BasicMarkdownContent, { imagePolicy: "other", content: text, showCopyButton: false }) }),
     sources.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "text-xs font-medium text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-xs font-medium text-muted-foreground", children: [
         sources.length,
         " ",
         sources.length === 1 ? "source" : "sources"
@@ -475,11 +475,11 @@ const WebResult = ({ result }) => {
           target: "_blank",
           rel: "noopener noreferrer",
           onClick: (e) => e.stopPropagation(),
-          className: "flex items-center gap-2 p-2 rounded-md border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-[var(--mx-chat-card,hsl(var(--card)))] hover:border-primary/30 transition-colors group",
+          className: "flex items-center gap-2 p-2 rounded-md border border-border bg-card hover:border-primary/30 transition-colors group",
           children: [
-            /* @__PURE__ */ jsx(Globe, { className: "w-3.5 h-3.5 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] flex-shrink-0" }),
-            /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0 text-xs text-[color:var(--mx-chat-text,hsl(var(--foreground)))] truncate group-hover:text-[color:var(--mx-chat-accent,hsl(var(--primary)))]", children: src.title || src.url }),
-            /* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" })
+            /* @__PURE__ */ jsx(Globe, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0 text-xs text-foreground truncate group-hover:text-primary", children: src.title || src.url }),
+            /* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3 text-muted-foreground flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" })
           ]
         },
         `${src.url}-${i}`
@@ -493,10 +493,10 @@ const ImageResult = ({ result }) => {
   const [imgFailed, setImgFailed] = useState(false);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(ImageIcon, { className: "w-4 h-4 text-[color:var(--mx-chat-accent,hsl(var(--primary)))] flex-shrink-0" }),
-      /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-[color:var(--mx-chat-text,hsl(var(--foreground)))] break-words", children: result.chosen.label || result.seed || "(no keyword)" })
+      /* @__PURE__ */ jsx(ImageIcon, { className: "w-4 h-4 text-primary flex-shrink-0" }),
+      /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-foreground break-words", children: result.chosen.label || result.seed || "(no keyword)" })
     ] }),
-    image && !imgFailed ? /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-muted/30", children: /* @__PURE__ */ jsx(
+    image && !imgFailed ? /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-border bg-muted/30", children: /* @__PURE__ */ jsx(
       "img",
       {
         src: image.url,
@@ -504,7 +504,7 @@ const ImageResult = ({ result }) => {
         className: "w-full max-h-80 object-cover",
         onError: () => setImgFailed(true)
       }
-    ) }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-muted/30 p-4 text-sm text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+    ) }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-muted/30 p-4 text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsx(ImageIcon, { className: "w-4 h-4" }),
       /* @__PURE__ */ jsxs("span", { children: [
         imgFailed ? "Image failed to load." : "No image returned.",
@@ -512,7 +512,7 @@ const ImageResult = ({ result }) => {
       ] })
     ] }),
     caption && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground/80 break-words", children: caption }),
-    image?.photographer_name && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+    image?.photographer_name && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Camera, { className: "w-3 h-3 flex-shrink-0" }),
       /* @__PURE__ */ jsxs("span", { children: [
         "Photo by",
@@ -524,7 +524,7 @@ const ImageResult = ({ result }) => {
             target: "_blank",
             rel: "noopener noreferrer",
             onClick: (e) => e.stopPropagation(),
-            className: "text-[color:var(--mx-chat-accent,hsl(var(--primary)))] hover:underline",
+            className: "text-primary hover:underline",
             children: image.photographer_name
           }
         ) : /* @__PURE__ */ jsx("span", { className: "text-foreground/80", children: image.photographer_name }),
@@ -538,7 +538,7 @@ const ImageResult = ({ result }) => {
             target: "_blank",
             rel: "noopener noreferrer",
             onClick: (e) => e.stopPropagation(),
-            className: "text-[color:var(--mx-chat-accent,hsl(var(--primary)))] hover:underline",
+            className: "text-primary hover:underline",
             children: "Unsplash"
           }
         )
@@ -613,16 +613,16 @@ const RandomWheelInline = ({
           "Wheel spin failed",
           /* @__PURE__ */ jsx(ErrorAlchemyMenu, {})
         ] }),
-        entry.errorMessage && /* @__PURE__ */ jsx("p", { className: "text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] break-words mt-0.5", children: entry.errorMessage })
+        entry.errorMessage && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground break-words mt-0.5", children: entry.errorMessage })
       ] })
     ] });
   }
   if (!wheel) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-[var(--mx-chat-card,hsl(var(--card)))] p-4", children: [
-      /* @__PURE__ */ jsx(Dices, { className: "w-5 h-5 text-[color:var(--mx-chat-accent,hsl(var(--primary)))] animate-pulse flex-shrink-0" }),
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-border bg-card p-4", children: [
+      /* @__PURE__ */ jsx(Dices, { className: "w-5 h-5 text-primary animate-pulse flex-shrink-0" }),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: "Spinning up\u2026" }),
-        /* @__PURE__ */ jsx("div", { className: "mt-2 h-2 w-2/3 rounded-full bg-[var(--mx-chat-fill,hsl(var(--muted)))] animate-pulse" })
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: "Spinning up\u2026" }),
+        /* @__PURE__ */ jsx("div", { className: "mt-2 h-2 w-2/3 rounded-full bg-muted animate-pulse" })
       ] })
     ] });
   }
@@ -632,8 +632,8 @@ const RandomWheelInline = ({
   const seedLabel = wheel.candidates[wheel.winnerIndex] ?? result?.seed ?? "";
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(ModeIcon, { className: "w-4 h-4 text-[color:var(--mx-chat-accent,hsl(var(--primary)))] flex-shrink-0" }),
-      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: title }),
+      /* @__PURE__ */ jsx(ModeIcon, { className: "w-4 h-4 text-primary flex-shrink-0" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: title }),
       /* @__PURE__ */ jsx("span", { className: "ml-auto inline-flex items-center gap-1 rounded-full bg-secondary px-2 py-0.5 text-xs font-medium text-secondary-foreground", children: modeLabel })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
@@ -651,15 +651,15 @@ const RandomWheelInline = ({
           onUserPick: handleUserPick
         }
       ),
-      settled && wheel.candidates.length > 1 && !isPersisted && /* @__PURE__ */ jsx("p", { className: "text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] text-center", children: "Drag to explore options \u2014 your pick goes to the agent." }),
-      userPickLabel && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-muted/30 px-3 py-2 text-sm", children: [
-        /* @__PURE__ */ jsx(Trophy, { className: "w-4 h-4 text-[color:var(--mx-chat-accent,hsl(var(--primary)))] flex-shrink-0" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-[color:var(--mx-chat-text,hsl(var(--foreground)))] break-words", children: [
+      settled && wheel.candidates.length > 1 && !isPersisted && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-center", children: "Drag to explore options \u2014 your pick goes to the agent." }),
+      userPickLabel && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-muted/30 px-3 py-2 text-sm", children: [
+        /* @__PURE__ */ jsx(Trophy, { className: "w-4 h-4 text-primary flex-shrink-0" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-foreground break-words", children: [
           "Your pick: ",
           /* @__PURE__ */ jsx("span", { className: "font-semibold", children: userPickLabel })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
         wheel.candidates.length,
         " ",
         wheel.candidates.length === 1 ? "option" : "options",
@@ -668,19 +668,19 @@ const RandomWheelInline = ({
           wheel.poolSize
         ] })
       ] }),
-      !settled && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-[color:var(--mx-chat-accent,hsl(var(--primary)))]", children: [
+      !settled && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-primary", children: [
         /* @__PURE__ */ jsx(RefreshCw, { className: "w-3.5 h-3.5 animate-spin" }),
         /* @__PURE__ */ jsx("span", { children: "Spinning\u2026" })
       ] })
     ] }),
-    awaitingFetch && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-muted/20 p-3 text-sm text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
-      /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-[color:var(--mx-chat-accent,hsl(var(--primary)))] flex-shrink-0" }),
+    awaitingFetch && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-muted/20 p-3 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-primary flex-shrink-0" }),
       /* @__PURE__ */ jsxs("span", { className: "break-words", children: [
         "Fetching fresh ",
         mode === "image" ? "image" : "content",
         " for",
         " ",
-        /* @__PURE__ */ jsxs("span", { className: "font-medium text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: [
+        /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
           "\u201C",
           seedLabel,
           "\u201D"

package/dist/tool-call-visualization/renderers/records/RecordsInline.js

@@ -34,7 +34,7 @@ function RecordsInline({ entry }) {
   if (!result) return null;
   const sentence = sentenceFor(result);
   if (!sentence) return null;
-  return /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: sentence });
+  return /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: sentence });
 }
 export {
   RecordsInline

package/dist/tool-call-visualization/renderers/research/ResearchInline.js

@@ -23,7 +23,7 @@ import { Button } from "@ai-matrx/design-system/controls";
 const Favicon = ({ url, className }) => {
   const [failed, setFailed] = React.useState(false);
   const src = url ? getFaviconUrl(url) : "";
-  if (failed || !src) return /* @__PURE__ */ jsx(Globe, { className: `text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] ${className ?? ""}` });
+  if (failed || !src) return /* @__PURE__ */ jsx(Globe, { className: `text-muted-foreground ${className ?? ""}` });
   return (
     // eslint-disable-next-line @next/next/no-img-element -- favicon service, not owned media
     /* @__PURE__ */ jsx("img", { src, alt: "", className: `rounded-sm ${className ?? ""}`, onError: () => setFailed(true) })
@@ -33,10 +33,10 @@ const StatChip = ({
   icon,
   value,
   label
-}) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-[var(--mx-chat-card,hsl(var(--card)))] px-2.5 py-1.5", children: [
-  /* @__PURE__ */ jsx("span", { className: "text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: icon }),
-  /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold tabular-nums text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: value }),
-  /* @__PURE__ */ jsx("span", { className: "text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: label })
+}) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border bg-card px-2.5 py-1.5", children: [
+  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: icon }),
+  /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold tabular-nums text-foreground", children: value }),
+  /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: label })
 ] });
 const SourceRow = ({ source, index }) => /* @__PURE__ */ jsxs(
   "a",
@@ -49,8 +49,8 @@ const SourceRow = ({ source, index }) => /* @__PURE__ */ jsxs(
     style: { animationDelay: `${Math.min(index, 10) * 30}ms`, animationDuration: "220ms", animationFillMode: "backwards" },
     children: [
       /* @__PURE__ */ jsx(Favicon, { url: source.url, className: "h-4 w-4 flex-shrink-0" }),
-      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-[color:var(--mx-chat-text,hsl(var(--foreground)))] group-hover:text-[color:var(--mx-chat-accent,hsl(var(--primary)))]", children: source.title }),
-      /* @__PURE__ */ jsx("span", { className: "hidden flex-shrink-0 truncate text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] sm:inline", children: source.domain })
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-foreground group-hover:text-primary", children: source.title }),
+      /* @__PURE__ */ jsx("span", { className: "hidden flex-shrink-0 truncate text-xs text-muted-foreground sm:inline", children: source.domain })
     ]
   }
 );
@@ -156,15 +156,15 @@ const ResearchInline = ({
       parsed.domains.slice(0, 8).map((d) => /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "gap-1.5 font-normal", children: [
         /* @__PURE__ */ jsx(Favicon, { url: `https://${d.domain}`, className: "h-3 w-3" }),
         /* @__PURE__ */ jsx("span", { className: "max-w-[140px] truncate", children: d.domain }),
-        /* @__PURE__ */ jsx("span", { className: "tabular-nums text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: d.count })
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums text-muted-foreground", children: d.count })
       ] }, d.domain)),
-      parsed.domains.length > 8 && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "font-normal text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+      parsed.domains.length > 8 && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "font-normal text-muted-foreground", children: [
         "+",
         parsed.domains.length - 8,
         " more"
       ] })
     ] }),
-    topSources.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50 rounded-md border border-[color:var(--mx-chat-border,hsl(var(--border)))] p-1", children: topSources.map((s, i) => /* @__PURE__ */ jsx(SourceRow, { index: i, source: s }, `${s.url}-${i}`)) }),
+    topSources.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50 rounded-md border border-border p-1", children: topSources.map((s, i) => /* @__PURE__ */ jsx(SourceRow, { index: i, source: s }, `${s.url}-${i}`)) }),
     onOpenOverlay && (parsed.sources.length > 0 || parsed.reads.length > 0) && /* @__PURE__ */ jsxs(Button, { variant: "outline", iconEnd: /* @__PURE__ */ jsx(ArrowRight, {}), onClick: (e) => {
       e.stopPropagation();
       onOpenOverlay(`tool-group-${toolGroupId}`);

package/dist/tool-call-visualization/renderers/research/ResearchOverlay.js

@@ -26,13 +26,13 @@ import { RichDocument } from "@ai-matrx/rich-content/rich-document/RichDocument"
 const Favicon = ({ url, className }) => {
   const [failed, setFailed] = useState(false);
   const src = url ? getFaviconUrl(url) : "";
-  if (failed || !src) return /* @__PURE__ */ jsx(Globe, { className: cn("text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", className) });
+  if (failed || !src) return /* @__PURE__ */ jsx(Globe, { className: cn("text-muted-foreground", className) });
   return (
     // eslint-disable-next-line @next/next/no-img-element -- favicon service, not owned media
     /* @__PURE__ */ jsx("img", { src, alt: "", className: cn("rounded-sm", className), onError: () => setFailed(true) })
   );
 };
-const EmptyState = ({ icon, message }) => /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+const EmptyState = ({ icon, message }) => /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
   /* @__PURE__ */ jsx("div", { className: "mx-auto mb-3 opacity-40", children: icon }),
   /* @__PURE__ */ jsx("p", { className: "text-sm", children: message })
 ] }) });
@@ -44,10 +44,10 @@ const ResearchReportTab = ({ entry }) => {
   if (!parsed.report) {
     return /* @__PURE__ */ jsx(EmptyState, { icon: /* @__PURE__ */ jsx(FileText, { className: "h-12 w-12" }), message: "No curated report available" });
   }
-  return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-[var(--mx-chat-card,hsl(var(--card)))]", children: [
-    parsed.queries.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-b border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-muted/40 px-5 py-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium uppercase tracking-wide text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: "Queries" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: parsed.queries.join(" \xB7 ") })
+  return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-border bg-card", children: [
+    parsed.queries.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-b border-border bg-muted/40 px-5 py-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Queries" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: parsed.queries.join(" \xB7 ") })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "p-5", children: /* @__PURE__ */ jsx(
       RichDocument,
@@ -72,8 +72,8 @@ const ReadCard = ({
 }) => {
   const [expanded, setExpanded] = useState(false);
   const isLong = read.text.length > 500;
-  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-[var(--mx-chat-card,hsl(var(--card)))]", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 border-b border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-muted/40 px-4 py-2.5", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-border bg-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 border-b border-border bg-muted/40 px-4 py-2.5", children: [
       /* @__PURE__ */ jsx(Favicon, { url: read.url, className: "h-4 w-4 flex-shrink-0" }),
       /* @__PURE__ */ jsx(
         "a",
@@ -81,7 +81,7 @@ const ReadCard = ({
           href: read.url || void 0,
           target: "_blank",
           rel: "noopener noreferrer",
-          className: "truncate text-xs font-medium text-[color:var(--mx-chat-accent,hsl(var(--primary)))] hover:underline",
+          className: "truncate text-xs font-medium text-primary hover:underline",
           title: read.url,
           children: getDomain(read.url)
         }
@@ -95,7 +95,7 @@ const ReadCard = ({
           href: read.url || void 0,
           target: "_blank",
           rel: "noopener noreferrer",
-          className: "block text-base font-semibold text-[color:var(--mx-chat-text,hsl(var(--foreground)))] hover:text-[color:var(--mx-chat-accent,hsl(var(--primary)))]",
+          className: "block text-base font-semibold text-foreground hover:text-primary",
           children: read.title || getDomain(read.url)
         }
       ),
@@ -120,15 +120,15 @@ const RankedSource = ({ source, rank }) => /* @__PURE__ */ jsxs(
     rel: "noopener noreferrer",
     className: "group flex items-start gap-3 px-3 py-2 transition-colors hover:bg-muted/40",
     children: [
-      /* @__PURE__ */ jsx("span", { className: "mt-0.5 w-6 flex-shrink-0 text-right text-xs tabular-nums text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: rank }),
+      /* @__PURE__ */ jsx("span", { className: "mt-0.5 w-6 flex-shrink-0 text-right text-xs tabular-nums text-muted-foreground", children: rank }),
       /* @__PURE__ */ jsx(Favicon, { url: source.url, className: "mt-0.5 h-4 w-4 flex-shrink-0" }),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium text-[color:var(--mx-chat-text,hsl(var(--foreground)))] group-hover:text-[color:var(--mx-chat-accent,hsl(var(--primary)))]", children: source.title }),
-          /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3 flex-shrink-0 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] opacity-0 transition-opacity group-hover:opacity-100" })
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium text-foreground group-hover:text-primary", children: source.title }),
+          /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3 flex-shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-primary/80", children: source.domain }),
-        source.snippet && /* @__PURE__ */ jsx("p", { className: "mt-1 line-clamp-2 text-xs leading-relaxed text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: source.snippet })
+        source.snippet && /* @__PURE__ */ jsx("p", { className: "mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground", children: source.snippet })
       ] })
     ]
   }
@@ -150,10 +150,10 @@ ${read.text}`, "default", { toast: false })) {
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     parsed.reads.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: parsed.reads.map((r, i) => /* @__PURE__ */ jsx(ReadCard, { read: r, index: i, copied, onCopy: handleCopy }, `${r.url}-${i}`)) }),
-    parsed.sources.length > 0 && /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border border-[color:var(--mx-chat-border,hsl(var(--border)))]", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-muted/40 px-3 py-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: "All sources" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
+    parsed.sources.length > 0 && /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border border-border", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border bg-muted/40 px-3 py-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: "All sources" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
           parsed.sources.length,
           " ",
           parsed.sources.length === 1 ? "source" : "sources"
@@ -230,7 +230,7 @@ const ResearchFullTextTab = ({ entry }) => {
   if (!fullText.trim()) {
     return /* @__PURE__ */ jsx(EmptyState, { icon: /* @__PURE__ */ jsx(BookOpen, { className: "h-12 w-12" }), message: "No research data available" });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-[var(--mx-chat-card,hsl(var(--card)))]", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-lg border border-border bg-card", children: [
     /* @__PURE__ */ jsx(Button, { variant: "outline", icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), glyphTone: copied ? "success" : void 0, onClick: handleCopyAll, "aria-label": copied ? "Copied" : "Copy all", title: copied ? "Copied" : "Copy all", className: "absolute right-2 top-2 z-10" }),
     /* @__PURE__ */ jsx("div", { className: "p-5", children: /* @__PURE__ */ jsx(RichContent, { level: "full", imagePolicy: "ai", source: fullText, hideCopyButton: true, className: "text-sm" }) })
   ] });