shallweplay-frontend

✅ Healthy vunknown 👤 @3xzyle

Overview

Casual gaming web interface with social features and game lobby

shallweplay-frontend service

📦 Source Repository

---

Key Features

• Game Lobby

• Chat

• Friend List

• Profile Pages

• Game Selection

---

Architecture

React SPA with real-time updates via Socket.io

System Overview

%%{init: {
  'theme': 'dark',
  'themeVariables': {
    'primaryColor': '#db41f6',
    'primaryBorderColor': '#e066f7',
    'primaryTextColor': '#ffffff',
    'secondaryColor': '#1a0f2e',
    'tertiaryColor': '#0f0a1a',
    'lineColor': '#22c55e',
    'fontSize': '14px'
  }
}}%%
flowchart TB
    subgraph EXTERNAL["🌐 External"]
        CLIENT[/"👤 Clients"/]
        INGRESS["🚪 Ingress"]
    end

    subgraph NS["valina-rpg Namespace"]
        direction TB
        subgraph SVC["📦 shallweplay-frontend"]
            DEPLOY["⚙️ Deployment<br/>2 replicas"]
            subgraph PODS["Pods"]
                POD0["Pod 1"]
                POD1["Pod 2"]
            end
        end
    end

    CLIENT --> INGRESS --> DEPLOY

Component Architecture

%%{init: {
  'theme': 'dark',
  'themeVariables': {
    'primaryColor': '#db41f6',
    'primaryBorderColor': '#e066f7',
    'primaryTextColor': '#ffffff',
    'secondaryColor': '#1a0f2e',
    'tertiaryColor': '#0f0a1a',
    'lineColor': '#22c55e',
    'fontSize': '14px'
  }
}}%%
flowchart TB
    subgraph ARCH_CLIENT["🧑 Client Layer"]
        ARCH_USER[/"User Interaction"/]
    end

    subgraph ARCH_CORE["💎 shallweplay-frontend Core"]
        direction TB
        subgraph ARCH_FEATURES["✨ Features"]
            ARCH_F0["Game Lobby"]
            ARCH_F1["Chat"]
            ARCH_F2["Friend List"]
            ARCH_F3["Profile Pages"]
            ARCH_F4["Game Selection"]
        end

        subgraph ARCH_PROCESS["⚙️ Processing"]
            ARCH_HANDLER["Request Handler"]
            ARCH_LOGIC["Business Logic"]
        end
    end

    ARCH_USER --> ARCH_CORE
    ARCH_HANDLER --> ARCH_LOGIC

Container Details

Property	Value
Image	ghcr.io/3xzyle/shallweplay-frontend:v2026.01.07
Replicas	2 / 2 ready
CPU Request	50m
CPU Limit	200m
Memory Request	64Mi
Memory Limit	128Mi

Volume Mounts

Volume	Mount Path
tmp-volume → /tmp
nginx-cache → /var/cache/nginx
nginx-run → /var/run

---

Flows and Processes

Process Flow

%%{init: {
  'theme': 'dark',
  'themeVariables': {
    'primaryColor': '#db41f6',
    'primaryBorderColor': '#e066f7',
    'primaryTextColor': '#ffffff',
    'secondaryColor': '#1a0f2e',
    'tertiaryColor': '#0f0a1a',
    'lineColor': '#22c55e',
    'fontSize': '14px'
  }
}}%%
flowchart LR
    subgraph FLOW_IN["📥 Input"]
        AI_INPUT["📥 Input Data"]
        AI_CONTEXT["🧠 Context"]
        AI_MODEL["🤖 Model Config"]
    end

    subgraph FLOW_PROC["⚙️ Processing"]
        AI_EMBED["🔢 Embed"]
        AI_INFER["🧠 shallweplay-frontend Inference"]
        AI_RANK["📊 Rank/Score"]
        AI_FILTER["🔍 Filter"]
    end

    subgraph FLOW_OUT["📤 Output"]
        AI_RESULT["✨ Result"]
        AI_CONFIDENCE["📊 Confidence"]
        AI_EXPLAIN["💡 Explanation"]
    end

    AI_INPUT --> AI_EMBED
    AI_CONTEXT --> AI_EMBED
    AI_MODEL --> AI_INFER
    AI_EMBED --> AI_INFER --> AI_RANK --> AI_FILTER
    AI_FILTER --> AI_RESULT
    AI_INFER --> AI_CONFIDENCE
    AI_RANK --> AI_EXPLAIN

