Add band description/status fields and redesign index page

- bands table: add description (TEXT) and status (TEXT DEFAULT 'active')
  via ALTER TABLE migrations (active / hiatus / disbanded)
- Home page: minimal monochrome index listing name, area, status
- Band detail: show description below title, status alongside area
- Band new/edit forms: textarea for description, select for status

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 26 insertions, 1 deletions

diff --git a/app/routes/band-edit.tsx b/app/routes/band-edit.tsx
index 70e1d60..99d4ee7 100644
--- a/app/routes/band-edit.tsx
+++ b/app/routes/band-edit.tsx
@@ -27,6 +27,8 @@ export async function action({ params, request }: ActionFunctionArgs) {
   const name = (fd.get("name") as string).trim();
   const slug = (fd.get("slug") as string).trim();
   const area = (fd.get("area") as string).trim() || null;
+  const description = (fd.get("description") as string).trim() || null;
+  const status = (fd.get("status") as string) || "active";
   const message = (fd.get("message") as string).trim();
   const links: { label: string; url: string }[] = JSON.parse(
     (fd.get("links") as string) || "[]"
@@ -42,7 +44,7 @@ export async function action({ params, request }: ActionFunctionArgs) {
   if (Object.keys(errors).length > 0) return { errors };
 
   try {
-    updateBand(band.id, { slug, name, area, links, artists, message, ip_address: getIpAddress(request) });
+    updateBand(band.id, { slug, name, area, description, status, links, artists, message, ip_address: getIpAddress(request) });
   } catch (e) {
     if (e instanceof Error && e.message.includes("UNIQUE constraint failed: bands.slug")) {
       return { errors: { slug: "このslugは既に使用されています" } };
@@ -130,6 +132,29 @@ export default function BandEdit() {
         </div>
 
         <div>
+          <label className="block text-sm font-medium text-gray-300 mb-1">ステータス</label>
+          <select
+            name="status"
+            defaultValue={band.status}
+            className="bg-gray-800 border border-gray-700 rounded px-3 py-2 text-gray-100 focus:outline-none focus:border-blue-500"
+          >
+            <option value="active">活動中</option>
+            <option value="hiatus">活動休止</option>
+            <option value="disbanded">解散</option>
+          </select>
+        </div>
+
+        <div>
+          <label className="block text-sm font-medium text-gray-300 mb-1">説明</label>
+          <textarea
+            name="description"
+            rows={3}
+            defaultValue={band.description ?? ""}
+            className="w-full bg-gray-800 border border-gray-700 rounded px-3 py-2 text-gray-100 focus:outline-none focus:border-blue-500 resize-none"
+          />
+        </div>
+
+        <div>
           <label className="block text-sm font-medium text-gray-300 mb-2">リンク</label>
           <div className="space-y-2">
             {links.map((link, i) => (