@optilogic/chat 1.0.0-beta.11 → 1.0.0-beta.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optilogic/chat",
-  "version": "1.0.0-beta.11",
+  "version": "1.0.0-beta.13",
   "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.11",
-    "@optilogic/editor": "1.0.0-beta.11"
+    "@optilogic/editor": "1.0.0-beta.13",
+    "@optilogic/core": "1.0.0-beta.13"
   },
   "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="pl-3 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-response/hooks/useAgentResponseAccumulator.ts

@@ -15,6 +15,7 @@ import {
   type MemoryItem,
   type StatusItem,
   type ThinkingStep,
+  type PotentialResponse,
 } from "../types";
 import { buildTimelineEntries } from "../../agent-timeline/utils";
 
@@ -245,6 +246,28 @@ export function useAgentResponseAccumulator(
             return { ...prev, status: newStatus, firstMessageTime };
           }
 
+          case "potential_response": {
+            const respContent = payload.message || payload.content || "";
+            if (respContent) {
+              const newResp: PotentialResponse = {
+                id: `resp-${Date.now()}`,
+                content: respContent,
+                timestamp: Date.now(),
+                agentName: payload.agentName,
+                parentAgent: payload.parentAgent,
+                depth: payload.depth,
+              };
+              const next = {
+                ...prev,
+                status: newStatus,
+                potentialResponses: [...(prev.potentialResponses || []), newResp],
+                firstMessageTime,
+              };
+              return { ...next, timelineEntries: buildTimelineEntries(next) };
+            }
+            return { ...prev, status: newStatus, firstMessageTime };
+          }
+
           default:
             return { ...prev, status: newStatus, firstMessageTime };
         }

package/src/components/agent-response/index.ts

@@ -45,6 +45,7 @@ export type {
   StatusItem,
   ThinkingStep,
   ThinkingContent,
+  PotentialResponse,
   AgentMessage,
   GenericWebSocketMessage,
 } from "./types";

package/src/components/agent-response/types.ts

@@ -64,6 +64,18 @@ export interface MemoryItem {
   depth?: number;
 }
 
+/**
+ * Potential response (sub-agent intermediate AI response)
+ */
+export interface PotentialResponse {
+  id: string;
+  content: string;
+  timestamp: number;
+  agentName?: string | null;
+  parentAgent?: string | null;
+  depth?: number;
+}
+
 /**
  * Status update information from the agent
  */
@@ -128,6 +140,10 @@ export interface AgentResponseState {
   memory: MemoryItem[];
   /** Status updates from the agent */
   statusUpdates: StatusItem[];
+  /** Potential responses (sub-agent intermediate AI responses) */
+  potentialResponses?: PotentialResponse[];
+  /** Custom timeline entries (consumer-provided) */
+  customTimelineEntries?: TimelineEntry[];
   /** Final response text */
   response: string;
   /** Timeline entries derived from all accumulator arrays (for AgentTimeline) */
@@ -144,7 +160,7 @@ export interface AgentResponseState {
  * WebSocket message payload for agent responses
  */
 export interface AgentMessage {
-  type: "status" | "thinking" | "tool_call" | "knowledge" | "memory" | "response" | "status_update";
+  type: "status" | "thinking" | "tool_call" | "knowledge" | "memory" | "response" | "status_update" | "potential_response";
   /** Message content - for simple string payloads */
   message?: string;
   /** Alternative content field */
@@ -212,6 +228,8 @@ export const initialAgentResponseState: AgentResponseState = {
   knowledge: [],
   memory: [],
   statusUpdates: [],
+  potentialResponses: [],
+  customTimelineEntries: [],
   response: "",
   thinkingStartTime: null,
   responseCompleteTime: null,

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

@@ -151,7 +151,7 @@ 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) */}

package/src/components/agent-timeline/utils.ts

@@ -98,6 +98,28 @@ export function buildTimelineEntries(state: AgentResponseState): TimelineEntry[]
     });
   }
 
+  // Potential responses → ai_response timeline entries
+  if (state.potentialResponses) {
+    let respIdx = 0;
+    for (const resp of state.potentialResponses) {
+      entries.push({
+        id: `tl-resp-${respIdx++}`,
+        type: "ai_response",
+        agentName: resp.agentName ?? null,
+        parentAgent: resp.parentAgent ?? null,
+        depth: resp.depth ?? 0,
+        content: resp.content,
+        title: null,
+        timestamp: resp.timestamp,
+      });
+    }
+  }
+
+  // Merge any custom timeline entries (consumer-provided)
+  if (state.customTimelineEntries) {
+    entries.push(...state.customTimelineEntries);
+  }
+
   // Sort chronologically
   entries.sort((a, b) => a.timestamp - b.timestamp);
 

package/src/index.ts

@@ -41,6 +41,7 @@ export {
   type StatusItem,
   type ThinkingStep,
   type ThinkingContent,
+  type PotentialResponse,
   type AgentMessage,
   type GenericWebSocketMessage,