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

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,
@@ -699,6 +699,8 @@ var initialAgentResponseState = {
   knowledge: [],
   memory: [],
   statusUpdates: [],
+  potentialResponses: [],
+  customTimelineEntries: [],
   response: "",
   thinkingStartTime: null,
   responseCompleteTime: null,
@@ -786,6 +788,24 @@ function buildTimelineEntries(state) {
       timestamp: item.timestamp
     });
   }
+  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
+      });
+    }
+  }
+  if (state.customTimelineEntries) {
+    entries.push(...state.customTimelineEntries);
+  }
   entries.sort((a, b) => a.timestamp - b.timestamp);
   return entries;
 }
@@ -993,6 +1013,27 @@ function useAgentResponseAccumulator(options) {
             }
             return { ...prev, status: newStatus, firstMessageTime };
           }
+          case "potential_response": {
+            const respContent = payload.message || payload.content || "";
+            if (respContent) {
+              const newResp = {
+                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 };
         }
@@ -1204,7 +1245,7 @@ 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: [
@@ -1303,6 +1344,7 @@ var AgentResponse = React11__namespace.forwardRef(
     statusContent,
     renderMarkdown,
     renderThinkingMarkdown,
+    timelineMaxHeight,
     className,
     ...props
   }, ref) => {
@@ -1364,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: "pl-3 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,