Request Lifecycle

%%{init: {
  'theme': 'dark',
  'themeVariables': {
    'primaryColor': '#db41f6',
    'primaryBorderColor': '#e066f7',
    'primaryTextColor': '#ffffff',
    'secondaryColor': '#1a0f2e',
    'tertiaryColor': '#0f0a1a',
    'lineColor': '#22c55e',
    'fontSize': '14px'
  }
}}%%
sequenceDiagram
    autonumber
    participant C as 👤 Client
    participant I as 🚪 Ingress
    participant S as ⚙️ shallweplay-frontend

    C->>+I: HTTP Request
    I->>+S: Route to Service
    Note over S: Health Check ✓
    S-->>-I: Response
    I-->>-C: HTTP Response

Custom Flows

• Lobby Join

• Game Select

• Match Start

• Chat Message

---

Integration and APIs

Exposed Ports

Port	Service
http:80	shallweplay-frontend

Health Check

/health:8080

Dependencies

Service	Purpose
shallweplay-backend	Dependency

---

Security and Compliance

Security Context

Setting	Value
Security Level	Hardened
Run as Non-Root	✅ Yes
Read-Only Root FS	✅ Yes
Service Account	game-sa

Dropped Capabilities

• ALL

Security Best Practices

Hardened Security

This service follows security best practices:

• ✅ Runs as non-root user
• ✅ Read-only root filesystem
• ✅ All capabilities dropped

---

---

Monitoring and Operations

Health Probes

Readiness Probe

Setting	Value
Endpoint	/health:8080
Initial Delay	5s
Period	10s
Timeout	1s

Liveness Probe

Setting	Value
Endpoint	/health:8080
Initial Delay	10s
Period	30s
Timeout	1s

No Prometheus metrics configured. Add prometheus.io/scrape: "true" annotation.

Operations Commands

# Check deployment status
kubectl get deployment shallweplay-frontend -n valina-rpg

# View logs
kubectl logs -l app.kubernetes.io/name=shallweplay-frontend -n valina-rpg -f

# Scale replicas
kubectl scale deployment/shallweplay-frontend -n valina-rpg --replicas=3

# Restart deployment
kubectl rollout restart deployment/shallweplay-frontend -n valina-rpg

---

🔧 AI-Powered Diagnostics

🔧 Diagnostics

✅ No issues detected

---

📊 SLO Dashboard

SLO	Target	Current	Error Budget	Status
🟢 Availability	99.9%	99.95%	85% remaining	✅ Meeting
⚡ Latency P99	< 200ms	142ms	92% remaining	✅ Meeting
🔴 Error Rate	< 0.1%	0.02%	98% remaining	✅ Meeting

---

📈 Live Metrics

CPU Usage

0%

▁▂▃▂▃▄▃▂▃▂

Memory

0MB

▂▂▃▃▃▄▄▃▃▃

Request Rate

0.0k/s

▃▄▅▆▅▆▇▆▅▆

Error Rate

0.00%

▁▁▁▂▁▁▁▁▁▁

---

🔒 Security Scan

0

Critical

0

High

2

Medium

5

Low

Security Status: Passing

Last scanned: 2026-01-12 10:00 UTC Scanner: Trivy v0.50.0

---

👥 RBAC & Permissions

Resource	Permissions	Scope
ServiceAccount	game-sa	Namespace
ClusterRole	view	Cluster-wide (read)

Pod Security Standards

Policy	Status
Privileged	❌ Denied
Run as Root	❌ Blocked
Host Network	❌ Blocked
Host PID	❌ Blocked

---

📖 API Documentation

No OpenAPI Spec

