@idp.global/catalog 2.0.0 → 2.1.0

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@idp.global/catalog',
-    version: '2.0.0',
+    version: '2.1.0',
     description: 'Web component catalog for idp.global, based on the v5 Apple-system design language.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUscUJBQXFCO0lBQzNCLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxxRkFBcUY7Q0FDbkcsQ0FBQSJ9

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

@@ -0,0 +1,28 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './idp-icon.js';
+import './idp-badge.js';
+import '@design.estate/dees-catalog/dist_ts_web/elements/00group-chart/dees-chart-area/index.js';
+import type { IIdpAdminUser, IIdpAdminOrg, IIdpAdminSession, IIdpAdminActivity, IIdpAdminPassportDevice, IIdpAdminOverviewData } from './idp-admin-shell.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'idp-admin-overview': IdpAdminOverview;
+    }
+}
+export declare class IdpAdminOverview extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    accessor user: IIdpAdminUser;
+    accessor orgs: IIdpAdminOrg[];
+    accessor sessions: IIdpAdminSession[];
+    accessor activities: IIdpAdminActivity[];
+    accessor passportDevices: IIdpAdminPassportDevice[];
+    accessor dataLoading: boolean;
+    accessor dataError: string;
+    accessor overviewData: IIdpAdminOverviewData | null;
+    private navigate;
+    private renderDataState;
+    private renderInsights;
+    private renderFooterRows;
+    render(): TemplateResult;
+}

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

