AI 工具调用 AI Tool

<script setup lang="ts">
import { AiTool } from "@bysages/vue";
</script>

<template>
  <!-- The tool call in its states: running and completed. The dot
       pairs color with the word — never color alone. -->
  <div class="grid gap-3 w-full">
    <AiTool name="search_web" status="running">
      <template #input>{{ '{"query": "paper stock"}' }}</template>
    </AiTool>
    <AiTool name="search_web" status="completed" default-open>
      <template #input>{{ '{"query": "paper stock"}' }}</template>
      <template #output>{{ '{"hits": 12}' }}</template>
    </AiTool>
  </div>
</template>