-
-
AgentAPI Chat
-
-
-
- Status: {serverStatus}
-
-
-
-
- {(serverStatus === "offline" || serverStatus === "unknown") && (
-
-
- )}
-
- {error && (
-
- {error}
-
-
- )}
-
-
+
+
+
+ {serverStatus === "offline" && (
+
+
+
+
+
API server is offline
+
+ Please start the AgentAPI server. Attempting to connect to:{" "}
+ {agentAPIUrl || "N/A"}.
+
+
+
);
}
diff --git a/chat/src/components/MessageInput.tsx b/chat/src/components/MessageInput.tsx
index 777f952..a9f51ec 100644
--- a/chat/src/components/MessageInput.tsx
+++ b/chat/src/components/MessageInput.tsx
@@ -1,6 +1,17 @@
"use client";
import { useState, FormEvent, KeyboardEvent, useEffect, useRef } from "react";
+import { Button } from "./ui/button";
+import {
+ ArrowDownIcon,
+ ArrowLeftIcon,
+ ArrowRightIcon,
+ ArrowUpIcon,
+ CornerDownLeftIcon,
+ DeleteIcon,
+ SendIcon,
+} from "lucide-react";
+import { Tabs, TabsList, TabsTrigger } from "./ui/tabs";
interface MessageInputProps {
onSendMessage: (message: string, type: "user" | "raw") => void;
@@ -18,7 +29,7 @@ export default function MessageInput({
disabled = false,
}: MessageInputProps) {
const [message, setMessage] = useState("");
- const [inputMode, setInputMode] = useState<"text" | "control">("text");
+ const [inputMode, setInputMode] = useState("text");
const [sentChars, setSentChars] = useState
([]);
const textareaRef = useRef(null);
const nextCharId = useRef(0);
@@ -126,116 +137,122 @@ export default function MessageInput({
}
};
- // Keep focus on the textarea for capturing key events
- useEffect(() => {
- if (textareaRef.current) {
- textareaRef.current.focus();
- if (inputMode === "control") {
- setControlAreaFocused(true);
- }
- }
- }, [inputMode]);
-
return (
-