fix: resolve API base URL per-request so Server Settings takes effect (#20)

* fix: resolve API base URL per-request so Server Settings takes effect

The axios baseURL was frozen at module-load time, so changing the
server via the Server Settings panel had no effect until a full page
reload — requests kept hitting the stale base and failed silently with
no response, surfacing as a generic "Registration failed" (issue #14).

Resolve the base URL in the request interceptor instead, and fix the
wrong API path in web/.env.example (/api -> /api/v1).

https://claude.ai/code/session_0136mFAkQRJoTASLsyFEW42L

* chore: gitignore .playwright-mcp/ artifact dir

Playwright MCP server writes snapshots/console logs/screenshots to
.playwright-mcp/ during interactive QA. Untracked test artifact, not
source. Group with the existing Playwright ignore block.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: Cawlumm

.gitignore

@@ -57,3 +57,4 @@ CLAUDE.md
 # Playwright artifacts
 web/e2e/.auth/
 web/test-results/
+.playwright-mcp/

web/.env.example

@@ -1,2 +1,4 @@
-# API Configuration
-VITE_API_URL=http://localhost:3000/api
+# API Configuration — optional.
+# Leave unset for the standard deploy (nginx proxies /api to the backend).
+# If set, it must be the full API base including the version segment.
+# VITE_API_URL=http://localhost:3000/api/v1

web/src/services/api.ts

@@ -1,19 +1,21 @@
 import axios, { AxiosInstance } from 'axios'
 import * as types from '../types'
 
-const getAPIBase = () => {
+// Resolved per-request so the "Server settings" panel takes effect immediately,
+// without needing a full page reload.
+const resolveAPIBase = () => {
+  const envUrl = import.meta.env.VITE_API_URL as string | undefined
+  if (envUrl) return envUrl
   const serverUrl = localStorage.getItem('server_url')
   return serverUrl ? `${serverUrl}/api/v1` : '/api/v1'
 }
 
-const API_BASE = (import.meta.env.VITE_API_URL as string) || getAPIBase()
-
 const api: AxiosInstance = axios.create({
-  baseURL: API_BASE,
   headers: { 'Content-Type': 'application/json' },
 })
 
 api.interceptors.request.use((config) => {
+  config.baseURL = resolveAPIBase()
   const token = localStorage.getItem('access_token')
   if (token) config.headers.Authorization = `Bearer ${token}`
   return config
@@ -27,7 +29,7 @@ api.interceptors.response.use(
       original._retry = true
       try {
         const refreshToken = localStorage.getItem('refresh_token')
-        const res = await axios.post(`${API_BASE}/auth/refresh`, { refresh_token: refreshToken })
+        const res = await axios.post(`${resolveAPIBase()}/auth/refresh`, { refresh_token: refreshToken })
         const newToken = res.data.data.token
         localStorage.setItem('access_token', newToken)
         original.headers.Authorization = `Bearer ${newToken}`