@optilogic/chat 1.3.5 → 1.3.6

package/dist/index.js

@@ -194,7 +194,7 @@ var MetadataRow = React11.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__ */ jsx("div", { className: "flex items-center gap-1.5 shrink-0", children: leftContent }),
@@ -229,7 +229,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__ */ jsx(ChevronRight, { className: "w-3 h-3 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 text-muted-foreground flex-shrink-0" }),
@@ -325,7 +325,7 @@ var ActionBar = React11.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__ */ jsx(Check, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ jsx(Copy, { className: "w-4 h-4" })
               }
@@ -336,7 +336,7 @@ var ActionBar = React11.forwardRef(
                 "data-tour": thumbsUpAnchor,
                 onClick: handleThumbsUp,
                 className: 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",
@@ -349,7 +349,7 @@ var ActionBar = React11.forwardRef(
                 "data-tour": thumbsDownAnchor,
                 onClick: handleThumbsDown,
                 className: 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",
@@ -637,7 +637,7 @@ var HITLSection = React11.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__ */ jsx(ChevronDown, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }),
                 /* @__PURE__ */ jsx(MessageCircleQuestion, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }),
@@ -1154,7 +1154,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__ */ jsx(ChevronRight, { className: "w-3 h-3 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 text-muted-foreground flex-shrink-0" }),
           /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-foreground/80", children: block.agentName }),
@@ -1270,7 +1270,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__ */ jsx(tc.icon, { className: "w-3 h-3" }),
@@ -1294,7 +1294,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__ */ jsx(ChevronsDownUp, { className: "w-3 h-3" })
               }
@@ -1303,7 +1303,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__ */ jsx(ChevronsUpDown, { className: "w-3 h-3" })
               }