diff --git a/frontend/src/components/ChatWindow.jsx b/frontend/src/components/ChatWindow.jsx index 2c824e8..26a8984 100644 --- a/frontend/src/components/ChatWindow.jsx +++ b/frontend/src/components/ChatWindow.jsx @@ -19,6 +19,7 @@ export default function ChatWindow({ conversation, loading, onConfirm }) { } const filtered = conversation.filter((msg) => { + console.log(conversation[conversation.length - 1].actor) const { actor, response } = msg; if (actor === "user") { @@ -61,6 +62,11 @@ export default function ChatWindow({ conversation, loading, onConfirm }) { )} + {conversation.length > 0 && conversation[conversation.length - 1].actor === "tool_result_to_llm" && ( +
+ +
+ )} ); } diff --git a/frontend/src/components/ConfirmInline.jsx b/frontend/src/components/ConfirmInline.jsx index 71ddd7c..3cdbf7c 100644 --- a/frontend/src/components/ConfirmInline.jsx +++ b/frontend/src/components/ConfirmInline.jsx @@ -4,8 +4,6 @@ import LoadingIndicator from "./LoadingIndicator"; export default function ConfirmInline({ data, confirmed, onConfirm }) { const { args, tool } = data || {}; - console.log("ConfirmInline rendered with confirmed:", confirmed); - if (confirmed) { // Once confirmed, show "Running..." state in the same container return ( diff --git a/frontend/src/components/LoadingIndicator.jsx b/frontend/src/components/LoadingIndicator.jsx index 77412ab..46eeb02 100644 --- a/frontend/src/components/LoadingIndicator.jsx +++ b/frontend/src/components/LoadingIndicator.jsx @@ -2,7 +2,7 @@ import React from "react"; export default function LoadingIndicator() { return ( -
+
diff --git a/frontend/src/pages/App.jsx b/frontend/src/pages/App.jsx index 45459b8..ce7eef2 100644 --- a/frontend/src/pages/App.jsx +++ b/frontend/src/pages/App.jsx @@ -60,7 +60,7 @@ export default function App() { try { await fetch("http://127.0.0.1:8000/end-chat", { method: "POST" }); // sleep for a bit to allow the server to process the end-chat request - await new Promise((resolve) => setTimeout(resolve, 4000)); // todo make less dodgy + await new Promise((resolve) => setTimeout(resolve, 1000)); // todo make less dodgy await fetch( `http://127.0.0.1:8000/send-prompt?prompt=${encodeURIComponent("I'd like to travel to an event.")}`, { method: "POST" } @@ -71,6 +71,12 @@ export default function App() { } }; + const handleKeyPress = (e) => { + if (e.key === "Enter") { + handleSendMessage(); + } + }; + return (
@@ -91,6 +97,7 @@ export default function App() { placeholder="Type your message..." value={userInput} onChange={(e) => setUserInput(e.target.value)} + onKeyPress={handleKeyPress} />