Agent Builder

"use client";

import type { AgentTestRequest } from "@/components/premium/agent-builder";
import { AgentBuilder } from "@/components/premium/agent-builder";

async function previewResponse({
  configuration,
  messages,
  signal,
}: AgentTestRequest) {
  // A short pause so the preview shows the typing state, like a real model.
  await new Promise<void>((resolve, reject) => {
    const timer = window.setTimeout(resolve, 900);
    signal.addEventListener("abort", () => {
      window.clearTimeout(timer);
      reject(new Error("Cancelled"));
    });
  });
  const question = messages.at(-1)?.content.toLowerCase() ?? "";
  if (!configuration.sourceIds.length)
    return "Demo response: no knowledge sources are selected. Enable a source in the Knowledge tab to give this agent some context.";
  if (question.includes("invite"))
    return "Demo response: open Settings → Team, enter your teammate’s email, and choose their role. Review the details before sending the invitation.\n\nThis sample answer is prewritten; no model or external tool was called.";
  return `Demo response: I’m ${configuration.name}. I can help answer questions using ${configuration.sourceIds.length} selected knowledge sources. ${configuration.requireApproval ? "I’ll ask before taking actions that change data." : "Action approval is currently disabled in this configuration."}\n\nThis is a prewritten preview response. Connect your own test handler for live answers.`;
}
export function AgentBuilderPreview() {
  return <AgentBuilder demo onTest={previewResponse} />;
}