@awesome-lang-auth/node 1.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (262) hide show
  1. package/LICENSE +21 -0
  2. package/README.detailed.md +4059 -0
  3. package/README.md +248 -0
  4. package/dist/abstract/base-auth-strategy.abstract.d.ts +7 -0
  5. package/dist/abstract/base-auth-strategy.abstract.d.ts.map +1 -0
  6. package/dist/abstract/base-auth-strategy.abstract.js +7 -0
  7. package/dist/abstract/base-auth-strategy.abstract.js.map +1 -0
  8. package/dist/abstract/base-oauth-strategy.abstract.d.ts +27 -0
  9. package/dist/abstract/base-oauth-strategy.abstract.d.ts.map +1 -0
  10. package/dist/abstract/base-oauth-strategy.abstract.js +11 -0
  11. package/dist/abstract/base-oauth-strategy.abstract.js.map +1 -0
  12. package/dist/adapters/express.d.ts +45 -0
  13. package/dist/adapters/express.d.ts.map +1 -0
  14. package/dist/adapters/express.js +49 -0
  15. package/dist/adapters/express.js.map +1 -0
  16. package/dist/adapters/fastify.d.ts +72 -0
  17. package/dist/adapters/fastify.d.ts.map +1 -0
  18. package/dist/adapters/fastify.js +63 -0
  19. package/dist/adapters/fastify.js.map +1 -0
  20. package/dist/auth-configurator.d.ts +65 -0
  21. package/dist/auth-configurator.d.ts.map +1 -0
  22. package/dist/auth-configurator.js +127 -0
  23. package/dist/auth-configurator.js.map +1 -0
  24. package/dist/events/auth-event-bus.d.ts +68 -0
  25. package/dist/events/auth-event-bus.d.ts.map +1 -0
  26. package/dist/events/auth-event-bus.js +60 -0
  27. package/dist/events/auth-event-bus.js.map +1 -0
  28. package/dist/events/auth-event-names.d.ts +34 -0
  29. package/dist/events/auth-event-names.d.ts.map +1 -0
  30. package/dist/events/auth-event-names.js +41 -0
  31. package/dist/events/auth-event-names.js.map +1 -0
  32. package/dist/http-types.d.ts +135 -0
  33. package/dist/http-types.d.ts.map +1 -0
  34. package/dist/http-types.js +18 -0
  35. package/dist/http-types.js.map +1 -0
  36. package/dist/index.d.ts +80 -0
  37. package/dist/index.d.ts.map +1 -0
  38. package/dist/index.js +88 -0
  39. package/dist/index.js.map +1 -0
  40. package/dist/interfaces/api-key-store.interface.d.ts +94 -0
  41. package/dist/interfaces/api-key-store.interface.d.ts.map +1 -0
  42. package/dist/interfaces/api-key-store.interface.js +3 -0
  43. package/dist/interfaces/api-key-store.interface.js.map +1 -0
  44. package/dist/interfaces/auth-strategy.interface.d.ts +6 -0
  45. package/dist/interfaces/auth-strategy.interface.d.ts.map +1 -0
  46. package/dist/interfaces/auth-strategy.interface.js +3 -0
  47. package/dist/interfaces/auth-strategy.interface.js.map +1 -0
  48. package/dist/interfaces/linked-accounts-store.interface.d.ts +74 -0
  49. package/dist/interfaces/linked-accounts-store.interface.d.ts.map +1 -0
  50. package/dist/interfaces/linked-accounts-store.interface.js +3 -0
  51. package/dist/interfaces/linked-accounts-store.interface.js.map +1 -0
  52. package/dist/interfaces/pending-link-store.interface.d.ts +77 -0
  53. package/dist/interfaces/pending-link-store.interface.d.ts.map +1 -0
  54. package/dist/interfaces/pending-link-store.interface.js +3 -0
  55. package/dist/interfaces/pending-link-store.interface.js.map +1 -0
  56. package/dist/interfaces/roles-permissions-store.interface.d.ts +129 -0
  57. package/dist/interfaces/roles-permissions-store.interface.d.ts.map +1 -0
  58. package/dist/interfaces/roles-permissions-store.interface.js +3 -0
  59. package/dist/interfaces/roles-permissions-store.interface.js.map +1 -0
  60. package/dist/interfaces/session-store.interface.d.ts +92 -0
  61. package/dist/interfaces/session-store.interface.d.ts.map +1 -0
  62. package/dist/interfaces/session-store.interface.js +3 -0
  63. package/dist/interfaces/session-store.interface.js.map +1 -0
  64. package/dist/interfaces/settings-store.interface.d.ts +91 -0
  65. package/dist/interfaces/settings-store.interface.d.ts.map +1 -0
  66. package/dist/interfaces/settings-store.interface.js +3 -0
  67. package/dist/interfaces/settings-store.interface.js.map +1 -0
  68. package/dist/interfaces/sse-distributor.interface.d.ts +25 -0
  69. package/dist/interfaces/sse-distributor.interface.d.ts.map +1 -0
  70. package/dist/interfaces/sse-distributor.interface.js +3 -0
  71. package/dist/interfaces/sse-distributor.interface.js.map +1 -0
  72. package/dist/interfaces/telemetry-store.interface.d.ts +72 -0
  73. package/dist/interfaces/telemetry-store.interface.d.ts.map +1 -0
  74. package/dist/interfaces/telemetry-store.interface.js +3 -0
  75. package/dist/interfaces/telemetry-store.interface.js.map +1 -0
  76. package/dist/interfaces/template-store.interface.d.ts +37 -0
  77. package/dist/interfaces/template-store.interface.d.ts.map +1 -0
  78. package/dist/interfaces/template-store.interface.js +3 -0
  79. package/dist/interfaces/template-store.interface.js.map +1 -0
  80. package/dist/interfaces/tenant-store.interface.d.ts +97 -0
  81. package/dist/interfaces/tenant-store.interface.d.ts.map +1 -0
  82. package/dist/interfaces/tenant-store.interface.js +3 -0
  83. package/dist/interfaces/tenant-store.interface.js.map +1 -0
  84. package/dist/interfaces/token-store.interface.d.ts +10 -0
  85. package/dist/interfaces/token-store.interface.d.ts.map +1 -0
  86. package/dist/interfaces/token-store.interface.js +3 -0
  87. package/dist/interfaces/token-store.interface.js.map +1 -0
  88. package/dist/interfaces/user-metadata-store.interface.d.ts +50 -0
  89. package/dist/interfaces/user-metadata-store.interface.d.ts.map +1 -0
  90. package/dist/interfaces/user-metadata-store.interface.js +3 -0
  91. package/dist/interfaces/user-metadata-store.interface.js.map +1 -0
  92. package/dist/interfaces/user-store.interface.d.ts +113 -0
  93. package/dist/interfaces/user-store.interface.d.ts.map +1 -0
  94. package/dist/interfaces/user-store.interface.js +3 -0
  95. package/dist/interfaces/user-store.interface.js.map +1 -0
  96. package/dist/interfaces/webhook-store.interface.d.ts +139 -0
  97. package/dist/interfaces/webhook-store.interface.d.ts.map +1 -0
  98. package/dist/interfaces/webhook-store.interface.js +3 -0
  99. package/dist/interfaces/webhook-store.interface.js.map +1 -0
  100. package/dist/middleware/api-key.middleware.d.ts +35 -0
  101. package/dist/middleware/api-key.middleware.d.ts.map +1 -0
  102. package/dist/middleware/api-key.middleware.js +45 -0
  103. package/dist/middleware/api-key.middleware.js.map +1 -0
  104. package/dist/middleware/auth.middleware.d.ts +13 -0
  105. package/dist/middleware/auth.middleware.d.ts.map +1 -0
  106. package/dist/middleware/auth.middleware.js +55 -0
  107. package/dist/middleware/auth.middleware.js.map +1 -0
  108. package/dist/middleware/jwks-auth.middleware.d.ts +18 -0
  109. package/dist/middleware/jwks-auth.middleware.d.ts.map +1 -0
  110. package/dist/middleware/jwks-auth.middleware.js +77 -0
  111. package/dist/middleware/jwks-auth.middleware.js.map +1 -0
  112. package/dist/models/api-key.model.d.ts +66 -0
  113. package/dist/models/api-key.model.d.ts.map +1 -0
  114. package/dist/models/api-key.model.js +3 -0
  115. package/dist/models/api-key.model.js.map +1 -0
  116. package/dist/models/auth-config.model.d.ts +387 -0
  117. package/dist/models/auth-config.model.d.ts.map +1 -0
  118. package/dist/models/auth-config.model.js +3 -0
  119. package/dist/models/auth-config.model.js.map +1 -0
  120. package/dist/models/errors.d.ts +7 -0
  121. package/dist/models/errors.d.ts.map +1 -0
  122. package/dist/models/errors.js +14 -0
  123. package/dist/models/errors.js.map +1 -0
  124. package/dist/models/session.model.d.ts +28 -0
  125. package/dist/models/session.model.d.ts.map +1 -0
  126. package/dist/models/session.model.js +3 -0
  127. package/dist/models/session.model.js.map +1 -0
  128. package/dist/models/tenant.model.d.ts +20 -0
  129. package/dist/models/tenant.model.d.ts.map +1 -0
  130. package/dist/models/tenant.model.js +3 -0
  131. package/dist/models/tenant.model.js.map +1 -0
  132. package/dist/models/token.model.d.ts +21 -0
  133. package/dist/models/token.model.d.ts.map +1 -0
  134. package/dist/models/token.model.js +3 -0
  135. package/dist/models/token.model.js.map +1 -0
  136. package/dist/models/user.model.d.ts +92 -0
  137. package/dist/models/user.model.d.ts.map +1 -0
  138. package/dist/models/user.model.js +3 -0
  139. package/dist/models/user.model.js.map +1 -0
  140. package/dist/router/admin.router.d.ts +188 -0
  141. package/dist/router/admin.router.d.ts.map +1 -0
  142. package/dist/router/admin.router.js +1507 -0
  143. package/dist/router/admin.router.js.map +1 -0
  144. package/dist/router/auth.router.d.ts +199 -0
  145. package/dist/router/auth.router.d.ts.map +1 -0
  146. package/dist/router/auth.router.js +1636 -0
  147. package/dist/router/auth.router.js.map +1 -0
  148. package/dist/router/openapi.d.ts +98 -0
  149. package/dist/router/openapi.d.ts.map +1 -0
  150. package/dist/router/openapi.js +1518 -0
  151. package/dist/router/openapi.js.map +1 -0
  152. package/dist/router/router-events.d.ts +38 -0
  153. package/dist/router/router-events.d.ts.map +1 -0
  154. package/dist/router/router-events.js +74 -0
  155. package/dist/router/router-events.js.map +1 -0
  156. package/dist/router/tools.router.d.ts +104 -0
  157. package/dist/router/tools.router.d.ts.map +1 -0
  158. package/dist/router/tools.router.js +227 -0
  159. package/dist/router/tools.router.js.map +1 -0
  160. package/dist/router/ui.router.d.ts +49 -0
  161. package/dist/router/ui.router.d.ts.map +1 -0
  162. package/dist/router/ui.router.js +272 -0
  163. package/dist/router/ui.router.js.map +1 -0
  164. package/dist/services/api-key.service.d.ts +53 -0
  165. package/dist/services/api-key.service.d.ts.map +1 -0
  166. package/dist/services/api-key.service.js +66 -0
  167. package/dist/services/api-key.service.js.map +1 -0
  168. package/dist/services/jwks.service.d.ts +73 -0
  169. package/dist/services/jwks.service.d.ts.map +1 -0
  170. package/dist/services/jwks.service.js +174 -0
  171. package/dist/services/jwks.service.js.map +1 -0
  172. package/dist/services/mailer.service.d.ts +30 -0
  173. package/dist/services/mailer.service.d.ts.map +1 -0
  174. package/dist/services/mailer.service.js +248 -0
  175. package/dist/services/mailer.service.js.map +1 -0
  176. package/dist/services/notification.service.d.ts +110 -0
  177. package/dist/services/notification.service.d.ts.map +1 -0
  178. package/dist/services/notification.service.js +79 -0
  179. package/dist/services/notification.service.js.map +1 -0
  180. package/dist/services/password.service.d.ts +5 -0
  181. package/dist/services/password.service.d.ts.map +1 -0
  182. package/dist/services/password.service.js +17 -0
  183. package/dist/services/password.service.js.map +1 -0
  184. package/dist/services/sms.service.d.ts +14 -0
  185. package/dist/services/sms.service.d.ts.map +1 -0
  186. package/dist/services/sms.service.js +51 -0
  187. package/dist/services/sms.service.js.map +1 -0
  188. package/dist/services/token.service.d.ts +62 -0
  189. package/dist/services/token.service.d.ts.map +1 -0
  190. package/dist/services/token.service.js +354 -0
  191. package/dist/services/token.service.js.map +1 -0
  192. package/dist/stores/memory-template.store.d.ts +12 -0
  193. package/dist/stores/memory-template.store.d.ts.map +1 -0
  194. package/dist/stores/memory-template.store.js +35 -0
  195. package/dist/stores/memory-template.store.js.map +1 -0
  196. package/dist/strategies/api-key/api-key.strategy.d.ts +72 -0
  197. package/dist/strategies/api-key/api-key.strategy.d.ts.map +1 -0
  198. package/dist/strategies/api-key/api-key.strategy.js +182 -0
  199. package/dist/strategies/api-key/api-key.strategy.js.map +1 -0
  200. package/dist/strategies/local/local.strategy.d.ts +19 -0
  201. package/dist/strategies/local/local.strategy.d.ts.map +1 -0
  202. package/dist/strategies/local/local.strategy.js +45 -0
  203. package/dist/strategies/local/local.strategy.js.map +1 -0
  204. package/dist/strategies/magic-link/magic-link.strategy.d.ts +8 -0
  205. package/dist/strategies/magic-link/magic-link.strategy.d.ts.map +1 -0
  206. package/dist/strategies/magic-link/magic-link.strategy.js +53 -0
  207. package/dist/strategies/magic-link/magic-link.strategy.js.map +1 -0
  208. package/dist/strategies/oauth/generic-oauth.strategy.d.ts +120 -0
  209. package/dist/strategies/oauth/generic-oauth.strategy.d.ts.map +1 -0
  210. package/dist/strategies/oauth/generic-oauth.strategy.js +88 -0
  211. package/dist/strategies/oauth/generic-oauth.strategy.js.map +1 -0
  212. package/dist/strategies/oauth/github.strategy.d.ts +31 -0
  213. package/dist/strategies/oauth/github.strategy.d.ts.map +1 -0
  214. package/dist/strategies/oauth/github.strategy.js +72 -0
  215. package/dist/strategies/oauth/github.strategy.js.map +1 -0
  216. package/dist/strategies/oauth/google.strategy.d.ts +31 -0
  217. package/dist/strategies/oauth/google.strategy.d.ts.map +1 -0
  218. package/dist/strategies/oauth/google.strategy.js +61 -0
  219. package/dist/strategies/oauth/google.strategy.js.map +1 -0
  220. package/dist/strategies/sms/sms.strategy.d.ts +7 -0
  221. package/dist/strategies/sms/sms.strategy.d.ts.map +1 -0
  222. package/dist/strategies/sms/sms.strategy.js +39 -0
  223. package/dist/strategies/sms/sms.strategy.js.map +1 -0
  224. package/dist/strategies/two-factor/totp.strategy.d.ts +12 -0
  225. package/dist/strategies/two-factor/totp.strategy.d.ts.map +1 -0
  226. package/dist/strategies/two-factor/totp.strategy.js +32 -0
  227. package/dist/strategies/two-factor/totp.strategy.js.map +1 -0
  228. package/dist/tools/auth-tools.d.ts +200 -0
  229. package/dist/tools/auth-tools.d.ts.map +1 -0
  230. package/dist/tools/auth-tools.js +232 -0
  231. package/dist/tools/auth-tools.js.map +1 -0
  232. package/dist/tools/sse-manager.d.ts +118 -0
  233. package/dist/tools/sse-manager.d.ts.map +1 -0
  234. package/dist/tools/sse-manager.js +163 -0
  235. package/dist/tools/sse-manager.js.map +1 -0
  236. package/dist/tools/sse-notify.decorator.d.ts +74 -0
  237. package/dist/tools/sse-notify.decorator.d.ts.map +1 -0
  238. package/dist/tools/sse-notify.decorator.js +78 -0
  239. package/dist/tools/sse-notify.decorator.js.map +1 -0
  240. package/dist/tools/webhook-action.d.ts +130 -0
  241. package/dist/tools/webhook-action.d.ts.map +1 -0
  242. package/dist/tools/webhook-action.js +144 -0
  243. package/dist/tools/webhook-action.js.map +1 -0
  244. package/dist/tools/webhook-sender.d.ts +31 -0
  245. package/dist/tools/webhook-sender.d.ts.map +1 -0
  246. package/dist/tools/webhook-sender.js +80 -0
  247. package/dist/tools/webhook-sender.js.map +1 -0
  248. package/dist/ui-assets/2fa.html +115 -0
  249. package/dist/ui-assets/account-conflict.html +108 -0
  250. package/dist/ui-assets/admin.css +263 -0
  251. package/dist/ui-assets/admin.js +1927 -0
  252. package/dist/ui-assets/auth.js +725 -0
  253. package/dist/ui-assets/base.css +219 -0
  254. package/dist/ui-assets/forgot-password.html +93 -0
  255. package/dist/ui-assets/link-verify.html +74 -0
  256. package/dist/ui-assets/login.html +135 -0
  257. package/dist/ui-assets/magic-link.html +112 -0
  258. package/dist/ui-assets/register.html +122 -0
  259. package/dist/ui-assets/reset-password.html +103 -0
  260. package/dist/ui-assets/ui-i18n-keys.json +78 -0
  261. package/dist/ui-assets/verify-email.html +66 -0
  262. package/package.json +89 -0
