upload slice

backend/handlers/caption.go

@@ -0,0 +1,65 @@
+package handlers
+
+import (
+	"time"
+    "net/http"
+
+    "github.com/gin-gonic/gin"
+    "github.com/google/uuid"
+)
+
+// POST /api/maps/:id/caption
+func (d *UploadDeps) CreateCaption(c *gin.Context) {
+    ctx   := c.Request.Context()
+    mapID := c.Param("id")
+
+    // 1) look up the map’s file key
+    var key string
+    if err := d.DB.QueryRowContext(ctx,
+        `SELECT file_key FROM maps WHERE map_id = $1`, mapID).Scan(&key); err != nil {
+        c.JSON(http.StatusNotFound, gin.H{"error": "map not found"})
+        return
+    }
+
+    // 2) generate placeholder caption
+    text, model := d.Cap.Generate(ctx, key)
+
+    // 3) insert caption row
+    capID := uuid.New()
+    if _, err := d.DB.ExecContext(ctx, `
+        INSERT INTO captions (cap_id, map_id, generated, model, raw_json, created_at)
+        VALUES ($1,$2,$3,$4,$5,NOW())`,
+        capID, mapID, text, model, []byte("{}")); err != nil {
+        c.JSON(http.StatusInternalServerError, gin.H{"error": "db insert failed"})
+        return
+    }
+
+    // 4) respond to the front‑end
+    c.JSON(http.StatusOK, gin.H{
+        "captionId": capID,
+        "generated": text,
+    })
+}
+
+func (d *UploadDeps) GetCaption(c *gin.Context) {
+	ctx := c.Request.Context()
+	capID := c.Param("id")
+
+	var key, text string
+	if err := d.DB.QueryRowContext(ctx, `
+		SELECT m.file_key, c.generated
+			FROM captions c
+			JOIN maps m ON c.map_id = m.id
+			WHERE c.id = $1`, capID).Scan(&key, &text); err != nil {
+		c.JSON(http.StatusNotFound, gin.H{"error": "caption not found"})
+		return
+	}
+
+	// turn object key into a 24‑hour presigned URL
+	url, _ := d.Storage.Link(ctx, key, 24*time.Hour)
+
+	c.JSON(http.StatusOK, gin.H{
+		"imageUrl":  url,
+		"generated": text,
+	})
+}

backend/handlers/metadata.go

@@ -0,0 +1,26 @@
+package handlers
+
+import "github.com/gin-gonic/gin"
+
+// PUT /api/maps/:id/metadata
+func (d *UploadDeps) UpdateMapMetadata(c *gin.Context) {
+    mapID := c.Param("id")
+    var req struct {
+        Source   string `json:"source"`
+        Region   string `json:"region"`
+        Category string `json:"category"`
+    }
+    if err := c.BindJSON(&req); err != nil {
+        c.JSON(400, gin.H{"error": "invalid json"})
+        return
+    }
+    _, err := d.DB.Exec(`UPDATE maps
+                            SET source=$1, region=$2, category=$3
+                          WHERE id=$4`,
+        req.Source, req.Region, req.Category, mapID)
+    if err != nil {
+        c.JSON(500, gin.H{"error": "db update failed"})
+        return
+    }
+    c.Status(204)
+}

backend/handlers/upload.go

