import { render, screen } from "@testing-library/react"
import { beforeAll, describe, expect, it, vi } from "vitest"
import type { SessionMessage } from "../types/message"
import type { SessionPart, ToolPart } from "../types/parts"
import { ChatContainer } from "./chat-container"

// jsdom has no layout engine; the auto-scroll hook calls scrollIntoView.
beforeAll(() => {
  Element.prototype.scrollIntoView = vi.fn()
})

const messages: SessionMessage[] = [
  { id: "m1", role: "assistant" },
]

const editPart: ToolPart = {
  type: "tool",
  id: "tool-1",
  tool: "edit",
  state: {
    status: "completed",
    input: { path: "src/batch-writer.ts" },
    output: "Applied 1 edit to src/batch-writer.ts",
  },
}

const partMap: Record<string, SessionPart[]> = { m1: [editPart] }

describe("ChatContainer timeline tool rendering", () => {
  it("shows thinking as soon as a submitted user message is streaming", () => {
    render(
      <ChatContainer
        messages={[{ id: "user-1", role: "user" }]}
        partMap={{
          "user-1": [{ type: "text", text: "hello" }],
        }}
        isStreaming
        presentation="timeline"
      />,
    )

    expect(
      screen.getByRole("status", { name: "Agent is thinking" }),
    ).toBeInTheDocument()
  })

  it("does not let an earlier assistant reply hide the next turn's thinking state", () => {
    render(
      <ChatContainer
        messages={[
          { id: "user-1", role: "user" },
          { id: "assistant-1", role: "assistant" },
          { id: "user-2", role: "user" },
        ]}
        partMap={{
          "user-1": [{ type: "text", text: "first" }],
          "assistant-1": [{ type: "text", text: "done" }],
          "user-2": [{ type: "text", text: "second" }],
        }}
        isStreaming
        presentation="timeline"
      />,
    )

    expect(
      screen.getByRole("status", { name: "Agent is thinking" }),
    ).toBeInTheDocument()
  })

  it("replaces the generic thinking row when the current reply has text", () => {
    render(
      <ChatContainer
        messages={[
          { id: "user-1", role: "user" },
          { id: "assistant-1", role: "assistant" },
        ]}
        partMap={{
          "user-1": [{ type: "text", text: "hello" }],
          "assistant-1": [{ type: "text", text: "working on it" }],
        }}
        isStreaming
        presentation="timeline"
      />,
    )

    expect(
      screen.queryByRole("status", { name: "Agent is thinking" }),
    ).not.toBeInTheDocument()
    expect(screen.getByText("working on it")).toBeInTheDocument()
  })

  it("shows a clean tool detail (the file path), not the raw input JSON", () => {
    render(
      <ChatContainer
        messages={messages}
        partMap={partMap}
        isStreaming={false}
        presentation="timeline"
      />,
    )

    expect(screen.getByText("src/batch-writer.ts")).toBeInTheDocument()
    // The raw `{ "path": ... }` input JSON must not leak into the summary row.
    expect(screen.queryByText(/"path"/)).not.toBeInTheDocument()
  })

  it("threads renderTimelineToolActions to the timeline tool item with its source part", () => {
    const renderTimelineToolActions = vi.fn((part: ToolPart) => (
      <button type="button">Open {part.id}</button>
    ))

    render(
      <ChatContainer
        messages={messages}
        partMap={partMap}
        isStreaming={false}
        presentation="timeline"
        renderTimelineToolActions={renderTimelineToolActions}
      />,
    )

    expect(renderTimelineToolActions).toHaveBeenCalled()
    expect(renderTimelineToolActions.mock.calls[0][0]).toMatchObject({
      id: "tool-1",
    })
    expect(
      screen.getByRole("button", { name: /open tool-1/i }),
    ).toBeInTheDocument()
  })
})