@idp.global/catalog 1.2.1 → 2.1.0

package/dist_ts_web/elements/idp-admin-sidebar.js

@@ -0,0 +1,700 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, html, property, state, customElement, css } from '@design.estate/dees-element';
+import { idpElementStyles } from './tokens.js';
+import { idpAdminSharedStyles } from './idp-admin-shared.js';
+import './idp-icon.js';
+import './idp-badge.js';
+import './idp-avatar.js';
+let IdpAdminSidebar = (() => {
+    let _classDecorators = [customElement('idp-admin-sidebar')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _page_decorators;
+    let _page_initializers = [];
+    let _page_extraInitializers = [];
+    let _user_decorators;
+    let _user_initializers = [];
+    let _user_extraInitializers = [];
+    let _accounts_decorators;
+    let _accounts_initializers = [];
+    let _accounts_extraInitializers = [];
+    let _orgs_decorators;
+    let _orgs_initializers = [];
+    let _orgs_extraInitializers = [];
+    let _selectedOrgId_decorators;
+    let _selectedOrgId_initializers = [];
+    let _selectedOrgId_extraInitializers = [];
+    let _globalAdmin_decorators;
+    let _globalAdmin_initializers = [];
+    let _globalAdmin_extraInitializers = [];
+    let _sessionCount_decorators;
+    let _sessionCount_initializers = [];
+    let _sessionCount_extraInitializers = [];
+    let _orgMenuOpen_decorators;
+    let _orgMenuOpen_initializers = [];
+    let _orgMenuOpen_extraInitializers = [];
+    let _userMenuOpen_decorators;
+    let _userMenuOpen_initializers = [];
+    let _userMenuOpen_extraInitializers = [];
+    var IdpAdminSidebar = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _page_decorators = [property({ type: String })];
+            _user_decorators = [property({ type: Object })];
+            _accounts_decorators = [property({ type: Array })];
+            _orgs_decorators = [property({ type: Array })];
+            _selectedOrgId_decorators = [property({ type: String, attribute: 'selected-org-id' })];
+            _globalAdmin_decorators = [property({ type: Boolean, attribute: 'global-admin', reflect: true })];
+            _sessionCount_decorators = [property({ type: Number, attribute: 'session-count' })];
+            _orgMenuOpen_decorators = [state()];
+            _userMenuOpen_decorators = [state()];
+            __esDecorate(this, null, _page_decorators, { kind: "accessor", name: "page", static: false, private: false, access: { has: obj => "page" in obj, get: obj => obj.page, set: (obj, value) => { obj.page = value; } }, metadata: _metadata }, _page_initializers, _page_extraInitializers);
+            __esDecorate(this, null, _user_decorators, { kind: "accessor", name: "user", static: false, private: false, access: { has: obj => "user" in obj, get: obj => obj.user, set: (obj, value) => { obj.user = value; } }, metadata: _metadata }, _user_initializers, _user_extraInitializers);
+            __esDecorate(this, null, _accounts_decorators, { kind: "accessor", name: "accounts", static: false, private: false, access: { has: obj => "accounts" in obj, get: obj => obj.accounts, set: (obj, value) => { obj.accounts = value; } }, metadata: _metadata }, _accounts_initializers, _accounts_extraInitializers);
+            __esDecorate(this, null, _orgs_decorators, { kind: "accessor", name: "orgs", static: false, private: false, access: { has: obj => "orgs" in obj, get: obj => obj.orgs, set: (obj, value) => { obj.orgs = value; } }, metadata: _metadata }, _orgs_initializers, _orgs_extraInitializers);
+            __esDecorate(this, null, _selectedOrgId_decorators, { kind: "accessor", name: "selectedOrgId", static: false, private: false, access: { has: obj => "selectedOrgId" in obj, get: obj => obj.selectedOrgId, set: (obj, value) => { obj.selectedOrgId = value; } }, metadata: _metadata }, _selectedOrgId_initializers, _selectedOrgId_extraInitializers);
+            __esDecorate(this, null, _globalAdmin_decorators, { kind: "accessor", name: "globalAdmin", static: false, private: false, access: { has: obj => "globalAdmin" in obj, get: obj => obj.globalAdmin, set: (obj, value) => { obj.globalAdmin = value; } }, metadata: _metadata }, _globalAdmin_initializers, _globalAdmin_extraInitializers);
+            __esDecorate(this, null, _sessionCount_decorators, { kind: "accessor", name: "sessionCount", static: false, private: false, access: { has: obj => "sessionCount" in obj, get: obj => obj.sessionCount, set: (obj, value) => { obj.sessionCount = value; } }, metadata: _metadata }, _sessionCount_initializers, _sessionCount_extraInitializers);
+            __esDecorate(this, null, _orgMenuOpen_decorators, { kind: "accessor", name: "orgMenuOpen", static: false, private: false, access: { has: obj => "orgMenuOpen" in obj, get: obj => obj.orgMenuOpen, set: (obj, value) => { obj.orgMenuOpen = value; } }, metadata: _metadata }, _orgMenuOpen_initializers, _orgMenuOpen_extraInitializers);
+            __esDecorate(this, null, _userMenuOpen_decorators, { kind: "accessor", name: "userMenuOpen", static: false, private: false, access: { has: obj => "userMenuOpen" in obj, get: obj => obj.userMenuOpen, set: (obj, value) => { obj.userMenuOpen = value; } }, metadata: _metadata }, _userMenuOpen_initializers, _userMenuOpen_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            IdpAdminSidebar = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <div style="height: 520px; width: 220px; border: 1px solid var(--sh-border, #e8e8ed); overflow: hidden;">
+      <idp-admin-sidebar
+        global-admin
+        page="overview"
+        selected-org-id="org_foss"
+        session-count="3"
+        .user=${{ name: 'Alex Mercer', email: 'alex@lossless.com' }}
+        .accounts=${[{ name: 'Alex Mercer', email: 'alex.mercer@gmail.com' }]}
+        .orgs=${[
+            { id: 'org_foss', name: 'Lossless GmbH', slug: 'lossless', myRole: 'owner' },
+            { id: 'org_task', name: 'Task VC', slug: 'task', myRole: 'admin' },
+        ]}
+      ></idp-admin-sidebar>
+    </div>
+  `;
+        static demoGroups = ['idp.global v5 composed surfaces'];
+        static styles = [
+            ...idpElementStyles,
+            idpAdminSharedStyles,
+            css `
+      :host {
+        display: block;
+        height: 100%;
+        min-height: 0;
+      }
+      .sidebar {
+        height: 100%;
+        min-height: 0;
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+        border-right: 1px solid var(--idp-border);
+        background: var(--idp-bg);
+      }
+      .logo-block {
+        padding: 14px 16px 10px;
+        border-bottom: 1px solid var(--idp-border);
+      }
+      .logo {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+      .logo-icon {
+        width: 26px;
+        height: 26px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        border-radius: 7px;
+        background: var(--idp-primary);
+        color: var(--idp-primary-fg);
+      }
+      .logo-text {
+        color: var(--idp-fg);
+        font-size: 13px;
+        font-weight: 700;
+        letter-spacing: -0.3px;
+      }
+      .nav-wrap {
+        flex: 1;
+        min-height: 0;
+        overflow: auto;
+        padding: 10px 8px;
+      }
+      .nav-section {
+        margin-bottom: 20px;
+      }
+      .nav-title {
+        padding: 0 8px;
+        margin-bottom: 4px;
+        color: var(--idp-muted-fg);
+        font-size: 10px;
+        font-weight: 600;
+        letter-spacing: 0.8px;
+        text-transform: uppercase;
+      }
+      .nav-list {
+        display: grid;
+      }
+      .nav-item,
+      .org-switch {
+        border: 0;
+        font-family: inherit;
+      }
+      .nav-item {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 6px 8px;
+        border-radius: 7px;
+        background: transparent;
+        color: var(--idp-muted-fg);
+        font-size: 13px;
+        font-weight: 400;
+        text-align: left;
+      }
+      .nav-item.active {
+        background: var(--idp-muted);
+        color: var(--idp-fg);
+        font-weight: 500;
+      }
+      .nav-item idp-icon {
+        color: currentColor;
+      }
+      .nav-item.active idp-icon {
+        color: var(--idp-accent);
+      }
+      .org-switch-wrap {
+        position: relative;
+        margin-bottom: 2px;
+      }
+      .org-switch {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 6px 8px;
+        border-radius: 7px;
+        background: transparent;
+        color: var(--idp-muted-fg);
+        cursor: pointer;
+      }
+      .org-switch:hover {
+        background: var(--idp-muted);
+      }
+      .org-switch.open {
+        background: var(--idp-muted);
+      }
+      .org-switch.open .org-name {
+        color: var(--idp-accent);
+      }
+      .org-switch.open idp-icon {
+        transform: rotate(180deg);
+      }
+      .org-menu {
+        position: absolute;
+        top: calc(100% + 4px);
+        left: 0;
+        right: 0;
+        z-index: 40;
+        overflow: hidden;
+        border: 1px solid var(--idp-border);
+        border-radius: 10px;
+        background: var(--idp-card);
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
+      }
+      .org-menu-title {
+        padding: 6px 8px 3px;
+        color: var(--idp-muted-fg);
+        font-size: 10px;
+        font-weight: 600;
+        letter-spacing: 0.7px;
+        text-transform: uppercase;
+      }
+      .org-menu-item,
+      .org-create {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        border: 0;
+        background: transparent;
+        font-family: inherit;
+        text-align: left;
+      }
+      .org-menu-item {
+        padding: 6px 8px;
+        cursor: pointer;
+      }
+      .org-menu-item.selected {
+        background: var(--idp-accent-soft);
+      }
+      .org-menu-item .org-avatar {
+        width: 20px;
+        height: 20px;
+        font-size: 7px;
+      }
+      .org-menu-name {
+        overflow: hidden;
+        color: var(--idp-fg);
+        font-size: 12px;
+        font-weight: 400;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .org-menu-item.selected .org-menu-name {
+        color: var(--idp-accent);
+      }
+      .org-menu-role {
+        color: var(--idp-muted-fg);
+        font-size: 10px;
+      }
+      .org-menu-divider {
+        height: 1px;
+        margin: 3px 0;
+        background: var(--idp-border);
+      }
+      .org-create {
+        padding: 6px 8px 8px;
+        color: var(--idp-muted-fg);
+        cursor: pointer;
+        font-size: 12px;
+      }
+      .org-create-icon {
+        width: 20px;
+        height: 20px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        border: 1.5px dashed var(--idp-border);
+        border-radius: 5px;
+      }
+      .org-name {
+        flex: 1;
+        min-width: 0;
+        overflow: hidden;
+        color: var(--idp-muted-fg);
+        font-size: 13px;
+        font-weight: 400;
+        text-align: left;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .user-footer {
+        position: relative;
+        padding: 8px;
+        border-top: 1px solid var(--idp-border);
+      }
+      .user-trigger {
+        display: flex;
+        align-items: center;
+        gap: 9px;
+        width: 100%;
+        padding: 6px 8px;
+        border: none;
+        border-radius: 8px;
+        background: transparent;
+        color: var(--idp-muted-fg);
+        font-family: var(--idp-font);
+        text-align: left;
+        cursor: pointer;
+        transition: background 120ms ease;
+      }
+      .user-trigger:hover,
+      .user-trigger.open {
+        background: var(--idp-muted);
+      }
+      .user-menu {
+        position: absolute;
+        bottom: calc(100% + 2px);
+        left: 8px;
+        right: 8px;
+        z-index: 40;
+        padding: 4px;
+        background: var(--idp-card);
+        border: 1px solid var(--idp-border);
+        border-radius: var(--idp-radius);
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+        overflow: hidden;
+      }
+      .user-menu-identity {
+        display: flex;
+        align-items: center;
+        gap: 9px;
+        padding: 8px 10px 9px;
+        margin-bottom: 4px;
+        border-bottom: 1px solid var(--idp-border);
+      }
+      .user-menu-item {
+        display: flex;
+        align-items: center;
+        gap: 9px;
+        width: 100%;
+        padding: 7px 10px;
+        border: none;
+        border-radius: 7px;
+        background: transparent;
+        color: var(--idp-fg);
+        font-family: var(--idp-font);
+        font-size: 12.5px;
+        text-align: left;
+        cursor: pointer;
+        transition: background 100ms ease;
+      }
+      .user-menu-item idp-icon {
+        color: var(--idp-muted-fg);
+        flex-shrink: 0;
+      }
+      .user-menu-item span {
+        flex: 1;
+      }
+      .user-menu-item:hover {
+        background: var(--idp-muted);
+      }
+      .user-menu-item.destructive {
+        color: var(--idp-destructive);
+      }
+      .user-menu-item.destructive idp-icon {
+        color: var(--idp-destructive);
+      }
+      .user-menu-item.destructive:hover {
+        background: var(--idp-error-bg);
+      }
+      .user-menu-item.account .user-meta {
+        flex: 1;
+      }
+      .user-menu-hint {
+        flex: 0 0 auto !important;
+        font-size: 10.5px;
+        color: var(--idp-muted-fg);
+      }
+      .user-menu-divider {
+        height: 1px;
+        margin: 4px 0;
+        background: var(--idp-border);
+      }
+      .user-menu-title {
+        padding: 4px 10px 2px;
+        font-size: 10px;
+        font-weight: 600;
+        letter-spacing: 0.7px;
+        text-transform: uppercase;
+      }
+      .user-menu-title,
+      .user-email {
+        color: var(--idp-muted-fg);
+      }
+      .user-avatar {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        width: 26px;
+        height: 26px;
+        border-radius: 50%;
+        background: oklch(0.85 0.08 240);
+        color: oklch(0.3 0.08 240);
+        font-family: var(--idp-mono);
+        font-size: 9px;
+        font-weight: 700;
+      }
+      .user-meta {
+        flex: 1;
+        min-width: 0;
+      }
+      .user-name,
+      .user-email {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .user-name {
+        color: var(--idp-fg);
+        font-size: 12px;
+        font-weight: 500;
+      }
+      .user-email {
+        font-size: 10px;
+      }
+    `,
+        ];
+        #page_accessor_storage = __runInitializers(this, _page_initializers, 'overview');
+        get page() { return this.#page_accessor_storage; }
+        set page(value) { this.#page_accessor_storage = value; }
+        #user_accessor_storage = (__runInitializers(this, _page_extraInitializers), __runInitializers(this, _user_initializers, {
+            name: '',
+            email: '',
+        }));
+        get user() { return this.#user_accessor_storage; }
+        set user(value) { this.#user_accessor_storage = value; }
+        #accounts_accessor_storage = (__runInitializers(this, _user_extraInitializers), __runInitializers(this, _accounts_initializers, []));
+        get accounts() { return this.#accounts_accessor_storage; }
+        set accounts(value) { this.#accounts_accessor_storage = value; }
+        #orgs_accessor_storage = (__runInitializers(this, _accounts_extraInitializers), __runInitializers(this, _orgs_initializers, []));
+        get orgs() { return this.#orgs_accessor_storage; }
+        set orgs(value) { this.#orgs_accessor_storage = value; }
+        #selectedOrgId_accessor_storage = (__runInitializers(this, _orgs_extraInitializers), __runInitializers(this, _selectedOrgId_initializers, ''));
+        get selectedOrgId() { return this.#selectedOrgId_accessor_storage; }
+        set selectedOrgId(value) { this.#selectedOrgId_accessor_storage = value; }
+        #globalAdmin_accessor_storage = (__runInitializers(this, _selectedOrgId_extraInitializers), __runInitializers(this, _globalAdmin_initializers, false));
+        get globalAdmin() { return this.#globalAdmin_accessor_storage; }
+        set globalAdmin(value) { this.#globalAdmin_accessor_storage = value; }
+        #sessionCount_accessor_storage = (__runInitializers(this, _globalAdmin_extraInitializers), __runInitializers(this, _sessionCount_initializers, 0));
+        get sessionCount() { return this.#sessionCount_accessor_storage; }
+        set sessionCount(value) { this.#sessionCount_accessor_storage = value; }
+        #orgMenuOpen_accessor_storage = (__runInitializers(this, _sessionCount_extraInitializers), __runInitializers(this, _orgMenuOpen_initializers, false));
+        get orgMenuOpen() { return this.#orgMenuOpen_accessor_storage; }
+        set orgMenuOpen(value) { this.#orgMenuOpen_accessor_storage = value; }
+        #userMenuOpen_accessor_storage = (__runInitializers(this, _orgMenuOpen_extraInitializers), __runInitializers(this, _userMenuOpen_initializers, false));
+        get userMenuOpen() { return this.#userMenuOpen_accessor_storage; }
+        set userMenuOpen(value) { this.#userMenuOpen_accessor_storage = value; }
+        workspaceNav = (__runInitializers(this, _userMenuOpen_extraInitializers), [
+            { id: 'overview', label: 'Overview', icon: 'grid' },
+        ]);
+        accountNav = [
+            { id: 'profile', label: 'Profile', icon: 'user' },
+            { id: 'security', label: 'Security', icon: 'shield' },
+            { id: 'sessions', label: 'Sessions & Devices', icon: 'monitor' },
+            { id: 'apps', label: 'Connected Apps', icon: 'grid' },
+        ];
+        orgNav = [
+            { id: 'org-general', label: 'General', icon: 'building' },
+            { id: 'org-settings', label: 'Settings', icon: 'settings' },
+            { id: 'org-members', label: 'Members', icon: 'users' },
+            { id: 'org-apps', label: 'OAuth Apps', icon: 'box' },
+        ];
+        supportNav = [
+            { id: 'support', label: 'Support', icon: 'shield' },
+        ];
+        adminNav = [
+            { id: 'ga-users', label: 'All Users', icon: 'users' },
+            { id: 'ga-orgs', label: 'All Organisations', icon: 'building' },
+            { id: 'ga-apps', label: 'Platform Apps', icon: 'globe' },
+        ];
+        get safeOrgs() {
+            return Array.isArray(this.orgs) ? this.orgs.filter(Boolean) : [];
+        }
+        get currentOrg() {
+            const orgs = this.safeOrgs;
+            return orgs.find((orgArg) => orgArg.id === this.selectedOrgId) || orgs[0] || {
+                id: '',
+                name: 'No organisation',
+                slug: '',
+                myRole: '',
+            };
+        }
+        get userInitials() {
+            if (this.user?.initials) {
+                return this.user.initials;
+            }
+            const source = this.user?.name || this.user?.email || '?';
+            return source
+                .split(/\s+|@/)
+                .filter(Boolean)
+                .map((partArg) => partArg[0])
+                .slice(0, 2)
+                .join('')
+                .toUpperCase();
+        }
+        dispatchSidebarEvent(eventNameArg, detailArg) {
+            this.dispatchEvent(new CustomEvent(eventNameArg, {
+                detail: detailArg,
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        setPage(pageArg) {
+            this.page = pageArg;
+            this.orgMenuOpen = false;
+            this.userMenuOpen = false;
+            this.dispatchSidebarEvent('idp-admin-navigate', { page: pageArg });
+        }
+        selectOrg(orgIdArg) {
+            this.selectedOrgId = orgIdArg;
+            this.orgMenuOpen = false;
+            this.page = 'org-general';
+            this.dispatchSidebarEvent('idp-admin-org-select', {
+                orgId: orgIdArg,
+                org: this.safeOrgs.find((orgArg) => orgArg.id === orgIdArg) || null,
+            });
+        }
+        requestOrgCreate() {
+            this.orgMenuOpen = false;
+            this.dispatchSidebarEvent('idp-admin-org-create-request', {});
+        }
+        requestLogout() {
+            this.userMenuOpen = false;
+            this.dispatchSidebarEvent('idp-admin-logout-request', {});
+        }
+        switchAccount(accountArg) {
+            this.userMenuOpen = false;
+            this.dispatchSidebarEvent('idp-admin-account-switch', { account: accountArg });
+        }
+        requestAddAccount() {
+            this.userMenuOpen = false;
+            this.dispatchEvent(new CustomEvent('idp-admin-account-add', { bubbles: true, composed: true }));
+        }
+        renderNavGroup(items, active = '') {
+            return html `
+      <div class="nav-list">
+        ${items.map((item) => html `
+          <button class="nav-item ${item.id === active ? 'active' : ''}" @click=${() => this.setPage(item.id)}>
+            <idp-icon name=${item.icon} size="14"></idp-icon>
+            ${item.label}
+            ${item.badge ? html `<idp-badge variant="accent" style="margin-left:auto">${item.badge}</idp-badge>` : html ``}
+          </button>
+        `)}
+      </div>
+    `;
+        }
+        renderUserMenu() {
+            const otherAccounts = (this.accounts || []).filter((accountArg) => accountArg.email !== this.user?.email);
+            return html `
+      <div class="user-menu" role="menu">
+        <div class="user-menu-identity">
+          <idp-avatar name=${this.user?.name || this.user?.email || '?'} size="32"></idp-avatar>
+          <div class="user-meta"><div class="user-name">${this.user?.name || 'Unknown User'}</div><div class="user-email">${this.user?.email || 'No email'}</div></div>
+          ${this.globalAdmin ? html `<idp-badge variant="accent">Admin</idp-badge>` : html ``}
+        </div>
+        <button class="user-menu-item" @click=${() => this.setPage('profile')}>
+          <idp-icon name="user" size="14"></idp-icon><span>Profile</span>
+        </button>
+        <button class="user-menu-item" @click=${() => this.setPage('security')}>
+          <idp-icon name="shield" size="14"></idp-icon><span>Security</span>
+        </button>
+        <button class="user-menu-item" @click=${() => this.setPage('sessions')}>
+          <idp-icon name="monitor" size="14"></idp-icon><span>Sessions &amp; Devices</span>
+          ${this.sessionCount ? html `<span class="user-menu-hint">${this.sessionCount} active</span>` : html ``}
+        </button>
+        ${otherAccounts.length
+                ? html `
+              <div class="user-menu-divider"></div>
+              <div class="user-menu-title">Switch account</div>
+              ${otherAccounts.map((accountArg) => html `
+                  <button class="user-menu-item account" @click=${() => this.switchAccount(accountArg)}>
+                    <idp-avatar name=${accountArg.name || accountArg.email} size="22"></idp-avatar>
+                    <div class="user-meta"><div class="user-name">${accountArg.name}</div><div class="user-email">${accountArg.email}</div></div>
+                    <idp-icon name="lucide:ArrowLeftRight" size="12"></idp-icon>
+                  </button>
+                `)}
+              <button class="user-menu-item" @click=${() => this.requestAddAccount()}>
+                <idp-icon name="plus" size="14"></idp-icon><span>Add account</span>
+              </button>
+            `
+                : html ``}
+        <div class="user-menu-divider"></div>
+        <button class="user-menu-item destructive" @click=${() => this.requestLogout()}>
+          <idp-icon name="logout" size="14"></idp-icon><span>Sign out</span>
+        </button>
+      </div>
+    `;
+        }
+        render() {
+            const currentOrg = this.currentOrg;
+            return html `
+      <aside class="sidebar">
+        <div class="logo-block">
+          <div class="logo">
+            <div class="logo-icon" aria-hidden="true">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
+              </svg>
+            </div>
+            <span class="logo-text">idp.global</span>
+          </div>
+        </div>
+        <div class="nav-wrap">
+          <div class="nav-section"><div class="nav-title">Workspace</div>${this.renderNavGroup(this.workspaceNav, this.page)}</div>
+          <div class="nav-section"><div class="nav-title">My Account</div>${this.renderNavGroup(this.accountNav, this.page)}</div>
+          <div class="nav-section">
+            <div class="nav-title">Organisation</div>
+            <div class="org-switch-wrap">
+              <button class="org-switch ${this.orgMenuOpen ? 'open' : ''}" @click=${() => { this.orgMenuOpen = !this.orgMenuOpen; }}>
+                <span class="org-avatar">${currentOrg.name.slice(0, 2).toUpperCase()}</span>
+                <span class="org-name">${currentOrg.name}</span>
+                <idp-icon name="chevron-down" size="10"></idp-icon>
+              </button>
+              ${this.orgMenuOpen ? html `
+                <div class="org-menu">
+                  <div class="org-menu-title">Switch organisation</div>
+                  ${this.safeOrgs.map((orgArg) => html `
+                    <button class="org-menu-item ${orgArg.id === this.selectedOrgId ? 'selected' : ''}" @click=${() => this.selectOrg(orgArg.id)}>
+                      <span class="org-avatar">${orgArg.name.slice(0, 2).toUpperCase()}</span>
+                      <span style="flex:1;min-width:0"><span class="org-menu-name">${orgArg.name}</span><span class="org-menu-role">${orgArg.myRole || 'member'}</span></span>
+                      ${orgArg.id === this.selectedOrgId ? html `<idp-icon name="check" size="11"></idp-icon>` : html ``}
+                    </button>
+                  `)}
+                  <div class="org-menu-divider"></div>
+                  <button class="org-create" @click=${() => this.requestOrgCreate()}><span class="org-create-icon"><idp-icon name="plus" size="9"></idp-icon></span>Create organisation</button>
+                </div>
+              ` : html ``}
+            </div>
+            ${this.renderNavGroup(this.orgNav, this.page)}
+          </div>
+          <div class="nav-section"><div class="nav-title">Support</div>${this.renderNavGroup(this.supportNav, this.page)}</div>
+          ${this.globalAdmin ? html `<div class="nav-section"><div class="nav-title">Global Admin</div>${this.renderNavGroup(this.adminNav, this.page)}</div>` : html ``}
+        </div>
+        <div class="user-footer">
+          <button class="user-trigger ${this.userMenuOpen ? 'open' : ''}" aria-haspopup="menu" aria-expanded=${this.userMenuOpen} @click=${() => { this.userMenuOpen = !this.userMenuOpen; }}>
+            <span class="user-avatar">${this.userInitials}</span>
+            <div class="user-meta"><div class="user-name">${this.user?.name || 'Unknown User'}</div><div class="user-email">${this.user?.email || 'No email'}</div></div>
+            <idp-icon name="lucide:ChevronsUpDown" size="13"></idp-icon>
+          </button>
+          ${this.userMenuOpen ? this.renderUserMenu() : html ``}
+        </div>
+      </aside>
+    `;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return IdpAdminSidebar = _classThis;
+})();
+export { IdpAdminSidebar };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWFkbWluLXNpZGViYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaWRwLWFkbWluLXNpZGViYXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBdUIsTUFBTSw2QkFBNkIsQ0FBQztBQUMxSCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDN0QsT0FBTyxlQUFlLENBQUM7QUFDdkIsT0FBTyxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLGlCQUFpQixDQUFDO0lBd0JaLGVBQWU7NEJBRDNCLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQzs7OztzQkFDRSxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OytCQUFuQixTQUFRLFdBQVc7Ozs7Z0NBaVg3QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztvQ0FNMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO2dDQUd6QixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7eUNBR3pCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLENBQUM7dUNBR3hELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7d0NBR3JFLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxN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