import { expect, test } from "@playwright/test";
import { mockAgentApi } from "./support/mock-agent-api";

test("已批准的派单失败动作可重试，并在提交期间禁止重复点击", async ({ page }, testInfo) => {
  await mockAgentApi(page);
  await page.emulateMedia({ reducedMotion: "reduce" });
  await page.goto("/", { waitUntil: "domcontentloaded" });
  await page.setContent('<!doctype html><html lang="zh-CN"><head><link rel="stylesheet" href="/src/styles.css"></head><body><main id="reader" style="max-width:680px;margin:auto;padding:16px"></main></body></html>');
  await page.evaluate(async () => {
    const entry = await (await fetch("/src/main.tsx")).text();
    const reactUrl = entry.match(/from "([^"\n]*\/react\.js[^"\n]*)"/)?.[1];
    const clientUrl = entry.match(/from "([^"\n]*\/react-dom_client\.js[^"\n]*)"/)?.[1];
    if (!reactUrl || !clientUrl) throw new Error("Vite React module paths unavailable");
    const reactModule = await import(reactUrl);
    const React = reactModule.default ?? reactModule;
    const clientModule = await import(clientUrl);
    const { createRoot } = clientModule.default ?? clientModule;
    const { AgentExecutionPlanPanel } = await import("/src/features/workbench/components/agent-execution-plan-panel.tsx");
    const now = "2026-11-07T13:36:15Z";
    let task = {
      task_id: "task-retry", task_type: "event_investigation", title: "SCADA 异常调查",
      summary: "候选管段515870待现场核验", execution_generation: 1,
      lifecycle_status: "waiting_human", status: "waiting_human", updated_at: now,
      latest_report: { revision: 2, execution_generation: 1, published_at: now, report: {
        title: "现场核验工单派发状态", stage: "final", outcome: "concluded",
        current_conclusion: "工单已批准，执行适配器尚未配置，现场核验未派发。",
        conclusion_boundary: "事件未闭环。", recommendations: [], pending_items: [],
        data_gaps: [], evidence_refs: [], diagram: null
      } },
      latest_progress: null, latest_plan: null, active_run: null, evidence: [], access_requests: [],
      permissions: { can_execute_work_orders: true },
      actions: [{ action_id: "action-retry", task_id: "task-retry", version: 4,
        kind: "create_work_order", reason: "候选管段515870需现场核验", proposed_at: now,
        decided_at: now, executed_at: now, approval_status: "approved", execution_status: "unsupported",
        execution_detail: "尚未配置该动作的外部执行适配器", evidence_refs: [], receipt: null,
        payload: { title: "候选管段515870现场漏水核查", description: "核查渗漏、阀门状态并回填照片和压力复测。",
          work_order_type: "general", priority: "normal" } }]
    };
    const calls: { actionId: string; version: number }[] = [];
    let finish: () => void;
    const root = createRoot(document.getElementById("reader"));
    const render = () => root.render(React.createElement(AgentExecutionPlanPanel, {
      task, onContinue: () => undefined, onDecision: async () => undefined,
      onReconcile: async () => undefined, onRefresh: () => undefined,
      onLoadEvidenceSnapshot: async () => undefined,
      onExecute: async (actionId: string, version: number) => {
        calls.push({ actionId, version });
        await new Promise<void>((resolve) => { finish = resolve; });
        task = { ...task, actions: [{ ...task.actions[0], version: 5,
          execution_status: "submitted", execution_detail: "工单已提交，等待现场核验回执" }] };
        render();
      }
    }));
    Object.assign(window, { retryCalls: calls, finishRetry: () => finish() });
    render();
  });
  const section = page.getByRole("region", { name: "当前需处理", exact: true });
  await expect(section).toContainText("待重试");
  await section.locator("summary").filter({ hasText: "待重试" }).click();
  const retry = section.getByRole("button", { name: "重试执行", exact: true });
  await expect(retry).toBeEnabled();
  await retry.scrollIntoViewIfNeeded();
  await page.screenshot({ path: testInfo.outputPath("retry-desktop.png") });
  await page.setViewportSize({ width: 390, height: 844 });
  await retry.scrollIntoViewIfNeeded();
  await expect(retry).toBeInViewport();
  expect(await page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth)).toBe(true);
  await page.screenshot({ path: testInfo.outputPath("retry-mobile.png") });
  await retry.click();
  await expect(retry).toBeDisabled();
  expect(await page.evaluate(() => (window as unknown as { retryCalls: unknown[] }).retryCalls)).toEqual([
    { actionId: "action-retry", version: 4 }
  ]);
  await page.evaluate(() => (window as unknown as { finishRetry: () => void }).finishRetry());
  await expect(retry).toHaveCount(0);
  await expect(section.getByRole("button", { name: "核对执行回执" })).toBeVisible();
  await expect(section).toContainText("工单已提交，等待现场核验回执");
});