スポット詳細・絞り込み・モーダル表示まわりのUI改善

- シリーズ絞り込みの「すべて」を先頭(左端)に移し、「シリーズから探す」の
  既定をすべて(空配列)に戻す
- 訪問予定のトグルをブックマーク風の★に変え、スポット詳細ヘッダー右上
  (旧×ボタンの位置。閉じるは外側タップで足りる)へ移動
- スポット詳細に「訪問予定」セクションを追加。「リストに追加」ボタンと、
  このスポットを含む訪問予定リストの一覧(タイトルのリンクからリスト詳細を
  開ける。経由スポットのタップは新設のonOpenSpot propで表示対象を差し替え)
- 「+ 未訪問記録」ボタンを廃止(フォーム内のチェックボックスに一本化)
- 訪問日時の入力欄右に「削除」(空欄に戻す)ボタンを追加
- 全モーダルをスマホでも中央表示に統一(角丸画面で下端が見切れるため。
  上下に余白を残してモーダル内スクロール)
- PWA(iOSスタンドアロン)ではWikipediaリンクをx-safari-スキームで
  本物のSafariで開く

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: claude

CLAUDE.md

@@ -162,7 +162,7 @@ docker compose pull && docker compose up -d
 
 - **訪問予定(非公開)**: 「行きたい場所」のブックマーク。訪問を記録すると自動的に外れる
 - **未訪問記録(非公開)**: 訪問記録と同じフォーム・同じ訪問履歴に「訪問済みに数えない
-  記録」として残すメモ(フォームのチェックボックスまたは「+ 未訪問記録」ボタンから)。
+  記録」として残すメモ(訪問記録フォームのチェックボックスから)。
   訪問日を入れると「訪れたが改めて来たい」記録としてその日の訪問順の経路に含まれ、
   訪問予定からも外れる。訪問日なしは下調べのメモになり、訪問予定は残る。
   どちらもピンは緑にならず、一覧では「未訪問」バッジ付きで表示される

README.md

@@ -222,13 +222,13 @@ export default function AddSpotModal({
 
   return (
     <div
-      className="fixed inset-0 z-50 flex items-end justify-center bg-black/40 sm:items-center"
+      className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4"
       onClick={onClose}
     >
       <form
         onSubmit={handleSubmit}
         onClick={(e) => e.stopPropagation()}
-        className="max-h-[90dvh] w-full max-w-md space-y-3 overflow-y-auto rounded-t-2xl bg-white p-4 sm:rounded-2xl"
+        className="max-h-[85dvh] w-full max-w-md space-y-3 overflow-y-auto rounded-2xl bg-white p-4"
       >
         <h2 className="font-bold">
           {isEdit

components/AddSpotModal.tsx

@@ -72,11 +72,11 @@ export default function AddToPlanListModal({
 
   return (
     <div
-      className="fixed inset-0 z-50 flex items-end justify-center bg-black/40 sm:items-center"
+      className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4"
       onClick={onClose}
     >
       <div
-        className="max-h-[90dvh] w-full max-w-md space-y-3 overflow-y-auto rounded-t-2xl bg-white p-4 sm:rounded-2xl"
+        className="max-h-[85dvh] w-full max-w-md space-y-3 overflow-y-auto rounded-2xl bg-white p-4"
         onClick={(e) => e.stopPropagation()}
       >
         <div>

components/AddToPlanListModal.tsx

@@ -2606,12 +2606,12 @@ export default function MapView({
       {/* 絞り込みモーダル */}
       {showFilterModal && (
         <div
-          className="fixed inset-0 z-50 flex items-end justify-center bg-black/40 sm:items-center"
+          className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4"
           onClick={() => setShowFilterModal(false)}
         >
           <div
             onClick={(e) => e.stopPropagation()}
-            className="max-h-[90dvh] w-full max-w-md space-y-3 overflow-y-auto rounded-t-2xl bg-white p-4 sm:rounded-2xl"
+            className="max-h-[85dvh] w-full max-w-md space-y-3 overflow-y-auto rounded-2xl bg-white p-4"
           >
             <div className="flex items-center justify-between gap-2">
               <h2 className="font-bold">絞り込み</h2>
@@ -2882,12 +2882,12 @@ export default function MapView({
           const overlayType = spotTypes.find((t) => t.key === overlayTypeKey);
           return (
             <div
-              className="fixed inset-0 z-[60] flex items-end justify-center bg-black/40 sm:items-center"
+              className="fixed inset-0 z-[60] flex items-center justify-center bg-black/40 p-4"
               onClick={() => setShowOverlayFilterModal(false)}
             >
               <div
                 onClick={(e) => e.stopPropagation()}
-                className="max-h-[90dvh] w-full max-w-md space-y-3 overflow-y-auto rounded-t-2xl bg-white p-4 sm:rounded-2xl"
+                className="max-h-[85dvh] w-full max-w-md space-y-3 overflow-y-auto rounded-2xl bg-white p-4"
               >
                 <div className="flex items-center justify-between gap-2">
                   <h2 className="font-bold">
@@ -3113,9 +3113,7 @@ export default function MapView({
       )}
 
       {/* ルート・経路の詳細モーダル(ルート/訪問順の経路/訪問予定リストの経路の線・矢印の
-          タップで開く。重ね表示のルートも共用)。他のモーダルと違い常に中央表示にする
-          (角丸画面のスマホで下端に寄せると端が見切れるため。中身が地点一覧だけの小さな
-          モーダルなので中央でも邪魔にならない) */}
+          タップで開く。重ね表示のルートも共用) */}
       {routeDetailView && (
         <div
           className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4"
@@ -3255,6 +3253,7 @@ export default function MapView({
             spotCache.applySpotDelete(id);
             loadPrivateSpots();
           }}
+          onOpenSpot={setDetailSpotId}
         />
       )}
 

components/MapView.tsx

@@ -67,6 +67,17 @@ export default function SeriesFilter({
 
   return (
     <div className="flex overflow-hidden rounded-lg border border-gray-300 bg-white text-sm">
+      <button
+        type="button"
+        onClick={() => onChange([])}
+        className={`flex-1 px-2 py-1.5 font-medium ${
+          selected.length === 0
+            ? "bg-blue-600 text-white"
+            : "text-gray-500 hover:bg-gray-50"
+        }`}
+      >
+        すべて
+      </button>
       {series.map((r) => {
         const style = findSeriesStyle(r, seriesStyles);
         const active = selected.includes(r);
@@ -101,17 +112,6 @@ export default function SeriesFilter({
           </button>
         );
       })}
-      <button
-        type="button"
-        onClick={() => onChange([])}
-        className={`flex-1 px-2 py-1.5 font-medium ${
-          selected.length === 0
-            ? "bg-blue-600 text-white"
-            : "text-gray-500 hover:bg-gray-50"
-        }`}
-      >
-        すべて
-      </button>
     </div>
   );
 }