OptionList

import { tool } from "ai"
import { OptionListSchema } from "@/components/taw/option-list"

export const chooseAction = tool({
  description: "Present options for user decision",
  parameters: z.object({ context: z.string() }),
  outputSchema: OptionListSchema,
  execute: async ({ context }) => {
    const options = await generateOptions(context)
    return {
      id: "deploy-strategy",
      question: "How should we proceed?",
      options: options.map(o => ({
        id: o.id,
        label: o.label,
        description: o.detail,
        recommended: o.score > 0.8,
      })),
      reasoning: "Based on your infrastructure...",
      confirmLabel: "Confirm",
    }
  },
})

import { OptionList } from "@/components/taw/option-list"
import { createReceipt } from "taw-ui"

function ToolOutput({ part }) {
  const [receipt, setReceipt] = useState()

  const handleAction = (id, payload) => {
    if (payload.receipt) setReceipt(payload.receipt)
  }

  return (
    <OptionList
      part={part}
      onAction={handleAction}
      receipt={receipt}
    />
  )
}