Fix health check: use DEPLOY_PORT variable for host port

The frontend port varies per deployment (80 on dev, 8088 on
dedicated host). Use a Gitea variable so it works across environments.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

.gitea/workflows/deploy.yml

@@ -0,0 +1,86 @@
+name: Build and Deploy UMBRA
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: https://github.com/actions/checkout@v4
+        with:
+          token: ${{ secrets.REGISTRY_TOKEN }}
+
+      - name: Login to Gitea Container Registry
+        run: echo "${{ secrets.REGISTRY_TOKEN }}" | docker login ${{ vars.REGISTRY_HOST }} -u ${{ secrets.REGISTRY_USER }} --password-stdin
+
+      - name: Build and push backend
+        run: |
+          docker build --pull \
+                       -t ${{ vars.REGISTRY_HOST }}/rohskiddo/umbra-backend:main-latest \
+                       -t ${{ vars.REGISTRY_HOST }}/rohskiddo/umbra-backend:${{ github.sha }} \
+                       ./backend
+          docker push ${{ vars.REGISTRY_HOST }}/rohskiddo/umbra-backend:main-latest
+          docker push ${{ vars.REGISTRY_HOST }}/rohskiddo/umbra-backend:${{ github.sha }}
+
+      - name: Build and push frontend
+        run: |
+          docker build --pull \
+                       -t ${{ vars.REGISTRY_HOST }}/rohskiddo/umbra-frontend:main-latest \
+                       -t ${{ vars.REGISTRY_HOST }}/rohskiddo/umbra-frontend:${{ github.sha }} \
+                       ./frontend
+          docker push ${{ vars.REGISTRY_HOST }}/rohskiddo/umbra-frontend:main-latest
+          docker push ${{ vars.REGISTRY_HOST }}/rohskiddo/umbra-frontend:${{ github.sha }}
+
+      - name: Deploy
+        run: |
+          # Spawn a short-lived container that mounts the host deploy path
+          # and runs compose commands against the host Docker daemon.
+          # DEPLOY_PATH is a Gitea variable — update it when moving hosts.
+          docker run --rm \
+            --network host \
+            --security-opt label:disable \
+            -v /var/run/docker.sock:/var/run/docker.sock \
+            -v ${{ vars.DEPLOY_PATH }}:/deploy \
+            -w /deploy \
+            docker:27-cli sh -c "
+              docker compose -p umbra --env-file stack.env pull backend frontend &&
+              docker compose -p umbra --env-file stack.env up -d db backend frontend
+            "
+
+      - name: Health check
+        run: |
+          echo "Waiting for services to start..."
+          sleep 30
+          curl -f http://localhost:${{ vars.DEPLOY_PORT }}/health || exit 1
+
+      - name: Prune old images
+        if: success()
+        run: docker image prune -f
+
+      - name: Notify success
+        if: success()
+        run: |
+          curl -s \
+            -H "Title: UMBRA Deploy Success" \
+            -H "Tags: white_check_mark" \
+            --data-binary @- https://ntfy.ghost6.xyz/claude <<'NTFY_EOF'
+          Build ${{ github.sha }} deployed successfully to umbra.ghost6.xyz.
+          Triggered by push to main.
+          NTFY_EOF
+
+      - name: Notify failure
+        if: failure()
+        run: |
+          curl -s \
+            -H "Title: UMBRA Deploy FAILED" \
+            -H "Tags: fire" \
+            -H "Priority: high" \
+            --data-binary @- https://ntfy.ghost6.xyz/claude <<'NTFY_EOF'
+          Deploy failed for commit ${{ github.sha }}.
+          Check Gitea Actions logs at git.sentinelforest.xyz.
+          NTFY_EOF

act_runner_config.yaml

@@ -0,0 +1,20 @@
+log:
+  level: info
+
+runner:
+  capacity: 1
+  timeout: 3h
+  insecure: false
+
+cache:
+  enabled: false
+
+container:
+  network: host
+  privileged: false
+  options: "--security-opt label:disable"
+  valid_volumes:
+    - "**"
+
+host:
+  workdir_parent: /tmp/act_runner

docker-compose.yaml

@@ -2,7 +2,10 @@ services:
   db:
     image: postgres:16-alpine
     restart: unless-stopped
-    env_file: .env
+    environment:
+      - POSTGRES_USER=${POSTGRES_USER}
+      - POSTGRES_PASSWORD=${POSTGRES_PASSWORD}
+      - POSTGRES_DB=${POSTGRES_DB}
     volumes:
       - postgres_data:/var/lib/postgresql/data
     networks:
@@ -19,9 +22,17 @@ services:
           cpus: "1.0"
 
   backend:
-    build: ./backend
+    image: git.sentinelforest.xyz/rohskiddo/umbra-backend:main-latest
     restart: unless-stopped
