Add Matrix/LiveKit stack to service grid

frontend/src/data/sample.js

@@ -116,10 +116,35 @@ export function fallbackServices() {
         host: "monerod.crypto.svc.cluster.local:18081",
       },
       {
-        name: "Jitsi",
+        name: "Matrix (Synapse)",
-        category: "conferencing",
+        category: "comms",
-        summary: "Video conferencing",
+        summary: "Private Discord-style chat with AI bot in the welcome room.",
-        link: "https://meet.bstein.dev",
+        link: "https://matrix.bstein.dev",
+        host: "matrix.bstein.dev",
+        status: "live",
+      },
+      {
+        name: "Element",
+        category: "comms",
+        summary: "Web client for the Matrix space.",
+        link: "https://element.bstein.dev",
+        host: "element.bstein.dev",
+        status: "live",
+      },
+      {
+        name: "LiveKit",
+        category: "comms",
+        summary: "Video + voice SFU powering Matrix calls.",
+        link: "https://livekit.bstein.dev",
+        host: "livekit.bstein.dev",
+        status: "live",
+      },
+      {
+        name: "Coturn",
+        category: "comms",
+        summary: "TURN/STUN relay for reliable calling.",
+        link: "https://turn.bstein.dev",
+        host: "turn.bstein.dev",
         status: "live",
       },
       {

frontend/src/views/AiPlanView.vue

@@ -29,7 +29,7 @@
         <div class="pill mono">AI Speech</div>
         <h3>Voice + Translation</h3>
         <p class="text">
-          Goal: low-latency ASR + TTS for meetings and media. Results should stream back into apps like Jitsi and Pegasus.
+          Goal: low-latency ASR + TTS for meetings and media. Results should stream back into Matrix/LiveKit rooms and Pegasus.
         </p>
         <ul>
           <li>Models: whisper-style ASR, lightweight TTS with multilingual support.</li>

frontend/src/views/HomeView.vue

@@ -127,7 +127,10 @@ function pickIcon(name) {
   const h = name.toLowerCase();
   if (h.includes("nextcloud")) return "☁️";
   if (h.includes("jellyfin")) return "🎞️";
-  if (h.includes("jitsi")) return "📡";
+  if (h.includes("matrix")) return "🗨️";
+  if (h.includes("element")) return "🧩";
+  if (h.includes("livekit")) return "🎥";
+  if (h.includes("coturn") || h.includes("turn")) return "📞";
   if (h.includes("mail")) return "📮";
   if (h.includes("vaultwarden")) return "🔒";
   if (h.includes("vault")) return "🔑";