"use client";

/**
 * 「新页面放大」入口：把某条曲线在 `/charts/{归档id}?s={曲线}` 里整页打开。
 *
 * 为什么要走归档而不是把数据塞进新标签页：新标签页与原页不共享内存/存储，
 * 唯一可靠的传递方式就是 URL；而回测结果本来就**已经归档**（`experiment_id`），
 * 让放大页从归档读同一份数据，还能顺带保证「看到的图与归档一致」。
 *
 * 没有归档 id 时（同步接口没归档、或归档已被删除）**不给假按钮**：直接说明原因。
 */

import Link from "next/link";

import { Icon } from "@/components/icons";

export function ChartPopoutLink({
  archiveId,
  series,
  label = "新页面放大",
  size = "sm",
}: {
  archiveId?: string | null;
  series: string;
  label?: string;
  size?: "sm" | "md";
}) {
  if (!archiveId) {
    return (
      <span
        className="hint"
        title="本次结果没有归档 id（未归档或归档已删除），无法在新页面打开同一份数据"
      >
        未归档，无法放大
      </span>
    );
  }
  return (
    <Link
      className={size === "sm" ? "btn btn--sm" : "btn"}
      href={`/charts/${encodeURIComponent(archiveId)}?s=${encodeURIComponent(series)}`}
      target="_blank"
      rel="noreferrer"
      title="在新标签页整页打开这条曲线"
    >
      <Icon name="arrowUpRight" size={13} />
      <span>{label}</span>
    </Link>
  );
}