-    env_file: .env
+    environment:
+      - DATABASE_URL=postgresql+asyncpg://${POSTGRES_USER}:${POSTGRES_PASSWORD}@db:5432/${POSTGRES_DB}
+      - SECRET_KEY=${SECRET_KEY}
+      - ENVIRONMENT=${ENVIRONMENT:-production}
+      - UMBRA_URL=${UMBRA_URL:-https://umbra.ghost6.xyz}
+      - OPENWEATHERMAP_API_KEY=${OPENWEATHERMAP_API_KEY:-}
+      - WEBAUTHN_RP_ID=${WEBAUTHN_RP_ID:-umbra.ghost6.xyz}
+      - WEBAUTHN_RP_NAME=${WEBAUTHN_RP_NAME:-UMBRA}
+      - WEBAUTHN_ORIGIN=${WEBAUTHN_ORIGIN:-https://umbra.ghost6.xyz}
     depends_on:
       db:
         condition: service_healthy
@@ -30,7 +41,7 @@ services:
       - frontend_net
     healthcheck:
       test: ["CMD-SHELL", "python -c \"import urllib.request; urllib.request.urlopen('http://localhost:8000/health')\""]
-      interval: 10s
+      interval: 30s
       timeout: 5s
       retries: 3
       start_period: 30s
@@ -41,7 +52,7 @@ services:
           cpus: "1.0"
 
   frontend:
-    build: ./frontend
+    image: git.sentinelforest.xyz/rohskiddo/umbra-frontend:main-latest
     restart: unless-stopped
     ports:
       - "80:8080"
@@ -51,7 +62,7 @@ services:
     networks:
       - frontend_net
     healthcheck:
-      test: ["CMD", "wget", "--spider", "--quiet", "http://localhost:8080/"]
+      test: ["CMD", "wget", "--spider", "--quiet", "http://127.0.0.1:8080/"]
       interval: 15s
       timeout: 5s
       retries: 3

frontend/nginx.conf

@@ -12,6 +12,8 @@ limit_req_zone $binary_remote_addr zone=conn_search_limit:10m rate=10r/m;
 limit_req_zone $binary_remote_addr zone=conn_request_limit:10m rate=3r/m;
 # Event creation — recurrence amplification means 1 POST = up to 90-365 child rows
 limit_req_zone $binary_remote_addr zone=event_create_limit:10m rate=30r/m;
+# Health endpoint — lightweight but rate-limited for resilience
+limit_req_zone $binary_remote_addr zone=health_limit:1m rate=30r/m;
 
 # Use X-Forwarded-Proto from upstream proxy when present, fall back to $scheme for direct access
 map $http_x_forwarded_proto $forwarded_proto {
@@ -164,6 +166,13 @@ server {
         include /etc/nginx/proxy-params.conf;
     }
 
+    # Health endpoint — proxied to backend for external uptime monitoring
+    location = /health {
+        limit_req zone=health_limit burst=5 nodelay;
+        limit_req_status 429;
+        include /etc/nginx/proxy-params.conf;
+    }
+
     # API proxy (catch-all for non-rate-limited endpoints)
     location /api {
         proxy_set_header Upgrade $http_upgrade;
@@ -184,7 +193,7 @@ server {
         add_header X-Frame-Options "SAMEORIGIN" always;
         add_header X-Content-Type-Options "nosniff" always;
         add_header Referrer-Policy "strict-origin-when-cross-origin" always;
-        add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; img-src 'self' data:; font-src 'self' https://fonts.gstatic.com; connect-src 'self';" always;
+        add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; img-src 'self' data:; font-src 'self' https://fonts.gstatic.com; connect-src 'self'; frame-ancestors 'none'; upgrade-insecure-requests;" always;
         add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
     }
 
@@ -192,7 +201,7 @@ server {
     add_header X-Frame-Options "SAMEORIGIN" always;
     add_header X-Content-Type-Options "nosniff" always;
     add_header Referrer-Policy "strict-origin-when-cross-origin" always;
-    add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; img-src 'self' data:; font-src 'self' https://fonts.gstatic.com; connect-src 'self';" always;
+    add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; img-src 'self' data:; font-src 'self' https://fonts.gstatic.com; connect-src 'self'; frame-ancestors 'none'; upgrade-insecure-requests;" always;
     add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
     # PT-I03: Restrict unnecessary browser APIs
     add_header Permissions-Policy "camera=(), microphone=(), geolocation=(), interest-cohort=(), publickey-credentials-get=(self), publickey-credentials-create=(self)" always;

frontend/proxy-params.conf

@@ -11,6 +11,6 @@ add_header Cache-Control "no-store, no-cache, must-revalidate" always;
 add_header X-Frame-Options "SAMEORIGIN" always;
 add_header X-Content-Type-Options "nosniff" always;
 add_header Referrer-Policy "strict-origin-when-cross-origin" always;
-add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; img-src 'self' data:; font-src 'self' https://fonts.gstatic.com; connect-src 'self';" always;
+add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; img-src 'self' data:; font-src 'self' https://fonts.gstatic.com; connect-src 'self'; frame-ancestors 'none'; upgrade-insecure-requests;" always;
 add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
-add_header Permissions-Policy "camera=(), microphone=(), geolocation=(), interest-cohort=()" always;
+add_header Permissions-Policy "camera=(), microphone=(), geolocation=(), interest-cohort=(), publickey-credentials-get=(self), publickey-credentials-create=(self)" always;

frontend/src/components/calendar/EventDetailPanel.tsx

@@ -591,32 +591,32 @@ export default function EventDetailPanel({
               <Button
                 variant="ghost"
                 size="icon"
-                className="h-7 w-7"
+                className="h-8 w-8"
                 onClick={() => setScopeStep(null)}
                 title="Cancel"
               >
-                <X className="h-3.5 w-3.5" />
+                <X className="h-4 w-4" />
               </Button>
             ) : (isEditing || isCreating) ? (
               <>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7 text-green-400 hover:text-green-300"
+                  className="h-8 w-8 text-green-400 hover:text-green-300"
                   onClick={handleEditSave}
                   disabled={saveMutation.isPending}
                   title="Save"
                 >
-                  <Save className="h-3.5 w-3.5" />
+                  <Save className="h-4 w-4" />
                 </Button>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditCancel}
                   title="Cancel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             ) : (
@@ -628,12 +628,12 @@ export default function EventDetailPanel({
                       <Button
                         variant="ghost"
                         size="icon"
-                        className="h-7 w-7"
+                        className="h-8 w-8"
                         onClick={handleEditStart}
                         disabled={isAcquiringLock || !!activeLockInfo}
                         title={activeLockInfo ? `Locked by ${activeLockInfo.locked_by_name || 'another user'}` : 'Edit event'}
                       >
-                        {isAcquiringLock ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <Pencil className="h-3.5 w-3.5" />}
+                        {isAcquiringLock ? <Loader2 className="h-4 w-4 animate-spin" /> : <Pencil className="h-4 w-4" />}
                       </Button>
                     )}
                     {/* Leave button for invited events */}
@@ -641,11 +641,11 @@ export default function EventDetailPanel({
                       <Button
                         variant="ghost"
                         size="icon"
-                        className="h-7 w-7 text-muted-foreground hover:text-destructive"
+                        className="h-8 w-8 text-muted-foreground hover:text-destructive"
                         onClick={() => setShowLeaveDialog(true)}
                         title="Leave event"
                       >
-                        <LogOut className="h-3.5 w-3.5" />
+                        <LogOut className="h-4 w-4" />
                       </Button>
                     )}
                     {/* Delete button for own events */}
@@ -664,12 +664,12 @@ export default function EventDetailPanel({
                         <Button
                           variant="ghost"
                           size="icon"
-                          className="h-7 w-7 text-muted-foreground hover:text-destructive"
+                          className="h-8 w-8 text-muted-foreground hover:text-destructive"
                           onClick={handleDeleteStart}
                           disabled={deleteMutation.isPending}
                           title="Delete event"
                         >
-                          <Trash2 className="h-3.5 w-3.5" />
+                          <Trash2 className="h-4 w-4" />
                         </Button>
                       )
                     )}
@@ -678,11 +678,11 @@ export default function EventDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={onClose}
                   title="Close panel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             )}

frontend/src/components/projects/TaskDetailPanel.tsx

@@ -285,21 +285,21 @@ export default function TaskDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7 text-green-400 hover:text-green-300"
+                  className="h-8 w-8 text-green-400 hover:text-green-300"
                   onClick={handleEditSave}
                   disabled={updateTaskMutation.isPending}
                   title="Save changes"
                 >
-                  <Save className="h-3.5 w-3.5" />
+                  <Save className="h-4 w-4" />
                 </Button>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditCancel}
                   title="Cancel editing"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             ) : (
@@ -307,30 +307,30 @@ export default function TaskDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditStart}
                   title="Edit task"
                 >
-                  <Pencil className="h-3.5 w-3.5" />
+                  <Pencil className="h-4 w-4" />
                 </Button>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7 text-muted-foreground hover:text-destructive"
+                  className="h-8 w-8 text-muted-foreground hover:text-destructive"
                   onClick={() => onDelete(task.id)}
                   title="Delete task"
                 >
-                  <Trash2 className="h-3.5 w-3.5" />
+                  <Trash2 className="h-4 w-4" />
                 </Button>
                 {onClose && (
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="h-7 w-7"
+                    className="h-8 w-8"
                     onClick={onClose}
                     title="Close panel"
                   >
-                    <X className="h-3.5 w-3.5" />
+                    <X className="h-4 w-4" />
                   </Button>
                 )}
               </>
@@ -562,7 +562,7 @@ export default function TaskDetailPanel({
         {/* Comments */}
         <div className="space-y-3">
           <div className="flex items-center gap-1.5">
-            <MessageSquare className="h-3.5 w-3.5 text-muted-foreground" />
+            <MessageSquare className="h-4 w-4 text-muted-foreground" />
             <h4 className="text-[11px] text-muted-foreground uppercase tracking-wider">
               Comments
               {comments.length > 0 && (

frontend/src/components/reminders/ReminderDetailPanel.tsx

@@ -236,21 +236,21 @@ export default function ReminderDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7 text-green-400 hover:text-green-300"
+                  className="h-8 w-8 text-green-400 hover:text-green-300"
                   onClick={handleEditSave}
                   disabled={saveMutation.isPending}
                   title="Save"
                 >
-                  <Save className="h-3.5 w-3.5" />
+                  <Save className="h-4 w-4" />
                 </Button>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditCancel}
                   title="Cancel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             ) : (
@@ -259,22 +259,22 @@ export default function ReminderDetailPanel({
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="h-7 w-7 hover:bg-orange-500/10 hover:text-orange-400"
+                    className="h-8 w-8 hover:bg-orange-500/10 hover:text-orange-400"
                     onClick={() => dismissMutation.mutate()}
                     disabled={dismissMutation.isPending}
                     title="Dismiss reminder"
                   >
-                    <BellOff className="h-3.5 w-3.5" />
+                    <BellOff className="h-4 w-4" />
                   </Button>
                 )}
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditStart}
                   title="Edit reminder"
                 >
-                  <Pencil className="h-3.5 w-3.5" />
+                  <Pencil className="h-4 w-4" />
                 </Button>
                 {confirmingDelete ? (
                   <Button
@@ -290,22 +290,22 @@ export default function ReminderDetailPanel({
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="h-7 w-7 text-muted-foreground hover:text-destructive"
+                    className="h-8 w-8 text-muted-foreground hover:text-destructive"
                     onClick={handleDeleteClick}
                     disabled={deleteMutation.isPending}
                     title="Delete reminder"
                   >
-                    <Trash2 className="h-3.5 w-3.5" />
+                    <Trash2 className="h-4 w-4" />
                   </Button>
                 )}
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={onClose}
                   title="Close panel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             )}

frontend/src/components/shared/EntityDetailPanel.tsx

@@ -61,7 +61,7 @@ export function EntityDetailPanel<T>({
               size="icon"
               onClick={onToggleFavourite}
               aria-label={isFavourite ? `Remove from ${favouriteLabel}s` : `Add to ${favouriteLabel}s`}
-              className={`h-7 w-7 ${isFavourite ? 'text-yellow-400' : 'text-muted-foreground'}`}
+              className={`h-8 w-8 ${isFavourite ? 'text-yellow-400' : 'text-muted-foreground'}`}
             >
               {isFavourite ? (
                 <Star className="h-4 w-4 fill-yellow-400" />
@@ -75,7 +75,7 @@ export function EntityDetailPanel<T>({
             size="icon"
             onClick={onClose}
             aria-label="Close panel"
-            className="h-7 w-7"
+            className="h-8 w-8"
           >
             <X className="h-4 w-4" />
           </Button>

frontend/src/components/todos/TodoDetailPanel.tsx

@@ -272,21 +272,21 @@ export default function TodoDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7 text-green-400 hover:text-green-300"
+                  className="h-8 w-8 text-green-400 hover:text-green-300"
                   onClick={handleEditSave}
                   disabled={saveMutation.isPending}
                   title="Save"
                 >
-                  <Save className="h-3.5 w-3.5" />
+                  <Save className="h-4 w-4" />
                 </Button>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditCancel}
                   title="Cancel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             ) : (
@@ -294,11 +294,11 @@ export default function TodoDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditStart}
                   title="Edit todo"
                 >
-                  <Pencil className="h-3.5 w-3.5" />
+                  <Pencil className="h-4 w-4" />
                 </Button>
                 {confirmingDelete ? (
                   <Button
@@ -314,22 +314,22 @@ export default function TodoDetailPanel({
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="h-7 w-7 text-muted-foreground hover:text-destructive"
+                    className="h-8 w-8 text-muted-foreground hover:text-destructive"
                     onClick={handleDeleteClick}
                     disabled={deleteMutation.isPending}
                     title="Delete todo"
                   >
-                    <Trash2 className="h-3.5 w-3.5" />
+                    <Trash2 className="h-4 w-4" />
                   </Button>
                 )}
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={onClose}
                   title="Close panel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             )}