package/dist/ui-assets/account-conflict.html ADDED
@@ -0,0 +1,108 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Account Linking - Awesome Node Auth</title>
8
+ <link rel="stylesheet" href="base.css">
9
+ <link rel="stylesheet" href="auth.css">
10
+ </head>
11
+
12
+ <body>
13
+ <div class="auth-container">
14
+ <h1 class="site-name" id="site-name" data-i18n="site_name">Awesome Node Auth</h1>
15
+ <h2 data-i18n="account_linking_title">Account Linking Required</h2>
16
+
17
+ <div id="step-info">
18
+ <div class="alert alert-warning" style="margin-bottom: 1.25rem;" data-i18n="account_linking_instruction">
19
+ An account with this email already exists. To link your
20
+ <strong id="provider-name">social</strong> account, click the button
21
+ below. We'll send a verification link to confirm ownership.
22
+ </div>
23
+
24
+ <p id="email-display" style="text-align:center; color:#6b7280; font-size:.875rem; margin-bottom:1.5rem;">
25
+ </p>
26
+
27
+ <button id="btn-send" class="btn btn-primary" style="width:100%;" onclick="sendLinkEmail()" data-i18n="send_verification_email_button">
28
+ Send verification email
29
+ </button>
30
+
31
+ <p style="text-align:center; margin-top:1rem; font-size:.8125rem; color:#9ca3af;">
32
+ Or <a href="login">log in</a> and link later from your account settings.
33
+ </p>
34
+ </div>
35
+
36
+ <div id="step-sent" style="display:none; text-align:center;">
37
+ <div class="alert alert-success" style="margin-bottom:1rem;">
38
+ ✅ Verification email sent! Check your inbox and click the link to complete account linking.
39
+ </div>
40
+ <a href="login" class="btn btn-primary" style="text-decoration:none; display:inline-block;">
41
+ Go to Login
42
+ </a>
43
+ </div>
44
+
45
+ <div id="step-error" style="display:none;">
46
+ <div class="alert alert-error" id="error-msg"></div>
47
+ <div style="text-align:center; margin-top:1rem;">
48
+ <a href="login" class="btn btn-primary" style="text-decoration:none; display:inline-block;">
49
+ Go to Login
50
+ </a>
51
+ </div>
52
+ </div>
53
+ </div>
54
+
55
+ <script src="auth.js?v=2"></script>
56
+ <script>
57
+ let _email = '';
58
+ let _provider = '';
59
+
60
+ document.addEventListener('DOMContentLoaded', async () => {
61
+ await AuthService.init();
62
+
63
+ const params = new URLSearchParams(window.location.search);
64
+ _email = params.get('email') || '';
65
+ _provider = params.get('provider') || 'social';
66
+
67
+ document.getElementById('provider-name').textContent = _provider;
68
+
69
+ if (_email) {
70
+ document.getElementById('email-display').textContent = `Email: ${_email}`;
71
+ }
72
+
73
+ // Apply site branding
74
+ const cfg = AuthService.config;
75
+ if (cfg?.ui?.siteName) {
76
+ document.getElementById('site-name').textContent = cfg.ui.siteName;
77
+ document.title = `Account Linking - ${cfg.ui.siteName}`;
78
+ }
79
+ });
80
+
81
+ async function sendLinkEmail() {
82
+ const btn = document.getElementById('btn-send');
83
+ btn.disabled = true;
84
+ btn.textContent = 'Sending…';
85
+
86
+ try {
87
+ // POST to the auth API - the pendingLinkStore will verify the pending OAuth link
88
+ const res = await AuthService.apiCall('/link-request', 'POST', {
89
+ email: _email,
90
+ provider: _provider,
91
+ });
92
+
93
+ if (res.success) {
94
+ document.getElementById('step-info').style.display = 'none';
95
+ document.getElementById('step-sent').style.display = 'block';
96
+ } else {
97
+ throw new Error(res.error || 'Failed to send verification email');
98
+ }
99
+ } catch (err) {
100
+ document.getElementById('step-info').style.display = 'none';
101
+ document.getElementById('error-msg').textContent = err.message || 'Something went wrong. Please try again.';
102
+ document.getElementById('step-error').style.display = 'block';
103
+ }
104
+ }
105
+ </script>
106
+ </body>
107
+
108
+ </html>
package/dist/ui-assets/admin.css ADDED
@@ -0,0 +1,263 @@
1
+ /* awesome-node-auth admin panel stylesheet */
2
+ * { box-sizing: border-box; margin: 0; padding: 0; }
3
+ html, body { height: 100%; }
4
+ body { font-family: system-ui, -apple-system, sans-serif; background: #f0f2f5; color: #1a1a2e; }
5
+
6
+ /* Login */
7
+ #login { display: flex; align-items: center; justify-content: center; min-height: 100%; }
8
+ .login-card { background: white; padding: 2.5rem; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,.12); width: 400px; }
9
+ .login-card h1 { font-size: 1.5rem; margin-bottom: .25rem; }
10
+ .login-card p { color: #666; font-size: .875rem; margin-bottom: 1.5rem; }
11
+
12
+ /* App */
13
+ #app { display: none; min-height: 100%; flex-direction: column; }
14
+ header { background: #1a1a2e; color: white; padding: 1rem 2rem; display: flex; align-items: center; justify-content: space-between; }
15
+ header h1 { font-size: 1.1rem; font-weight: 700; letter-spacing: .5px; }
16
+ header span { font-size: .75rem; opacity: .6; }
17
+ nav { background: white; border-bottom: 1px solid #e5e7eb; padding: 0 2rem; display: flex; gap: .25rem; }
18
+ nav button { padding: .75rem 1.25rem; border: none; background: none; cursor: pointer; border-bottom: 3px solid transparent; color: #6b7280; font-size: .875rem; font-weight: 500; transition: all .15s; }
19
+ nav button:hover { color: #1a1a2e; }
20
+ nav button.active { color: #1a1a2e; border-color: #1a1a2e; }
21
+ main { padding: 2rem; flex: 1; }
22
+
23
+ /* Cards */
24
+ .card { background: white; border-radius: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.08); overflow: hidden; margin-bottom: 1.5rem; }
25
+ .card-header { padding: 1rem 1.5rem; border-bottom: 1px solid #f3f4f6; display: flex; align-items: center; justify-content: space-between; }
26
+ .card-header h2 { font-size: .9375rem; font-weight: 600; }
27
+ .card-header .meta { font-size: .75rem; color: #9ca3af; }
28
+
29
+ /* Tables */
30
+ .table-wrap { overflow-x: auto; }
31
+ table { width: 100%; border-collapse: collapse; }
32
+ th { padding: .625rem 1rem; text-align: left; font-size: .6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: #9ca3af; background: #fafafa; border-bottom: 1px solid #f3f4f6; white-space: nowrap; }
33
+ td { padding: .75rem 1rem; border-bottom: 1px solid #f9fafb; font-size: .8125rem; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
34
+ tr:last-child td { border-bottom: none; }
35
+ tr:hover td { background: #fafafa; }
36
+
37
+ /* Badges */
38
+ .badge { display: inline-flex; align-items: center; gap: .25rem; padding: .125rem .5rem; border-radius: 999px; font-size: .6875rem; font-weight: 600; }
39
+ .badge-green { background: #dcfce7; color: #166534; }
40
+ .badge-gray { background: #f3f4f6; color: #4b5563; }
41
+ .badge-red { background: #fee2e2; color: #991b1b; }
42
+ .badge-blue { background: #dbeafe; color: #1d4ed8; }
43
+ .badge-indigo { background: #e0e7ff; color: #3730a3; }
44
+
45
+ /* Forms */
46
+ .form-row { display: flex; gap: .5rem; align-items: center; }
47
+ input[type=text], input[type=password], input[type=email] { padding: .5rem .75rem; border: 1px solid #d1d5db; border-radius: 6px; font-size: .875rem; width: 100%; outline: none; transition: border .15s; }
48
+ input:focus { border-color: #1a1a2e; }
49
+ .btn { padding: .5rem 1rem; border: none; border-radius: 6px; font-size: .875rem; font-weight: 500; cursor: pointer; transition: opacity .15s; }
50
+ .btn:hover { opacity: .88; }
51
+ .btn-primary { background: #1a1a2e; color: white; }
52
+ .btn-danger { background: #dc2626; color: white; font-size: .75rem; padding: .25rem .6rem; }
53
+ .btn-sm { font-size: .75rem; padding: .25rem .6rem; }
54
+
55
+ /* Misc */
56
+ .empty { text-align: center; color: #9ca3af; padding: 3rem 1rem; }
57
+ .empty svg { display: block; margin: 0 auto 1rem; opacity: .4; }
58
+ .pager { display: flex; align-items: center; gap: .5rem; padding: .75rem 1rem; border-top: 1px solid #f3f4f6; font-size: .8125rem; color: #6b7280; }
59
+ .pager button { padding: .25rem .625rem; border: 1px solid #d1d5db; border-radius: 4px; background: white; cursor: pointer; font-size: .8125rem; }
60
+ .pager button:disabled { opacity: .4; cursor: default; }
61
+ .alert { padding: .75rem 1rem; border-radius: 6px; font-size: .8125rem; margin-bottom: 1rem; }
62
+ .alert-error { background: #fee2e2; color: #991b1b; }
63
+ .alert-success { background: #dcfce7; color: #166534; }
64
+ .spinner { display: inline-block; width: 16px; height: 16px; border: 2px solid #e5e7eb; border-top-color: #1a1a2e; border-radius: 50%; animation: spin .6s linear infinite; vertical-align: middle; }
65
+ @keyframes spin { to { transform: rotate(360deg); } }
66
+ #flash { position: fixed; top: 1rem; right: 1rem; z-index: 999; max-width: 320px; }
67
+ tr.tr-open > td { background: #eff6ff; }
68
+ .manage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(600px, 800px)); gap: 1.25rem; }
69
+ .manage-section { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1rem 1.25rem; }
70
+ .manage-section-title { font-size: .8125rem; font-weight: 600; color: #374151; margin-bottom: .625rem; }
71
+ .roles-list { display: flex; flex-wrap: wrap; gap: .375rem; min-height: 26px; align-items: flex-start; }
72
+ .role-chip { cursor: pointer; user-select: none; transition: opacity .1s; }
73
+ .role-chip:hover { opacity: .75; }
74
+ .form-select { padding: .375rem .625rem; border: 1px solid #d1d5db; border-radius: 6px; font-size: .8125rem; outline: none; flex-shrink: 0; }
75
+ .form-select:focus { border-color: #1a1a2e; }
76
+ .meta-editor { width: 100%; height: 130px; margin-top: .25rem; padding: .5rem; font-family: monospace; font-size: .8125rem; border: 1px solid #d1d5db; border-radius: 6px; resize: vertical; outline: none; color: #1a1a2e; }
77
+ .meta-editor:focus { border-color: #1a1a2e; }
78
+
79
+ /* Toggle switches */
80
+ .toggle-row { display: flex; align-items: center; justify-content: space-between; padding: .75rem 0; border-bottom: 1px solid #f3f4f6; }
81
+ .toggle-row:last-child { border-bottom: none; }
82
+ .toggle-label { font-size: .875rem; color: #1a1a2e; flex: 1; }
83
+ .toggle-label small { display: block; font-size: .75rem; color: #9ca3af; margin-top: .125rem; }
84
+ .toggle { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; }
85
+ .toggle input { opacity: 0; width: 0; height: 0; }
86
+ .toggle-slider { position: absolute; cursor: pointer; inset: 0; background: #d1d5db; border-radius: 24px; transition: .2s; }
87
+ .toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: white; border-radius: 50%; transition: .2s; }
88
+ input:checked + .toggle-slider { background: #1a1a2e; }
89
+ input:checked + .toggle-slider:before { transform: translateX(20px); }
90
+
91
+ /* Filter bar */
92
+ .filter-bar { display: flex; gap: .5rem; align-items: center; padding: .75rem 1rem; border-bottom: 1px solid #f3f4f6; }
93
+ .filter-bar input { max-width: 260px; flex: 1; }
94
+
95
+ /* Batch bar */
96
+ .batch-bar { display: none; align-items: center; gap: .75rem; padding: .5rem 1rem; background: #fffbeb; border-bottom: 1px solid #fde68a; font-size: .8125rem; }
97
+ .batch-bar.visible { display: flex; }
98
+
99
+ /* Row checkbox */
100
+ .cb-col { width: 36px; text-align: center; }
101
+
102
+ /* ── Email & UI Templates tab ──────────────────────────────────────────────── */
103
+ .template-grid {
104
+ display: grid;
105
+ grid-template-columns: 240px 1fr 320px;
106
+ gap: 1rem;
107
+ min-height: 500px;
108
+ }
109
+ .template-list {
110
+ border-right: 1px solid #e5e7eb;
111
+ padding-right: 0.75rem;
112
+ }
113
+ .template-item {
114
+ padding: 0.5rem 0.75rem;
115
+ border-radius: 6px;
116
+ cursor: pointer;
117
+ font-size: 0.875rem;
118
+ margin-bottom: 0.25rem;
119
+ display: flex;
120
+ flex-direction: column;
121
+ gap: 0.125rem;
122
+ }
123
+ .template-item:hover { background: #f3f4f6; }
124
+ .template-item.active {
125
+ background: #e0e7ff;
126
+ color: #3730a3;
127
+ font-weight: 600;
128
+ }
129
+ .template-item small { color: #9ca3af; font-size: 0.7rem; }
130
+ .template-item.active small { color: #6366f1; }
131
+
132
+ .template-editor-container { display: flex; flex-direction: column; gap: 0.75rem; }
133
+ .template-editor-header {
134
+ display: flex;
135
+ align-items: center;
136
+ justify-content: space-between;
137
+ padding-bottom: 0.5rem;
138
+ border-bottom: 1px solid #e5e7eb;
139
+ }
140
+ .template-editor-header h3 { font-size: 0.9375rem; margin: 0; }
141
+ .template-editor-body { display: flex; flex-direction: column; gap: 0.5rem; }
142
+ .template-editor-textarea {
143
+ width: 100%;
144
+ min-height: 140px;
145
+ padding: 0.5rem;
146
+ font-family: ui-monospace, SFMono-Regular, monospace;
147
+ font-size: 0.8125rem;
148
+ border: 1px solid #d1d5db;
149
+ border-radius: 6px;
150
+ resize: vertical;
151
+ }
152
+
153
+ .template-preview-pane {
154
+ border: 1px solid #e5e7eb;
155
+ border-radius: 8px;
156
+ background: #f9fafb;
157
+ padding: 0.75rem;
158
+ display: flex;
159
+ flex-direction: column;
160
+ gap: 0.5rem;
161
+ position: sticky;
162
+ top: 1rem;
163
+ height: fit-content;
164
+ max-height: calc(100vh - 120px);
165
+ overflow-y: auto;
166
+ }
167
+ .template-preview-lang {
168
+ display: flex;
169
+ gap: 0.25rem;
170
+ flex-wrap: wrap;
171
+ margin-bottom: 0.25rem;
172
+ }
173
+ .template-preview-lang button {
174
+ padding: 0.125rem 0.5rem;
175
+ font-size: 0.75rem;
176
+ border-radius: 4px;
177
+ border: 1px solid #d1d5db;
178
+ background: white;
179
+ cursor: pointer;
180
+ }
181
+ .template-preview-lang button.active {
182
+ background: #1a1a2e;
183
+ color: white;
184
+ border-color: #1a1a2e;
185
+ }
186
+ .template-preview-iframe {
187
+ width: 100%;
188
+ min-height: 320px;
189
+ border: 1px solid #d1d5db;
190
+ border-radius: 6px;
191
+ background: white;
192
+ }
193
+ .template-preview-subject {
194
+ padding: 0.375rem 0.5rem;
195
+ background: white;
196
+ border: 1px solid #d1d5db;
197
+ border-radius: 4px;
198
+ font-size: 0.75rem;
199
+ font-family: ui-monospace, SFMono-Regular, monospace;
200
+ }
201
+
202
+ .template-vars {
203
+ background: #f0fdf4;
204
+ border: 1px solid #bbf7d0;
205
+ border-radius: 6px;
206
+ padding: 0.5rem 0.75rem;
207
+ font-size: 0.75rem;
208
+ }
209
+ .template-vars h4 {
210
+ margin: 0 0 0.375rem 0;
211
+ font-size: 0.75rem;
212
+ text-transform: uppercase;
213
+ letter-spacing: 0.05em;
214
+ color: #065f46;
215
+ }
216
+ .template-var-chip {
217
+ display: inline-flex;
218
+ align-items: center;
219
+ gap: 0.25rem;
220
+ padding: 0.125rem 0.375rem;
221
+ margin: 0.125rem;
222
+ font-family: ui-monospace, SFMono-Regular, monospace;
223
+ font-size: 0.6875rem;
224
+ background: white;
225
+ border: 1px solid #bbf7d0;
226
+ border-radius: 4px;
227
+ cursor: pointer;
228
+ }
229
+ .template-var-chip:hover { background: #dcfce7; }
230
+
231
+ .translation-grid {
232
+ display: grid;
233
+ grid-template-columns: 180px 1fr auto;
234
+ gap: 0.375rem;
235
+ align-items: center;
236
+ }
237
+ .translation-grid input {
238
+ padding: 0.25rem 0.5rem;
239
+ font-size: 0.8125rem;
240
+ border: 1px solid #d1d5db;
241
+ border-radius: 4px;
242
+ }
243
+ .translation-lang-tabs {
244
+ display: flex;
245
+ gap: 0.25rem;
246
+ border-bottom: 1px solid #e5e7eb;
247
+ margin-bottom: 0.5rem;
248
+ flex-wrap: wrap;
249
+ }
250
+ .translation-lang-tab {
251
+ padding: 0.375rem 0.75rem;
252
+ font-size: 0.8125rem;
253
+ background: transparent;
254
+ border: none;
255
+ border-bottom: 2px solid transparent;
256
+ cursor: pointer;
257
+ color: #6b7280;
258
+ }
259
+ .translation-lang-tab.active {
260
+ color: #1a1a2e;
261
+ border-bottom-color: #1a1a2e;
262
+ font-weight: 600;
263
+ }