Loading members...
diff --git a/server/public/admin-org-detail.html b/server/public/admin-org-detail.html
index 34346e8b2..2066eecca 100644
--- a/server/public/admin-org-detail.html
+++ b/server/public/admin-org-detail.html
@@ -5,8 +5,9 @@
Loading organization details...
diff --git a/server/public/admin-perspectives.html b/server/public/admin-perspectives.html
index d10efe076..f2d88c1dc 100644
--- a/server/public/admin-perspectives.html
+++ b/server/public/admin-perspectives.html
@@ -5,8 +5,9 @@
Admin - Perspectives - AdCP Registry
-
+
+
-
+
+
Loading...
diff --git a/server/public/admin-prospects.html b/server/public/admin-prospects.html
index 7c72b5db8..5ea96760c 100644
--- a/server/public/admin-prospects.html
+++ b/server/public/admin-prospects.html
@@ -5,8 +5,9 @@
Admin - Account Management - AdCP Registry
-
+
+
-
+
+
Loading accounts...
diff --git a/server/public/admin-sidebar.js b/server/public/admin-sidebar.js
new file mode 100644
index 000000000..d1dbae632
--- /dev/null
+++ b/server/public/admin-sidebar.js
@@ -0,0 +1,369 @@
+// Shared admin sidebar navigation component
+// Include this in any admin page with:
+
+(function() {
+ 'use strict';
+
+ // Navigation configuration
+ const NAV_CONFIG = {
+ logo: 'Admin',
+ sections: [
+ {
+ label: 'Overview',
+ items: [
+ { href: '/admin', label: 'Dashboard', icon: '📊' },
+ ]
+ },
+ {
+ label: 'Members',
+ items: [
+ { href: '/admin/prospects', label: 'Prospects', icon: '🎯' },
+ { href: '/admin/members', label: 'Members', icon: '🏢' },
+ { href: '/admin/users', label: 'Users', icon: '👤' },
+ ]
+ },
+ {
+ label: 'Community',
+ items: [
+ { href: '/admin/working-groups', label: 'Working Groups', icon: '🏛️' },
+ { href: '/admin/perspectives', label: 'Perspectives', icon: '💡' },
+ ]
+ },
+ {
+ label: 'System',
+ items: [
+ { href: '/admin/agreements', label: 'Agreements', icon: '📋' },
+ { href: '/admin/email', label: 'Email', icon: '📧' },
+ { href: '/admin/analytics', label: 'Analytics', icon: '📈' },
+ { href: '/admin/audit', label: 'Audit Log', icon: '📜' },
+ ]
+ }
+ ]
+ };
+
+ // Sidebar styles
+ const SIDEBAR_STYLES = `
+ .admin-layout {
+ display: flex;
+ min-height: 100vh;
+ padding-top: 60px; /* Space for top nav */
+ }
+
+ .admin-sidebar {
+ width: 260px;
+ background: var(--color-bg-card);
+ border-right: 1px solid var(--color-border);
+ display: flex;
+ flex-direction: column;
+ position: fixed;
+ top: 60px; /* Below top nav */
+ left: 0;
+ bottom: 0;
+ z-index: 100;
+ transition: transform 0.3s ease;
+ }
+
+ .admin-sidebar-header {
+ padding: 20px 24px;
+ border-bottom: 1px solid var(--color-border);
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-primary-600) 100%);
+ }
+
+ .admin-sidebar-logo {
+ font-size: 18px;
+ font-weight: 600;
+ color: white;
+ text-decoration: none;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ }
+
+ .admin-sidebar-logo img {
+ width: 28px;
+ height: 28px;
+ }
+
+ .admin-sidebar-nav {
+ flex: 1;
+ overflow-y: auto;
+ padding: 16px 0;
+ }
+
+ .admin-nav-section {
+ margin-bottom: 8px;
+ }
+
+ .admin-nav-section-label {
+ padding: 8px 24px;
+ font-size: 11px;
+ font-weight: 600;
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+ color: var(--color-text-muted);
+ }
+
+ .admin-nav-item {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ padding: 10px 24px;
+ color: var(--color-text-secondary);
+ text-decoration: none;
+ font-size: 14px;
+ transition: all 0.15s ease;
+ border-left: 3px solid transparent;
+ }
+
+ .admin-nav-item:hover {
+ background: var(--color-bg-subtle);
+ color: var(--color-text-heading);
+ }
+
+ .admin-nav-item.active {
+ background: var(--color-primary-50);
+ color: var(--color-brand);
+ border-left-color: var(--color-brand);
+ font-weight: 500;
+ }
+
+ .admin-nav-icon {
+ font-size: 16px;
+ width: 20px;
+ text-align: center;
+ }
+
+ .admin-sidebar-footer {
+ padding: 16px 24px;
+ border-top: 1px solid var(--color-border);
+ }
+
+ .admin-back-link {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ color: var(--color-text-secondary);
+ text-decoration: none;
+ font-size: 13px;
+ padding: 8px 0;
+ transition: color 0.15s;
+ }
+
+ .admin-back-link:hover {
+ color: var(--color-brand);
+ }
+
+ .admin-main {
+ flex: 1;
+ margin-left: 260px;
+ min-height: 100vh;
+ background: var(--color-bg-page);
+ }
+
+ /* Mobile sidebar toggle */
+ .admin-sidebar-toggle {
+ display: none;
+ position: fixed;
+ top: 76px;
+ left: 16px;
+ z-index: 101;
+ background: var(--color-bg-card);
+ border: 1px solid var(--color-border);
+ border-radius: 8px;
+ padding: 8px 12px;
+ cursor: pointer;
+ font-size: 20px;
+ }
+
+ .admin-sidebar-overlay {
+ display: none;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(0, 0, 0, 0.5);
+ z-index: 99;
+ }
+
+ /* Mobile responsive */
+ @media (max-width: 768px) {
+ .admin-sidebar {
+ transform: translateX(-100%);
+ }
+
+ .admin-sidebar.open {
+ transform: translateX(0);
+ }
+
+ .admin-sidebar-toggle {
+ display: block;
+ }
+
+ .admin-sidebar-overlay.show {
+ display: block;
+ }
+
+ .admin-main {
+ margin-left: 0;
+ }
+ }
+ `;
+
+ // Inject styles
+ function injectStyles() {
+ if (document.getElementById('admin-sidebar-styles')) return;
+
+ const styleEl = document.createElement('style');
+ styleEl.id = 'admin-sidebar-styles';
+ styleEl.textContent = SIDEBAR_STYLES;
+ document.head.appendChild(styleEl);
+ }
+
+ // Create sidebar HTML
+ function createSidebarHTML() {
+ const currentPath = window.location.pathname;
+
+ const sectionsHTML = NAV_CONFIG.sections.map(section => {
+ const itemsHTML = section.items.map(item => {
+ const isActive = currentPath === item.href ||
+ (item.href !== '/admin' && currentPath.startsWith(item.href));
+ const activeClass = isActive ? 'active' : '';
+ return `
+
+ ${item.icon}
+ ${item.label}
+
+ `;
+ }).join('');
+
+ return `
+
+
${section.label}
+ ${itemsHTML}
+
+ `;
+ }).join('');
+
+ return `
+
+
+
+ `;
+ }
+
+ // Wrap content in main container
+ function wrapContent() {
+ // Find existing content wrapper or body content
+ const existingMain = document.querySelector('.admin-main');
+ if (existingMain) return; // Already wrapped
+
+ // Get all body children except scripts and the sidebar
+ const bodyChildren = Array.from(document.body.children).filter(el =>
+ el.tagName !== 'SCRIPT' &&
+ !el.classList.contains('admin-sidebar') &&
+ !el.classList.contains('admin-sidebar-toggle') &&
+ !el.classList.contains('admin-sidebar-overlay') &&
+ el.id !== 'adcp-nav'
+ );
+
+ // Create main wrapper
+ const mainWrapper = document.createElement('main');
+ mainWrapper.className = 'admin-main';
+
+ // Move children to wrapper
+ bodyChildren.forEach(child => {
+ mainWrapper.appendChild(child);
+ });
+
+ // Add wrapper to body
+ document.body.appendChild(mainWrapper);
+ }
+
+ // Initialize navigation
+ function init() {
+ injectStyles();
+
+ // Remove old header nav if present
+ const oldHeader = document.querySelector('.admin-header');
+ if (oldHeader) {
+ oldHeader.remove();
+ }
+
+ // Insert sidebar at start of body (after adcp-nav if present)
+ const sidebarHTML = createSidebarHTML();
+ const adcpNav = document.getElementById('adcp-nav');
+ if (adcpNav) {
+ adcpNav.insertAdjacentHTML('afterend', sidebarHTML);
+ } else {
+ document.body.insertAdjacentHTML('afterbegin', sidebarHTML);
+ }
+
+ // Add layout class to body
+ document.body.classList.add('admin-layout');
+
+ // Wrap existing content
+ wrapContent();
+ }
+
+ // Toggle sidebar (mobile)
+ function toggleSidebar() {
+ const sidebar = document.getElementById('adminSidebar');
+ const overlay = document.querySelector('.admin-sidebar-overlay');
+ sidebar?.classList.toggle('open');
+ overlay?.classList.toggle('show');
+ }
+
+ function closeSidebar() {
+ const sidebar = document.getElementById('adminSidebar');
+ const overlay = document.querySelector('.admin-sidebar-overlay');
+ sidebar?.classList.remove('open');
+ overlay?.classList.remove('show');
+ }
+
+ // Utility function to redirect to login with return_to parameter
+ function redirectToLogin() {
+ const returnUrl = encodeURIComponent(window.location.pathname + window.location.search);
+ window.location.href = `/auth/login?return_to=${returnUrl}`;
+ }
+
+ // Auto-initialize only on admin pages
+ function shouldInitialize() {
+ return window.location.pathname.startsWith('/admin');
+ }
+
+ if (shouldInitialize()) {
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', init);
+ } else {
+ init();
+ }
+ }
+
+ // Export API
+ window.AdminSidebar = {
+ config: NAV_CONFIG,
+ init,
+ toggleSidebar,
+ closeSidebar,
+ redirectToLogin
+ };
+})();
diff --git a/server/public/admin-users.html b/server/public/admin-users.html
index 9cf2f0113..e30fca138 100644
--- a/server/public/admin-users.html
+++ b/server/public/admin-users.html
@@ -5,8 +5,9 @@
Admin - Users - AdCP Registry
-
+
+
+
+
+
Loading...
diff --git a/server/public/admin-working-groups.html b/server/public/admin-working-groups.html
index a3295e5bf..b4e930541 100644
--- a/server/public/admin-working-groups.html
+++ b/server/public/admin-working-groups.html
@@ -5,8 +5,9 @@
Admin - Working Groups - AdCP Registry
-
+
+
+
+
+
Loading...
diff --git a/server/public/admin.html b/server/public/admin.html
index 1f7d2b8eb..35d3cc063 100644
--- a/server/public/admin.html
+++ b/server/public/admin.html
@@ -5,8 +5,9 @@
Admin - AdCP Registry
-
+
+
-
+
+
diff --git a/server/public/dashboard-billing.html b/server/public/dashboard-billing.html
new file mode 100644
index 000000000..629a43661
--- /dev/null
+++ b/server/public/dashboard-billing.html
@@ -0,0 +1,493 @@
+
+
+
+
+
+
Billing - Dashboard
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Loading billing information...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Loading agreement...
+
+
+
+
+
+
+
+
+ Please accept the membership agreement above to continue
+
+
+
+
+
+
+
+
diff --git a/server/public/dashboard-emails.html b/server/public/dashboard-emails.html
new file mode 100644
index 000000000..f61ac18ad
--- /dev/null
+++ b/server/public/dashboard-emails.html
@@ -0,0 +1,422 @@
+
+
+
+
+
+
Email Preferences - Dashboard
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Loading preferences...
+
+
+
+
+
+
You're unsubscribed from all emails
+
You won't receive any marketing or community emails. Transactional emails (password resets, billing) will still be sent.
+
+
+
+
+
+
+
+
+
+
+
+
+ Some emails can't be unsubscribed from because they're essential for your account. These include:
+
+
+ - Welcome emails when you sign up
+ - Password reset and security emails
+ - Billing receipts and payment issues
+ - Important account notifications
+
+
+
+
+
+
+
+
+
diff --git a/server/public/dashboard-nav.js b/server/public/dashboard-nav.js
new file mode 100644
index 000000000..dadf9cd52
--- /dev/null
+++ b/server/public/dashboard-nav.js
@@ -0,0 +1,506 @@
+// Shared dashboard navigation component with sidebar
+// Include this in any dashboard page with:
+
+(function() {
+ 'use strict';
+
+ // Navigation configuration
+ const NAV_CONFIG = {
+ logo: 'Dashboard',
+ sections: [
+ {
+ label: 'Overview',
+ items: [
+ { href: '/dashboard', label: 'Home', icon: '🏠' },
+ ]
+ },
+ {
+ label: 'Organization',
+ items: [
+ { href: '/member-profile', label: 'Member Profile', icon: '🏢' },
+ { href: '/team', label: 'Team', icon: '👥' },
+ { href: '/working-groups', label: 'Working Groups', icon: '🏛️' },
+ ]
+ },
+ {
+ label: 'Account',
+ items: [
+ { href: '/dashboard/billing', label: 'Billing', icon: '💳' },
+ { href: '/dashboard/settings', label: 'Settings', icon: '⚙️' },
+ { href: '/dashboard/emails', label: 'Email Preferences', icon: '📧' },
+ ]
+ }
+ ],
+ backLink: { href: 'https://agenticadvertising.org', label: '← Back to AAO' }
+ };
+
+ // Sidebar styles
+ // Note: top nav is ~60px, so sidebar starts below it
+ const SIDEBAR_STYLES = `
+ .dashboard-layout {
+ display: flex;
+ min-height: 100vh;
+ padding-top: 60px; /* Space for top nav */
+ }
+
+ .dashboard-sidebar {
+ width: 260px;
+ background: var(--color-bg-card);
+ border-right: 1px solid var(--color-border);
+ display: flex;
+ flex-direction: column;
+ position: fixed;
+ top: 60px; /* Below top nav */
+ left: 0;
+ bottom: 0;
+ z-index: 100;
+ transition: transform 0.3s ease;
+ }
+
+ .dashboard-sidebar-header {
+ padding: 20px 24px;
+ border-bottom: 1px solid var(--color-border);
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+
+ .dashboard-sidebar-logo {
+ font-size: 18px;
+ font-weight: 600;
+ color: var(--color-text-heading);
+ text-decoration: none;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ }
+
+ .dashboard-sidebar-logo img {
+ width: 28px;
+ height: 28px;
+ }
+
+ .dashboard-sidebar-nav {
+ flex: 1;
+ overflow-y: auto;
+ padding: 16px 0;
+ }
+
+ .dashboard-nav-section {
+ margin-bottom: 8px;
+ }
+
+ .dashboard-nav-section-label {
+ padding: 8px 24px;
+ font-size: 11px;
+ font-weight: 600;
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+ color: var(--color-text-muted);
+ }
+
+ .dashboard-nav-item {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ padding: 10px 24px;
+ color: var(--color-text-secondary);
+ text-decoration: none;
+ font-size: 14px;
+ transition: all 0.15s ease;
+ border-left: 3px solid transparent;
+ }
+
+ .dashboard-nav-item:hover {
+ background: var(--color-bg-subtle);
+ color: var(--color-text-heading);
+ }
+
+ .dashboard-nav-item.active {
+ background: var(--color-primary-50);
+ color: var(--color-brand);
+ border-left-color: var(--color-brand);
+ font-weight: 500;
+ }
+
+ .dashboard-nav-icon {
+ font-size: 16px;
+ width: 20px;
+ text-align: center;
+ }
+
+ .dashboard-sidebar-footer {
+ padding: 16px 24px;
+ border-top: 1px solid var(--color-border);
+ }
+
+ .dashboard-back-link {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ color: var(--color-text-secondary);
+ text-decoration: none;
+ font-size: 13px;
+ padding: 8px 0;
+ transition: color 0.15s;
+ }
+
+ .dashboard-back-link:hover {
+ color: var(--color-brand);
+ }
+
+ .dashboard-main {
+ flex: 1;
+ margin-left: 260px;
+ min-height: 100vh;
+ background: var(--color-bg-page);
+ }
+
+ /* Mobile sidebar toggle */
+ .dashboard-sidebar-toggle {
+ display: none;
+ position: fixed;
+ top: 16px;
+ left: 16px;
+ z-index: 101;
+ background: var(--color-bg-card);
+ border: 1px solid var(--color-border);
+ border-radius: 8px;
+ padding: 8px 12px;
+ cursor: pointer;
+ font-size: 20px;
+ }
+
+ .dashboard-sidebar-overlay {
+ display: none;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(0, 0, 0, 0.5);
+ z-index: 99;
+ }
+
+ /* Mobile responsive */
+ @media (max-width: 768px) {
+ .dashboard-sidebar {
+ transform: translateX(-100%);
+ }
+
+ .dashboard-sidebar.open {
+ transform: translateX(0);
+ }
+
+ .dashboard-sidebar-toggle {
+ display: block;
+ }
+
+ .dashboard-sidebar-overlay.show {
+ display: block;
+ }
+
+ .dashboard-main {
+ margin-left: 0;
+ }
+ }
+
+ /* Org switcher in sidebar */
+ .dashboard-org-switcher {
+ padding: 12px 24px;
+ border-bottom: 1px solid var(--color-border);
+ }
+
+ .dashboard-org-btn {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 10px 12px;
+ background: var(--color-bg-subtle);
+ border: 1px solid var(--color-border);
+ border-radius: 8px;
+ cursor: pointer;
+ font-size: 13px;
+ color: var(--color-text-heading);
+ transition: all 0.15s;
+ }
+
+ .dashboard-org-btn:hover {
+ border-color: var(--color-brand);
+ }
+
+ .dashboard-org-name {
+ font-weight: 500;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ max-width: 160px;
+ }
+
+ .dashboard-org-dropdown {
+ display: none;
+ position: absolute;
+ left: 24px;
+ right: 24px;
+ background: var(--color-bg-card);
+ border: 1px solid var(--color-border);
+ border-radius: 8px;
+ box-shadow: var(--shadow-lg);
+ z-index: 200;
+ max-height: 300px;
+ overflow-y: auto;
+ margin-top: 4px;
+ }
+
+ .dashboard-org-dropdown.show {
+ display: block;
+ }
+
+ .dashboard-org-option {
+ display: block;
+ width: 100%;
+ padding: 10px 12px;
+ text-align: left;
+ background: none;
+ border: none;
+ cursor: pointer;
+ font-size: 13px;
+ color: var(--color-text-secondary);
+ transition: background 0.15s;
+ }
+
+ .dashboard-org-option:hover {
+ background: var(--color-bg-subtle);
+ }
+
+ .dashboard-org-option.selected {
+ background: var(--color-primary-50);
+ color: var(--color-brand);
+ font-weight: 500;
+ }
+
+ /* Admin link in sidebar */
+ .dashboard-admin-link {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ padding: 8px 12px;
+ background: var(--color-brand);
+ color: white;
+ text-decoration: none;
+ font-size: 12px;
+ font-weight: 500;
+ border-radius: 6px;
+ margin-top: 12px;
+ transition: opacity 0.15s;
+ }
+
+ .dashboard-admin-link:hover {
+ opacity: 0.9;
+ }
+ `;
+
+ // Inject styles
+ function injectStyles() {
+ if (document.getElementById('dashboard-nav-styles')) return;
+
+ const styleEl = document.createElement('style');
+ styleEl.id = 'dashboard-nav-styles';
+ styleEl.textContent = SIDEBAR_STYLES;
+ document.head.appendChild(styleEl);
+ }
+
+ // Create sidebar HTML
+ function createSidebarHTML(options = {}) {
+ const currentPath = window.location.pathname;
+ const { showAdmin = false, showOrgSwitcher = false, currentOrgName = 'Select Organization' } = options;
+
+ const sectionsHTML = NAV_CONFIG.sections.map(section => {
+ const itemsHTML = section.items.map(item => {
+ const isActive = currentPath === item.href ||
+ (item.href !== '/dashboard' && currentPath.startsWith(item.href));
+ const activeClass = isActive ? 'active' : '';
+ return `
+
+ ${item.icon}
+ ${item.label}
+
+ `;
+ }).join('');
+
+ return `
+
+
${section.label}
+ ${itemsHTML}
+
+ `;
+ }).join('');
+
+ const orgSwitcherHTML = showOrgSwitcher ? `
+
+
+
+
+ ` : '';
+
+ const adminLinkHTML = showAdmin ? `
+
+ 🔒 Admin Panel
+
+ ` : '';
+
+ return `
+
+
+
+ `;
+ }
+
+ // Wrap content in main container
+ function wrapContent() {
+ // Find existing content wrapper or body content
+ const existingMain = document.querySelector('.dashboard-main');
+ if (existingMain) return; // Already wrapped
+
+ // Get all body children except scripts and the sidebar
+ const bodyChildren = Array.from(document.body.children).filter(el =>
+ el.tagName !== 'SCRIPT' &&
+ !el.classList.contains('dashboard-sidebar') &&
+ !el.classList.contains('dashboard-sidebar-toggle') &&
+ !el.classList.contains('dashboard-sidebar-overlay')
+ );
+
+ // Create main wrapper
+ const mainWrapper = document.createElement('main');
+ mainWrapper.className = 'dashboard-main';
+
+ // Move children to wrapper
+ bodyChildren.forEach(child => {
+ mainWrapper.appendChild(child);
+ });
+
+ // Add wrapper to body
+ document.body.appendChild(mainWrapper);
+ }
+
+ // Initialize navigation
+ function init(options = {}) {
+ injectStyles();
+
+ // Insert sidebar at start of body
+ const sidebarHTML = createSidebarHTML(options);
+ document.body.insertAdjacentHTML('afterbegin', sidebarHTML);
+
+ // Add layout class to body
+ document.body.classList.add('dashboard-layout');
+
+ // Wrap existing content
+ wrapContent();
+ }
+
+ // Toggle sidebar (mobile)
+ function toggleSidebar() {
+ const sidebar = document.getElementById('dashboardSidebar');
+ const overlay = document.querySelector('.dashboard-sidebar-overlay');
+ sidebar?.classList.toggle('open');
+ overlay?.classList.toggle('show');
+ }
+
+ function closeSidebar() {
+ const sidebar = document.getElementById('dashboardSidebar');
+ const overlay = document.querySelector('.dashboard-sidebar-overlay');
+ sidebar?.classList.remove('open');
+ overlay?.classList.remove('show');
+ }
+
+ // Org dropdown functions
+ function toggleOrgDropdown() {
+ const dropdown = document.getElementById('dashboardOrgDropdown');
+ dropdown?.classList.toggle('show');
+ }
+
+ function closeOrgDropdown() {
+ const dropdown = document.getElementById('dashboardOrgDropdown');
+ dropdown?.classList.remove('show');
+ }
+
+ function setOrgName(name) {
+ const el = document.getElementById('dashboardOrgName');
+ if (el) el.textContent = name;
+ }
+
+ function setOrgOptions(orgs, selectedId, onSelect) {
+ const dropdown = document.getElementById('dashboardOrgDropdown');
+ if (!dropdown) return;
+
+ dropdown.innerHTML = orgs.map(org => `
+
+ `).join('');
+
+ // Store callback
+ window._dashboardOrgSelectCallback = onSelect;
+ }
+
+ function selectOrg(orgId) {
+ closeOrgDropdown();
+ if (window._dashboardOrgSelectCallback) {
+ window._dashboardOrgSelectCallback(orgId);
+ }
+ }
+
+ // Show/hide admin link
+ function showAdminLink(show) {
+ const footer = document.querySelector('.dashboard-sidebar-footer');
+ const existingLink = footer?.querySelector('.dashboard-admin-link');
+
+ if (show && !existingLink && footer) {
+ footer.insertAdjacentHTML('beforeend', `
+
+ 🔒 Admin Panel
+
+ `);
+ } else if (!show && existingLink) {
+ existingLink.remove();
+ }
+ }
+
+ // Close dropdown when clicking outside
+ document.addEventListener('click', (e) => {
+ if (!e.target.closest('.dashboard-org-switcher')) {
+ closeOrgDropdown();
+ }
+ });
+
+ // Export API
+ window.DashboardNav = {
+ config: NAV_CONFIG,
+ init,
+ toggleSidebar,
+ closeSidebar,
+ toggleOrgDropdown,
+ closeOrgDropdown,
+ setOrgName,
+ setOrgOptions,
+ selectOrg,
+ showAdminLink
+ };
+})();
diff --git a/server/public/dashboard-settings.html b/server/public/dashboard-settings.html
new file mode 100644
index 000000000..c21e0b36f
--- /dev/null
+++ b/server/public/dashboard-settings.html
@@ -0,0 +1,519 @@
+
+
+
+
+
+
Settings - Dashboard
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Rename Organization
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Delete Workspace
+
+
This action cannot be undone.
+
Deleting this workspace will permanently remove:
+
+ - All team members and their access
+ - Your member profile
+ - All workspace settings
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Loading settings...
+
+
+
+
+
+
+
+
+
Organization Name
+
Loading...
+
+
+
+
+
+
+
+
Workspace Type
+
Loading...
+
+
+
+
+
+
+
+
Organization ID
+
Loading...
+
+
+
+
+
+
+
+
+
+
+
+
Delete Workspace
+
Permanently delete this workspace and all its data
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/server/public/dashboard.html b/server/public/dashboard.html
index f538b25d4..43267b0c5 100644
--- a/server/public/dashboard.html
+++ b/server/public/dashboard.html
@@ -18,20 +18,6 @@
background: var(--color-bg-page);
}
- .dashboard-toolbar {
- background: var(--color-bg-subtle);
- border-bottom: var(--border-1) solid var(--color-border);
- padding: var(--space-2.5) var(--space-5);
- }
-
- .dashboard-toolbar-content {
- max-width: var(--container-xl);
- margin: 0 auto;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- }
-
.container {
max-width: var(--container-xl);
margin: var(--space-10) auto;
@@ -134,122 +120,6 @@
- .btn .btn-sm = smaller size
*/
- /* Admin Link - uses brand color */
- .admin-link {
- margin-left: auto;
- padding: var(--space-2) var(--space-4);
- background: var(--color-brand);
- color: white;
- text-decoration: none;
- border-radius: var(--radius-md);
- font-size: var(--text-sm);
- font-weight: var(--font-medium);
- transition: var(--transition-colors);
- }
-
- .admin-link:hover {
- background: var(--color-brand-hover);
- }
-
- /* Org Switcher */
- .org-switcher {
- position: relative;
- }
-
- .org-switcher-btn {
- display: flex;
- align-items: center;
- gap: var(--space-2);
- padding: var(--space-2) var(--space-3);
- background: var(--color-bg-page);
- border: var(--border-1) solid var(--color-border);
- border-radius: var(--radius-md);
- cursor: pointer;
- font-size: var(--text-sm);
- color: var(--color-text-heading);
- min-width: 180px;
- transition: var(--transition-colors);
- }
-
- .org-switcher-btn:hover {
- background: var(--color-gray-200);
- }
-
- .org-switcher-btn .org-name {
- flex: 1;
- text-align: left;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
-
- .org-switcher-btn .arrow {
- font-size: var(--text-xs);
- color: var(--color-text-secondary);
- }
-
- .org-switcher-dropdown {
- display: none;
- position: absolute;
- top: 100%;
- left: 0;
- right: 0;
- margin-top: var(--space-1);
- background: var(--color-bg-card);
- border: var(--border-1) solid var(--color-border);
- border-radius: var(--radius-md);
- box-shadow: var(--shadow-lg);
- z-index: var(--z-dropdown);
- max-height: 300px;
- overflow-y: auto;
- }
-
- .org-switcher-dropdown.show {
- display: block;
- }
-
- .org-switcher-item {
- padding: var(--space-2.5) var(--space-3);
- cursor: pointer;
- border-bottom: var(--border-1) solid var(--color-gray-100);
- transition: var(--transition-colors);
- }
-
- .org-switcher-item:last-child {
- border-bottom: none;
- }
-
- .org-switcher-item:hover {
- background: var(--color-bg-subtle);
- }
-
- .org-switcher-item.selected {
- background: var(--color-info-50);
- }
-
- .org-switcher-item .item-name {
- font-weight: var(--font-medium);
- color: var(--color-text-heading);
- }
-
- .org-switcher-item .item-badge {
- display: inline-block;
- padding: var(--space-0.5) var(--space-1.5);
- font-size: var(--text-xs);
- border-radius: var(--radius-full);
- margin-left: var(--space-1.5);
- }
-
- .org-switcher-item .item-badge.active {
- background: var(--color-primary-100);
- color: var(--color-success-700);
- }
-
- .org-switcher-item .item-badge.inactive {
- background: var(--color-gray-100);
- color: var(--color-text-secondary);
- }
-
/* Responsive layout for dashboard */
@media (max-width: 900px) {
.dashboard-grid {
@@ -257,59 +127,6 @@
}
}
- /* Delete workspace styles */
- .btn-danger {
- background: #dc2626;
- color: white;
- border: none;
- padding: 10px 20px;
- border-radius: 6px;
- cursor: pointer;
- font-size: 14px;
- }
- .btn-danger:hover {
- background: #b91c1c;
- }
- .delete-warning {
- background: #fef2f2;
- border-left: 4px solid #ef4444;
- padding: 15px;
- border-radius: 6px;
- margin-bottom: 15px;
- }
- .delete-warning p {
- margin: 0 0 10px 0;
- color: #991b1b;
- }
- .delete-warning ul {
- margin: 0;
- padding-left: 20px;
- color: #991b1b;
- }
- .delete-error {
- background: #fee;
- border-left: 4px solid #c33;
- padding: 10px;
- border-radius: 4px;
- margin-top: 15px;
- color: #c33;
- }
- .confirm-input {
- width: 100%;
- padding: 10px;
- border: 1px solid #ddd;
- border-radius: 6px;
- font-size: 14px;
- margin-top: 10px;
- }
- .workspace-name-highlight {
- background: #fee;
- padding: 2px 6px;
- border-radius: 4px;
- font-family: monospace;
- font-weight: bold;
- }
-
/* Toast notification */
.toast {
position: fixed;
@@ -384,49 +201,13 @@
Rename Organization