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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optilogic/chat",
-  "version": "1.0.0-beta.12",
+  "version": "1.0.0-beta.14",
   "description": "Chat UI components for Optilogic - AgentResponse and related components for LLM interactions",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -24,8 +24,8 @@
     "README.md"
   ],
   "dependencies": {
-    "@optilogic/core": "1.0.0-beta.12",
-    "@optilogic/editor": "1.0.0-beta.12"
+    "@optilogic/core": "1.0.0-beta.14",
+    "@optilogic/editor": "1.0.0-beta.14"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/components/agent-response/AgentResponse.tsx

@@ -92,6 +92,12 @@ export 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;
 }
 
 /**
@@ -144,6 +150,7 @@ const AgentResponse = React.forwardRef<HTMLDivElement, AgentResponseProps>(
       statusContent,
       renderMarkdown,
       renderThinkingMarkdown,
+      timelineMaxHeight,
       className,
       ...props
     },
@@ -254,11 +261,12 @@ const AgentResponse = React.forwardRef<HTMLDivElement, AgentResponseProps>(
               {/* Thinking Content - AgentTimeline when timeline entries exist, ThinkingSection otherwise */}
               {hasTimelineEntries ? (
                 thinkingExpanded && (
-                  <div className="px-3 pb-3 border-t border-border mt-2">
+                  <div className="pb-3 border-t border-border">
                     <AgentTimeline
                       entries={state.timelineEntries!}
                       renderMarkdown={renderThinkingMarkdown}
                       uiState={timelineUIStateRef.current}
+                      maxHeight={timelineMaxHeight}
                     />
                   </div>
                 )

package/src/components/agent-response/components/ThinkingSection.tsx

@@ -110,7 +110,7 @@ const ThinkingSection = React.forwardRef<HTMLDivElement, ThinkingSectionProps>(
         className={cn("px-3 pb-3 border-t border-border", className)}
         {...props}
       >
-        <div className="mt-2 max-h-[200px] overflow-y-auto scrollbar-thin">
+        <div className="mt-2 max-h-[200px] overflow-y-auto">
           {isStructured ? (
             <div className="space-y-0">
               {content.map((step) => (

package/src/components/agent-timeline/AgentTimeline.tsx

@@ -151,11 +151,11 @@ export function AgentTimeline({ entries, renderMarkdown, uiState, maxHeight = "3
   return (
     <div
       ref={containerRef}
-      className={`-mt-1 ${maxHeight !== "none" ? "overflow-y-auto scrollbar-thin" : ""}`}
+      className={maxHeight !== "none" ? "overflow-y-auto" : ""}
       style={scrollStyle}
     >
       {/* Filter + controls bar (sticky within scroll container) */}
-      <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">
+      <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">
         {/* Type filter chips */}
         {TYPE_CONFIG.filter((tc) => availableTypes.has(tc.type)).map((tc) => {
           const isActive = activeFilters.has(tc.type);