Cool Beacon

'use client';

import { useState, useEffect } from 'react';
import { sampleTrace } from '../data/sample-trace';
import { sampleInput } from '../data/sample-input'; // Import sample input for initial map data

// NOTE: Types are re-declared here to avoid importing from `source/core`,
// which is a hard constraint of the static artifact format.
type TraceStep = (typeof sampleTrace.steps)[0];

interface HeatReliefPointDisplay {
  id: string;
  name: string;
  latitude: number;
  longitude: number;
  status: '稼働中' | '未確認' | '停止中';
  latestPhotoUrl: string;
  updatedAt: string;
  comment: string; // Add comment for display
}

// Map dummy coordinates to visual positions (percentage for simplicity)
const getPinPosition = (id: string) => {
  switch (id) {
    case 'p-001': return { top: '40%', left: '30%' }; // Shinjuku Central Park
    case 'p-002': return { top: '60%', left: '50%' }; // Yoyogi Park
    default: return { top: `${Math.random() * 80 + 10}%`, left: `${Math.random() * 80 + 10}%` };
  }
};

export default function Home() {
  const [currentStep, setCurrentStep] = useState(-1);
  const [traceLog, setTraceLog] = useState<TraceStep[]>([]);
  const [displayedPoints, setDisplayedPoints] = useState<HeatReliefPointDisplay[]>(
    sampleInput.existingPoints.map(p => ({
      id: p.id,
      name: p.name,
      latitude: p.latitude,
      longitude: p.longitude,
      status: p.status,
      latestPhotoUrl: p.latestPhotoUrl,
      updatedAt: p.updatedAt,
      comment: (p as any).description || 'N/A' // Use description from sample-input
    }))
  );
  const [selectedPoint, setS
...