@opentrace/opentrace 0.4.0-rc.528 → 0.4.0-rc.534

package/dist/lib/{SettingsDrawer-CS3GT8xp.js → SettingsDrawer-WL2RHvRb.js}

@@ -70323,6 +70323,8 @@ function ChatPanel({
   const [showSettings, setShowSettings] = useState(false);
   const [input, setInput] = useState("");
   const [streaming, setStreaming] = useState(false);
+  const [editingIndex, setEditingIndex] = useState(null);
+  const [editText, setEditText] = useState("");
   const [highlightEnabled, setHighlightEnabled] = useState(true);
   const [hasFoundNodes, setHasFoundNodes] = useState(false);
   const [activeTab, setActiveTab] = useState("chat");
@@ -70331,6 +70333,7 @@ function ChatPanel({
   const messagesRef = useRef(messages);
   const textareaRef = useRef(null);
   const abortRef = useRef(null);
+  const streamingRef = useRef(false);
   const chatFoundNodesRef = useRef(/* @__PURE__ */ new Set());
   const keyInputRef = useRef(null);
   const localUrlInputRef = useRef(null);
@@ -70485,16 +70488,18 @@ function ChatPanel({
   };
   const sendMessage = async (text, images, attachments) => {
     const trimmed = text.trim();
+    const hasImages = images && images.length > 0;
     const hasAtts = attachments && attachments.length > 0;
-    if (!trimmed && true && !hasAtts || providerId !== "local" && !apiKey || streaming)
+    if (!trimmed && !hasImages && !hasAtts || providerId !== "local" && !apiKey || streamingRef.current)
       return;
     abortRef.current?.abort();
     const controller = new AbortController();
     abortRef.current = controller;
+    streamingRef.current = true;
     const userMsg = {
       role: "user",
       content: trimmed,
-      ...{},
+      ...hasImages ? { images } : {},
       ...hasAtts ? { attachments } : {}
     };
     const assistantMsg = {
@@ -70502,7 +70507,7 @@ function ChatPanel({
       content: "",
       parts: []
     };
-    const newMessages = [...messages, userMsg];
+    const newMessages = [...messagesRef.current, userMsg];
     setMessages([...newMessages, assistantMsg]);
     setInput("");
     if (textareaRef.current) textareaRef.current.style.height = "auto";
@@ -70732,6 +70737,7 @@ ${att.textContent}
         return parts;
       });
     } finally {
+      streamingRef.current = false;
       setStreaming(false);
       progress.setListener(null);
       const hasUsage = usageAccum.inputTokens > 0 || usageAccum.outputTokens > 0;
@@ -70767,6 +70773,40 @@ ${att.textContent}
     }
     sendMessage(input, void 0, atts);
   };
+  const handleStop = () => {
+    abortRef.current?.abort();
+    streamingRef.current = false;
+    setStreaming(false);
+  };
+  const startEditMessage = (index2) => {
+    const m = messages[index2];
+    if (!m || m.role !== "user") return;
+    setEditingIndex(index2);
+    setEditText(m.content);
+  };
+  const cancelEditMessage = () => {
+    setEditingIndex(null);
+    setEditText("");
+  };
+  const submitEditMessage = async (index2) => {
+    const original = messages[index2];
+    if (!original || original.role !== "user") return;
+    const trimmed = editText.trim();
+    const hasAtts = !!(original.attachments && original.attachments.length);
+    const hasImgs = !!(original.images && original.images.length);
+    if (!trimmed && !hasAtts && !hasImgs) return;
+    if (streaming) {
+      abortRef.current?.abort();
+      streamingRef.current = false;
+      setStreaming(false);
+    }
+    const truncated = messages.slice(0, index2);
+    setMessages(truncated);
+    messagesRef.current = truncated;
+    setEditingIndex(null);
+    setEditText("");
+    await sendMessage(trimmed, original.images, original.attachments);
+  };
   const handleTemplate = (prompt) => sendMessage(prompt);
   const addAttachments = useCallback(
     async (files) => {
@@ -70820,6 +70860,7 @@ ${att.textContent}
   const handleClearChat = () => {
     abortRef.current?.abort();
     startNewConversation();
+    streamingRef.current = false;
     setStreaming(false);
     chatFoundNodesRef.current.clear();
     setHasFoundNodes(false);
@@ -71285,61 +71326,166 @@ ${att.textContent}
               ),
               /* @__PURE__ */ jsx(ChatTemplates, { onSelect: handleTemplate })
             ] }),
-            messages.map((m, i) => /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `message ${m.role === "user" ? "user" : "ai"}`,
-                ...m.role === "assistant" && i === messages.length - 1 && !streaming ? { "data-testid": "chat-response-done" } : {},
-                children: [
-                  /* @__PURE__ */ jsx("div", { className: "message-content", children: m.role === "assistant" ? /* @__PURE__ */ jsx(
-                    ChatParts,
-                    {
-                      parts: m.parts,
-                      streaming: streaming && i === messages.length - 1,
-                      onNodeSelect,
-                      onPostComment: prClient ? handlePostComment : void 0
-                    }
-                  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                    m.content,
-                    m.attachments && m.attachments.length > 0 && /* @__PURE__ */ jsx("div", { className: "user-message-attachments", children: m.attachments.map(
-                      (att) => att.kind === "image" ? /* @__PURE__ */ jsx(
+            (() => {
+              let lastUserIdx = -1;
+              for (let k = messages.length - 1; k >= 0; k--) {
+                if (messages[k].role === "user") {
+                  lastUserIdx = k;
+                  break;
+                }
+              }
+              return messages.map((m, i) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: `message ${m.role === "user" ? "user" : "ai"}`,
+                  ...m.role === "assistant" && i === messages.length - 1 && !streaming ? { "data-testid": "chat-response-done" } : {},
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "message-content", children: m.role === "assistant" ? /* @__PURE__ */ jsx(
+                      ChatParts,
+                      {
+                        parts: m.parts,
+                        streaming: streaming && i === messages.length - 1,
+                        onNodeSelect,
+                        onPostComment: prClient ? handlePostComment : void 0
+                      }
+                    ) : editingIndex === i ? /* @__PURE__ */ jsxs("div", { className: "message-edit-form", children: [
+                      /* @__PURE__ */ jsx(
+                        "textarea",
+                        {
+                          className: "message-edit-textarea",
+                          value: editText,
+                          autoFocus: true,
+                          rows: Math.min(
+                            8,
+                            Math.max(2, editText.split("\n").length)
+                          ),
+                          onChange: (e) => setEditText(e.target.value),
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter" && !e.shiftKey) {
+                              e.preventDefault();
+                              submitEditMessage(i);
+                            } else if (e.key === "Escape") {
+                              e.preventDefault();
+                              cancelEditMessage();
+                            }
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { className: "message-edit-actions", children: [
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            className: "message-edit-cancel",
+                            onClick: cancelEditMessage,
+                            children: "Cancel"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(
+                          "button",
+                          {
+                            className: "message-edit-submit",
+                            onClick: () => submitEditMessage(i),
+                            disabled: !editText.trim() && !(m.attachments && m.attachments.length) && !(m.images && m.images.length),
+                            title: "Resend edited message",
+                            children: [
+                              /* @__PURE__ */ jsxs(
+                                "svg",
+                                {
+                                  width: "14",
+                                  height: "14",
+                                  viewBox: "0 0 24 24",
+                                  fill: "none",
+                                  stroke: "currentColor",
+                                  strokeWidth: "2",
+                                  strokeLinecap: "round",
+                                  strokeLinejoin: "round",
+                                  children: [
+                                    /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
+                                    /* @__PURE__ */ jsx("path", { d: "m12 5 7 7-7 7" })
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsx("span", { children: "Resend" })
+                            ]
+                          }
+                        )
+                      ] })
+                    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                      m.content,
+                      m.attachments && m.attachments.length > 0 && /* @__PURE__ */ jsx("div", { className: "user-message-attachments", children: m.attachments.map(
+                        (att) => att.kind === "image" ? /* @__PURE__ */ jsx(
+                          "img",
+                          {
+                            src: att.dataUrl,
+                            alt: att.name || "Attached image",
+                            className: "user-message-image",
+                            onClick: () => setLightboxImage(att)
+                          },
+                          att.id
+                        ) : /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            className: "user-message-file",
+                            title: att.name,
+                            children: [
+                              /* @__PURE__ */ jsx("span", { className: "file-icon", children: "📄" }),
+                              /* @__PURE__ */ jsx("span", { className: "file-name", children: att.name })
+                            ]
+                          },
+                          att.id
+                        )
+                      ) }),
+                      m.images && m.images.length > 0 && /* @__PURE__ */ jsx("div", { className: "user-message-images", children: m.images.map((img) => /* @__PURE__ */ jsx(
                         "img",
                         {
-                          src: att.dataUrl,
-                          alt: att.name || "Attached image",
+                          src: img.dataUrl,
+                          alt: img.name || "Attached image",
                           className: "user-message-image",
-                          onClick: () => setLightboxImage(att)
-                        },
-                        att.id
-                      ) : /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          className: "user-message-file",
-                          title: att.name,
-                          children: [
-                            /* @__PURE__ */ jsx("span", { className: "file-icon", children: "📄" }),
-                            /* @__PURE__ */ jsx("span", { className: "file-name", children: att.name })
-                          ]
+                          onClick: () => setLightboxImage(img)
                         },
-                        att.id
-                      )
-                    ) }),
-                    m.images && m.images.length > 0 && /* @__PURE__ */ jsx("div", { className: "user-message-images", children: m.images.map((img) => /* @__PURE__ */ jsx(
-                      "img",
+                        img.id
+                      )) })
+                    ] }) }),
+                    m.role === "assistant" && m.usage && !(streaming && i === messages.length - 1) && /* @__PURE__ */ jsx(
+                      TokenUsageFooter,
                       {
-                        src: img.dataUrl,
-                        alt: img.name || "Attached image",
-                        className: "user-message-image",
-                        onClick: () => setLightboxImage(img)
-                      },
-                      img.id
-                    )) })
-                  ] }) }),
-                  m.role === "assistant" && m.usage && !(streaming && i === messages.length - 1) && /* @__PURE__ */ jsx(TokenUsageFooter, { usage: m.usage })
-                ]
-              },
-              i
-            ))
+                        usage: m.usage
+                      }
+                    ),
+                    m.role === "user" && i === lastUserIdx && editingIndex !== i && /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        className: "edit-message-btn",
+                        onClick: () => startEditMessage(i),
+                        title: "Edit & resend",
+                        "aria-label": "Edit message",
+                        children: [
+                          /* @__PURE__ */ jsxs(
+                            "svg",
+                            {
+                              width: "12",
+                              height: "12",
+                              viewBox: "0 0 24 24",
+                              fill: "none",
+                              stroke: "currentColor",
+                              strokeWidth: "2",
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round",
+                              children: [
+                                /* @__PURE__ */ jsx("path", { d: "M12 20h9" }),
+                                /* @__PURE__ */ jsx("path", { d: "M16.5 3.5a2.121 2.121 0 1 1 3 3L7 19l-4 1 1-4Z" })
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("span", { children: "Edit" })
+                        ]
+                      }
+                    )
+                  ]
+                },
+                i
+              ));
+            })()
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "chat-input-area", children: [
             attachError && /* @__PURE__ */ jsxs("div", { className: "image-error-banner", children: [
@@ -71442,12 +71588,30 @@ ${att.textContent}
                 conversationUsage.toLocaleString(),
                 " tokens"
               ] }),
-              /* @__PURE__ */ jsx(
+              streaming ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "chat-action-btn stop-btn",
+                  onClick: handleStop,
+                  "data-testid": "chat-stop-btn",
+                  title: "Stop generating",
+                  children: /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      width: "16",
+                      height: "16",
+                      viewBox: "0 0 24 24",
+                      fill: "currentColor",
+                      children: /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" })
+                    }
+                  )
+                }
+              ) : /* @__PURE__ */ jsx(
                 "button",
                 {
                   className: "chat-action-btn",
                   onClick: handleSubmit,
-                  disabled: streaming || !input.trim() && pendingAttachments.length === 0,
+                  disabled: !input.trim() && pendingAttachments.length === 0,
                   "data-testid": "chat-send-btn",
                   title: "Send",
                   children: /* @__PURE__ */ jsxs(
@@ -78643,4 +78807,4 @@ export {
   loadAnimationSettings as l,
   useGraphData as u
 };
-//# sourceMappingURL=SettingsDrawer-CS3GT8xp.js.map
+//# sourceMappingURL=SettingsDrawer-WL2RHvRb.js.map