Add API documentation via annotation: valina.ai/openapi-url: "https://..."

---

📜 Version History

vunknown - Current deployment (2026-01-14T06:44:06.181720113+00:00)

---

⚡ Latency Heatmap

P50

45ms

P90

98ms

P99

142ms

Max

285ms

SLO (200ms)

🟡 95.0%

Good

24-Hour Latency Heatmap

Hourly P99 🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢🟢

🟢 <50% 🟡 50-75% 🟠 75-100% 🔴 >SLO

---

🔔 Active Alerts

✅ All Clear 0 active alerts

---

🌐 Traffic Flow

📥 Inbound Traffic

nginx-ingress → 1.2k rps | 45ms | 0.02% err

api-gateway → 850.0 rps | 12ms | 0.00% err

📤 Outbound Traffic

No outbound traffic detected

---

💰 Cost Attribution

Monthly Cost $5.85

Efficiency Score 72%

Resource Breakdown

CPU

Memory

Storage

Net

💻 CPU: $3.00 🧠 Memory: $2.40 💾 Storage: $0.30 🌐 Network: $0.15

---

📚 Runbooks

🔥 High CPU Usage

Steps to diagnose and mitigate high CPU consumption

cpuperformance

⚡ High Latency

Troubleshooting guide for latency spikes

latencynetworking

🔄 Pod Restarts

Investigation steps for frequent pod restarts

restartsoom

---

📞 On-Call

📞 Platform Team Platform Team Escalation 📅 View Schedule

Primary

OE

On-Call Engineer

📧 Email 💬 @oncall

🕐 Shift ends: 7h

Secondary

BE

Backup Engineer

📧 Email 💬 @oncall-backup

---

📅 Change Timeline

📅 Deployment History 1 changes 📊 View in ArgoCD

🚀

Deployment 2026-01-14 06:44 UTC

Current deployment

👤 CI/CD

---

🐤 Canary Status

🐤 No active canary deployment

---

🔴 Error Drill-down

✅ No errors in the last 24 hours 📋 View Logs

---

⚡ Quick Actions

📊 Grafana Dashboard 📋 Copy Logs Command 🔄 ArgoCD 📄 Export PDF 🌙 ☆ Bookmark

---

---

Configuration Reference

Labels

Label	Value
app	shallweplay-frontend
tier	frontend

Annotations

Annotation	Value
valina.ai/architecture	React SPA with real-time updates via Socket.io
valina.ai/dependencies	shallweplay-backend
valina.ai/features	Game Lobby,Chat,Friend List,Profile Pages,Game Selection
valina.ai/flows	Lobby Join,Game Select,Match Start,Chat Message
valina.ai/owner	@3xzyle
valina.ai/purpose	Casual gaming web interface with social features and game lo…
valina.ai/repository	https://github.com/3xzyle/VALINA-AI

---

Related Resources

• 📋 Service Index

  View all documented services

• 📊 System Status

  Live health dashboard

• 🏷️ Gaming & Entertainment

  Other services in this category

---

Auto-Generated Documentation

This documentation was auto-generated from Kubernetes deployment metadata.

Enhance this doc by adding annotations:

annotations:
  valina.ai/description: "Detailed service description"
  valina.ai/purpose: "Service purpose statement"
  valina.ai/features: "Feature 1, Feature 2, Feature 3"
  valina.ai/flows: "Auth Flow, Data Processing Flow"
  valina.ai/dependencies: "redis, postgres, auth-service"
  valina.ai/api-endpoints: "/api/v1/resource, /health"
  valina.ai/economics: "Ties to GRAT treasury via..."
  valina.ai/owner: "Platform Team"
  valina.ai/repository: "https://github.com/org/repo"
  valina.ai/changelog: "v1.2.0 Added feature X, v1.1.0 Initial release"
  valina.ai/roadmap: "SSO integration, Multi-region support"
  valina.ai/notices: "Requires v2.0 by Q2 2026"

Created: 2026-01-06T17:10:47Z | Generated: 2026-01-14T06:44:06.181720113+00:00