feat(workspace): add logseq outliner engine, global todo rollup, task list sharing avatars and admin toggle

frontend/src/features/settings/AdminSettingsView.tsx

@@ -1126,30 +1126,40 @@ export const AdminSettingsView: React.FC<AdminSettingsViewProps> = ({
                   </div>
                 </div>
 
-                {/* Public Registration Toggle */}
+                {/* Public Registration Toggle Switch */}
                 <div className="p-4 bg-canvas border border-border rounded-card flex items-center justify-between gap-4">
-                  <div>
+                  <div className="pr-4">
                     <p className="font-bold text-main">Öffentliche Selbstregistrierung erlauben</p>
                     <p className="text-[11px] text-muted mt-0.5">
-                      Wenn deaktiviert, können sich Fremde auf dem Login-Bildschirm nicht registrieren.
-                      Neue Benutzer benötigen zwingend einen Einladungscode oder müssen von einem Admin
-                      angelegt werden.
+                      Wenn deaktiviert, können sich fremde Personen auf dem Login-Bildschirm nicht selbst registrieren.
+                      Neue Konten erfordern dann zwingend einen Einladungscode oder müssen von einem Admin angelegt werden.
                     </p>
                   </div>
 
-                  <button
-                    type="button"
-                    onClick={() =>
-                      handleSaveSystemSettings({ allowRegistration: !settings.allowRegistration })
-                    }
-                    className={`h-8 px-4 text-xs font-semibold border rounded-btn flex-shrink-0 transition-colors ${
-                      settings.allowRegistration
-                        ? 'bg-accent/20 border-accent text-accent'
-                        : 'bg-panel border-border text-muted hover:text-main'
-                    }`}
-                  >
-                    {settings.allowRegistration ? 'Erlaubt (Offen)' : 'Gesperrt (Nur mit Einladung)'}
-                  </button>
+                  <div className="flex items-center gap-3 flex-shrink-0">
+                    <span className={`text-xs font-medium hidden sm:inline ${settings.allowRegistration ? 'text-accent' : 'text-muted'}`}>
+                      {settings.allowRegistration ? 'Aktiviert (Offen)' : 'Gesperrt (Nur Einladung)'}
+                    </span>
+                    <button
+                      type="button"
+                      role="switch"
+                      aria-checked={settings.allowRegistration}
+                      onClick={() =>
+                        handleSaveSystemSettings({ allowRegistration: !settings.allowRegistration })
+                      }
+                      className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-pill border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none ${
+                        settings.allowRegistration ? 'bg-accent' : 'bg-panel-elevated border border-border'
+                      }`}
+                      title={settings.allowRegistration ? 'Selbstregistrierung deaktivieren' : 'Selbstregistrierung aktivieren'}
+                    >
+                      <span
+                        aria-hidden="true"
+                        className={`pointer-events-none inline-block h-5 w-5 transform rounded-pill bg-white shadow-md ring-0 transition duration-200 ease-in-out ${
+                          settings.allowRegistration ? 'translate-x-5' : 'translate-x-0'
+                        }`}
+                      />
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>