@optilogic/chat 1.3.5 → 1.3.7

package/dist/index.cjs

@@ -215,7 +215,7 @@ var MetadataRow = React11__namespace.forwardRef(
             {
               "data-tour": thinkingToggleAnchor,
               onClick: onToggle,
-              className: "flex items-center gap-1.5 hover:bg-muted/50 -ml-1.5 pl-1.5 pr-2 py-0.5 rounded transition-colors shrink-0",
+              className: "flex items-center gap-1.5 hover:bg-hover -ml-1.5 pl-1.5 pr-2 py-0.5 rounded transition-colors shrink-0",
               children: leftContent
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 shrink-0", children: leftContent }),
@@ -250,7 +250,7 @@ var ThinkingStepItem = ({ step, renderMarkdown }) => {
       "button",
       {
         onClick: toggleCollapse,
-        className: "w-full flex items-center gap-1.5 py-1.5 px-2 hover:bg-muted/50 transition-colors text-left",
+        className: "w-full flex items-center gap-1.5 py-1.5 px-2 hover:bg-hover transition-colors text-left",
         style: { paddingLeft: `${indentPadding + 8}px` },
         children: [
           isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "w-3 h-3 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "w-3 h-3 text-muted-foreground flex-shrink-0" }),
@@ -346,7 +346,7 @@ var ActionBar = React11__namespace.forwardRef(
               {
                 "data-tour": copyAnchor,
                 onClick: handleCopy,
-                className: "p-1.5 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground",
+                className: "p-1.5 rounded hover:bg-hover transition-colors text-muted-foreground hover:text-foreground",
                 title: copied ? "Copied!" : "Copy response",
                 children: copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "w-4 h-4" })
               }
@@ -357,7 +357,7 @@ var ActionBar = React11__namespace.forwardRef(
                 "data-tour": thumbsUpAnchor,
                 onClick: handleThumbsUp,
                 className: core.cn(
-                  "p-1.5 rounded hover:bg-muted transition-colors",
+                  "p-1.5 rounded hover:bg-hover transition-colors",
                   isThumbsUp ? "text-green-500" : "text-muted-foreground hover:text-foreground"
                 ),
                 title: "Good response",
@@ -370,7 +370,7 @@ var ActionBar = React11__namespace.forwardRef(
                 "data-tour": thumbsDownAnchor,
                 onClick: handleThumbsDown,
                 className: core.cn(
-                  "p-1.5 rounded hover:bg-muted transition-colors",
+                  "p-1.5 rounded hover:bg-hover transition-colors",
                   isThumbsDown ? "text-red-500" : "text-muted-foreground hover:text-foreground"
                 ),
                 title: "Poor response",
@@ -658,7 +658,7 @@ var HITLSection = React11__namespace.forwardRef(
             "button",
             {
               onClick: toggleExpanded,
-              className: "w-full flex items-center gap-2 py-2 px-3 hover:bg-muted/50 transition-colors text-left",
+              className: "w-full flex items-center gap-2 py-2 px-3 hover:bg-hover transition-colors text-left",
               children: [
                 isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }),
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircleQuestion, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }),
@@ -1175,7 +1175,7 @@ function TimelineAgentBlock({
       "button",
       {
         onClick: onToggleCollapsed,
-        className: "w-full flex items-center gap-1.5 py-1 hover:bg-muted/50 -ml-1 pl-1 pr-2 rounded transition-colors text-left",
+        className: "w-full flex items-center gap-1.5 py-1 hover:bg-hover -ml-1 pl-1 pr-2 rounded transition-colors text-left",
         children: [
           isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "w-3 h-3 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "w-3 h-3 text-muted-foreground flex-shrink-0" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-foreground/80", children: block.agentName }),
@@ -1291,7 +1291,7 @@ function AgentTimeline({ entries, renderMarkdown, uiState, maxHeight = "300px" }
               "button",
               {
                 onClick: () => toggleFilter(tc.type),
-                className: `inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] transition-colors ${isActive ? "bg-accent text-accent-foreground ring-1 ring-accent-foreground/20" : "text-muted-foreground/60 hover:text-muted-foreground hover:bg-muted/50"}`,
+                className: `inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] transition-colors ${isActive ? "bg-accent text-accent-foreground ring-1 ring-accent-foreground/20" : "text-muted-foreground/60 hover:text-muted-foreground hover:bg-hover"}`,
                 title: `${isActive ? "Hide" : "Show only"} ${tc.label}`,
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(tc.icon, { className: "w-3 h-3" }),
@@ -1315,7 +1315,7 @@ function AgentTimeline({ entries, renderMarkdown, uiState, maxHeight = "300px" }
               "button",
               {
                 onClick: collapseAll,
-                className: "inline-flex items-center gap-0.5 text-[10px] text-muted-foreground/60 hover:text-muted-foreground px-1 py-0.5 rounded hover:bg-muted/50 transition-colors",
+                className: "inline-flex items-center gap-0.5 text-[10px] text-muted-foreground/60 hover:text-muted-foreground px-1 py-0.5 rounded hover:bg-hover transition-colors",
                 title: "Collapse all",
                 children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsDownUp, { className: "w-3 h-3" })
               }
@@ -1324,7 +1324,7 @@ function AgentTimeline({ entries, renderMarkdown, uiState, maxHeight = "300px" }
               "button",
               {
                 onClick: expandAll,
-                className: "inline-flex items-center gap-0.5 text-[10px] text-muted-foreground/60 hover:text-muted-foreground px-1 py-0.5 rounded hover:bg-muted/50 transition-colors",
+                className: "inline-flex items-center gap-0.5 text-[10px] text-muted-foreground/60 hover:text-muted-foreground px-1 py-0.5 rounded hover:bg-hover transition-colors",
                 title: "Expand all",
                 children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "w-3 h-3" })
               }