improvements

chat.go

@@ -19,6 +19,7 @@ type ToolCall struct {
 	Args    string  `json:"args"`
 	Result  string  `json:"result,omitempty"`
 	Done    bool    `json:"done,omitempty"`
+	Invalid bool    `json:"invalid,omitempty"`
 	Cost    float64 `json:"cost,omitempty"`
 }
 
@@ -323,7 +324,8 @@ func HandleChat(w http.ResponseWriter, r *http.Request) {
 				return
 			}
 		default:
-			return
+			tool.Invalid = true
+			tool.Result = "error: invalid tool call"
 		}
 
 		tool.Done = true

static/css/chat.css

@@ -368,6 +368,8 @@ body:not(.loading) #loading {
 	width: calc(800px - 24px);
 }
 
+.message .tool.invalid,
+.message .tool .result.error,
 .message .text .error {
 	color: #ed8796;
 }

static/js/chat.js

@@ -493,7 +493,7 @@
 
 			if (!only || only === "tool") {
 				if (this.#tool) {
-					const { name, args, result, cost } = this.#tool;
+					const { name, args, result, cost, invalid } = this.#tool;
 
 					const _name = this.#_tool.querySelector(".name"),
 						_arguments = this.#_tool.querySelector(".arguments"),
@@ -508,8 +508,11 @@
 
 					_cost.textContent = cost ? `${formatMoney(cost)}` : "";
 
+					_result.classList.toggle("error", result?.startsWith("error: "));
 					_result.innerHTML = render(result || "*processing*");
 
+					this.#_tool.classList.toggle("invalid", invalid);
+
 					this.#_tool.setAttribute("data-tool", name);
 				} else {
 					this.#_tool.removeAttribute("data-tool");