@@ -0,0 +1,460 @@
+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, customElement, css } from '@design.estate/dees-element';
+import { idpElementStyles } from './tokens.js';
+import { idpAdminSharedStyles, renderAdminKpi, renderAdminStateCard, formatAdminTimeAgo } from './idp-admin-shared.js';
+import './idp-icon.js';
+import './idp-badge.js';
+import '@design.estate/dees-catalog/dist_ts_web/elements/00group-chart/dees-chart-area/index.js';
+let IdpAdminOverview = (() => {
+    let _classDecorators = [customElement('idp-admin-overview')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _user_decorators;
+    let _user_initializers = [];
+    let _user_extraInitializers = [];
+    let _orgs_decorators;
+    let _orgs_initializers = [];
+    let _orgs_extraInitializers = [];
+    let _sessions_decorators;
+    let _sessions_initializers = [];
+    let _sessions_extraInitializers = [];
+    let _activities_decorators;
+    let _activities_initializers = [];
+    let _activities_extraInitializers = [];
+    let _passportDevices_decorators;
+    let _passportDevices_initializers = [];
+    let _passportDevices_extraInitializers = [];
+    let _dataLoading_decorators;
+    let _dataLoading_initializers = [];
+    let _dataLoading_extraInitializers = [];
+    let _dataError_decorators;
+    let _dataError_initializers = [];
+    let _dataError_extraInitializers = [];
+    let _overviewData_decorators;
+    let _overviewData_initializers = [];
+    let _overviewData_extraInitializers = [];
+    var IdpAdminOverview = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _user_decorators = [property({ type: Object })];
+            _orgs_decorators = [property({ type: Array })];
+            _sessions_decorators = [property({ type: Array })];
+            _activities_decorators = [property({ type: Array })];
+            _passportDevices_decorators = [property({ type: Array })];
+            _dataLoading_decorators = [property({ type: Boolean, attribute: 'data-loading', reflect: true })];
+            _dataError_decorators = [property({ type: String, attribute: 'data-error' })];
+            _overviewData_decorators = [property({ type: Object })];
+            __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, _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, _sessions_decorators, { kind: "accessor", name: "sessions", static: false, private: false, access: { has: obj => "sessions" in obj, get: obj => obj.sessions, set: (obj, value) => { obj.sessions = value; } }, metadata: _metadata }, _sessions_initializers, _sessions_extraInitializers);
+            __esDecorate(this, null, _activities_decorators, { kind: "accessor", name: "activities", static: false, private: false, access: { has: obj => "activities" in obj, get: obj => obj.activities, set: (obj, value) => { obj.activities = value; } }, metadata: _metadata }, _activities_initializers, _activities_extraInitializers);
+            __esDecorate(this, null, _passportDevices_decorators, { kind: "accessor", name: "passportDevices", static: false, private: false, access: { has: obj => "passportDevices" in obj, get: obj => obj.passportDevices, set: (obj, value) => { obj.passportDevices = value; } }, metadata: _metadata }, _passportDevices_initializers, _passportDevices_extraInitializers);
+            __esDecorate(this, null, _dataLoading_decorators, { kind: "accessor", name: "dataLoading", static: false, private: false, access: { has: obj => "dataLoading" in obj, get: obj => obj.dataLoading, set: (obj, value) => { obj.dataLoading = value; } }, metadata: _metadata }, _dataLoading_initializers, _dataLoading_extraInitializers);
+            __esDecorate(this, null, _dataError_decorators, { kind: "accessor", name: "dataError", static: false, private: false, access: { has: obj => "dataError" in obj, get: obj => obj.dataError, set: (obj, value) => { obj.dataError = value; } }, metadata: _metadata }, _dataError_initializers, _dataError_extraInitializers);
+            __esDecorate(this, null, _overviewData_decorators, { kind: "accessor", name: "overviewData", static: false, private: false, access: { has: obj => "overviewData" in obj, get: obj => obj.overviewData, set: (obj, value) => { obj.overviewData = value; } }, metadata: _metadata }, _overviewData_initializers, _overviewData_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            IdpAdminOverview = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => {
+            const now = Date.now();
+            const hours = Array.from({ length: 24 }, (unused, indexArg) => indexArg);
+            return html `
+      <idp-admin-overview
+        .user=${{ name: 'Alex Mercer', email: 'alex@lossless.com' }}
+        .orgs=${[
+                { id: 'org_foss', name: 'Lossless GmbH', slug: 'lossless', myRole: 'owner' },
+                { id: 'org_task', name: 'Task VC', slug: 'task', myRole: 'admin' },
+            ]}
+        .sessions=${[
+                { id: 's1', deviceName: 'MacBook Pro', browser: 'Safari 18', os: 'macOS', ip: '84.132.10.4', lastActive: now - 120000, createdAt: now - 86400000 * 3, isCurrent: true },
+                { id: 's2', deviceName: 'iPhone 15 Pro', browser: 'Safari', os: 'iOS 18', ip: '84.132.10.4', lastActive: now - 3600000, createdAt: now - 86400000 * 10, isCurrent: false },
+            ]}
+        .activities=${[
+                { id: 'a1', action: 'login_success', description: 'Signed in with passkey', timestamp: now - 300000 },
+                { id: 'a2', action: 'app_authorized', description: 'Granted access to foss.global', timestamp: now - 7200000 },
+            ]}
+        .overviewData=${{
+                chartLabel: 'Approval activity',
+                chartSeries: [
+                    { name: 'Approvals', data: hours.map((hourArg) => ({ x: now - (23 - hourArg) * 3600000, y: [22, 18, 14, 10, 8, 7, 9, 14, 22, 38, 52, 64, 71, 74, 70, 65, 58, 52, 45, 38, 32, 28, 25, 23][hourArg] })) },
+                    { name: 'OAuth grants', data: hours.map((hourArg) => ({ x: now - (23 - hourArg) * 3600000, y: [16, 12, 9, 7, 6, 5, 7, 11, 18, 30, 42, 50, 56, 58, 56, 52, 47, 41, 36, 30, 26, 23, 20, 18][hourArg] })) },
+                ],
+                threats: [
+                    { severity: 'error', title: 'Repeated denied logins', meta: '5 attempts · Lagos, NG · last 1h', action: 'Block IP' },
+                    { severity: 'warning', title: 'Stale device key', meta: 'sam@ · Apple Watch · 9 mo old', action: 'Rotate' },
+                ],
+                regions: [
+                    { name: 'Berlin, DE', code: 'DE', count: 1284, share: 1, kind: 'home' },
+                    { name: 'Amsterdam, NL', code: 'NL', count: 642, share: 0.5 },
+                    { name: 'Lagos, NG', code: 'NG', count: 12, share: 0.01, kind: 'risk' },
+                ],
+                feed: [
+                    { tone: 'info', text: 'Identity created · did:idp:0x9b12…f034', meta: 'block #9 841 222' },
+                    { tone: 'ok', text: 'Anchor confirmed · 12 blocks deep', meta: '2m' },
+                ],
+            }}
+      ></idp-admin-overview>
+    `;
+        };
+        static demoGroups = ['idp.global v5 composed surfaces'];
+        static styles = [
+            ...idpElementStyles,
+            idpAdminSharedStyles,
+            css `
+      :host {
+        display: block;
+        background: var(--idp-bg);
+        color: var(--idp-fg);
+      }
+      .chart-card dees-chart-area {
+        display: block;
+        min-height: 240px;
+      }
+      .region-row {
+        display: grid;
+        grid-template-columns: 28px 1fr auto;
+        gap: 12px;
+        align-items: center;
+        padding: 8px 0;
+      }
+      .region-code {
+        font-family: var(--idp-mono);
+        font-size: 10px;
+        font-weight: 700;
+        text-align: center;
+        padding: 2px 0;
+        border: 1px solid var(--idp-border);
+        border-radius: 3px;
+        color: var(--idp-fg-3);
+      }
+      .region-code.home {
+        color: var(--idp-accent);
+        border-color: var(--sh-accent-ring);
+        background: var(--idp-accent-soft);
+      }
+      .region-code.risk {
+        color: var(--idp-error);
+        border-color: var(--idp-error-border);
+        background: var(--idp-error-bg);
+      }
+      .region-bar {
+        height: 4px;
+        margin-top: 4px;
+        border-radius: 2px;
+        background: var(--idp-muted);
+        overflow: hidden;
+      }
+      .region-bar-fill {
+        height: 100%;
+        background: var(--idp-accent);
+        opacity: 0.85;
+      }
+      .region-bar-fill.risk {
+        background: var(--idp-error);
+        opacity: 0.8;
+      }
+      .region-count {
+        font-family: var(--idp-mono);
+        font-size: 11.5px;
+        color: var(--idp-fg);
+        min-width: 44px;
+        text-align: right;
+      }
+      .region-list {
+        padding: 4px 16px 8px;
+      }
+      .threat-row {
+        display: grid;
+        grid-template-columns: 6px 1fr auto;
+        gap: 12px;
+        align-items: center;
+        padding: 12px 0;
+        border-bottom: 1px solid var(--idp-border-soft);
+      }
+      .threat-row:last-child {
+        border-bottom: none;
+      }
+      .threat-list {
+        padding: 0 16px;
+      }
+      .threat-dot {
+        width: 6px;
+        height: 6px;
+        border-radius: 3px;
+      }
+      .threat-title {
+        font-size: 12.5px;
+        font-weight: 500;
+        color: var(--idp-fg);
+      }
+      .threat-meta {
+        font-family: var(--idp-mono);
+        font-size: 10.5px;
+        color: var(--idp-muted-fg);
+        margin-top: 2px;
+      }
+      .threat-action {
+        padding: 4px 10px;
+        border: 1px solid var(--idp-border);
+        border-radius: 6px;
+        background: var(--idp-bg);
+        color: var(--idp-fg);
+        font-family: var(--idp-font);
+        font-size: 11px;
+        font-weight: 500;
+        white-space: nowrap;
+        cursor: pointer;
+      }
+    `,
+        ];
+        #user_accessor_storage = __runInitializers(this, _user_initializers, {
+            name: '',
+            email: '',
+        });
+        get user() { return this.#user_accessor_storage; }
+        set user(value) { this.#user_accessor_storage = value; }
+        #orgs_accessor_storage = (__runInitializers(this, _user_extraInitializers), __runInitializers(this, _orgs_initializers, []));
+        get orgs() { return this.#orgs_accessor_storage; }
+        set orgs(value) { this.#orgs_accessor_storage = value; }
+        #sessions_accessor_storage = (__runInitializers(this, _orgs_extraInitializers), __runInitializers(this, _sessions_initializers, []));
+        get sessions() { return this.#sessions_accessor_storage; }
+        set sessions(value) { this.#sessions_accessor_storage = value; }
+        #activities_accessor_storage = (__runInitializers(this, _sessions_extraInitializers), __runInitializers(this, _activities_initializers, []));
+        get activities() { return this.#activities_accessor_storage; }
+        set activities(value) { this.#activities_accessor_storage = value; }
+        #passportDevices_accessor_storage = (__runInitializers(this, _activities_extraInitializers), __runInitializers(this, _passportDevices_initializers, []));
+        get passportDevices() { return this.#passportDevices_accessor_storage; }
+        set passportDevices(value) { this.#passportDevices_accessor_storage = value; }
+        #dataLoading_accessor_storage = (__runInitializers(this, _passportDevices_extraInitializers), __runInitializers(this, _dataLoading_initializers, false));
+        get dataLoading() { return this.#dataLoading_accessor_storage; }
+        set dataLoading(value) { this.#dataLoading_accessor_storage = value; }
+        #dataError_accessor_storage = (__runInitializers(this, _dataLoading_extraInitializers), __runInitializers(this, _dataError_initializers, ''));
+        get dataError() { return this.#dataError_accessor_storage; }
+        set dataError(value) { this.#dataError_accessor_storage = value; }
+        #overviewData_accessor_storage = (__runInitializers(this, _dataError_extraInitializers), __runInitializers(this, _overviewData_initializers, null));
+        get overviewData() { return this.#overviewData_accessor_storage; }
+        set overviewData(value) { this.#overviewData_accessor_storage = value; }
+        navigate(pageArg) {
+            this.dispatchEvent(new CustomEvent('idp-admin-navigate', {
+                detail: { page: pageArg },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        renderDataState(emptyTitleArg, emptyDescriptionArg, iconArg = 'box') {
+            if (this.dataLoading) {
+                return renderAdminStateCard('Loading data', 'Fetching the latest account and organisation data.', 'cloud');
+            }
+            if (this.dataError) {
+                return renderAdminStateCard('Data unavailable', this.dataError, 'alert');
+            }
+            return renderAdminStateCard(emptyTitleArg, emptyDescriptionArg, iconArg);
+        }
+        renderInsights() {
+            const data = this.overviewData;
+            if (!data?.chartSeries?.length && !data?.threats?.length) {
+                return html ``;
+            }
+            const toneColor = (severityArg) => severityArg === 'error'
+                ? 'var(--idp-error)'
+                : severityArg === 'warning' ? 'var(--idp-warn)' : 'var(--idp-info)';
+            return html `
+      <div class="primary-grid">
+        ${data?.chartSeries?.length ? html `
+          <div class="card chart-card">
+            <div class="card-head"><span class="card-title">${data.chartLabel || 'Approval activity'}</span></div>
+            <dees-chart-area
+              .label=${data.chartLabel || 'Approval activity'}
+              .yAxisFormatter=${(valueArg) => `${Math.round(valueArg)}`}
+              .series=${data.chartSeries.map((seriesArg) => ({
+                name: seriesArg.name,
+                data: seriesArg.data.map((pointArg) => ({ x: pointArg.x, y: pointArg.y })),
+            }))}
+            ></dees-chart-area>
+          </div>
+        ` : html ``}
+        ${data?.threats?.length ? html `
+          <div class="card">
+            <div class="card-head"><span class="card-title">Needs attention</span><idp-badge variant="error">${data.threats.length} open</idp-badge></div>
+            <div class="threat-list">
+              ${data.threats.map((threatArg) => html `
+                <div class="threat-row">
+                  <span class="threat-dot" style="background:${toneColor(threatArg.severity)}"></span>
+                  <div><div class="threat-title">${threatArg.title}</div><div class="threat-meta">${threatArg.meta}</div></div>
+                  ${threatArg.action ? html `<button class="threat-action">${threatArg.action}</button>` : html ``}
+                </div>
+              `)}
+            </div>
+          </div>
+        ` : html ``}
+      </div>
+    `;
+        }
+        renderFooterRows() {
+            const data = this.overviewData;
+            if (!data?.feed?.length && !data?.regions?.length) {
+                return html ``;
+            }
+            const feedColor = (toneArg) => toneArg === 'ok'
+                ? 'var(--idp-ok)'
+                : toneArg === 'warn' ? 'var(--idp-warn)' : toneArg === 'error' ? 'var(--idp-error)' : 'var(--idp-info)';
+            return html `
+      <div class="primary-grid">
+        ${data?.feed?.length ? html `
+          <div class="card">
+            <div class="card-head"><span class="card-title">Cardano feed</span><idp-badge variant="accent">live</idp-badge></div>
+            ${data.feed.map((itemArg) => html `
+              <div class="feed-item"><span class="feed-dot" style="--dot-color:${feedColor(itemArg.tone)}"></span><div class="feed-text">${itemArg.text}</div><span class="feed-meta">${itemArg.meta}</span></div>
+            `)}
+          </div>
+        ` : html ``}
+        ${data?.regions?.length ? html `
+          <div class="card">
+            <div class="card-head"><span class="card-title">Sign-ins by region</span><span class="feed-meta">last 24h</span></div>
+            <div class="region-list">
+              ${data.regions.map((regionArg) => html `
+                <div class="region-row">
+                  <span class="region-code ${regionArg.kind || ''}">${regionArg.code}</span>
+                  <div>
+                    <div style="display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--idp-fg)">
+                      ${regionArg.name}
+                      ${regionArg.kind === 'risk' ? html `<idp-badge variant="error">flagged</idp-badge>` : html ``}
+                      ${regionArg.kind === 'home' ? html `<idp-badge variant="accent">primary</idp-badge>` : html ``}
+                    </div>
+                    <div class="region-bar"><div class="region-bar-fill ${regionArg.kind === 'risk' ? 'risk' : ''}" style="width:${Math.round(Math.min(1, Math.max(0, regionArg.share)) * 100)}%"></div></div>
+                  </div>
+                  <span class="region-count">${regionArg.count.toLocaleString()}</span>
+                </div>
+              `)}
+            </div>
+          </div>
+        ` : html ``}
+      </div>
+    `;
+        }
+        render() {
+            const firstName = this.user?.name?.split(' ')[0] || 'there';
+            const activeSessionCount = this.sessions.filter((sessionArg) => sessionArg.isCurrent).length || this.sessions.length;
+            const activePassportCount = this.passportDevices.filter((deviceArg) => deviceArg.status === 'active').length;
+            const kpis = [
+                {
+                    label: 'Organisations',
+                    value: String(this.orgs.length),
+                    delta: 'live',
+                    deltaKind: 'live',
+                    spark: [1, 1, 1, 1, 1, 1, 1, Math.max(this.orgs.length, 1)],
+                    sparkColor: 'var(--idp-spark-info)',
+                    accent: 'var(--idp-chart-1)',
+                    sub: 'Memberships visible to this account',
+                },
+                {
+                    label: 'Sessions',
+                    value: String(this.sessions.length),
+                    delta: `${activeSessionCount} active`,
+                    deltaKind: 'up',
+                    spark: [1, 2, 1, 2, 3, 2, Math.max(this.sessions.length, 1)],
+                    sparkColor: 'var(--idp-spark-up)',
+                    accent: 'var(--idp-chart-2)',
+                    sub: this.sessions.length ? `Latest ${formatAdminTimeAgo(Math.max(...this.sessions.map((sessionArg) => sessionArg.lastActive)))}` : 'No active sessions loaded',
+                },
+                {
+                    label: 'Passport devices',
+                    value: String(this.passportDevices.length),
+                    delta: `${activePassportCount} active`,
+                    deltaKind: 'live',
+                    spark: [1, 1, 1, Math.max(this.passportDevices.length, 1)],
+                    sparkColor: 'var(--idp-spark-info)',
+                    accent: 'var(--idp-chart-5)',
+                    sub: 'Cryptographic credentials',
+                },
+                {
+                    label: 'Activity',
+                    value: String(this.activities.length),
+                    delta: 'live',
+                    deltaKind: 'live',
+                    spark: [1, 2, 2, 3, Math.max(this.activities.length, 1)],
+                    sparkColor: 'var(--idp-spark-info)',
+                    accent: 'var(--idp-info)',
+                    sub: 'Recent account events',
+                },
+            ];
+            return html `
+      <header class="page-head">
+        <div>
+          <div class="eyebrow-row"><span class="eyebrow">Account - Overview</span><span class="live-pill"><span class="live-dot"></span>live</span></div>
+          <h1>Good morning, ${firstName}.</h1>
+          <div class="lead">Account-wide operational snapshot using live identity data.</div>
+        </div>
+        <div class="page-actions"><button class="plain-button outline" @click=${() => this.navigate('sessions')}>Review sessions</button><button class="plain-button primary" @click=${() => this.navigate('security')}>Manage security</button></div>
+      </header>
+      <div class="body">
+        <div class="kpis">${kpis.map((kpiArg) => renderAdminKpi(kpiArg))}</div>
+        ${this.dataLoading || this.dataError ? this.renderDataState('No overview data', 'The console has not received live account data yet.', 'activity') : html ``}
+        ${this.renderInsights()}
+        <div class="primary-grid">
+          <div class="card">
+            <div class="card-head"><span class="card-title">Recent activity</span><idp-badge>${this.activities.length} events</idp-badge></div>
+            ${this.activities.length ? this.activities.slice(0, 8).map((activityArg) => html `
+              <div class="feed-item"><span class="feed-dot" style="--dot-color:var(--idp-info)"></span><div class="feed-text"><strong>${activityArg.action.replace(/_/g, ' ')}</strong> - ${activityArg.description}</div><span class="feed-meta">${formatAdminTimeAgo(activityArg.timestamp)}</span></div>
+            `) : renderAdminStateCard('No activity yet', 'Activity events will appear here after logins, app changes, and organisation updates.', 'activity')}
+          </div>
+          <div class="card">
+            <div class="card-head"><span class="card-title">Current sessions</span><idp-badge>${this.sessions.length} total</idp-badge></div>
+            ${this.sessions.length ? this.sessions.slice(0, 5).map((sessionArg) => html `
+              <div class="feed-item"><span class="feed-dot" style="--dot-color:${sessionArg.isCurrent ? 'var(--idp-ok)' : 'var(--idp-muted-fg)'}"></span><div class="feed-text"><strong>${sessionArg.deviceName || 'Unknown device'}</strong> - <span class="mono">${sessionArg.browser} ${sessionArg.os}</span></div><span class="feed-meta">${formatAdminTimeAgo(sessionArg.lastActive)}</span></div>
+            `) : renderAdminStateCard('No sessions loaded', 'Active session telemetry is unavailable or there are no sessions.', 'monitor')}
+          </div>
+        </div>
+        ${this.renderFooterRows()}
+      </div>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _overviewData_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return IdpAdminOverview = _classThis;
+})();
+export { IdpAdminOverview };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWFkbWluLW92ZXJ2aWV3LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2lkcC1hZG1pbi1vdmVydmlldy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7QUFDbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxjQUFjLEVBQUUsb0JBQW9CLEVBQUUsa0JBQWtCLEVBQXFCLE1BQU0sdUJBQXVCLENBQUM7QUFDMUksT0FBTyxlQUFlLENBQUM7QUFDdkIsT0FBTyxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLHlGQUF5RixDQUFDO0lBbUJwRixnQkFBZ0I7NEJBRDVCLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQzs7OztzQkFDRSxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2dDQUFuQixTQUFRLFdBQVc7Ozs7Z0NBMko5QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBTTFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQztvQ0FHekIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO3NDQUd6QixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7MkNBR3pCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQzt1Q0FHekIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztxQ0FHckUsUUFBUSxDQUFDLEVBQUUsSUFBSSxF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

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

@@ -0,0 +1,18 @@
+import { type TemplateResult } from '@design.estate/dees-element';
+import './idp-icon.js';
+export type TIdpAdminKpi = {
+    label: string;
+    value: string;
+    unit?: string;
+    delta: string;
+    deltaKind: 'up' | 'live';
+    sub: string;
+    accent: string;
+    spark: number[];
+    sparkColor: string;
+};
+export declare const idpAdminSharedStyles: import("@design.estate/dees-element").CSSResult;
+export declare const renderAdminSparkline: (dataArg: number[], colorArg: string) => TemplateResult;
+export declare const renderAdminKpi: (kpiArg: TIdpAdminKpi) => TemplateResult;
+export declare const renderAdminStateCard: (titleArg: string, descriptionArg: string, iconArg?: string) => TemplateResult;
+export declare const formatAdminTimeAgo: (timestampArg?: number) => string;