import type { FrontendTool, ToolCallStatus } from "@copilotkit/core";
import type { Component, VNodeChild } from "vue";

export type VueHumanInTheLoopRenderProps<T> =
  | {
      name: string;
      description: string;
      args: Partial<T>;
      status: ToolCallStatus.InProgress;
      result: undefined;
      respond: undefined;
    }
  | {
      name: string;
      description: string;
      args: T;
      status: ToolCallStatus.Executing;
      result: undefined;
      respond: (result: unknown) => Promise<void>;
    }
  | {
      name: string;
      description: string;
      args: T;
      status: ToolCallStatus.Complete;
      result: string;
      respond: undefined;
    };

export type VueHumanInTheLoopRenderFn<T> =
  | ((props: VueHumanInTheLoopRenderProps<T>) => VNodeChild)
  | Component<VueHumanInTheLoopRenderProps<T>>;

export type VueHumanInTheLoop<
  T extends Record<string, unknown> = Record<string, unknown>,
> = Omit<FrontendTool<T>, "handler"> & {
  render: VueHumanInTheLoopRenderFn<T>;
};