import { formatDuration } from "@/lib/format";
import type { DashboardStartupMode } from "@/lib/tui/dashboard/use-dashboard-run-control";
import { formatFindingTitleForDisplay } from "@/lib/tui/sessions/finding-title";
import { PriorityText } from "@/lib/tui/sessions/priority-text";
import {
  extractFindingsFromStats,
  extractFixesFromStats,
  formatBatchFirstIssueSummary,
  formatHandoffCommands,
  formatHandoffSummary,
  formatLastRunIssueSummary,
  formatPriorityBreakdown,
  formatProjectStatsSummary,
  formatRelativeTime,
  hasBatchFirstSummary,
} from "@/lib/tui/sessions/session-display";
import { TUI_COLORS } from "@/lib/tui/shared/colors";
import { Spinner } from "@/lib/tui/shared/Spinner";
import type { ProjectStats, SessionStats } from "@/lib/types";
import { toSingleLine } from "./session-detail-parts";

const LAST_RUN_STATUS_DISPLAY: Partial<
  Record<SessionStats["status"], { text: string; color: string }>
> = {
  completed: { text: "completed", color: TUI_COLORS.status.success },
  failed: { text: "failed", color: TUI_COLORS.status.error },
  interrupted: { text: "interrupted", color: TUI_COLORS.status.warning },
  running: { text: "running", color: TUI_COLORS.status.pending },
};

function getLastRunStatusDisplay(status: SessionStats["status"]): { text: string; color: string } {
  return LAST_RUN_STATUS_DISPLAY[status] ?? { text: "unknown", color: TUI_COLORS.status.inactive };
}

function getLastRunHandoffDisplay(stats: SessionStats): {
  summary: string | null;
  applyCommand: string | null;
} {
  if (stats.handoffStatus === "applied-auto") {
    return {
      summary: "auto applied.",
      applyCommand: null,
    };
  }

  if (stats.handoffStatus === "pending-apply") {
    const [applyCommand] = formatHandoffCommands(stats.handoffId, stats.handoffStatus);
    return {
      summary: applyCommand ? null : "pending apply.",
      applyCommand: applyCommand ?? null,
    };
  }

  return {
    summary: formatHandoffSummary(stats.handoffStatus, stats.commitSha),
    applyCommand: null,
  };
}

interface IdleStateViewProps {
  isGitRepo: boolean;
  startupMode: DashboardStartupMode;
  isStopping: boolean;
  lastSessionStats: SessionStats | null;
  projectStats: ProjectStats | null;
  canFixPendingSession: boolean;
}

