@yushaw/sanqian-chat 0.2.21 → 0.2.23

package/dist/renderer/index.js

@@ -7869,6 +7869,7 @@ var ChatInput = (0, import_react23.memo)(
     const [text, setText] = (0, import_react23.useState)("");
     const textareaRef = (0, import_react23.useRef)(null);
     const submitInFlightRef = (0, import_react23.useRef)(false);
+    const inputRevisionRef = (0, import_react23.useRef)(0);
     const canSend = (text.trim().length > 0 || allowEmptySubmit) && !disabled && !isLoading;
     const showStopButton = isStreaming && !!onStop;
     const showSpinner = isLoading && !showStopButton;
@@ -7893,13 +7894,24 @@ var ChatInput = (0, import_react23.memo)(
         e?.preventDefault();
         if (!canSend) return;
         if (submitInFlightRef.current) return;
+        const draft = text;
+        const payload = draft.trim();
+        const submitRevision = inputRevisionRef.current;
         submitInFlightRef.current = true;
+        setText("");
+        const restoreDraft = () => {
+          setText((current) => {
+            if (inputRevisionRef.current !== submitRevision) return current;
+            return current.length === 0 ? draft : current;
+          });
+        };
         try {
-          const result = await onSend(text.trim());
-          if (result !== false) {
-            setText("");
+          const result = await onSend(payload);
+          if (result === false) {
+            restoreDraft();
           }
         } catch {
+          restoreDraft();
         } finally {
           submitInFlightRef.current = false;
         }
@@ -7945,7 +7957,10 @@ var ChatInput = (0, import_react23.memo)(
               {
                 ref: textareaRef,
                 value: text,
-                onChange: (e) => setText(e.target.value),
+                onChange: (e) => {
+                  inputRevisionRef.current += 1;
+                  setText(e.target.value);
+                },
                 onKeyDown: handleKeyDown,
                 placeholder,
                 disabled,
@@ -10778,6 +10793,39 @@ var CompactChat = (0, import_react38.memo)(function CompactChat2({
               leftSlot: addResourceButtonSlot
             }
           );
+          const hasContextTags = chat.sessionResources.length > 0 || resourcePicker.attachedResources.length > 0;
+          const contextTagsOverlay = hasContextTags ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "div",
+            {
+              className: "pointer-events-none absolute left-0 right-0 z-10",
+              style: { bottom: "calc(100% + 8px)" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                chat.sessionResources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "pointer-events-auto", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  AttachedResourceTags,
+                  {
+                    resources: chat.sessionResources.map((r) => ({
+                      providerId: r.appName,
+                      resourceId: r.fullId,
+                      title: r.title,
+                      summary: r.summary,
+                      icon: r.icon,
+                      type: r.type
+                    })),
+                    onRemove: (_, fullId) => chat.removeSessionResource(fullId),
+                    disabled: disableInput
+                  }
+                ) }),
+                resourcePicker.attachedResources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "pointer-events-auto", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  AttachedResourceTags,
+                  {
+                    resources: resourcePicker.attachedResources,
+                    onRemove: resourcePicker.detachResource,
+                    disabled: disableInput
+                  }
+                ) })
+              ] })
+            }
+          ) : null;
           if (shouldRenderInputExternally && portalContainerRef.current) {
             return (0, import_react_dom.createPortal)(inputElement, portalContainerRef.current);
           }
@@ -10837,32 +10885,10 @@ var CompactChat = (0, import_react38.memo)(function CompactChat2({
                 }
               }
             ),
-            (chat.sessionResources.length > 0 || resourcePicker.attachedResources.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-              chat.sessionResources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                AttachedResourceTags,
-                {
-                  resources: chat.sessionResources.map((r) => ({
-                    providerId: r.appName,
-                    resourceId: r.fullId,
-                    title: r.title,
-                    summary: r.summary,
-                    icon: r.icon,
-                    type: r.type
-                  })),
-                  onRemove: (_, fullId) => chat.removeSessionResource(fullId),
-                  disabled: disableInput
-                }
-              ),
-              resourcePicker.attachedResources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                AttachedResourceTags,
-                {
-                  resources: resourcePicker.attachedResources,
-                  onRemove: resourcePicker.detachResource,
-                  disabled: disableInput
-                }
-              )
-            ] }),
-            inputElement
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative", children: [
+              contextTagsOverlay,
+              inputElement
+            ] })
           ] });
         })()
       ]

package/dist/renderer/index.mjs

