@optilogic/chat 1.0.0-beta.12 → 1.0.0-beta.14

package/dist/index.cjs

@@ -255,7 +255,7 @@ var ThinkingSection = React11__namespace.forwardRef(
         ref,
         className: core.cn("px-3 pb-3 border-t border-border", className),
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 max-h-[200px] overflow-y-auto scrollbar-thin", children: isStructured ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0", children: content.map((step) => /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 max-h-[200px] overflow-y-auto", children: isStructured ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0", children: content.map((step) => /* @__PURE__ */ jsxRuntime.jsx(
           ThinkingStepItem,
           {
             step,
@@ -1245,10 +1245,10 @@ function AgentTimeline({ entries, renderMarkdown, uiState, maxHeight = "300px" }
     "div",
     {
       ref: containerRef,
-      className: `-mt-1 ${maxHeight !== "none" ? "overflow-y-auto scrollbar-thin" : ""}`,
+      className: maxHeight !== "none" ? "overflow-y-auto" : "",
       style: scrollStyle,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-10 bg-background flex items-center gap-1 py-1.5 mb-1 border-b border-border/50 flex-wrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-10 bg-background flex items-center gap-1 py-1.5 mb-1 border-b border-border/50 flex-wrap pl-2", children: [
           TYPE_CONFIG.filter((tc) => availableTypes.has(tc.type)).map((tc) => {
             const isActive = activeFilters.has(tc.type);
             const count = entries.filter((e) => e.type === tc.type).length;
@@ -1344,6 +1344,7 @@ var AgentResponse = React11__namespace.forwardRef(
     statusContent,
     renderMarkdown,
     renderThinkingMarkdown,
+    timelineMaxHeight,
     className,
     ...props
   }, ref) => {
@@ -1405,12 +1406,13 @@ var AgentResponse = React11__namespace.forwardRef(
                   elapsedTime
                 }
               ),
-              hasTimelineEntries ? thinkingExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 pb-3 border-t border-border mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+              hasTimelineEntries ? thinkingExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-3 border-t border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
                 AgentTimeline,
                 {
                   entries: state.timelineEntries,
                   renderMarkdown: renderThinkingMarkdown,
-                  uiState: timelineUIStateRef.current
+                  uiState: timelineUIStateRef.current,
+                  maxHeight: timelineMaxHeight
                 }
               ) }) : /* @__PURE__ */ jsxRuntime.jsx(
                 ThinkingSection,