import type {
  FeedbackDataSharingPreference,
  FeedbackVoteValue,
} from "@paperclipai/shared";
import { useCopyAction } from "@/lib/use-copy-action";
import { IssueChatFeedbackButtons } from "@/components/AgentBubbleActionRow";
import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
import { Check, Copy, X, Info } from "lucide-react";

/** Feedback-vote wiring for an agent bubble, resolved per comment by the host. */
export interface TaskChatBubbleFeedback {
  activeVote: FeedbackVoteValue | null;
  sharingPreference: FeedbackDataSharingPreference;
  termsUrl: string | null;
  onVote: (
    vote: FeedbackVoteValue,
    options?: { allowSharing?: boolean; reason?: string },
  ) => Promise<void>;
}

/**
 * Compact copy · 👍 · 👎 cluster prepended to an agent bubble's footer line
 * (PAP-413), leading the "✓ Worked · …" turn summary (or the bare timestamp
 * when the reply had no run activity). It reuses the shared
 * {@link IssueChatFeedbackButtons} so the redesigned task thread speaks the
 * same feedback language as the conference room's {@link AgentBubbleActionRow};
 * the timestamp stays owned by the summary/bubble, so it is not duplicated here.
 */
export function TaskChatBubbleActions({
  copyText,
  feedback,
  fastResponse,
}: {
  copyText: string;
  fastResponse?: boolean;
  feedback?: TaskChatBubbleFeedback | null;
}) {
  const { copied, failed, copy } = useCopyAction(2000);
  const label = failed ? "Couldn’t copy message" : "Copy message";

  return (
    <div className="flex items-center gap-0.5" data-testid="task-chat-bubble-actions">
      <button
        type="button"
        className="inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
        title={label}
        aria-label={label}
        onClick={() => {
          void copy(copyText);
        }}
      >
        {copied ? (
          <Check className="h-3.5 w-3.5" />
        ) : failed ? (
          <X className="h-3.5 w-3.5 text-destructive" />
        ) : (
          <Copy className="h-3.5 w-3.5" />
        )}
      </button>
      {fastResponse && <Popover><PopoverTrigger asChild><button type="button" aria-label="Message details" title="Message details" className="inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground"><Info className="h-3.5 w-3.5" /></button></PopoverTrigger><PopoverContent className="text-xs">Platform-generated acknowledgement. The agent’s substantive response follows separately.</PopoverContent></Popover>}
      {feedback ? (
        <IssueChatFeedbackButtons
          activeVote={feedback.activeVote}
          sharingPreference={feedback.sharingPreference}
          termsUrl={feedback.termsUrl}
          onVote={feedback.onVote}
        />
      ) : null}
    </div>
  );
}