/// <reference types="cypress" />

describe("/boards/:id task board", () => {
  const apiBase = "**/api/v1";
  const email =
    Cypress.env("CLERK_TEST_EMAIL") || "jane+clerk_test@example.com";

  const originalDefaultCommandTimeout = Cypress.config("defaultCommandTimeout");

  beforeEach(() => {
    Cypress.config("defaultCommandTimeout", 20_000);
  });

  afterEach(() => {
    Cypress.config("defaultCommandTimeout", originalDefaultCommandTimeout);
  });

  function stubEmptySse() {
    // Any SSE endpoint should not hang the UI in tests.
    cy.intercept("GET", `${apiBase}/**/stream*`, {
      statusCode: 200,
      headers: { "content-type": "text/event-stream" },
      body: "",
    });
  }

  function openEditTaskDialog() {
    cy.get('button[title="Edit task"]', { timeout: 20_000 })
      .should("be.visible")
      .and("not.be.disabled")
      .click({ force: true });
    cy.get('[aria-label="Edit task"]', { timeout: 20_000 }).should("be.visible");
  }

  it("auth negative: signed-out user is redirected to sign-in", () => {
    cy.visit("/boards/b1");
    cy.location("pathname", { timeout: 30_000 }).should("match", /\/sign-in/);
  });

  it("happy path: renders tasks from snapshot and supports create + status update + delete (stubbed)", () => {
    stubEmptySse();

    cy.intercept("GET", `${apiBase}/organizations/me/member*`, {
      statusCode: 200,
      body: {
        id: "m1",
        organization_id: "o1",
        user_id: "u1",
        role: "owner",
        all_boards_read: true,
        all_boards_write: true,
        created_at: "2026-02-11T00:00:00Z",
        updated_at: "2026-02-11T00:00:00Z",
        board_access: [{ board_id: "b1", can_read: true, can_write: true }],
      },
    }).as("membership");

    cy.intercept("GET", `${apiBase}/users/me*`, {
      statusCode: 200,
      body: {
        id: "u1",
        clerk_user_id: "clerk_u1",
        email,
        name: "Jane Test",
        preferred_name: "Jane",
        timezone: "America/New_York",
        is_super_admin: false,
      },
    }).as("me");

    cy.intercept("GET", `${apiBase}/organizations/me/list*`, {
      statusCode: 200,
      body: [
        { id: "o1", name: "Personal", role: "owner", is_active: true },
      ],
    }).as("organizations");

    cy.intercept("GET", `${apiBase}/tags*`, {
      statusCode: 200,
      body: { items: [], total: 0, limit: 200, offset: 0 },
    }).as("tags");

    cy.intercept("GET", `${apiBase}/organizations/me/custom-fields*`, {
      statusCode: 200,
      body: [],
    }).as("customFields");

    cy.intercept("GET", `${apiBase}/boards/b1/snapshot*`, {
      statusCode: 200,
      body: {
        board: {
          id: "b1",
          name: "Demo Board",
          slug: "demo-board",
          description: "Demo",
          gateway_id: "g1",
          board_group_id: null,
          board_type: "general",
          objective: null,
          success_metrics: null,
          target_date: null,
          goal_confirmed: true,
          goal_source: "test",
          organization_id: "o1",
          created_at: "2026-02-11T00:00:00Z",
          updated_at: "2026-02-11T00:00:00Z",
        },
        tasks: [
          {
            id: "t1",
            board_id: "b1",
            title: "Inbox task",
            description: "",
            status: "inbox",
            priority: "medium",
            due_at: null,
            assigned_agent_id: null,
            depends_on_task_ids: [],
            created_by_user_id: null,
            in_progress_at: null,
            created_at: "2026-02-11T00:00:00Z",
            updated_at: "2026-02-11T00:00:00Z",
            blocked_by_task_ids: [],
            is_blocked: false,
            assignee: null,
            approvals_count: 0,
            approvals_pending_count: 0,
          },
        ],
        agents: [],
        approvals: [],
        chat_messages: [],
        pending_approvals_count: 0,
      },
    }).as("snapshot");

    cy.intercept("GET", `${apiBase}/boards/b1/group-snapshot*`, {
      statusCode: 200,
      body: { group: null, boards: [] },
    });

    cy.intercept("POST", `${apiBase}/boards/b1/tasks`, (req) => {
      // Minimal assertion the UI sends expected fields.
      expect(req.body).to.have.property("title");
      req.reply({
        statusCode: 200,
        body: {
          id: "t2",
          board_id: "b1",
          title: req.body.title,
          description: req.body.description ?? "",
          status: "inbox",
          priority: req.body.priority ?? "medium",
          due_at: null,
          assigned_agent_id: null,
          depends_on_task_ids: [],
          created_by_user_id: null,
          in_progress_at: null,
          created_at: "2026-02-11T00:00:00Z",
          updated_at: "2026-02-11T00:00:00Z",
          blocked_by_task_ids: [],
          is_blocked: false,
          assignee: null,
          approvals_count: 0,
          approvals_pending_count: 0,
        },
      });
    }).as("createTask");

    cy.intercept("PATCH", `${apiBase}/boards/b1/tasks/t1`, (req) => {
      expect(req.body).to.have.property("status");
      req.reply({
        statusCode: 200,
        body: {
          id: "t1",
          board_id: "b1",
          title: "Inbox task",
          description: "",
          status: req.body.status,
          priority: "medium",
          due_at: null,
          assigned_agent_id: null,
          depends_on_task_ids: [],
          created_by_user_id: null,
          in_progress_at: null,
          created_at: "2026-02-11T00:00:00Z",
          updated_at: "2026-02-11T00:00:01Z",
          blocked_by_task_ids: [],
          is_blocked: false,
          assignee: null,
          approvals_count: 0,
          approvals_pending_count: 0,
        },
      });
    }).as("updateTask");

    cy.intercept("DELETE", `${apiBase}/boards/b1/tasks/t1`, {
      statusCode: 200,
      body: { ok: true },
    }).as("deleteTask");

    cy.intercept("GET", `${apiBase}/boards/b1/tasks/t1/comments*`, {
      statusCode: 200,
      body: { items: [], total: 0, limit: 200, offset: 0 },
    }).as("taskComments");

    cy.visit("/sign-in");
    cy.clerkLoaded();
    cy.clerkSignIn({ strategy: "email_code", identifier: email });

    cy.visit("/boards/b1");
    cy.waitForAppLoaded();

    cy.wait([
      "@snapshot",
      "@membership",
      "@me",
      "@organizations",
      "@tags",
      "@customFields",
    ]);

    // Existing task visible.
    cy.contains("Inbox task").should("be.visible");

    // Open create task flow.
    // Board page uses an icon-only button with aria-label="New task".
    cy.get('button[aria-label="New task"]').click({ force: true });

    cy.contains('[role="dialog"]', "New task")
      .should("be.visible")
      .within(() => {
        cy.contains("label", "Title").parent().find("input").type("New task");
        cy.contains("button", /^Create task$/).click({ force: true });
      });
    cy.wait(["@createTask"]);

    cy.contains("New task").should("be.visible");

    // Open edit task dialog.
    cy.contains("Inbox task").click({ force: true });
    cy.wait(["@taskComments"]);
    cy.contains(/task detail/i).should("be.visible");
    openEditTaskDialog();

    // Change status via Status select.
    cy.get('[aria-label="Edit task"]').within(() => {
      cy.contains("label", "Status")
        .parent()
        .within(() => {
          cy.get('[role="combobox"]').first().click({ force: true });
        });
    });

    cy.contains("In progress").click({ force: true });

    cy.contains("button", /save changes/i).click({ force: true });
    cy.wait(["@updateTask"]);
    cy.get('[aria-label="Edit task"]').should("not.exist");

    // Save closes the edit dialog; reopen it from task detail.
    cy.contains(/task detail/i).should("be.visible");
    openEditTaskDialog();

    // Delete task via delete dialog.
    cy.get('[aria-label="Edit task"]').within(() => {
      cy.contains("button", /^Delete task$/).click({ force: true });
    });
    cy.get('[aria-label="Delete task"]').should("be.visible");
    cy.get('[aria-label="Delete task"]').within(() => {
      cy.contains("button", /^Delete task$/).click({ force: true });
    });
    cy.wait(["@deleteTask"]);

    cy.contains("Inbox task").should("not.exist");
  });
});
