From 204dbb6ab50145cd98e6a12c06093f43346a8ecf Mon Sep 17 00:00:00 2001
From: Stefan Hacker <duffy@debian-linux-terminal.local>
Date: Wed, 15 Apr 2026 09:06:54 +0200
Subject: [PATCH] fix(client): Cloud-Files-Sektion immer sichtbar, Hinweis bei
 nicht unterstuetzter Plattform

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 clients/desktop/src/App.vue | 36 +++++++++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 11 deletions(-)

diff --git a/clients/desktop/src/App.vue b/clients/desktop/src/App.vue
index b09de7e..a9faa26 100644
--- a/clients/desktop/src/App.vue
+++ b/clients/desktop/src/App.vue
@@ -437,21 +437,35 @@ onUnmounted(() => { unlistenStatus?.(); unlistenLog?.(); unlistenError?.(); unli
 
     <div class="content">
       <!-- Cloud-Files (Windows Cloud Files API, OneDrive-artig) -->
-      <div v-if="cloudFilesSupported" class="section">
+      <div class="section">
         <div class="section-header">
           <h3>Cloud-Files (OneDrive-Style)</h3>
           <span v-if="cloudFilesActive" class="status-badge syncing">☁ aktiv</span>
+          <span v-else-if="!cloudFilesSupported" class="status-badge error">nicht verfuegbar</span>
         </div>
-        <p class="hint">Dateien erscheinen als Platzhalter im Explorer mit Wolken-Icon und werden erst bei Zugriff geladen. Rechtsklick im Explorer &rarr; "Immer offline halten" oder "Speicher freigeben".</p>
-        <div class="cf-row">
-          <input v-model="cloudFilesMountPoint" placeholder="Ordner waehlen..." />
-          <button class="btn-secondary" @click="browseCfMount">Durchsuchen</button>
-          <button v-if="!cloudFilesActive" class="btn-primary" :disabled="!cloudFilesMountPoint || cloudFilesBusy" @click="enableCloudFiles">
-            {{ cloudFilesBusy ? "Aktiviere..." : "Aktivieren" }}
-          </button>
-          <button v-else class="btn-secondary" :disabled="cloudFilesBusy" @click="disableCloudFiles">Deaktivieren</button>
-        </div>
-        <div v-if="cloudFilesError" class="error" style="margin-top:0.5rem">{{ cloudFilesError }}</div>
+        <p class="hint">
+          Dateien erscheinen als Platzhalter im Explorer mit Wolken-Icon und
+          werden erst bei Zugriff geladen. Rechtsklick im Explorer &rarr;
+          "Immer offline halten" oder "Speicher freigeben".
+        </p>
+        <p v-if="!cloudFilesSupported" class="hint" style="color:#c62828">
+          Auf dieser Plattform noch nicht verfuegbar. Aktuell: Windows 10/11.
+          Linux-FUSE ist in Vorbereitung, macOS folgt mit Apple-Signatur.
+        </p>
+        <template v-else>
+          <div class="cf-row">
+            <input v-model="cloudFilesMountPoint" placeholder="Ordner waehlen..." />
+            <button class="btn-secondary" @click="browseCfMount">Durchsuchen</button>
+            <button v-if="!cloudFilesActive" class="btn-primary"
+                    :disabled="!cloudFilesMountPoint || cloudFilesBusy"
+                    @click="enableCloudFiles">
+              {{ cloudFilesBusy ? "Aktiviere..." : "Aktivieren" }}
+            </button>
+            <button v-else class="btn-secondary" :disabled="cloudFilesBusy"
+                    @click="disableCloudFiles">Deaktivieren</button>
+          </div>
+          <div v-if="cloudFilesError" class="error" style="margin-top:0.5rem">{{ cloudFilesError }}</div>
+        </template>
       </div>
 
       <!-- Sync Paths -->