@trops/dash-core 0.1.661 → 0.1.662

package/dist/index.js

@@ -71262,12 +71262,38 @@ var ChatInput = function ChatInput(_ref) {
       return observer.disconnect();
     };
   }, []);
+
+  // Enter/Send while a reply is still coming in (e.g. the panel's hidden
+  // greeting right after it opens) queues the message instead of dropping
+  // it; it goes out — with any edits made meanwhile — once the reply ends.
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    queued = _useState4[0],
+    setQueued = _useState4[1];
   var handleSend = function handleSend() {
     var trimmed = input.trim();
-    if (!trimmed || isLoading) return;
+    if (!trimmed) return;
+    if (isLoading) {
+      setQueued(true);
+      return;
+    }
     onSend(trimmed);
     setInput("");
   };
+  React.useEffect(function () {
+    if (!queued || isLoading) return;
+    setQueued(false);
+    var trimmed = input.trim();
+    if (!trimmed) return;
+    onSend(trimmed);
+    setInput("");
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isLoading, queued]);
+  var handleChange = function handleChange(e) {
+    setInput(e.target.value);
+    // Clearing the box cancels a queued message.
+    if (!e.target.value.trim()) setQueued(false);
+  };
   var handleKeyDown = function handleKeyDown(e) {
     if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
@@ -71275,27 +71301,31 @@ var ChatInput = function ChatInput(_ref) {
     }
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "flex items-end gap-2 px-3 py-2 border-t border-gray-700/50",
-    children: [/*#__PURE__*/jsxRuntime.jsx("textarea", {
-      ref: textareaRef,
-      value: input,
-      onChange: function onChange(e) {
-        return setInput(e.target.value);
-      },
-      onKeyDown: handleKeyDown,
-      placeholder: "Type a message...",
-      disabled: disabled,
-      rows: 1,
-      className: "flex-1 px-3 py-2 bg-gray-800 border border-gray-700 rounded-lg text-sm text-gray-200 placeholder-gray-500 focus:outline-none focus:border-indigo-500 resize-none disabled:opacity-50"
-    }), isLoading ? /*#__PURE__*/jsxRuntime.jsx("button", {
-      onClick: onStop,
-      className: "px-3 py-2 rounded-lg bg-red-700 hover:bg-red-600 text-white text-sm font-medium transition-colors shrink-0",
-      children: "Stop"
-    }) : /*#__PURE__*/jsxRuntime.jsx("button", {
-      onClick: handleSend,
-      disabled: !input.trim() || disabled,
-      className: "px-3 py-2 rounded-lg bg-indigo-600 hover:bg-indigo-500 disabled:opacity-40 disabled:cursor-not-allowed text-white text-sm font-medium transition-colors shrink-0",
-      children: "Send"
+    className: "flex flex-col gap-1 px-3 py-2 border-t border-gray-700/50",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-end gap-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx("textarea", {
+        ref: textareaRef,
+        value: input,
+        onChange: handleChange,
+        onKeyDown: handleKeyDown,
+        placeholder: "Type a message...",
+        disabled: disabled,
+        rows: 1,
+        className: "flex-1 px-3 py-2 bg-gray-800 border border-gray-700 rounded-lg text-sm text-gray-200 placeholder-gray-500 focus:outline-none focus:border-indigo-500 resize-none disabled:opacity-50"
+      }), isLoading ? /*#__PURE__*/jsxRuntime.jsx("button", {
+        onClick: onStop,
+        className: "px-3 py-2 rounded-lg bg-red-700 hover:bg-red-600 text-white text-sm font-medium transition-colors shrink-0",
+        children: "Stop"
+      }) : /*#__PURE__*/jsxRuntime.jsx("button", {
+        onClick: handleSend,
+        disabled: !input.trim() || disabled,
+        className: "px-3 py-2 rounded-lg bg-indigo-600 hover:bg-indigo-500 disabled:opacity-40 disabled:cursor-not-allowed text-white text-sm font-medium transition-colors shrink-0",
+        children: "Send"
+      })]
+    }), queued && /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "text-xs text-gray-500",
+      children: "Sends when the current reply finishes"
     })]
   });
 };