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

package/dist/index.d.cts

@@ -384,6 +384,11 @@ interface AgentResponseProps extends React.HTMLAttributes<HTMLDivElement> {
      * />
      */
     renderThinkingMarkdown?: (content: string) => React.ReactNode;
+    /**
+     * Maximum height of the AgentTimeline scrollable container.
+     * Defaults to "300px". Set to "none" to disable the constraint.
+     */
+    timelineMaxHeight?: string;
 }
 /**
  * AgentResponse Component

package/dist/index.d.ts

@@ -384,6 +384,11 @@ interface AgentResponseProps extends React.HTMLAttributes<HTMLDivElement> {
      * />
      */
     renderThinkingMarkdown?: (content: string) => React.ReactNode;
+    /**
+     * Maximum height of the AgentTimeline scrollable container.
+     * Defaults to "300px". Set to "none" to disable the constraint.
+     */
+    timelineMaxHeight?: string;
 }
 /**
  * AgentResponse Component

package/dist/index.js

@@ -234,7 +234,7 @@ var ThinkingSection = React11.forwardRef(
         ref,
         className: cn("px-3 pb-3 border-t border-border", className),
         ...props,
-        children: /* @__PURE__ */ jsx("div", { className: "mt-2 max-h-[200px] overflow-y-auto scrollbar-thin", children: isStructured ? /* @__PURE__ */ jsx("div", { className: "space-y-0", children: content.map((step) => /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx("div", { className: "mt-2 max-h-[200px] overflow-y-auto", children: isStructured ? /* @__PURE__ */ jsx("div", { className: "space-y-0", children: content.map((step) => /* @__PURE__ */ jsx(
           ThinkingStepItem,
           {
             step,
@@ -1224,10 +1224,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__ */ 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__ */ 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;
@@ -1323,6 +1323,7 @@ var AgentResponse = React11.forwardRef(
     statusContent,
     renderMarkdown,
     renderThinkingMarkdown,
+    timelineMaxHeight,
     className,
     ...props
   }, ref) => {
@@ -1384,12 +1385,13 @@ var AgentResponse = React11.forwardRef(
                   elapsedTime
                 }
               ),
-              hasTimelineEntries ? thinkingExpanded && /* @__PURE__ */ jsx("div", { className: "px-3 pb-3 border-t border-border mt-2", children: /* @__PURE__ */ jsx(
+              hasTimelineEntries ? thinkingExpanded && /* @__PURE__ */ jsx("div", { className: "pb-3 border-t border-border", children: /* @__PURE__ */ jsx(
                 AgentTimeline,
                 {
                   entries: state.timelineEntries,
                   renderMarkdown: renderThinkingMarkdown,
-                  uiState: timelineUIStateRef.current
+                  uiState: timelineUIStateRef.current,
+                  maxHeight: timelineMaxHeight
                 }
               ) }) : /* @__PURE__ */ jsx(
                 ThinkingSection,