changes in auth logic

pytorrent/static/js/app.js

@@ -9,6 +9,7 @@ import { torrentDetailsSource } from './torrentDetails.js';
 import { modalsSource } from './modals.js';
 import { rssSource } from './rss.js';
 import { smartQueueSource } from './smartQueue.js';
+import { authUsersSource } from './authUsers.js';
 import { plannerSource } from './planner.js';
 import { pollerSource } from './poller.js';
 import { profilesSource } from './profiles.js';
@@ -29,6 +30,7 @@ export const moduleSources = [
   modalsSource,
   rssSource,
   smartQueueSource,
+  authUsersSource,
   plannerSource,
   dashboardSource,
   operationLogsSource,

pytorrent/static/styles.css

@@ -3759,6 +3759,54 @@ body,
   display: block;
 }
 
+/* Users and external authentication panel */
+.auth-provider-info {
+  background: var(--bs-tertiary-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.85rem;
+  padding: 0.85rem;
+}
+
+.auth-provider-info-title {
+  align-items: center;
+  display: flex;
+  font-weight: 700;
+  gap: 0.5rem;
+  margin-bottom: 0.4rem;
+}
+
+.auth-provider-info ul {
+  color: var(--bs-secondary-color);
+  margin: 0;
+  padding-left: 1.15rem;
+}
+
+.auth-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+  min-width: 15rem;
+}
+
+.auth-actions .btn {
+  align-items: center;
+  display: inline-flex;
+  gap: 0.3rem;
+  justify-content: center;
+}
+
+.auth-users-table {
+  min-width: 760px;
+}
+
+@media (max-width: 576px) {
+  .auth-actions {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    min-width: 0;
+  }
+}
+
 #toolsModal .modal-body {
   min-width: 0;
   overflow-x: hidden;