From 1be090934437e0bfe6aa947ab5d90601529eceb9 Mon Sep 17 00:00:00 2001
From: Sandro <mail@sandrodach.de>
Date: Sun, 25 Oct 2026 11:40:49 +0100
Subject: [PATCH] feat(workspace): make sharing and permission badges clickable
 to open share modal

---
 .../src/features/workspace/WorkspaceView.tsx  | 29 ++++++++++++-------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/frontend/src/features/workspace/WorkspaceView.tsx b/frontend/src/features/workspace/WorkspaceView.tsx
index 1f86b62..64e434b 100644
--- a/frontend/src/features/workspace/WorkspaceView.tsx
+++ b/frontend/src/features/workspace/WorkspaceView.tsx
@@ -2029,20 +2029,27 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
                     <span>• {selectedDoc.blocks.length} Bullets</span>
 
                     {selectedDoc.isOwner === false && (
-                      <span
-                        className="px-2 py-0.5 rounded text-[10px] font-medium border border-border text-muted flex items-center gap-1 bg-surface-subtle"
-                        title={`Geteilt von ${selectedDoc.ownerName || 'Eigentümer'}`}
+                      <button
+                        type="button"
+                        onClick={openShareModal}
+                        className="px-2 py-0.5 rounded text-[10px] font-medium border border-border text-muted flex items-center gap-1 bg-surface-subtle hover:bg-panel-elevated hover:text-main transition-colors cursor-pointer"
+                        title="Teilen & Berechtigungen öffnen"
                       >
                         <Users className="w-2.5 h-2.5" />
                         <span>Geteilt von {selectedDoc.ownerName || 'Eigentümer'}</span>
-                      </span>
+                      </button>
                     )}
 
                     {selectedDoc.permission === 'read' && (
-                      <span className="px-2 py-0.5 rounded text-[10px] font-semibold border border-amber-500/30 bg-amber-500/15 text-amber-600 dark:text-amber-400 flex items-center gap-1">
+                      <button
+                        type="button"
+                        onClick={openShareModal}
+                        className="px-2 py-0.5 rounded text-[10px] font-semibold border border-amber-500/30 bg-amber-500/15 text-amber-600 dark:text-amber-400 flex items-center gap-1 hover:bg-amber-500/25 transition-colors cursor-pointer"
+                        title="Berechtigungsdetails öffnen"
+                      >
                         <Lock className="w-2.5 h-2.5" />
                         <span>Nur Lesezugriff</span>
-                      </span>
+                      </button>
                     )}
 
                     {holdsLock && (
@@ -2060,13 +2067,15 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
                     )}
 
                     {selectedDoc.sharedWith && selectedDoc.sharedWith.length > 0 && selectedDoc.isOwner !== false && (
-                      <span
-                        className="px-1.5 py-0.5 rounded text-[10px] font-semibold bg-accent/15 text-accent border border-accent/30 flex items-center gap-1"
-                        title={`Geteilt mit ${selectedDoc.sharedWith.length} Nutzern`}
+                      <button
+                        type="button"
+                        onClick={openShareModal}
+                        className="px-2 py-0.5 rounded text-[10px] font-semibold bg-accent/15 text-accent border border-accent/30 flex items-center gap-1 hover:bg-accent/25 hover:border-accent/50 transition-colors cursor-pointer"
+                        title="Teilen-Menü öffnen: Geteilt mit Nutzern anzeigen & verwalten"
                       >
                         <Users className="w-2.5 h-2.5" />
                         <span>Geteilt ({selectedDoc.sharedWith.length})</span>
-                      </span>
+                      </button>
                     )}
                   </div>