@@ -6,6 +6,7 @@ import (
     "database/sql"
     "encoding/hex"
     "io"
+    "log"
     "net/http"
     "time"
 
@@ -13,6 +14,7 @@ import (
     "github.com/google/uuid"
     "github.com/lib/pq"
     "github.com/SCGR-1/promptaid-backend/internal/storage"
+	"github.com/SCGR-1/promptaid-backend/internal/captioner"
 )
 
 
@@ -21,8 +23,8 @@ type UploadDeps struct {
     DB       *sql.DB
     Storage  storage.ObjectStore
     Bucket   string
-    RegionOK map[string]bool // in‑memory lookup, seeded at start
-    // same for SourceOK, CategoryOK, CountryOK
+    RegionOK map[string]bool
+    Cap      captioner.Captioner
 }
 
 func (d *UploadDeps) UploadMap(c *gin.Context) {
@@ -79,22 +81,25 @@ func (d *UploadDeps) UploadMap(c *gin.Context) {
 
     // ---- 5. Insert into maps -------------------------------------------
     mapID := uuid.New()
-    _, err = d.DB.Exec(`
+    res, err := d.DB.Exec(`
         INSERT INTO maps
-          (id, file_key, sha256, source, region, category, created_at)
+          (map_id, file_key, sha256, source, region, category, created_at)
         VALUES ($1,$2,$3,$4,$5,$6,NOW())`,
         mapID, objKey, shaHex,
         params.Source, params.Region, params.Category,
     )
     if err != nil {
-        c.JSON(http.StatusInternalServerError, gin.H{"error": "db insert failed"})
+        log.Printf("🔴 maps INSERT error: %v", err)
+        c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
         return
     }
+    rows, _ := res.RowsAffected()
+    log.Printf("🟢 maps INSERT succeeded, rows affected: %d", rows)
 
     // ---- 6. Insert any countries ---------------------------------------
     if len(params.Countries) > 0 {
         _, err = d.DB.Exec(`
-            INSERT INTO map_countries (map_id, country_code)
+            INSERT INTO map_countries (map_id, c_code)
             SELECT $1, UNNEST($2::char(2)[])
             ON CONFLICT DO NOTHING`,
             mapID, pq.Array(params.Countries),

backend/internal/captioner/stub.go

@@ -0,0 +1,16 @@
+package captioner
+
+import "context"
+
+// A pluggable captioner interface (so you can swap to GPT‑4o later).
+type Captioner interface {
+    Generate(ctx context.Context, objectKey string) (text, model string)
+}
+
+// Minimal stub: always returns the same caption.
+type Stub struct{}
+
+func (Stub) Generate(_ context.Context, _ string) (string, string) {
+    return "🔧 Stub caption: replace me with GPT‑4o", "GPT‑4O"
+}
+

backend/main.go

@@ -10,6 +10,7 @@ import (
 
 	"github.com/SCGR-1/promptaid-backend/internal/storage"
     "github.com/SCGR-1/promptaid-backend/handlers"
+    "github.com/SCGR-1/promptaid-backend/internal/captioner"
 )
 
 type Config struct {
@@ -26,12 +27,17 @@ func loadConfig() Config {
 
 
 func main() {
-	
-    cfg := loadConfig()
 
     // ---- 1. connect DB  ----
-	db, err := sql.Open("postgres", os.Getenv("DATABASE_URL"))
-	if err != nil { log.Fatal(err) }
+	dsn := os.Getenv("DATABASE_URL")
+    if dsn == "" {
+        dsn = "postgres://promptaid:promptaid@localhost:5432/promptaid?sslmode=disable"
+    }
+    db, err := sql.Open("postgres", dsn)
+    if err != nil {
+        log.Fatal(err)
+    }
+
 
 	// ---- 2. choose storage driver ----
 	var store storage.ObjectStore
@@ -54,8 +60,9 @@ func main() {
     uploadDeps := handlers.UploadDeps{
         DB:       db,
         Storage:  store,
-        Bucket:   cfg.S3Bucket,
+        Bucket:   os.Getenv("S3_BUCKET"),
         RegionOK: make(map[string]bool),
+		Cap:      captioner.Stub{},
     }
 
 	// ---- 3. build server ----
@@ -65,7 +72,17 @@ func main() {
 		r.Static("/static", l.Root()) // add Root() getter or hardcode "./uploads"
 	}
 
-    r.POST("/maps", uploadDeps.UploadMap)
+	api := r.Group("/api")
+
+	api.POST("/maps",              uploadDeps.UploadMap)
+	api.POST("/maps/:id/caption",  uploadDeps.CreateCaption)
+	api.PUT ("/maps/:id/metadata", uploadDeps.UpdateMapMetadata)
+	api.GET ("/captions/:id",      uploadDeps.GetCaption)
+
+	uploadDeps.RegionOK = map[string]bool{
+		"_TBD_REGION": true,
+		"AFR": true, "AMR": true, "APA": true, "EUR": true, "MENA": true,
+	}
 
 	log.Fatal(r.Run(":8080"))
 }

backend/migrations/0003_placeholder.sql

@@ -0,0 +1,22 @@
+-- +goose Up
+
+INSERT INTO sources (s_code, label)
+VALUES
+  ('_TBD_SOURCE',   'TBD placeholder')
+ON CONFLICT (s_code) DO NOTHING;
+
+INSERT INTO region (r_code, label)
+VALUES
+  ('_TBD_REGION',   'TBD placeholder')
+ON CONFLICT (r_code) DO NOTHING;
+
+INSERT INTO category (cat_code, label)
+VALUES
+  ('_TBD_CATEGORY', 'TBD placeholder')
+ON CONFLICT (cat_code) DO NOTHING;
+
+-- +goose Down
+
+DELETE FROM category WHERE cat_code = '_TBD_CATEGORY';
+DELETE FROM region   WHERE r_code    = '_TBD_REGION';
+DELETE FROM sources  WHERE s_code    = '_TBD_SOURCE';

frontend/package-lock.json

@@ -18,8 +18,10 @@
       "devDependencies": {
         "@eslint/js": "^9.30.1",
         "@tailwindcss/postcss": "^4.1.11",
+        "@types/node": "^24.1.0",
         "@types/react": "^19.1.8",
         "@types/react-dom": "^19.1.6",
+        "@vitejs/plugin-react": "^4.7.0",
         "@vitejs/plugin-react-swc": "^3.10.2",
         "autoprefixer": "^10.4.21",
         "eslint": "^9.30.1",
@@ -29,8 +31,7 @@
         "postcss": "^8.5.6",
         "tailwindcss": "^4.1.11",
         "typescript": "~5.8.3",
-        "typescript-eslint": "^8.35.1",
-        "vite": "^7.0.4"
+        "typescript-eslint": "^8.35.1"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -60,6 +61,260 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.0.tgz",
+      "integrity": "sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz",
+      "integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.27.3",
+        "@babel/helpers": "^7.27.6",
+        "@babel/parser": "^7.28.0",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.0.tgz",
+      "integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz",
+      "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.6.tgz",
+      "integrity": "sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz",
+      "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
     "node_modules/@babel/runtime": {
       "version": "7.27.6",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.6.tgz",
@@ -81,6 +336,54 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz",
+      "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.0",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.1",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.1.tgz",
+      "integrity": "sha512-x0LvFTekgSX+83TI28Y9wYPUfzrnl2aT5+5QLnO6v7mSJYtEEevuDRN0F0uSHRk1G1IWZC43o00Y0xDDrpBGPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.25.6",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.6.tgz",
@@ -94,6 +397,7 @@
       "os": [
         "aix"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -111,6 +415,7 @@
       "os": [
         "android"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -128,6 +433,7 @@
       "os": [
         "android"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -145,6 +451,7 @@
       "os": [
         "android"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -162,6 +469,7 @@
       "os": [
         "darwin"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -179,6 +487,7 @@
       "os": [
         "darwin"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -196,6 +505,7 @@
       "os": [
         "freebsd"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -213,6 +523,7 @@
       "os": [
         "freebsd"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -230,6 +541,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -247,6 +559,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -264,6 +577,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -281,6 +595,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -298,6 +613,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -315,6 +631,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -332,6 +649,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -349,6 +667,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -366,6 +685,7 @@
       "os": [
         "linux"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -383,6 +703,7 @@
       "os": [
         "netbsd"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -400,6 +721,7 @@
       "os": [
         "netbsd"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -417,6 +739,7 @@
       "os": [
         "openbsd"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -434,6 +757,7 @@
       "os": [
         "openbsd"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -451,6 +775,7 @@
       "os": [
         "openharmony"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -468,6 +793,7 @@
       "os": [
         "sunos"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -485,6 +811,7 @@
       "os": [
         "win32"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -502,6 +829,7 @@
       "os": [
         "win32"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -519,6 +847,7 @@
       "os": [
         "win32"
       ],
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -900,7 +1229,8 @@
       "optional": true,
       "os": [
         "android"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-android-arm64": {
       "version": "4.44.2",
@@ -914,7 +1244,8 @@
       "optional": true,
       "os": [
         "android"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
       "version": "4.44.2",
@@ -928,7 +1259,8 @@
       "optional": true,
       "os": [
         "darwin"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-darwin-x64": {
       "version": "4.44.2",
@@ -942,7 +1274,8 @@
       "optional": true,
       "os": [
         "darwin"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
       "version": "4.44.2",
@@ -956,7 +1289,8 @@
       "optional": true,
       "os": [
         "freebsd"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
       "version": "4.44.2",
@@ -970,7 +1304,8 @@
       "optional": true,
       "os": [
         "freebsd"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
       "version": "4.44.2",
@@ -984,7 +1319,8 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
       "version": "4.44.2",
@@ -998,7 +1334,8 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
       "version": "4.44.2",
@@ -1012,7 +1349,8 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
       "version": "4.44.2",
@@ -1026,7 +1364,8 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
       "version": "4.44.2",
@@ -1040,7 +1379,8 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
       "version": "4.44.2",
@@ -1054,7 +1394,8 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
       "version": "4.44.2",
@@ -1068,7 +1409,8 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
       "version": "4.44.2",
@@ -1082,7 +1424,8 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
       "version": "4.44.2",
@@ -1096,7 +1439,8 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
       "version": "4.44.2",
@@ -1110,7 +1454,8 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
       "version": "4.44.2",
@@ -1124,7 +1469,8 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
       "version": "4.44.2",
@@ -1138,7 +1484,8 @@
       "optional": true,
       "os": [
         "win32"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
       "version": "4.44.2",
@@ -1152,7 +1499,8 @@
       "optional": true,
       "os": [
         "win32"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
       "version": "4.44.2",
@@ -1166,7 +1514,8 @@
       "optional": true,
       "os": [
         "win32"
-      ]
+      ],
+      "peer": true
     },
     "node_modules/@swc/core": {
       "version": "1.12.11",
@@ -1679,6 +2028,51 @@
         "@babel/runtime-corejs3": "^7.22.6"
       }
     },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.7.tgz",
+      "integrity": "sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -1693,6 +2087,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/node": {
+      "version": "24.1.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.1.0.tgz",
+      "integrity": "sha512-ut5FthK5moxFKH2T1CUOC6ctR67rQRvvHdFLCD2Ql6KXmMuCrjsSsRI9UsLCm9M18BMwClv4pn327UvB7eeO1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.8.0"
+      }
+    },
     "node_modules/@types/react": {
       "version": "19.1.8",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.8.tgz",
@@ -1970,6 +2374,27 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+      "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.28.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.27",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.17.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+      }
+    },
     "node_modules/@vitejs/plugin-react-swc": {
       "version": "3.10.2",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.10.2.tgz",
@@ -1984,6 +2409,13 @@
         "vite": "^4 || ^5 || ^6 || ^7.0.0-beta.0"
       }
     },
+    "node_modules/@vitejs/plugin-react/node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+      "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
@@ -2246,6 +2678,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/core-js-pure": {
       "version": "3.44.0",
       "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.44.0.tgz",
@@ -2424,6 +2863,7 @@
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "esbuild": "bin/esbuild"
       },
@@ -2821,10 +3261,21 @@
       "os": [
         "darwin"
       ],
+      "peer": true,
       "engines": {
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/get-nonce": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
@@ -3018,6 +3469,19 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/json-buffer": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
@@ -3039,6 +3503,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -3337,6 +3814,23 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lru-cache/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/lucide-react": {
       "version": "0.525.0",
       "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.525.0.tgz",
@@ -3777,6 +4271,16 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "license": "MIT"
     },
+    "node_modules/react-refresh": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+      "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/react-remove-scroll": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.1.tgz",
@@ -3905,6 +4409,7 @@
       "integrity": "sha512-PVoapzTwSEcelaWGth3uR66u7ZRo6qhPHc0f2uRO9fX6XDVNrIiGYS0Pj9+R8yIIYSD/mCx2b16Ws9itljKSPg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.8"
       },
@@ -4098,6 +4603,7 @@
       "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fdir": "^6.4.4",
         "picomatch": "^4.0.2"
@@ -4115,6 +4621,7 @@
       "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "peerDependencies": {
         "picomatch": "^3 || ^4"
       },
@@ -4130,6 +4637,7 @@
       "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -4219,6 +4727,13 @@
         "typescript": ">=4.8.4 <5.9.0"
       }
     },
+    "node_modules/undici-types": {
+      "version": "7.8.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.8.0.tgz",
+      "integrity": "sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
@@ -4304,11 +4819,12 @@
       }
     },
     "node_modules/vite": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.4.tgz",
-      "integrity": "sha512-SkaSguuS7nnmV7mfJ8l81JGBFV7Gvzp8IzgE8A8t23+AxuNX61Q5H1Tpz5efduSN7NHC8nQXD3sKQKZAu5mNEA==",
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.5.tgz",
+      "integrity": "sha512-1mncVwJxy2C9ThLwz0+2GKZyEXuC3MyWtAAlNftlZZXZDP3AJt5FmwcMit/IGGaNZ8ZOB2BNO/HFUB+CpN0NQw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.4.6",
@@ -4384,6 +4900,7 @@
       "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "peerDependencies": {
         "picomatch": "^3 || ^4"
       },
@@ -4399,6 +4916,7 @@
       "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },

frontend/package.json

@@ -12,8 +12,10 @@
   "devDependencies": {
     "@eslint/js": "^9.30.1",
     "@tailwindcss/postcss": "^4.1.11",
+    "@types/node": "^24.1.0",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.7.0",
     "@vitejs/plugin-react-swc": "^3.10.2",
     "autoprefixer": "^10.4.21",
     "eslint": "^9.30.1",
@@ -23,8 +25,7 @@
     "postcss": "^8.5.6",
     "tailwindcss": "^4.1.11",
     "typescript": "~5.8.3",
-    "typescript-eslint": "^8.35.1",
-    "vite": "^7.0.4"
+    "typescript-eslint": "^8.35.1"
   },
   "dependencies": {
     "@ifrc-go/icons": "^2.0.1",

frontend/src/App.tsx

@@ -1,7 +1,7 @@
-/* src/App.tsx */
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import RootLayout from './layouts/RootLayout';
 import UploadPage from './pages/UploadPage';
+import ReviewPage from './pages/ReviewPage';
 import AnalyticsPage from './pages/AnalyticsPage';
 import ExplorePage from './pages/ExplorePage';
 import HelpPage from './pages/HelpPage';
@@ -12,6 +12,7 @@ const router = createBrowserRouter([
     children: [
       { path: '/',          element: <UploadPage /> },
       { path: '/upload',    element: <UploadPage /> },
+      { path: '/review/:id',   element: <ReviewPage /> },
       { path: '/analytics', element: <AnalyticsPage /> },
       { path: '/explore',   element: <ExplorePage /> },
       { path: '/help',      element: <HelpPage /> },

frontend/src/pages/ReviewPage.tsx

@@ -0,0 +1,33 @@
+// src/pages/ReviewPage.tsx
+import { useParams } from "react-router-dom";
+import { useEffect, useState } from "react";
+
+export default function ReviewPage() {
+  const { id } = useParams();          // captionId
+  const [data, setData] = useState<any>(null);
+  const [draft, setDraft] = useState("");
+
+  useEffect(() => {
+    (async () => {
+      const res = await fetch(`/api/captions/${id}`);
+      const json = await res.json();
+      setData(json);
+      setDraft(json.generated || "");
+    })();
+  }, [id]);
+
+  if (!data) return <p className="p-6">Loading…</p>;
+
+  return (
+    <main className="p-6 space-y-6">
+      <img src={data.imageUrl} className="max-w-full rounded-xl shadow" />
+      <textarea
+        value={draft}
+        onChange={e => setDraft(e.target.value)}
+        className="w-full border rounded p-3 font-mono" rows={5}
+      />
+      {/* sliders for accuracy/context/usability */}
+      {/* Save button calls PUT /api/captions/{id} */}
+    </main>
+  );
+}

frontend/src/pages/UploadPage.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useState } from 'react';
+import { useCallback, useState, useEffect } from 'react';
 import type { DragEvent } from 'react';
 import {
   PageContainer, Heading, Button,
@@ -12,14 +12,24 @@ import {
 import { Link, useNavigate } from 'react-router-dom';
 
 export default function UploadPage() {
+  const [step, setStep] = useState<1 | 2>(1);
+  const [preview, setPreview] = useState<string | null>(null);
   /* ---------------- local state ----------------- */
   const navigate = useNavigate();
 
+  const PH_SOURCE   = "_TBD_SOURCE";
+  const PH_REGION   = "_TBD_REGION";
+  const PH_CATEGORY = "_TBD_CATEGORY";
+
   const [file, setFile] = useState<File | null>(null);
-  const [source,    setSource]    = useState('');
-  const [region,    setRegion]    = useState('');
-  const [category,  setCategory]  = useState('');
+  //const [source,    setSource]    = useState('');
+  //const [region,    setRegion]    = useState('');
+  //const [category,  setCategory]  = useState('');
+  const [source,   setSource]   = useState(PH_SOURCE);
+  const [region,   setRegion]   = useState(PH_REGION);
+  const [category, setCategory] = useState(PH_CATEGORY);
   const [countries, setCountries] = useState<string[]>([]);
+  const [captionId, setCaptionId] = useState<string | null>(null);
 
   // Wrapper functions to handle OptionKey to string conversion
   const handleSourceChange = (value: any) => setSource(String(value));
@@ -27,6 +37,13 @@ export default function UploadPage() {
   const handleCategoryChange = (value: any) => setCategory(String(value));
   const handleCountriesChange = (value: any) => setCountries(Array.isArray(value) ? value.map(String) : []);
 
+  const [draft, setDraft] = useState(''); 
+  const [scores, setScores] = useState({  
+    accuracy: 50,
+    context:  50,
+    usability: 50,
+  });
+
   /* ---- drag-and-drop + file-picker handlers -------------------------- */
   const onDrop = useCallback((e: DragEvent<HTMLDivElement>) => {
     e.preventDefault();
@@ -38,6 +55,27 @@ export default function UploadPage() {
     if (file) setFile(file);
   }, []);
 
+  // blob URL / preview
+  useEffect(() => {
+    if (!file) {
+      setPreview(null);
+      return;
+    }
+    const url = URL.createObjectURL(file);
+    setPreview(url);
+    return () => URL.revokeObjectURL(url);
+  }, [file]); 
+
+
+  async function readJsonSafely(res: Response): Promise<any> {
+    const text = await res.text();        // get raw body
+    try {
+      return text ? JSON.parse(text) : {};  // valid JSON or empty object
+    } catch {
+      return { error: text };             // plain text fallback
+    }
+  }
+
   /* ---- generate handler --------------------------------------------- */
   async function handleGenerate() {
     if (!file) return;
@@ -50,12 +88,24 @@ export default function UploadPage() {
     countries.forEach((c) => fd.append('countries', c));
 
     try {
-      const res = await fetch('/api/maps', { method: 'POST', body: fd });
-      const json = await res.json();
-      if (!res.ok) throw new Error(json.error || 'Upload failed');
-      navigate(`/review/${json.mapId}`);
+      /* 1) upload */
+      const mapRes  = await fetch('/api/maps', { method: 'POST', body: fd });
+      const mapJson = await readJsonSafely(mapRes);
+      if (!mapRes.ok) throw new Error(mapJson.error || 'Upload failed');
+    
+      /* 2) caption */
+      const capRes = await fetch(
+        `/api/maps/${mapJson.mapId}/caption`, 
+        { method: 'POST' },
+      );
+      const capJson = await readJsonSafely(capRes);
+      if (!capRes.ok) throw new Error(capJson.error || 'Caption failed');
+    
+      /* 3) continue workflow */
+      setCaptionId(capJson.captionId);
+      setDraft(capJson.generated);
+      setStep(2);
     } catch (err) {
-      // basic alert for now; replace with toast later
       alert((err as Error).message);
     }
   }
@@ -65,121 +115,186 @@ export default function UploadPage() {
     <PageContainer>
       <div className="mx-auto max-w-3xl text-center px-4 py-10">
         {/* Title & intro copy */}
-        <Heading level={2}>Upload Your Crisis Map</Heading>
-
-        <p className="mt-3 text-gray-700 leading-relaxed">
-          This app evaluates how well multimodal AI models turn emergency maps
-          into meaningful text. Upload your map, let the AI generate a
-          description, then review and rate the result based on your expertise.
-        </p>
-
-        {/* “More »” link  */}
-        <div className="mt-2">
-          <Link
-            to="/help"
-            className="text-ifrcRed text-xs hover:underline flex items-center gap-1"
+        {step === 1 && <>
+          <Heading level={2}>Upload Your Crisis Map</Heading>
+          <p className="mt-3 text-gray-700 leading-relaxed">
+            This app evaluates how well multimodal AI models turn emergency maps
+            into meaningful text. Upload your map, let the AI generate a
+            description, then review and rate the result based on your expertise.
+          </p>
+          {/* “More »” link  */}
+          <div className="mt-2">
+            <Link
+              to="/help"
+              className="text-ifrcRed text-xs hover:underline flex items-center gap-1"
+            >
+              More <ArrowRightLineIcon className="w-3 h-3" />
+            </Link>
+          </div>
+        </>}
+
+        {/* Show uploaded image in step 2 */}
+        {step === 2 && preview &&(
+          <div className="mt-6 flex justify-center">
+            <img
+              src={preview}
+              alt="Uploaded map preview"
+              className="max-h-80 rounded shadow"
+            />
+          </div>
+        )}
+
+        {/* Drop-zone */}
+        {step === 1 && (
+          <div
+            className="mt-10 border-2 border-dashed border-gray-300 bg-gray-50 rounded-xl p-10 flex flex-col items-center gap-4 hover:bg-gray-100 transition-colors"
+            onDragOver={(e) => e.preventDefault()}
+            onDrop={onDrop}
           >
-            More <ArrowRightLineIcon className="w-3 h-3" />
-          </Link>
-        </div>
+            <UploadCloudLineIcon className="w-10 h-10 text-ifrcRed" />
 
-        {/* ----- metadata form ----------------------------------------- */}
-        <div className="grid gap-4 mt-8 text-left sm:grid-cols-2">
-          <SelectInput
-            label="Source"
-            name="source"
-            value={source}
-            onChange={handleSourceChange}
-            options={[
-              { value: 'UNOSAT', label: 'UNOSAT' },
-              { value: 'FIELD', label: 'Field HQ' },
-            ]}
-            keySelector={(option) => option.value}
-            labelSelector={(option) => option.label}
-            required
-          />
-          <SelectInput
-            label="Region"
-            name="region"
-            value={region}
-            onChange={handleRegionChange}
-            options={[
-              { value: 'AFR', label: 'Africa' },
-              { value: 'AMR', label: 'Americas' },
-              { value: 'APA', label: 'Asia-Pacific' },
-              { value: 'EUR', label: 'Europe' },
-              { value: 'MENA', label: 'Middle East & North Africa' },
-            ]}
-            keySelector={(option) => option.value}
-            labelSelector={(option) => option.label}
-            required
-          />
-          <SelectInput
-            label="Category"
-            name="category"
-            value={category}
-            onChange={handleCategoryChange}
-            options={[
-              { value: 'FLOOD', label: 'Flood' },
-              { value: 'WILDFIRE', label: 'Wildfire' },
-              { value: 'EARTHQUAKE', label: 'Earthquake' },
-            ]}
-            keySelector={(option) => option.value}
-            labelSelector={(option) => option.label}
-            required
-          />
-          <MultiSelectInput
-            label="Countries (optional)"
-            name="countries"
-            value={countries}
-            onChange={handleCountriesChange}
-            options={[
-              { value: 'PH', label: 'Philippines' },
-              { value: 'ID', label: 'Indonesia' },
-              { value: 'VN', label: 'Vietnam' },
-            ]}
-            keySelector={(option) => option.value}
-            labelSelector={(option) => option.label}
-            placeholder="Select one or more"
+            {file ? (
+              <p className="text-sm font-medium text-gray-800">
+                Selected file: {file.name}
+              </p>
+            ) : (
+              <>
+                <p className="text-sm text-gray-600">Drag &amp; Drop a file here</p>
+                <p className="text-xs text-gray-500">or</p>
+
+                {/* File-picker button */}
+                <RawFileInput name="file" accept="image/*" onChange={onFileChange}>
+                  <Button name="upload" size={1}>
+                    Upload
+                  </Button>
+                </RawFileInput>
+              </>
+            )}
+          </div>
+        )}
+
+        {/* Generate button */}
+        {step === 1 && (
+          <Button
+            name="generate"
+            className="mt-8"
+            disabled={!file}
+            onClick={handleGenerate}
+          >
+            Generate
+          </Button>
+        )}
+
+
+{step === 2 && (
+  <div className="space-y-10">
+    {/* ────── METADATA FORM ────── */}
+    <div className="grid gap-4 text-left sm:grid-cols-2">
+      <SelectInput
+        label="Source"
+        name="source"
+        value={source}
+        onChange={handleSourceChange}
+        options={[
+          { value: 'UNOSAT', label: 'UNOSAT' },
+          { value: 'FIELD',  label: 'Field HQ' },
+        ]}
+        keySelector={(o) => o.value}
+        labelSelector={(o) => o.label}
+        required
+      />
+      <SelectInput
+        label="Region"
+        name="region"
+        value={region}
+        onChange={handleRegionChange}
+        options={[
+          { value: 'AFR',  label: 'Africa' },
+          { value: 'AMR',  label: 'Americas' },
+          { value: 'APA',  label: 'Asia‑Pacific' },
+          { value: 'EUR',  label: 'Europe' },
+          { value: 'MENA', label: 'Middle East & N Africa' },
+        ]}
+        keySelector={(o) => o.value}
+        labelSelector={(o) => o.label}
+        required
+      />
+      <SelectInput
+        label="Category"
+        name="category"
+        value={category}
+        onChange={handleCategoryChange}
+        options={[
+          { value: 'FLOOD',      label: 'Flood' },
+          { value: 'WILDFIRE',   label: 'Wildfire' },
+          { value: 'EARTHQUAKE', label: 'Earthquake' },
+        ]}
+        keySelector={(o) => o.value}
+        labelSelector={(o) => o.label}
+        required
+      />
+      <MultiSelectInput
+        label="Countries (optional)"
+        name="countries"
+        value={countries}
+        onChange={handleCountriesChange}
+        options={[
+          { value: 'PH', label: 'Philippines' },
+          { value: 'ID', label: 'Indonesia' },
+          { value: 'VN', label: 'Vietnam' },
+        ]}
+        keySelector={(o) => o.value}
+        labelSelector={(o) => o.label}
+        placeholder="Select one or more"
+      />
+    </div>
+
+    {/* ────── RATING SLIDERS ────── */}
+    <div className="text-left">
+      <Heading level={3}>How well did the AI perform on the task?</Heading>
+      {(['accuracy', 'context', 'usability'] as const).map((k) => (
+        <div key={k} className="mt-6 flex items-center gap-4">
+          <label className="block text-sm font-medium capitalize w-28">{k}</label>
+          <input
+            type="range"
+            min={0}
+            max={100}
+            value={scores[k]}
+            onChange={(e) =>
+              setScores((s) => ({ ...s, [k]: Number(e.target.value) }))
+            }
+            className="w-full accent-ifrcRed"
           />
+          <span className="ml-2 w-10 text-right tabular-nums">{scores[k]}</span>
         </div>
+      ))}
+    </div>
 
-        {/* Drop-zone */}
-        <div
-          className="mt-10 border-2 border-dashed border-gray-300 bg-gray-50 rounded-xl p-10 flex flex-col items-center gap-4 hover:bg-gray-100 transition-colors"
-          onDragOver={(e) => e.preventDefault()}
-          onDrop={onDrop}
-        >
-          <UploadCloudLineIcon className="w-10 h-10 text-ifrcRed" />
-
-          {file ? (
-            <p className="text-sm font-medium text-gray-800">
-              Selected file: {file.name}
-            </p>
-          ) : (
-            <>
-              <p className="text-sm text-gray-600">Drag &amp; Drop a file here</p>
-              <p className="text-xs text-gray-500">or</p>
-
-              {/* File-picker button */}
-              <RawFileInput name="file" accept="image/*" onChange={onFileChange}>
-                <Button name="upload" size={1}>
-                  Upload
-                </Button>
-              </RawFileInput>
-            </>
-          )}
-        </div>
+    {/* ────── AI‑GENERATED CAPTION ────── */}
+    <div className="text-left">
+      <Heading level={3}>AI‑Generated Caption</Heading>
+      <textarea
+        className="w-full border rounded p-3 font-mono mt-2"
+        rows={5}
+        value={draft}
+        onChange={(e) => setDraft(e.target.value)}
+      />
+    </div>
 
-        {/* Generate button */}
-        <Button
-          name="generate"
-          className="mt-8"
-          disabled={!file || !source || !region || !category}
-          onClick={handleGenerate}
-        >
-          Generate
-        </Button>
+    {/* ────── SUBMIT BUTTON ────── */}
+    <Button
+      name="submit"
+      className="mt-10"
+      onClick={() =>
+        alert('Stub saved – wire PUT /api/captions/:id later')
+      }
+    >
+      Submit
+    </Button>
+  </div>
+)}
+        
+        
       </div>
     </PageContainer>
   );

frontend/vite.config.ts

@@ -1,7 +1,20 @@
+console.log('⚙️ VITE CONFIG LOADED')
+
 import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
+import react from '@vitejs/plugin-react'
 
-// https://vite.dev/config/
 export default defineConfig({
+  server: {
+    port: 5173,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:8080',
+        changeOrigin: true,
+        secure: false,
+      },
+    },
+  },
   plugins: [react()],
 })
+
+