From 4c9681510688bed4c0e5ccbdef06dd8ad285224e Mon Sep 17 00:00:00 2001
From: Lucien Cartier-Tilet <lucien@phundrak.com>
Date: Thu, 14 May 2026 23:48:10 +0200
Subject: [PATCH] feat(RelaysView): add main view for all relays

---
 backend/settings/base.yaml   |  6 +++---
 src/App.vue                  |  5 ++++-
 src/components/StaHeader.vue |  2 +-
 src/pages/RelaysView.vue     | 24 ++++++++++++++++++++++++
 4 files changed, 32 insertions(+), 5 deletions(-)
 create mode 100644 src/pages/RelaysView.vue

diff --git a/backend/settings/base.yaml b/backend/settings/base.yaml
index 5319f09..23fcbd9 100644
--- a/backend/settings/base.yaml
+++ b/backend/settings/base.yaml
@@ -3,9 +3,9 @@ application:
   version: "0.1.0"
 
 rate_limit:
-  enabled: true
-  burst_size: 10
-  per_seconds: 60
+  enabled: false
+  burst_size: 100
+  per_seconds: 10
 
 modbus:
   host: 192.168.1.200
diff --git a/src/App.vue b/src/App.vue
index c151d20..a86d0e8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="min-h-screen flex flex-col">
     <StaHeader />
-    <main class="grow px-6 py-10 max-w-4xl mx-auto w-full"></main>
+    <main class="grow px-6 py-10 max-w-4xl mx-auto w-full">
+      <RelaysView />
+    </main>
     <StaFooter />
   </div>
 </template>
@@ -9,4 +11,5 @@
 <script setup lang="ts">
 import StaHeader from './components/StaHeader.vue';
 import StaFooter from './components/StaFooter.vue';
+import RelaysView from './pages/RelaysView.vue';
 </script>
diff --git a/src/components/StaHeader.vue b/src/components/StaHeader.vue
index 2d579e5..25b3557 100644
--- a/src/components/StaHeader.vue
+++ b/src/components/StaHeader.vue
@@ -3,7 +3,7 @@
     class="sticky top-0 z-10 bg-background-900 border-b border-background-900 shadow-sm px-6 py-4"
   >
     <nav class="flex items-center justify-between max-w-4xl mx-auto">
-      <span class="font-heading text-lg"> STA </span>
+      <span class="text-lg"> STA </span>
     </nav>
   </header>
 </template>
diff --git a/src/pages/RelaysView.vue b/src/pages/RelaysView.vue
new file mode 100644
index 0000000..ab1fb64
--- /dev/null
+++ b/src/pages/RelaysView.vue
@@ -0,0 +1,24 @@
+<template>
+  <div v-if="isLoading && !relays">
+    <ProgressSpinner class="--p-progressspinner-color-primary" />
+  </div>
+  <div v-else-if="error" class="bg-accent text-background py-4 px-3 rounded-md">
+    {{ error }}
+  </div>
+  <div v-else class="flex flex-row flex-wrap gap-2">
+    <div v-for="relay in relays">
+      {{ relay.id }}
+    </div>
+  </div>
+  <div class="flex flex-row flex-wrap"></div>
+</template>
+
+<script setup lang="ts">
+import { useRelayPolling } from '../composables/useRelayPolling';
+import { ProgressSpinner } from 'primevue';
+
+const { relays, isLoading, error, refresh } = useRelayPolling();
+refresh();
+</script>
+
+<style lang="less"></style>