feat(F-163): completed feature

project/apps/pos/src/app/(auth)/login/page.tsx

@@ -14,7 +14,7 @@ export default function LoginPage() {
     setLoading(true);
     setError('');
     try {
-      const res = await fetch('/api/auth/login', {
+      const res = await fetch('/api/backoffice/auth/login', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ email, password }),

project/apps/pos/src/app/(terminal)/page.tsx

@@ -43,6 +43,9 @@ export default function RegisterPage() {
   const [needsBinding, setNeedsBinding] = useState(false);
   const [bindingCode, setBindingCode] = useState('');
   const [binding, setBinding] = useState(false);
+  const [openingCash, setOpeningCash] = useState('0');
+  const [openingSession, setOpeningSession] = useState(false);
+  const [sessionError, setSessionError] = useState('');
   const [cart, setCart] = useState<CartItem[]>([]);
   const [search, setSearch] = useState('');
   const [searchResults, setSearchResults] = useState<SearchResult[]>([]);
@@ -89,6 +92,25 @@ export default function RegisterPage() {
     }
   };
 
+  const openCashSession = async (event: React.FormEvent) => {
+    event.preventDefault();
+    const amount = Number(openingCash.replace(',', '.'));
+    if (!Number.isFinite(amount) || amount < 0) {
+      setSessionError('Introduce un importe válido');
+      return;
+    }
+    setOpeningSession(true);
+    setSessionError('');
+    try {
+      await posApi.openSession(Math.round(amount * 100));
+      await loadConfig();
+    } catch (err) {
+      setSessionError(err instanceof Error ? err.message : 'No se pudo abrir la caja');
+    } finally {
+      setOpeningSession(false);
+    }
+  };
+
   const doSearch = useCallback(async (q: string) => {
     if (q.trim().length < 2) { setSearchResults([]); return; }
     setSearching(true);
@@ -231,9 +253,32 @@ export default function RegisterPage() {
 
   if (config.session?.status !== 'OPEN') {
     return (
-      <div className="flex flex-col items-center justify-center min-h-screen text-center p-8">
-        <h1 className="text-4xl font-bold mb-4" style={{ color: 'var(--color-primary)' }}>Sesión cerrada</h1>
-        <p className="text-gray-500 mb-6">Abre una caja desde la administración para comenzar.</p>
+      <div className="flex min-h-screen items-center justify-center bg-gray-100 p-6">
+        <form onSubmit={openCashSession} className="w-full max-w-md space-y-5 rounded-2xl bg-white p-8 shadow-lg">
+          <div>
+            <p className="text-sm font-medium text-[#2D6A4F]">{config.store.name} · {config.terminal.name}</p>
+            <h1 className="mt-1 text-3xl font-bold text-gray-900">Abrir sesión de caja</h1>
+            <p className="mt-2 text-sm text-gray-500">Indica el efectivo disponible al comenzar el turno. Puedes usar 0 si la caja empieza vacía.</p>
+          </div>
+          <label className="block text-sm font-medium text-gray-700">
+            Efectivo inicial (€)
+            <input
+              type="number"
+              min="0"
+              step="0.01"
+              value={openingCash}
+              onChange={(event) => setOpeningCash(event.target.value)}
+              className="mt-1 w-full rounded-xl border border-gray-300 px-4 py-3 text-xl outline-none focus:ring-2 focus:ring-[#2D6A4F]"
+              required
+              autoFocus
+            />
+          </label>
+          {sessionError && <p className="text-sm text-red-600">{sessionError}</p>}
+          <button type="submit" disabled={openingSession} className="w-full rounded-xl bg-[#2D6A4F] py-3 font-semibold text-white hover:bg-[#1B4332] disabled:opacity-50">
+            {openingSession ? 'Abriendo…' : 'Abrir caja y comenzar'}
+          </button>
+          <p className="text-xs text-gray-400">Una sesión de caja representa el turno diario y registra ventas, efectivo esperado y cierre.</p>
+        </form>
       </div>
     );
   }