@idp.global/catalog 1.2.1 → 2.1.0

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

@@ -0,0 +1,404 @@
+import { css, html } from '@design.estate/dees-element';
+import './idp-icon.js';
+export const idpAdminSharedStyles = css `
+  .state-card {
+    padding: 42px 24px;
+    border: 1px solid var(--idp-border);
+    border-radius: var(--idp-radius);
+    background: var(--idp-card);
+    color: var(--idp-muted-fg);
+    text-align: center;
+  }
+  .state-icon {
+    width: 38px;
+    height: 38px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 12px;
+    border: 1px solid var(--idp-border);
+    border-radius: 10px;
+    background: var(--idp-muted);
+    color: var(--idp-muted-fg);
+  }
+  .state-title {
+    margin-bottom: 4px;
+    color: var(--idp-fg);
+    font-size: 14px;
+    font-weight: 600;
+  }
+  .state-description {
+    max-width: 420px;
+    margin: 0 auto;
+    font-size: 12px;
+    line-height: 1.5;
+  }
+  .org-avatar {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: 14px;
+    height: 14px;
+    border: 1px solid var(--idp-border);
+    border-radius: 6px;
+    background: var(--idp-accent-soft);
+    color: var(--idp-accent);
+    font-family: var(--idp-mono);
+    font-size: 5px;
+    font-weight: 700;
+  }
+  .page-head {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    gap: 16px;
+    flex-wrap: wrap;
+    padding: 24px 28px 18px;
+    border-bottom: 1px solid var(--idp-border);
+    background: var(--idp-bg);
+  }
+  .eyebrow-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 4px;
+  }
+  .eyebrow {
+    color: var(--idp-muted-fg);
+    font-family: var(--idp-mono);
+    font-size: 10px;
+    font-weight: 600;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+  }
+  .live-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 1px 7px;
+    border: 1px solid var(--idp-ok-border);
+    border-radius: 999px;
+    background: var(--idp-ok-bg);
+    color: var(--idp-ok);
+    font-family: var(--idp-mono);
+    font-size: 10px;
+    font-weight: 500;
+  }
+  .live-dot,
+  .feed-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: var(--idp-ok);
+    box-shadow: 0 0 6px var(--idp-ok);
+    animation: idp-blink 1.6s ease-in-out infinite;
+  }
+  @keyframes idp-blink {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.35; }
+  }
+  h1,
+  h2 {
+    margin: 0;
+    color: var(--idp-fg);
+    font-family: var(--idp-display);
+    letter-spacing: -0.025em;
+  }
+  h1 {
+    font-size: 26px;
+    font-weight: 700;
+    line-height: 1.1;
+  }
+  .lead {
+    margin-top: 4px;
+    color: var(--idp-muted-fg);
+    font-size: 13px;
+  }
+  .lead code,
+  .mono {
+    color: var(--idp-info);
+    font-family: var(--idp-mono);
+  }
+  .page-actions {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+  .tabs {
+    display: inline-flex;
+    gap: 1px;
+    padding: 2px;
+    border: 1px solid var(--idp-border);
+    border-radius: 6px;
+    background: var(--idp-bg-2);
+  }
+  .tab {
+    padding: 4px 10px;
+    border-radius: 4px;
+    color: var(--idp-muted-fg);
+    font-family: var(--idp-mono);
+    font-size: 11px;
+    font-weight: 500;
+  }
+  .tab.active {
+    background: var(--idp-muted);
+    color: var(--idp-fg);
+  }
+  .plain-button {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    height: 28px;
+    padding: 5px 10px;
+    border: 0;
+    border-radius: 8px;
+    background: transparent;
+    color: var(--idp-fg);
+    font-family: inherit;
+    font-size: 12px;
+    font-weight: 500;
+    white-space: nowrap;
+  }
+  .plain-button.outline {
+    border: 1px solid var(--idp-border);
+  }
+  .plain-button.primary {
+    background: var(--idp-accent);
+    color: var(--idp-accent-fg);
+  }
+  .plain-button.destructive {
+    background: var(--idp-destructive);
+    color: var(--idp-accent-fg);
+  }
+  .plain-button.ghost {
+    color: var(--idp-fg);
+  }
+  .plain-button:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+  }
+  .body {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    padding: 20px 28px 32px;
+  }
+  .narrow-body {
+    max-width: 700px;
+  }
+  .wide-body {
+    max-width: 860px;
+  }
+  .kpis {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 12px;
+  }
+  .kpi,
+  .card {
+    border: 1px solid var(--idp-border);
+    background: var(--idp-card);
+  }
+  .kpi {
+    position: relative;
+    min-height: 132px;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    overflow: hidden;
+    padding: 18px 20px 14px;
+    border-radius: 10px;
+  }
+  .kpi::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: var(--kpi-accent);
+  }
+  .kpi-label {
+    color: var(--idp-muted-fg);
+    font-size: 11.5px;
+    font-weight: 500;
+    letter-spacing: 0.02em;
+  }
+  .kpi-value {
+    color: var(--idp-fg);
+    font-family: var(--idp-display);
+    font-size: 30px;
+    font-weight: 700;
+    font-variant-numeric: tabular-nums;
+    letter-spacing: -0.025em;
+    line-height: 1.1;
+  }
+  .kpi-value span {
+    margin-left: 2px;
+    color: var(--idp-muted-fg);
+    font-size: 14px;
+    font-weight: 500;
+  }
+  .kpi-sub {
+    color: var(--idp-fg-3);
+    font-family: var(--idp-mono);
+    font-size: 11px;
+  }
+  .kpi-foot {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    gap: 8px;
+    margin-top: auto;
+  }
+  .delta {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    color: var(--idp-ok);
+    font-family: var(--idp-mono);
+    font-size: 11px;
+    font-weight: 600;
+  }
+  .sparkline {
+    width: 84px;
+    opacity: 0.85;
+  }
+  .primary-grid,
+  .secondary-grid {
+    display: grid;
+    grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr);
+    gap: 16px;
+  }
+  .card {
+    overflow: hidden;
+    border-radius: 8px;
+  }
+  .card-head {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--idp-border-soft);
+  }
+  .card-title {
+    color: var(--idp-fg);
+    font-size: 13px;
+    font-weight: 600;
+  }
+  .feed-dot {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    border-radius: 4px;
+    background: var(--dot-color);
+    box-shadow: var(--dot-glow, none);
+  }
+  .feed-meta {
+    color: var(--idp-muted-fg);
+    font-family: var(--idp-mono);
+    font-size: 11.5px;
+  }
+  .feed-item {
+    display: grid;
+    grid-template-columns: 14px 1fr auto;
+    gap: 12px;
+    align-items: center;
+    padding: 11px 16px;
+    border-bottom: 1px solid var(--idp-border-soft);
+  }
+  .feed-item:last-child {
+    border-bottom: 0;
+  }
+  .feed-text {
+    color: var(--idp-fg-2);
+    font-size: 12.5px;
+  }
+  .feed-text strong {
+    color: var(--idp-fg);
+    font-weight: 600;
+  }
+  @media (max-width: 1120px) {
+    .kpis {
+      grid-template-columns: repeat(2, 1fr);
+    }
+    .primary-grid,
+    .secondary-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+  @media (max-width: 720px) {
+    .page-head,
+    .body {
+      padding-left: 20px;
+      padding-right: 20px;
+    }
+    .page-actions {
+      flex-wrap: wrap;
+    }
+    .kpis {
+      grid-template-columns: 1fr;
+    }
+  }
+`;
+export const renderAdminSparkline = (dataArg, colorArg) => {
+    const max = Math.max(...dataArg);
+    const min = Math.min(...dataArg);
+    const range = max - min || 1;
+    const width = 100;
+    const height = 22;
+    const points = dataArg.map((valueArg, indexArg) => {
+        const x = (indexArg / (dataArg.length - 1)) * width;
+        const y = height - ((valueArg - min) / range) * (height - 4) - 2;
+        return `${x},${y}`;
+    }).join(' ');
+    const area = `0,${height} ${points} ${width},${height}`;
+    return html `
+    <svg viewBox="0 0 ${width} ${height}" preserveAspectRatio="none">
+      <polygon points=${area} fill=${colorArg} opacity="0.12"></polygon>
+      <polyline points=${points} fill="none" stroke=${colorArg} stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></polyline>
+    </svg>
+  `;
+};
+export const renderAdminKpi = (kpiArg) => {
+    return html `
+    <div class="kpi" style="--kpi-accent:${kpiArg.accent}">
+      <div class="kpi-label">${kpiArg.label}</div>
+      <div class="kpi-value">${kpiArg.value}${kpiArg.unit ? html `<span>${kpiArg.unit}</span>` : html ``}</div>
+      <div class="kpi-sub">${kpiArg.sub}</div>
+      <div class="kpi-foot">
+        <span class="delta">${kpiArg.deltaKind === 'live' ? html `<span class="live-dot"></span>` : html ``}${kpiArg.delta}</span>
+        <div class="sparkline">${renderAdminSparkline(kpiArg.spark, kpiArg.sparkColor)}</div>
+      </div>
+    </div>
+  `;
+};
+export const renderAdminStateCard = (titleArg, descriptionArg, iconArg = 'box') => {
+    return html `
+    <div class="state-card">
+      <span class="state-icon"><idp-icon name=${iconArg} size="17"></idp-icon></span>
+      <div class="state-title">${titleArg}</div>
+      <div class="state-description">${descriptionArg}</div>
+    </div>
+  `;
+};
+export const formatAdminTimeAgo = (timestampArg) => {
+    if (!timestampArg) {
+        return 'unknown';
+    }
+    const diff = Date.now() - timestampArg;
+    const minutes = Math.floor(diff / 60000);
+    const hours = Math.floor(diff / 3600000);
+    const days = Math.floor(diff / 86400000);
+    if (minutes < 1)
+        return 'just now';
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    if (hours < 24)
+        return `${hours}h ago`;
+    if (days < 7)
+        return `${days}d ago`;
+    return new Date(timestampArg).toLocaleDateString();
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWFkbWluLXNoYXJlZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9pZHAtYWRtaW4tc2hhcmVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQzdFLE9BQU8sZUFBZSxDQUFDO0FBY3ZCLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FxVnRDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxDQUFDLE9BQWlCLEVBQUUsUUFBZ0IsRUFBa0IsRUFBRTtJQUMxRixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsT0FBTyxDQUFDLENBQUM7SUFDakMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxDQUFDO0lBQ2pDLE1BQU0sS0FBSyxHQUFHLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxDQUFDO0lBQzdCLE1BQU0sS0FBSyxHQUFHLEdBQUcsQ0FBQztJQUNsQixNQUFNLE1BQU0sR0FBRyxFQUFF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

package/dist_ts_web/elements/idp-admin-shell.d.ts

@@ -2,6 +2,12 @@ import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
 import './idp-badge.js';
 import './idp-icon.js';
 import './idp-data-table.js';
+import './idp-avatar.js';
+import './idp-toggle.js';
+import './idp-delegation-section.js';
+import './idp-admin-sidebar.js';
+import './idp-admin-overview.js';
+import type { IIdpDelegation, IIdpDelegationApp } from './idp-delegation-section.js';
 declare global {
     interface HTMLElementTagNameMap {
         'idp-admin-shell': IdpAdminShell;
@@ -21,6 +27,10 @@ export interface IIdpAdminOrg {
     name: string;
     slug: string;
     myRole?: string;
+    plan?: string;
+    status?: string;
+    memberCount?: number;
+    createdAt?: number;
 }
 export interface IIdpAdminNavigateEventDetail {
     page: TIdpAdminPage;
@@ -29,6 +39,70 @@ export interface IIdpAdminOrgSelectEventDetail {
     orgId: string;
     org: IIdpAdminOrg | null;
 }
+export interface IIdpAdminLogoutEventDetail {
+    everywhere: boolean;
+}
+export interface IIdpAdminAccountSwitchEventDetail {
+    account: IIdpAdminUser;
+}
+export interface IIdpAdminOrgCreateEventDetail {
+    name: string;
+    slug: string;
+}
+export interface IIdpAdminGaUser {
+    id: string;
+    name: string;
+    email: string;
+    status: string;
+    isGlobalAdmin: boolean;
+    orgCount: number;
+    createdAt: number;
+}
+export interface IIdpAdminGaUserActionEventDetail {
+    userId: string;
+    action: 'suspend' | 'unsuspend';
+}
+export interface IIdpAdminGaOrgActionEventDetail {
+    orgId: string;
+    action: 'suspend' | 'unsuspend';
+}
+export interface IIdpAdminGaAppActionEventDetail {
+    appId: string;
+    action: 'approve' | 'reject' | 'suspend' | 'reinstate';
+}
+export interface IIdpAdminOverviewSeriesPoint {
+    /** epoch-ms timestamp or Date-parseable string; plain clock times like '14:00' are not chartable */
+    x: string | number;
+    y: number;
+}
+export interface IIdpAdminOverviewThreat {
+    severity: 'error' | 'warning' | 'info';
+    title: string;
+    meta: string;
+    action?: string;
+}
+export interface IIdpAdminOverviewRegion {
+    name: string;
+    code: string;
+    count: number;
+    share: number;
+    kind?: 'home' | 'risk';
+}
+export interface IIdpAdminOverviewFeedItem {
+    tone: 'ok' | 'info' | 'warn' | 'error';
+    text: string;
+    meta: string;
+}
+export interface IIdpAdminOverviewData {
+    chartLabel?: string;
+    chartSeries?: {
+        name: string;
+        data: IIdpAdminOverviewSeriesPoint[];
+    }[];
+    threats?: IIdpAdminOverviewThreat[];
+    regions?: IIdpAdminOverviewRegion[];
+    feed?: IIdpAdminOverviewFeedItem[];
+}
 export interface IIdpAdminSession {
     id: string;
     deviceName: string;
@@ -229,7 +303,17 @@ export declare class IdpAdminShell extends DeesElement {
     accessor totpEnrollment: IIdpAdminTotpEnrollment | null;
     accessor passkeys: IIdpAdminPasskey[];
     accessor credentialMessage: string;
-    private accessor orgMenuOpen;
+    accessor accounts: IIdpAdminUser[];
+    accessor gaUsers: IIdpAdminGaUser[];
+    accessor overviewData: IIdpAdminOverviewData | null;
+    accessor delegationApps: IIdpDelegationApp[];
+    accessor delegations: IIdpDelegation[];
+    private accessor logoutEverywhere;
+    private accessor createOrgName;
+    private accessor createOrgSlug;
+    private accessor gaUserSearch;
+    private accessor toast;
+    private toastTimer;
     private accessor currentPassword;
     private accessor newPassword;
     private accessor confirmPassword;
@@ -252,11 +336,6 @@ export declare class IdpAdminShell extends DeesElement {
     private accessor dialogMemberRoles;
     private accessor dialogApp;
     private accessor dialogAppMappings;
-    private workspaceNav;
-    private accountNav;
-    private orgNav;
-    private supportNav;
-    private adminNav;
     private get safeOrgs();
     private get currentOrg();
     private get userInitials();
@@ -275,8 +354,16 @@ export declare class IdpAdminShell extends DeesElement {
     private regenerateBackupCodes;
     private requestPasskeyRegistration;
     private setPage;
-    private selectOrg;
+    private handleSidebarNavigate;
+    private handleSidebarOrgSelect;
     private requestOrgCreate;
+    private slugify;
+    private setCreateOrgName;
+    private submitCreateOrg;
+    private requestLogout;
+    private confirmLogout;
+    showToast(messageArg: string, toneArg?: 'ok' | 'warn' | 'error'): void;
+    disconnectedCallback(): Promise<void>;
     private dispatchShellEvent;
     private formatTimeAgo;
     private renderStateCard;
@@ -303,11 +390,9 @@ export declare class IdpAdminShell extends DeesElement {
     private renderRoleDeleteDialog;
     private renderMemberRolesDialog;
     private renderAppRoleMappingsDialog;
+    private renderCreateOrgDialog;
+    private renderLogoutConfirmDialog;
     private renderDialog;
-    private renderNavGroup;
-    private renderSidebar;
-    private renderSparkline;
-    private renderKpi;
     private renderPageHeader;
     private renderSectionCard;
     private renderFormRow;