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

package/dist/index.d.cts

@@ -787,6 +787,10 @@ interface UserPromptInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     isSubmitting?: boolean;
     /** Called when user clicks Stop during submission */
     onStop?: () => void;
+    /** Tooltip text shown on hover over the stop button */
+    stopTooltip?: string;
+    /** Additional CSS class names applied to the stop button */
+    stopClassName?: string;
     /** Whether to disable input while submitting (default: true) */
     disableWhileSubmitting?: boolean;
     /** Auto-focus the editor when mounted (handles Slate initialization timing) */

package/dist/index.d.ts

@@ -787,6 +787,10 @@ interface UserPromptInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     isSubmitting?: boolean;
     /** Called when user clicks Stop during submission */
     onStop?: () => void;
+    /** Tooltip text shown on hover over the stop button */
+    stopTooltip?: string;
+    /** Additional CSS class names applied to the stop button */
+    stopClassName?: string;
     /** Whether to disable input while submitting (default: true) */
     disableWhileSubmitting?: boolean;
     /** Auto-focus the editor when mounted (handles Slate initialization timing) */

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as React11 from 'react';
 import { useState, useCallback, useRef, useEffect, useMemo } from 'react';
-import { cn, Popover, PopoverTrigger, PopoverContent, Button, Textarea, IconButton, LoadingSpinner } from '@optilogic/core';
+import { cn, Popover, PopoverTrigger, PopoverContent, Button, Textarea, Tooltip, IconButton, LoadingSpinner } from '@optilogic/core';
 import { Activity, Wrench, Book, HardDrive, Check, Copy, ThumbsUp, ThumbsDown, ChevronDown, ChevronRight, MessageCircleQuestion, Square, Loader2, Send, ChevronUp, Brain, BookOpen, MessageSquare, AlertCircle, ChevronsDownUp, ChevronsUpDown } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { SlateEditor, Text } from '@optilogic/editor';
@@ -1227,7 +1227,7 @@ function AgentTimeline({ entries, renderMarkdown, uiState, maxHeight = "300px" }
       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;
@@ -1385,7 +1385,7 @@ var AgentResponse = React11.forwardRef(
                   elapsedTime
                 }
               ),
-              hasTimelineEntries ? thinkingExpanded && /* @__PURE__ */ jsx("div", { className: "pl-3 pb-3 border-t border-border", children: /* @__PURE__ */ jsx(
+              hasTimelineEntries ? thinkingExpanded && /* @__PURE__ */ jsx("div", { className: "pb-3 border-t border-border", children: /* @__PURE__ */ jsx(
                 AgentTimeline,
                 {
                   entries: state.timelineEntries,
@@ -1546,6 +1546,8 @@ var UserPromptInput = React11.forwardRef(
     disabled = false,
     isSubmitting = false,
     onStop,
+    stopTooltip,
+    stopClassName,
     disableWhileSubmitting = true,
     autoFocus = false,
     refocusAfterSubmit = false,
@@ -1672,16 +1674,17 @@ var UserPromptInput = React11.forwardRef(
           ) }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pl-2 pr-1 pb-1 pt-1", children: [
             /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: renderActions?.() }),
-            isSubmitting && onStop ? /* @__PURE__ */ jsx(
+            isSubmitting && onStop ? /* @__PURE__ */ jsx(Tooltip, { content: stopTooltip, disabled: !stopTooltip, children: /* @__PURE__ */ jsx(
               IconButton,
               {
                 icon: /* @__PURE__ */ jsx(Square, {}),
                 variant: "filled",
                 size: "sm",
-                "aria-label": "Stop",
-                onClick: onStop
+                "aria-label": stopTooltip || "Stop",
+                onClick: onStop,
+                className: stopClassName
               }
-            ) : /* @__PURE__ */ jsx(
+            ) }) : /* @__PURE__ */ jsx(
               IconButton,
               {
                 icon: isSubmitting ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ jsx(Send, {}),