@@ -7797,6 +7797,7 @@ var ChatInput = memo7(
     const [text, setText] = useState14("");
     const textareaRef = useRef9(null);
     const submitInFlightRef = useRef9(false);
+    const inputRevisionRef = useRef9(0);
     const canSend = (text.trim().length > 0 || allowEmptySubmit) && !disabled && !isLoading;
     const showStopButton = isStreaming && !!onStop;
     const showSpinner = isLoading && !showStopButton;
@@ -7821,13 +7822,24 @@ var ChatInput = memo7(
         e?.preventDefault();
         if (!canSend) return;
         if (submitInFlightRef.current) return;
+        const draft = text;
+        const payload = draft.trim();
+        const submitRevision = inputRevisionRef.current;
         submitInFlightRef.current = true;
+        setText("");
+        const restoreDraft = () => {
+          setText((current) => {
+            if (inputRevisionRef.current !== submitRevision) return current;
+            return current.length === 0 ? draft : current;
+          });
+        };
         try {
-          const result = await onSend(text.trim());
-          if (result !== false) {
-            setText("");
+          const result = await onSend(payload);
+          if (result === false) {
+            restoreDraft();
           }
         } catch {
+          restoreDraft();
         } finally {
           submitInFlightRef.current = false;
         }
@@ -7873,7 +7885,10 @@ var ChatInput = memo7(
               {
                 ref: textareaRef,
                 value: text,
-                onChange: (e) => setText(e.target.value),
+                onChange: (e) => {
+                  inputRevisionRef.current += 1;
+                  setText(e.target.value);
+                },
                 onKeyDown: handleKeyDown,
                 placeholder,
                 disabled,
@@ -10706,6 +10721,39 @@ var CompactChat = memo18(function CompactChat2({
               leftSlot: addResourceButtonSlot
             }
           );
+          const hasContextTags = chat.sessionResources.length > 0 || resourcePicker.attachedResources.length > 0;
+          const contextTagsOverlay = hasContextTags ? /* @__PURE__ */ jsx26(
+            "div",
+            {
+              className: "pointer-events-none absolute left-0 right-0 z-10",
+              style: { bottom: "calc(100% + 8px)" },
+              children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
+                chat.sessionResources.length > 0 && /* @__PURE__ */ jsx26("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx26(
+                  AttachedResourceTags,
+                  {
+                    resources: chat.sessionResources.map((r) => ({
+                      providerId: r.appName,
+                      resourceId: r.fullId,
+                      title: r.title,
+                      summary: r.summary,
+                      icon: r.icon,
+                      type: r.type
+                    })),
+                    onRemove: (_, fullId) => chat.removeSessionResource(fullId),
+                    disabled: disableInput
+                  }
+                ) }),
+                resourcePicker.attachedResources.length > 0 && /* @__PURE__ */ jsx26("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx26(
+                  AttachedResourceTags,
+                  {
+                    resources: resourcePicker.attachedResources,
+                    onRemove: resourcePicker.detachResource,
+                    disabled: disableInput
+                  }
+                ) })
+              ] })
+            }
+          ) : null;
           if (shouldRenderInputExternally && portalContainerRef.current) {
             return createPortal(inputElement, portalContainerRef.current);
           }
@@ -10765,32 +10813,10 @@ var CompactChat = memo18(function CompactChat2({
                 }
               }
             ),
-            (chat.sessionResources.length > 0 || resourcePicker.attachedResources.length > 0) && /* @__PURE__ */ jsxs20(Fragment6, { children: [
-              chat.sessionResources.length > 0 && /* @__PURE__ */ jsx26(
-                AttachedResourceTags,
-                {
-                  resources: chat.sessionResources.map((r) => ({
-                    providerId: r.appName,
-                    resourceId: r.fullId,
-                    title: r.title,
-                    summary: r.summary,
-                    icon: r.icon,
-                    type: r.type
-                  })),
-                  onRemove: (_, fullId) => chat.removeSessionResource(fullId),
-                  disabled: disableInput
-                }
-              ),
-              resourcePicker.attachedResources.length > 0 && /* @__PURE__ */ jsx26(
-                AttachedResourceTags,
-                {
-                  resources: resourcePicker.attachedResources,
-                  onRemove: resourcePicker.detachResource,
-                  disabled: disableInput
-                }
-              )
-            ] }),
-            inputElement
+            /* @__PURE__ */ jsxs20("div", { className: "relative", children: [
+              contextTagsOverlay,
+              inputElement
+            ] })
           ] });
         })()
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yushaw/sanqian-chat",
-  "version": "0.2.21",
+  "version": "0.2.23",
   "description": "Floating chat window SDK for Sanqian AI Assistant",
   "main": "./dist/main/index.js",
   "types": "./dist/main/index.d.ts",