ui: use lucide status icons for tool calls
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
import { createSignal, Show, createEffect, createMemo, onCleanup } from "solid-js"
|
import { createSignal, Show, createEffect, createMemo, onCleanup } from "solid-js"
|
||||||
import { ArrowRightSquare, Copy } from "lucide-solid"
|
import { ArrowRightSquare, CheckCircle2, Copy, Hourglass, Loader2, XCircle } from "lucide-solid"
|
||||||
import { stringify as stringifyYaml } from "yaml"
|
import { stringify as stringifyYaml } from "yaml"
|
||||||
import { messageStoreBus } from "../stores/message-v2/bus"
|
import { messageStoreBus } from "../stores/message-v2/bus"
|
||||||
import { useTheme } from "../lib/theme"
|
import { useTheme } from "../lib/theme"
|
||||||
@@ -576,13 +576,13 @@ export default function ToolCall(props: ToolCallProps) {
|
|||||||
const status = toolState()?.status || ""
|
const status = toolState()?.status || ""
|
||||||
switch (status) {
|
switch (status) {
|
||||||
case "pending":
|
case "pending":
|
||||||
return "⏳"
|
return <Hourglass class="w-4 h-4" />
|
||||||
case "running":
|
case "running":
|
||||||
return "🔄"
|
return <Loader2 class="w-4 h-4 animate-spin" />
|
||||||
case "completed":
|
case "completed":
|
||||||
return "✅"
|
return <CheckCircle2 class="w-4 h-4" />
|
||||||
case "error":
|
case "error":
|
||||||
return "⚠️"
|
return <XCircle class="w-4 h-4" />
|
||||||
default:
|
default:
|
||||||
return ""
|
return ""
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user