feat: Add Gitea CI/CD release workflow, implement DM list component with user search, and include screenshare viewer leave sound.

.gitea/workflows/release.yml

@@ -14,12 +14,28 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
 
-      - name: Wrap flatpak-builder for Docker compatibility
+      - name: Setup Flatpak wrappers for Docker
         run: |
+          # Wrap flatpak: skip 'update' (runtimes are pre-installed in image)
+          mv /usr/bin/flatpak /usr/bin/flatpak.real
+          cat > /usr/bin/flatpak << 'WRAPPER'
+          #!/bin/bash
+          if [ "$1" = "update" ]; then
+            echo "Skipping flatpak update (runtimes pre-installed in image)"
+            exit 0
+          fi
+          exec /usr/bin/flatpak.real "$@"
+          WRAPPER
+          chmod +x /usr/bin/flatpak
+
+          # Wrap flatpak-builder: inject --disable-rofiles-fuse for Docker
           mv /usr/bin/flatpak-builder /usr/bin/flatpak-builder.real
           printf '#!/bin/bash\nexec /usr/bin/flatpak-builder.real --disable-rofiles-fuse "$@"\n' > /usr/bin/flatpak-builder
           chmod +x /usr/bin/flatpak-builder
 
+          # Add user remote as fallback in case system runtimes aren't found
+          flatpak.real --user remote-add --if-not-exists flathub https://flathub.org/repo/flathub.flatpakrepo
+
       - name: Cache npm and Electron
         uses: actions/cache@v4
         with:

Frontend/Electron/src/components/DMList.jsx

@@ -88,6 +88,7 @@ const DMList = ({ dmChannels, activeDMChannel, onSelectDM, onOpenDM }) => {
 
     return (
         <div style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>
+            
             {/* Search Input */}
             <div className="dm-search-wrapper">
                 <input
@@ -205,12 +206,12 @@ const DMList = ({ dmChannels, activeDMChannel, onSelectDM, onOpenDM }) => {
             </div>
 
             {/* DM List Header */}
-            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '12px 8px 8px', color: '#96989d', fontSize: '11px', fontWeight: 'bold', borderTop: 'solid 1px var(--app-frame-border)'}}>
+            <div style={{ fontFamily: 'gg sans', display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '12px 16px 8px', color: '#96989d', fontSize: '11px', fontWeight: 'bold', borderTop: 'solid 1px var(--app-frame-border)'}}>
                 <span>Direct Messages</span>
             </div>
 
             {/* DM Channel List */}
-            <div style={{ flex: 1, overflowY: 'auto' }}>
+            <div style={{ flex: 1, overflowY: 'auto', padding: '0 8px 8px' }}>
                 {(dmChannels || []).map(dm => {
                     const isActive = activeDMChannel?.channel_id === dm.channel_id;
                     const effectiveStatus = resolveStatus(dm.other_user_status, dm.other_user_id);

Frontend/Electron/src/index.css

@@ -182,7 +182,6 @@ body {
 .channel-list {
   flex: 1;
   background-color: var(--bg-secondary);
-  padding: 10px;
 }
 
 .channel-header {
@@ -1774,8 +1773,18 @@ body {
 /* ============================================
    DM LIST
    ============================================ */
+
 .dm-search-wrapper {
-  position: relative;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  border-bottom: 1px solid var(--app-frame-border);
+  flex-shrink: 0;
+  font-weight: 600;
+  font-size: 15px;
+  color: var(--header-primary);
+  gap: 8px;
   margin-bottom: 8px;
 }
 
@@ -1839,10 +1848,11 @@ body {
 }
 
 .dm-friends-btn {
+  margin: 8px;
   display: flex;
   align-items: center;
   padding: 10px 8px;
-  border-radius: 4px;
+  border-radius: 8px;
   color: var(--text-muted);
   cursor: pointer;
   margin-bottom: 16px;
@@ -1861,7 +1871,7 @@ body {
 .dm-item {
   display: flex;
   align-items: center;
-  padding: 8px;
+  padding: 8px 8px 8px 8px;
   border-radius: 8px;
   cursor: pointer;
   color: var(--text-muted);
@@ -1943,7 +1953,7 @@ body {
   display: flex;
   align-items: center;
   padding: 0 16px;
-  border-bottom: 1px solid var(--bg-tertiary);
+  border-bottom: 1px solid var(--app-frame-border);
   flex-shrink: 0;
   font-weight: 600;
   font-size: 15px;

TODO.md

@@ -17,3 +17,6 @@
 
 For reactions that we didnt react to we have the background to var(--embed-background), lets make it
 hsl(240 calc(1*4%) 60.784% /0.0784313725490196)
+
+
+- When i click on my voice channel i dont join it anymore right away.