export function IdleStateView({
  isGitRepo,
  startupMode,
  isStopping,
  lastSessionStats,
  projectStats,
  canFixPendingSession,
}: IdleStateViewProps) {
  const lastRunStatusDisplay = lastSessionStats
    ? getLastRunStatusDisplay(lastSessionStats.status)
    : null;
  const lastRunFixes = lastSessionStats
    ? extractFixesFromStats(lastSessionStats).sort((a, b) => a.priority.localeCompare(b.priority))
    : [];
  const lastRunFindings = lastSessionStats
    ? extractFindingsFromStats(lastSessionStats).sort((a, b) => {
        const left = a.priority ?? Number.POSITIVE_INFINITY;
        const right = b.priority ?? Number.POSITIVE_INFINITY;
        return left - right || a.title.localeCompare(b.title);
      })
    : [];
  const lastRunSummary = lastSessionStats
    ? `${
        hasBatchFirstSummary(lastSessionStats)
          ? formatBatchFirstIssueSummary(lastSessionStats)
          : formatLastRunIssueSummary(
              lastSessionStats.totalFixes,
              lastSessionStats.totalSkipped,
              lastSessionStats.iterations
            )
      }${
        lastSessionStats.totalDuration !== undefined
          ? ` · ${formatDuration(lastSessionStats.totalDuration)}`
          : ""
      }`
    : null;
  const lastRunHandoffDisplay = lastSessionStats
    ? getLastRunHandoffDisplay(lastSessionStats)
    : null;

  return (
    <box flexDirection="column" gap={2} flexGrow={1}>
      {!isGitRepo && (
        <box flexDirection="column" paddingBottom={1}>
          <text fg={TUI_COLORS.status.warning}>
            <strong>Not a git repository</strong>
          </text>
          <text fg={TUI_COLORS.text.dim}>Run "git init" to initialize</text>
        </box>
      )}

      {isStopping ? (
        <box flexDirection="row" gap={1}>
          <Spinner color={TUI_COLORS.status.warning} />
          <text fg={TUI_COLORS.status.warning}>Stopping review...</text>
        </box>
      ) : startupMode === "review" ? (
        <box flexDirection="row" gap={1}>
          <Spinner color={TUI_COLORS.status.pending} />
          <text fg={TUI_COLORS.status.pending}>Starting review...</text>
        </box>
      ) : startupMode === "fix" ? (
        <box flexDirection="row" gap={1}>
          <Spinner color={TUI_COLORS.status.pending} />
          <text fg={TUI_COLORS.status.pending}>Starting fix...</text>
        </box>
      ) : (
        <text fg={TUI_COLORS.text.faint}>
          <strong>No active session</strong>
        </text>
      )}

      <text fg={TUI_COLORS.text.dim}>Start a review by pressing "r"</text>

      {projectStats && projectStats.totalFixes > 0 && (
        <box flexDirection="column" gap={1}>
          <text fg={TUI_COLORS.text.faint}>
            <strong>Project stats</strong>
          </text>
          <text fg={TUI_COLORS.text.secondary} paddingLeft={2}>
            {formatProjectStatsSummary(projectStats.totalFixes, projectStats.sessionCount)}
          </text>
          <box flexDirection="row" paddingLeft={2} flexWrap="wrap">
            {formatPriorityBreakdown(projectStats.priorityCounts).map((item, idx, arr) => (
              <box key={item.priority} flexDirection="row">
                <text>
                  <PriorityText priority={item.priority} />
                  <span fg={TUI_COLORS.text.muted}> {item.count}</span>
                </text>
                {idx < arr.length - 1 && <text fg={TUI_COLORS.text.dim}> · </text>}
              </box>
            ))}
          </box>
        </box>
      )}

      {lastSessionStats && lastRunStatusDisplay && lastRunSummary && (
        <box
          border
          borderStyle="single"
          borderColor={TUI_COLORS.ui.border}
          padding={1}
          flexDirection="column"
          gap={1}
        >
          <text fg={TUI_COLORS.text.faint}>
            <strong>Last run</strong>
          </text>
          <box flexDirection="row" gap={1}>
            <text fg={lastRunStatusDisplay.color}>
              <strong>{lastRunStatusDisplay.text}</strong>
            </text>
            <text fg={TUI_COLORS.text.dim}>({formatRelativeTime(lastSessionStats.timestamp)})</text>
          </box>
          <text fg={TUI_COLORS.text.secondary}>{lastRunSummary}</text>

          {lastRunFindings.length > 0 && (
            <box flexDirection="column" gap={0}>
              <box flexDirection="column">
                {lastRunFindings.map((finding) => {
                  return (
                    <box
                      key={`${finding.code_location.absolute_file_path}:${finding.code_location.line_range.start}-${finding.code_location.line_range.end}:${finding.title}`}
                      flexDirection="row"
                    >
                      <text>
                        <PriorityText priority={finding.priority} />
                      </text>
                      <text fg={TUI_COLORS.text.dim}> ▸ </text>
                      <text fg={TUI_COLORS.text.secondary}>
                        {toSingleLine(formatFindingTitleForDisplay(finding.title))}
                      </text>
                    </box>
                  );
                })}
              </box>
            </box>
          )}

          {lastRunFixes.length > 0 && (
            <box flexDirection="column" gap={0}>
              <text fg={TUI_COLORS.text.muted}>Recent fixes</text>
              <box flexDirection="column" paddingLeft={2}>
                {lastRunFixes.map((fix) => (
                  <box key={`${fix.id}-${fix.title}`} flexDirection="row">
                    <text>
                      <PriorityText priority={fix.priority} />
                    </text>
                    <text fg={TUI_COLORS.text.dim}> ▸ </text>
                    <text fg={TUI_COLORS.text.secondary}>{toSingleLine(fix.title)}</text>
                  </box>
                ))}
              </box>
            </box>
          )}

          {lastRunHandoffDisplay?.summary && (
            <box flexDirection="row" gap={1}>
              <text fg={TUI_COLORS.text.muted}>Handoff:</text>
              <text fg={TUI_COLORS.status.success}>{lastRunHandoffDisplay.summary}</text>
            </box>
          )}

          {lastRunHandoffDisplay?.applyCommand && (
            <box flexDirection="column" gap={0}>
              <text fg={TUI_COLORS.text.muted}>Handoff:</text>
              <text fg={TUI_COLORS.text.secondary} paddingLeft={2}>
                {lastRunHandoffDisplay.applyCommand}
              </text>
            </box>
          )}

          {canFixPendingSession && (
            <text fg={TUI_COLORS.text.dim}>
              Press <span fg={TUI_COLORS.accent.key}>"f"</span> to fix issues
            </text>
          )}
        </box>
      )}
    </box>
  );
}