@optilogic/chat 1.3.3 → 1.3.5

package/dist/index.cjs

@@ -28,7 +28,18 @@ var React11__namespace = /*#__PURE__*/_interopNamespace(React11);
 
 // src/components/agent-response/AgentResponse.tsx
 var ActivityIndicators = React11__namespace.forwardRef(
-  ({ toolCalls, knowledge, memory, statusUpdates = [], className, ...props }, ref) => {
+  ({
+    toolCalls,
+    knowledge,
+    memory,
+    statusUpdates = [],
+    statusUpdateAnchor,
+    toolCallsAnchor,
+    knowledgeAnchor,
+    memoryAnchor,
+    className,
+    ...props
+  }, ref) => {
     const hasAnyActivity = toolCalls.length > 0 || knowledge.length > 0 || memory.length > 0 || statusUpdates.length > 0;
     if (!hasAnyActivity) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: core.cn("flex items-center gap-2", className), ...props, children: [
@@ -36,6 +47,7 @@ var ActivityIndicators = React11__namespace.forwardRef(
         /* @__PURE__ */ jsxRuntime.jsx(core.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
+            "data-tour": statusUpdateAnchor,
             className: "flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors",
             onClick: (e) => e.stopPropagation(),
             children: [
@@ -56,6 +68,7 @@ var ActivityIndicators = React11__namespace.forwardRef(
         /* @__PURE__ */ jsxRuntime.jsx(core.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
+            "data-tour": toolCallsAnchor,
             className: "flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors",
             onClick: (e) => e.stopPropagation(),
             children: [
@@ -76,6 +89,7 @@ var ActivityIndicators = React11__namespace.forwardRef(
         /* @__PURE__ */ jsxRuntime.jsx(core.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
+            "data-tour": knowledgeAnchor,
             className: "flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors",
             onClick: (e) => e.stopPropagation(),
             children: [
@@ -96,6 +110,7 @@ var ActivityIndicators = React11__namespace.forwardRef(
         /* @__PURE__ */ jsxRuntime.jsx(core.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
+            "data-tour": memoryAnchor,
             className: "flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors",
             onClick: (e) => e.stopPropagation(),
             children: [
@@ -158,6 +173,11 @@ var MetadataRow = React11__namespace.forwardRef(
     statusContent,
     status,
     elapsedTime,
+    thinkingToggleAnchor,
+    statusUpdateAnchor,
+    toolCallsAnchor,
+    knowledgeAnchor,
+    memoryAnchor,
     className,
     ...props
   }, ref) => {
@@ -193,6 +213,7 @@ var MetadataRow = React11__namespace.forwardRef(
           hasThinking ? /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
+              "data-tour": thinkingToggleAnchor,
               onClick: onToggle,
               className: "flex items-center gap-1.5 hover:bg-muted/50 -ml-1.5 pl-1.5 pr-2 py-0.5 rounded transition-colors shrink-0",
               children: leftContent
@@ -205,7 +226,11 @@ var MetadataRow = React11__namespace.forwardRef(
               toolCalls,
               knowledge,
               memory,
-              statusUpdates
+              statusUpdates,
+              statusUpdateAnchor,
+              toolCallsAnchor,
+              knowledgeAnchor,
+              memoryAnchor
             }
           )
         ]
@@ -276,6 +301,9 @@ var ActionBar = React11__namespace.forwardRef(
     feedback,
     onFeedbackChange,
     onResponseCopy,
+    copyAnchor,
+    thumbsUpAnchor,
+    thumbsDownAnchor,
     className,
     ...props
   }, ref) => {
@@ -316,6 +344,7 @@ var ActionBar = React11__namespace.forwardRef(
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
+                "data-tour": copyAnchor,
                 onClick: handleCopy,
                 className: "p-1.5 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground",
                 title: copied ? "Copied!" : "Copy response",
@@ -325,6 +354,7 @@ var ActionBar = React11__namespace.forwardRef(
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
+                "data-tour": thumbsUpAnchor,
                 onClick: handleThumbsUp,
                 className: core.cn(
                   "p-1.5 rounded hover:bg-muted transition-colors",
@@ -337,6 +367,7 @@ var ActionBar = React11__namespace.forwardRef(
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
+                "data-tour": thumbsDownAnchor,
                 onClick: handleThumbsDown,
                 className: core.cn(
                   "p-1.5 rounded hover:bg-muted transition-colors",
@@ -845,6 +876,188 @@ function deduplicateEntries(entries) {
   return result;
 }
 
+// src/components/agent-response/reducer.ts
+function reduceAgentMessage(prev, payload) {
+  const now = payload.timestamp ?? Date.now();
+  let newStatus = prev.status;
+  const isFirstMessage = prev.status === "idle" && payload.type !== "status";
+  if (isFirstMessage) {
+    newStatus = "processing";
+  }
+  const firstMessageTime = prev.firstMessageTime ?? (isFirstMessage ? now : null);
+  switch (payload.type) {
+    case "status":
+      if (payload.message === "Harness connected" || payload.status === "Harness connected") {
+        return { ...initialAgentResponseState };
+      }
+      return { ...prev, status: newStatus };
+    case "thinking": {
+      if (payload.thinkingStep) {
+        const newStep = {
+          id: payload.thinkingStep.id || `step-${now}`,
+          label: payload.thinkingStep.label,
+          content: payload.thinkingStep.content,
+          depth: payload.thinkingStep.depth ?? payload.depth ?? 0,
+          isCollapsed: payload.thinkingStep.isCollapsed,
+          timestamp: now,
+          agentName: payload.agentName,
+          parentAgent: payload.parentAgent
+        };
+        const thinkingStartTime2 = prev.thinkingStartTime ?? now;
+        const next2 = {
+          ...prev,
+          status: newStatus,
+          thinkingSteps: [...prev.thinkingSteps || [], newStep],
+          thinkingStartTime: thinkingStartTime2,
+          firstMessageTime
+        };
+        return { ...next2, timelineEntries: buildTimelineEntries(next2) };
+      }
+      const newThinking = payload.message || payload.content || "";
+      const separator = prev.thinking && newThinking ? "\n\n" : "";
+      const thinkingStartTime = prev.thinkingStartTime ?? (newThinking ? now : null);
+      const prevSteps = prev.thinkingSteps || [];
+      const plainStep = {
+        id: `step-${prevSteps.length}`,
+        label: newThinking,
+        content: newThinking,
+        depth: payload.depth ?? 0,
+        timestamp: now,
+        agentName: payload.agentName,
+        parentAgent: payload.parentAgent
+      };
+      const next = {
+        ...prev,
+        status: newStatus,
+        thinking: prev.thinking + separator + newThinking,
+        thinkingSteps: [...prevSteps, plainStep],
+        thinkingStartTime,
+        firstMessageTime
+      };
+      return { ...next, timelineEntries: buildTimelineEntries(next) };
+    }
+    case "tool_call": {
+      const toolName = payload.message || payload.tool?.name;
+      if (toolName) {
+        const newToolCall = {
+          id: payload.tool?.id || `tool-${now}`,
+          name: toolName,
+          arguments: payload.tool?.arguments,
+          timestamp: now,
+          agentName: payload.agentName,
+          parentAgent: payload.parentAgent,
+          depth: payload.depth
+        };
+        const next = {
+          ...prev,
+          status: newStatus,
+          toolCalls: [...prev.toolCalls, newToolCall],
+          firstMessageTime
+        };
+        return { ...next, timelineEntries: buildTimelineEntries(next) };
+      }
+      return { ...prev, status: newStatus, firstMessageTime };
+    }
+    case "knowledge": {
+      const knowledgeContent = payload.message || payload.knowledge?.content;
+      if (knowledgeContent) {
+        const newKnowledge = {
+          id: payload.knowledge?.id || `knowledge-${now}`,
+          source: payload.knowledge?.source || "unknown",
+          content: knowledgeContent,
+          timestamp: now,
+          agentName: payload.agentName,
+          parentAgent: payload.parentAgent,
+          depth: payload.depth
+        };
+        const next = {
+          ...prev,
+          status: newStatus,
+          knowledge: [...prev.knowledge, newKnowledge],
+          firstMessageTime
+        };
+        return { ...next, timelineEntries: buildTimelineEntries(next) };
+      }
+      return { ...prev, status: newStatus, firstMessageTime };
+    }
+    case "memory": {
+      const memoryContent = payload.message || payload.memory?.content;
+      if (memoryContent) {
+        const newMemory = {
+          id: payload.memory?.id || `memory-${now}`,
+          type: payload.memory?.type || "unknown",
+          content: memoryContent,
+          timestamp: now,
+          agentName: payload.agentName,
+          parentAgent: payload.parentAgent,
+          depth: payload.depth
+        };
+        const next = {
+          ...prev,
+          status: newStatus,
+          memory: [...prev.memory, newMemory],
+          firstMessageTime
+        };
+        return { ...next, timelineEntries: buildTimelineEntries(next) };
+      }
+      return { ...prev, status: newStatus, firstMessageTime };
+    }
+    case "response":
+      return {
+        ...prev,
+        status: "complete",
+        response: payload.message || payload.content || "",
+        responseCompleteTime: now,
+        firstMessageTime: prev.firstMessageTime ?? now
+      };
+    case "status_update": {
+      const statusMessage = payload.message || payload.statusUpdate?.message;
+      if (statusMessage) {
+        const newStatusItem = {
+          id: payload.statusUpdate?.id || `status-${now}`,
+          message: statusMessage,
+          agent: payload.statusUpdate?.agent,
+          timestamp: now,
+          agentName: payload.agentName,
+          parentAgent: payload.parentAgent,
+          depth: payload.depth
+        };
+        const next = {
+          ...prev,
+          status: newStatus,
+          statusUpdates: [...prev.statusUpdates, newStatusItem],
+          firstMessageTime
+        };
+        return { ...next, timelineEntries: buildTimelineEntries(next) };
+      }
+      return { ...prev, status: newStatus, firstMessageTime };
+    }
+    case "potential_response": {
+      const respContent = payload.message || payload.content || "";
+      if (respContent) {
+        const newResp = {
+          id: `resp-${now}`,
+          content: respContent,
+          timestamp: 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 };
+  }
+}
+
 // src/components/agent-response/hooks/useAgentResponseAccumulator.ts
 function useAgentResponseAccumulator(options) {
   const [state, setState] = React11.useState(initialAgentResponseState);
@@ -859,185 +1072,7 @@ function useAgentResponseAccumulator(options) {
       } else {
         payload = message;
       }
-      setState((prev) => {
-        let newStatus = prev.status;
-        const isFirstMessage = prev.status === "idle" && payload.type !== "status";
-        if (isFirstMessage) {
-          newStatus = "processing";
-        }
-        const firstMessageTime = prev.firstMessageTime ?? (isFirstMessage ? Date.now() : null);
-        switch (payload.type) {
-          case "status":
-            if (payload.message === "Harness connected" || payload.status === "Harness connected") {
-              return { ...initialAgentResponseState };
-            }
-            return { ...prev, status: newStatus };
-          case "thinking": {
-            if (payload.thinkingStep) {
-              const newStep = {
-                id: payload.thinkingStep.id || `step-${Date.now()}`,
-                label: payload.thinkingStep.label,
-                content: payload.thinkingStep.content,
-                depth: payload.thinkingStep.depth ?? payload.depth ?? 0,
-                isCollapsed: payload.thinkingStep.isCollapsed,
-                timestamp: Date.now(),
-                agentName: payload.agentName,
-                parentAgent: payload.parentAgent
-              };
-              const thinkingStartTime2 = prev.thinkingStartTime ?? Date.now();
-              const next2 = {
-                ...prev,
-                status: newStatus,
-                thinkingSteps: [...prev.thinkingSteps || [], newStep],
-                thinkingStartTime: thinkingStartTime2,
-                firstMessageTime
-              };
-              return { ...next2, timelineEntries: buildTimelineEntries(next2) };
-            }
-            const newThinking = payload.message || payload.content || "";
-            const separator = prev.thinking && newThinking ? "\n\n" : "";
-            const thinkingStartTime = prev.thinkingStartTime ?? (newThinking ? Date.now() : null);
-            const prevSteps = prev.thinkingSteps || [];
-            const plainStep = {
-              id: `step-${prevSteps.length}`,
-              label: newThinking,
-              content: newThinking,
-              depth: payload.depth ?? 0,
-              timestamp: Date.now(),
-              agentName: payload.agentName,
-              parentAgent: payload.parentAgent
-            };
-            const next = {
-              ...prev,
-              status: newStatus,
-              thinking: prev.thinking + separator + newThinking,
-              thinkingSteps: [...prevSteps, plainStep],
-              thinkingStartTime,
-              firstMessageTime
-            };
-            return { ...next, timelineEntries: buildTimelineEntries(next) };
-          }
-          case "tool_call": {
-            const toolName = payload.message || payload.tool?.name;
-            if (toolName) {
-              const newToolCall = {
-                id: payload.tool?.id || `tool-${Date.now()}`,
-                name: toolName,
-                arguments: payload.tool?.arguments,
-                timestamp: Date.now(),
-                agentName: payload.agentName,
-                parentAgent: payload.parentAgent,
-                depth: payload.depth
-              };
-              const next = {
-                ...prev,
-                status: newStatus,
-                toolCalls: [...prev.toolCalls, newToolCall],
-                firstMessageTime
-              };
-              return { ...next, timelineEntries: buildTimelineEntries(next) };
-            }
-            return { ...prev, status: newStatus, firstMessageTime };
-          }
-          case "knowledge": {
-            const knowledgeContent = payload.message || payload.knowledge?.content;
-            if (knowledgeContent) {
-              const newKnowledge = {
-                id: payload.knowledge?.id || `knowledge-${Date.now()}`,
-                source: payload.knowledge?.source || "unknown",
-                content: knowledgeContent,
-                timestamp: Date.now(),
-                agentName: payload.agentName,
-                parentAgent: payload.parentAgent,
-                depth: payload.depth
-              };
-              const next = {
-                ...prev,
-                status: newStatus,
-                knowledge: [...prev.knowledge, newKnowledge],
-                firstMessageTime
-              };
-              return { ...next, timelineEntries: buildTimelineEntries(next) };
-            }
-            return { ...prev, status: newStatus, firstMessageTime };
-          }
-          case "memory": {
-            const memoryContent = payload.message || payload.memory?.content;
-            if (memoryContent) {
-              const newMemory = {
-                id: payload.memory?.id || `memory-${Date.now()}`,
-                type: payload.memory?.type || "unknown",
-                content: memoryContent,
-                timestamp: Date.now(),
-                agentName: payload.agentName,
-                parentAgent: payload.parentAgent,
-                depth: payload.depth
-              };
-              const next = {
-                ...prev,
-                status: newStatus,
-                memory: [...prev.memory, newMemory],
-                firstMessageTime
-              };
-              return { ...next, timelineEntries: buildTimelineEntries(next) };
-            }
-            return { ...prev, status: newStatus, firstMessageTime };
-          }
-          case "response":
-            return {
-              ...prev,
-              status: "complete",
-              response: payload.message || payload.content || "",
-              responseCompleteTime: Date.now(),
-              firstMessageTime: prev.firstMessageTime ?? Date.now()
-            };
-          case "status_update": {
-            const statusMessage = payload.message || payload.statusUpdate?.message;
-            if (statusMessage) {
-              const newStatusItem = {
-                id: payload.statusUpdate?.id || `status-${Date.now()}`,
-                message: statusMessage,
-                agent: payload.statusUpdate?.agent,
-                timestamp: Date.now(),
-                agentName: payload.agentName,
-                parentAgent: payload.parentAgent,
-                depth: payload.depth
-              };
-              const next = {
-                ...prev,
-                status: newStatus,
-                statusUpdates: [...prev.statusUpdates, newStatusItem],
-                firstMessageTime
-              };
-              return { ...next, timelineEntries: buildTimelineEntries(next) };
-            }
-            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 };
-        }
-      });
+      setState((prev) => reduceAgentMessage(prev, payload));
     },
     [topic]
   );
@@ -1346,6 +1381,7 @@ var AgentResponse = React11__namespace.forwardRef(
     renderThinkingMarkdown,
     timelineMaxHeight,
     classNames,
+    anchors,
     className,
     ...props
   }, ref) => {
@@ -1404,10 +1440,15 @@ var AgentResponse = React11__namespace.forwardRef(
                   statusUpdates: state.statusUpdates,
                   statusContent,
                   status: state.status,
-                  elapsedTime
+                  elapsedTime,
+                  thinkingToggleAnchor: anchors?.thinkingToggle,
+                  statusUpdateAnchor: anchors?.statusUpdate,
+                  toolCallsAnchor: anchors?.toolCalls,
+                  knowledgeAnchor: anchors?.knowledge,
+                  memoryAnchor: anchors?.memory
                 }
               ),
-              hasTimelineEntries ? thinkingExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-3 border-t border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+              hasTimelineEntries ? thinkingExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-3 border-t border-border", "data-tour": anchors?.thinkingSection, children: /* @__PURE__ */ jsxRuntime.jsx(
                 AgentTimeline,
                 {
                   entries: state.timelineEntries,
@@ -1418,6 +1459,7 @@ var AgentResponse = React11__namespace.forwardRef(
               ) }) : /* @__PURE__ */ jsxRuntime.jsx(
                 ThinkingSection,
                 {
+                  "data-tour": anchors?.thinkingSection,
                   content: state.thinkingSteps && state.thinkingSteps.length > 0 ? state.thinkingSteps : state.thinking,
                   isExpanded: thinkingExpanded,
                   renderMarkdown: renderThinkingMarkdown
@@ -1451,7 +1493,10 @@ var AgentResponse = React11__namespace.forwardRef(
               totalTimeSeconds,
               feedback,
               onFeedbackChange,
-              onResponseCopy
+              onResponseCopy,
+              copyAnchor: anchors?.copyAction,
+              thumbsUpAnchor: anchors?.thumbsUp,
+              thumbsDownAnchor: anchors?.thumbsDown
             }
           )
         ]
@@ -1581,6 +1626,7 @@ var UserPromptInput = React11__namespace.forwardRef(
     enableTags = false,
     onTagCreate,
     onTagDelete,
+    anchors,
     className,
     ...props
   }, ref) => {
@@ -1700,6 +1746,7 @@ var UserPromptInput = React11__namespace.forwardRef(
             isSubmitting && onStop ? /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { content: stopTooltip, disabled: !stopTooltip, children: /* @__PURE__ */ jsxRuntime.jsx(
               core.IconButton,
               {
+                "data-tour": anchors?.stopButton,
                 icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, {}),
                 variant: "filled",
                 size: "sm",
@@ -1710,6 +1757,7 @@ var UserPromptInput = React11__namespace.forwardRef(
             ) }) : /* @__PURE__ */ jsxRuntime.jsx(
               core.IconButton,
               {
+                "data-tour": anchors?.sendButton,
                 icon: isSubmitting ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, {}),
                 variant: "filled",
                 size: "sm",
@@ -1858,6 +1906,7 @@ exports.formatTotalTime = formatTotalTime;
 exports.groupIntoAgentRuns = groupIntoAgentRuns;
 exports.initialAgentResponseState = initialAgentResponseState;
 exports.parseResponseSegments = parseResponseSegments;
+exports.reduceAgentMessage = reduceAgentMessage;
 exports.useAgentResponseAccumulator = useAgentResponseAccumulator;
 exports.useThinkingTimer = useThinkingTimer;
 //# sourceMappingURL=index.cjs.map