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

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';
@@ -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, {}),