feat: implement client backend

This includes temporary AI-generated frontend scaffolding, none of this will be used in production. It was just used during development for the backend.
2026-10-09 19:46:02 +01:00
parent 88a64768a2
commit 5eb47e45ef
49 changed files with 3576 additions and 17 deletions
@@ -0,0 +1,67 @@
+/// TEMPORARY AI GENERATED FRONTEND \\\
+///   NOT TO BE USED IN PRODUCTION  \\\
+
+import { ListView } from "std-widgets.slint";
+import { Theme } from "../theme.slint";
+import { MemberItem } from "../types.slint";
+import { Avatar } from "avatar.slint";
+
+component MemberRow inherits Rectangle {
+    in property <MemberItem> m;
+    height: m.is-header ? 36px : 42px;
+
+    if m.is-header: Text {
+        x: 16px;
+        width: parent.width - 32px;
+        height: parent.height - 4px;
+        text: m.name;
+        color: Theme.text-muted;
+        font-size: 12px;
+        font-weight: 700;
+        vertical-alignment: bottom;
+        overflow: elide;
+    }
+
+    if !m.is-header: Rectangle {
+        x: 8px;
+        y: 1px;
+        width: parent.width - 16px;
+        height: parent.height - 2px;
+        border-radius: 4px;
+        background: touch.has-hover ? Theme.hover-bg : transparent;
+
+        Avatar {
+            initial: m.initial;
+            tint: m.color;
+            diameter: 32px;
+            x: 8px;
+            y: (parent.height - self.height) / 2;
+        }
+
+        Text {
+            x: 50px;
+            width: parent.width - 58px;
+            height: parent.height;
+            text: m.name;
+            color: touch.has-hover ? Theme.text-header : Theme.text-muted;
+            font-weight: 500;
+            vertical-alignment: center;
+            overflow: elide;
+        }
+
+        touch := TouchArea { }
+    }
+}
+
+export component MemberList inherits Rectangle {
+    in property <[MemberItem]> members;
+
+    width: Theme.member-width;
+    background: Theme.sidebar-bg;
+
+    ListView {
+        for m in root.members: MemberRow {
+            m: m;
+        }
+    }
+}