@ibgib/space-gib 0.0.9 → 0.0.13

package/space-gib.localhost-1783713259760.log

@@ -1,45 +0,0 @@
-script.mjs:7 space-gib early script executing...
-chunk-OVS3VYAL.mjs:27047 [getSpaceGibShellSvc] initializing SpaceGibShellService singleton on globalThis... (I: genuuid)
-chunk-OVS3VYAL.mjs:108 [initialize] does nothing atow (I: 65bb46c88c82b637ad928b8bf1a07225)
-index.mjs:24 [spinOffStartup]: 0.134033203125 ms DOMContentLoaded fired
-index.mjs:26 [spinOffStartup]: 57.553955078125 ms initIbGibStorage complete
-bootstrap.mjs:9643 [space-gib bootstrap] version: 0.0.6
-bootstrap.mjs:7586 [bootstrapIbGibApp] starting...
-bootstrap.mjs:366 [buildArgInfos] starting... (I: f389aaa490796dfd823bc7b9d4e58b23)
-bootstrap.mjs:376 identifier: interactive (I: 519ce129a1e34753a9070d3a205c9a8b)
-bootstrap.mjs:462 [buildArgInfos] complete.
-bootstrap.mjs:7639 [execFromArgs] starting...
-bootstrap.mjs:7681 [initMetaspace] starting...
-chunk-D2MM5RDN.mjs:72 [Violation] 'setTimeout' handler took 70ms
-bootstrap.mjs:2495 [Metaspace_Webspace][initialize] initialized (I: e3b3a9652c09445cb055013166ff089c)
-bootstrap.mjs:7708 [initMetaspace] complete.
-chunk-OVS3VYAL.mjs:20874 [registerFunctionInfos] starting... (I: 14fee8e27384a040494542182031ae25)
-chunk-OVS3VYAL.mjs:20893 [registerFunctionInfos] complete.
-bootstrap.mjs:7725 [execInteractive] starting...
-bootstrap.mjs:7758 [defaultGetOrCreateApp] starting...
-bootstrap.mjs:7826 [defaultGetOrCreateApp] complete.
-bootstrap.mjs:8503 [SpaceGibApp_V1] space-gib initialized and ready.
-bootstrap.mjs:7748 [execInteractive] complete.
-bootstrap.mjs:7671 
-[execFromArgs] complete.
-chunk-OVS3VYAL.mjs:27020 [SpaceGibShellService][onEngineReady] SpaceGib Shell Service is ready.
-bootstrap.mjs:7629 
-[bootstrapIbGibApp] complete.
-index.mjs:28 [spinOffStartup]: 920.193115234375 ms dynamicallyLoadBootstrapScript complete
-index.mjs:30 [spinOffStartup]: 924.22314453125 ms initDevTools complete
-index.mjs:31 [spinOffStartup]: 924.443115234375 ms
-chunk-OVS3VYAL.mjs:26572 yes this is being updated! I am just wondering if I am seeing old code in the browser, i.e., if refresh is happening or just getting cache (I: 6599db11c1086062b8f5e86db89cba26)
-chunk-OVS3VYAL.mjs:26575 KeystoneScrubberComponentInstance[ctor] (I: 3adca837d5c898d8e839d23c59538126)
-chunk-OVS3VYAL.mjs:26583 [KeystoneScrubberComponentInstance][initialize] starting... (I: 75eecfc01af7f3fa9897932ec5457526)
-chunk-OVS3VYAL.mjs:26638 [KeystoneScrubberComponentInstance][loadIbGib] starting... (I: a4a9181bbb58a22cc71c8745a91ec426)
-chunk-OVS3VYAL.mjs:26648 [KeystoneScrubberComponentInstance][loadIbGib] complete.
-chunk-OVS3VYAL.mjs:26592 [KeystoneScrubberComponentInstance][initialize] complete.
-chunk-OVS3VYAL.mjs:26600 [KeystoneScrubberComponentInstance][created] starting... (I: bc16e6212928658ed8034c75b6279526)
-chunk-OVS3VYAL.mjs:26572 yes this is being updated! I am just wondering if I am seeing old code in the browser, i.e., if refresh is happening or just getting cache (I: 6599db11c1086062b8f5e86db89cba26)
-chunk-OVS3VYAL.mjs:26575 KeystoneScrubberComponentInstance[ctor] (I: 3adca837d5c898d8e839d23c59538126)
-chunk-OVS3VYAL.mjs:26583 [KeystoneScrubberComponentInstance][initialize] starting... (I: 75eecfc01af7f3fa9897932ec5457526)
-chunk-OVS3VYAL.mjs:26638 [KeystoneScrubberComponentInstance][loadIbGib] starting... (I: a4a9181bbb58a22cc71c8745a91ec426)
-chunk-OVS3VYAL.mjs:26648 [KeystoneScrubberComponentInstance][loadIbGib] complete.
-chunk-OVS3VYAL.mjs:26592 [KeystoneScrubberComponentInstance][initialize] complete.
-chunk-OVS3VYAL.mjs:26600 [KeystoneScrubberComponentInstance][created] starting... (I: bc16e6212928658ed8034c75b6279526)
-chunk-OVS3VYAL.mjs:24584 [IdentityManagerComponentInstance][activateIbGib] same tab already active. returning early. childInfo.addr: keystone^442D637B4066E3D0A73A467C14F71FE9FDAA5C5A7FC7EA28064877A63A914C44.5D0EC2067890F88736364BBE9BD59C80DCB99FC85132B3637072D274077D8CA6 (user just clicked on the same tab) (I: e67c0d02f3143c49c7a20c82d0730225)

package/src/client/components/identity-header/IMPLEMENTATION.md

@@ -1,45 +0,0 @@
-# Identity Header Component - Implementation Spec
-
-This document details the layout, styling, and behavior for the `identity-header` component (`ibgib-identity-header`). It is rendered inside the app shell's header and acts as a status indicator and shortcut route for the user's active identity.
-
-## Requirements
-
-1. **State-Driven Display**:
-   - **Active Identity Mode**: If an active Domain Identity (Keystone) address exists in settings and is resolved in the local space, the component displays an identity pill showing a truncated version of the address.
-   - **Inactive/Default Mode**: If no identity is resolved, the component renders a prominent "Create Identity" button.
-2. **Interactive Routing**:
-   - Clicking either the identity pill or the fallback "Create Identity" button calls `SpaceGibShellService.showIdentityManager()` to load the full `<ibgib-identity-manager>` component in the center view panel.
-3. **Agent-Themeable Styles**:
-   - The layout must be highly compact to fit inside a standard horizontal header panel.
-   - All styling must prioritize valid theme CSS variables (e.g., `--button-background-color-base`, `--tab-text-color-active`) to remain dynamic and styleable by runtime agents.
-4. **Shared Settings Scope**:
-   - It is initialized with the virtual `ROOT_ADDR` and manually binds to the `"keystones"` index `ibgib`.
-   - It initializes its coupled settings via `this.initSettings()`. Since both this component and the manager share the `"keystones"` index backing model, they automatically resolve the exact same coupled settings `ibgib` and settings timeline, reactively syncing active identity selection changes.
-   - For detailed data schema, see [identity-manager IMPLEMENTATION.md](../identity-manager/IMPLEMENTATION.md).
-
----
-
-## Component Structure
-
-* **[identity-header.mts](file:///c:/Users/billm/antigravity/ibgib/apps/space-gib/src/client/components/identity-header/identity-header.mts)**: Element definition, lifecycle events, active identity resolution, shell service navigation call.
-* **[identity-header.html](file:///c:/Users/billm/antigravity/ibgib/apps/space-gib/src/client/components/identity-header/identity-header.html)**: Compact HTML structures for the pill and fallback button.
-* **[identity-header.css](file:///c:/Users/billm/antigravity/ibgib/apps/space-gib/src/client/components/identity-header/identity-header.css)**: Glassmorphic pill styling matching current themes.
-
----
-
-## Implementation Checklist
-
-### Phase 1: Basic Scaffolding & Setup
-- [x] Scaffold `identity-header.mts`, `.html`, and `.css` files.
-- [x] Register `IdentityHeaderComponentMeta` with `IbGibComponentService`.
-- [x] Mount `<ibgib-identity-header>` inside the header panel in `SpaceGibShellService`.
-
-### Phase 2: Navigation & Identity State
-- [x] Wire up click handlers to trigger center-panel navigation to `ibgib-identity-manager`.
-- [x] Resolve settings and check the `"keystones"` index to render the appropriate active/inactive view mode.
-
-### Phase 3: Visual Polish & Bugs
-- [ ] Ensure the header component has an initial size/button and is visible while the page is initializing.
-
-### Testing Note
-- [ ] **Manual Testing Only**: Visual integration and navigation behavior will be verified manually by the developer to limit token consumption.

package/src/client/components/identity-header/identity-header.css

@@ -1,112 +0,0 @@
-:host {
-    display: inline-block;
-    vertical-align: middle;
-}
-
-.header-widget-container {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-}
-
-/* Glassmorphic identity status pill */
-.identity-pill {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    padding: 0.4rem 0.8rem;
-    background: var(--tab-background-color-active, rgba(255, 255, 255, 0.1));
-    border: 1px solid var(--tab-border-color-active, rgba(80, 250, 123, 0.3));
-    border-radius: var(--radius-lg, 20px);
-    cursor: default;
-    transition: all 0.2s ease-in-out;
-}
-
-.identity-pill:hover {
-    background: rgba(80, 250, 123, 0.15);
-    border-color: var(--clr-accent, #50fa7b);
-    box-shadow: 0 2px 8px rgba(80, 250, 123, 0.1);
-}
-
-.avatar-circle {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-    font-size: 0.85rem;
-    font-weight: 700;
-    text-transform: uppercase;
-    background: var(--clr-accent, #50fa7b);
-    color: #11111b;
-    flex-shrink: 0;
-}
-
-.address-text {
-    font-family: var(--font-sans, sans-serif);
-    font-size: 0.85rem;
-    color: var(--clr-text-primary, #ffffff);
-    font-weight: 500;
-}
-
-/* Fallback button when no identity is loaded */
-.action-btn {
-    padding: 0.4rem 0.9rem;
-    border-radius: 20px;
-    font-size: 0.8rem;
-    background: transparent;
-    border: 1px dashed var(--clr-warn, #ffcc44);
-    color: var(--clr-warn, #ffcc44);
-    cursor: pointer;
-    transition: all 0.2s ease-in-out;
-}
-
-.action-btn:hover {
-    background: rgba(255, 204, 68, 0.1);
-    border-color: var(--clr-warn, #ffcc44);
-    box-shadow: 0 0 8px rgba(255, 204, 68, 0.2);
-}
-
-.hidden {
-    display: none !important;
-}
-
-/* Styled selector dropdown */
-.identity-select {
-    font-family: var(--font-sans, sans-serif);
-    font-size: 0.85rem;
-    color: var(--clr-text-primary, #ffffff);
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    font-weight: 500;
-    outline: none;
-    padding: 0 0.2rem;
-    max-width: 150px;
-    text-overflow: ellipsis;
-}
-
-.identity-select option {
-    background: var(--clr-bg-surface, #1e1e2e);
-    color: var(--clr-text-primary, #ffffff);
-}
-
-/* Gear manage button */
-.manage-btn {
-    background: transparent;
-    border: none;
-    font-size: 1rem;
-    cursor: pointer;
-    padding: 0 0.2rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--clr-text-secondary, #b3b3b3);
-    transition: color 0.2s ease, transform 0.2s ease;
-}
-
-.manage-btn:hover {
-    color: var(--clr-accent, #50fa7b);
-    transform: rotate(45deg);
-}

package/src/client/components/identity-header/identity-header.html

@@ -1,11 +0,0 @@
-<div id="container" class="header-widget-container">
-    <!-- Active Identity Pill -->
-    <div id="active-identity-pill" class="identity-pill hidden">
-        <div id="identity-avatar" class="avatar-circle">-</div>
-        <select id="identity-selector" class="identity-select" title="Switch active identity"></select>
-        <button id="btn-manage-identities" class="manage-btn" title="Manage Identities">⚙️</button>
-    </div>
-
-    <!-- Fallback Action Button -->
-    <button id="btn-create-identity" class="action-btn hidden" title="No active identity. Click to manage.">No Active Identity</button>
-</div>

package/src/client/components/identity-header/identity-header.mts

@@ -1,439 +0,0 @@
-import thisCss from "./identity-header.css";
-import thisHtml from "./identity-header.html";
-import styleCss from "../../style.css";
-
-import { IbGibAddr } from "@ibgib/ts-gib/dist/types.mjs";
-import { IbGib_V1 } from "@ibgib/ts-gib/dist/V1/types.mjs";
-import { getIbGibAddr } from "@ibgib/ts-gib/dist/helper.mjs";
-import { ROOT_ADDR } from "@ibgib/ts-gib/dist/V1/constants.mjs";
-import { extractErrorMsg } from "@ibgib/helper-gib/dist/helpers/utils-helper.mjs";
-import {
-    IbGibDynamicComponentMetaBase, IbGibDynamicComponentInstanceBase,
-} from "@ibgib/web-gib/dist/ui/component/ibgib-dynamic-component-bases.mjs";
-import {
-    ElementsBase, IbGibDynamicComponentInstance,
-    IbGibDynamicComponentInstanceInitOpts,
-} from "@ibgib/web-gib/dist/ui/component/component-types.mjs";
-import { SettingsType } from "@ibgib/web-gib/dist/common/settings/settings-constants.mjs";
-import { Settings_General } from "@ibgib/web-gib/dist/common/settings/settings-types.mjs";
-
-import { getComponentCtorArg, getIbGibGlobalThis_SpaceGib } from "../../helpers.web.mjs";
-import { APP_CONFIG } from "../../constants.mjs";
-import { getSpaceGibShellSvc } from "../../ui/shell/space-gib-shell-service.mjs";
-import { devLog } from "../../dev-tools.mjs";
-import { KeystoneService_V1 } from "@ibgib/core-gib/dist/keystone/keystone-service-v1.mjs";
-import { KeystoneIbGib_V1 } from "@ibgib/core-gib/dist/keystone/keystone-types.mjs";
-import { getDeterministicColorInfo } from "@ibgib/web-gib/dist/helpers.mjs";
-import { EVENT_IBGIB_IDENTITY_REQUEST_CHANGE, EVENT_IBGIB_IDENTITY_CHANGED } from "@ibgib/web-gib/dist/ui/ui-constants.mjs";
-
-export const IDENTITY_HEADER_COMPONENT_NAME = 'ibgib-identity-header';
-
-/**
- * Metadata for the Identity Header component.
- */
-export class IdentityHeaderComponentMeta extends IbGibDynamicComponentMetaBase {
-    protected lc: string = `[IdentityHeaderComponentMeta]`;
-
-    routeRegExp?: RegExp = new RegExp(`^${IDENTITY_HEADER_COMPONENT_NAME}$`);
-    componentName = IDENTITY_HEADER_COMPONENT_NAME;
-
-    constructor() {
-        super(getComponentCtorArg());
-        if (!customElements.get(this.componentName)) {
-            customElements.define(this.componentName, IdentityHeaderComponentInstance);
-        }
-    }
-
-    async createInstance({
-        path,
-        ibGibAddr
-    }: {
-        path: string;
-        ibGibAddr: IbGibAddr;
-    }): Promise<IbGibDynamicComponentInstance> {
-        const component = document.createElement(this.componentName) as IdentityHeaderComponentInstance;
-        await component.initialize({
-            ibGibAddr,
-            meta: this,
-            html: thisHtml,
-            css: [styleCss, thisCss],
-        });
-        return component;
-    }
-}
-
-/**
- * References to DOM elements within the component's shadow root.
- */
-interface IdentityHeaderElements extends ElementsBase {
-    containerEl: HTMLDivElement;
-    activeIdentityPillEl: HTMLDivElement;
-    identitySelectorEl: HTMLSelectElement;
-    btnManageIdentitiesEl: HTMLButtonElement;
-    btnCreateIdentityEl: HTMLButtonElement;
-    identityAvatarEl: HTMLDivElement;
-}
-
-/**
- * Concrete implementation of the Identity Header component.
- */
-export class IdentityHeaderComponentInstance
-    extends IbGibDynamicComponentInstanceBase<IbGib_V1, IdentityHeaderElements>
-    implements IbGibDynamicComponentInstance<IbGib_V1, IdentityHeaderElements> {
-
-    protected lc: string = `[IdentityHeaderComponentInstance]`;
-    private activeAddr: string | null = null;
-    private _onRequestIdentityChange: ((e: any) => void) | null = null;
-    private keystoneCache: Map<string, { username: string, description: string, isPrimary: boolean }> = new Map();
-
-    constructor() {
-        super();
-    }
-
-    private async getKeystoneDetails(addr: string): Promise<{ username: string, description: string, isPrimary: boolean }> {
-        const cached = this.keystoneCache.get(addr);
-        if (cached) return cached;
-
-        const metaspace = getIbGibGlobalThis_SpaceGib(APP_CONFIG).metaspace;
-        if (!metaspace) return { username: '', description: '', isPrimary: false };
-        const space = await metaspace.getLocalUserSpace({ lock: false });
-        if (!space) return { username: '', description: '', isPrimary: false };
-
-        try {
-            const keystoneSvc = new KeystoneService_V1();
-            const info = await keystoneSvc.getKeystoneCommonInfo({
-                addr,
-                metaspace,
-                space
-            });
-            if (info) {
-                const details = {
-                    username: info.name,
-                    description: info.description,
-                    isPrimary: info.isPrimary
-                };
-                this.keystoneCache.set(addr, details);
-                return details;
-            }
-        } catch (err) {
-            console.warn(`Error getting details for keystone ${addr}: ${extractErrorMsg(err)}`);
-        }
-
-        return { username: '', description: '', isPrimary: false };
-    }
-
-
-    override async initialize(opts: IbGibDynamicComponentInstanceInitOpts): Promise<void> {
-        await super.initialize(opts);
-    }
-
-    override async created(): Promise<void> {
-        this.elements = {} as IdentityHeaderElements;
-
-        const shadow = this.shadowRoot!;
-        this.elements.containerEl = shadow.getElementById('container') as HTMLDivElement;
-        this.elements.activeIdentityPillEl = shadow.getElementById('active-identity-pill') as HTMLDivElement;
-        this.elements.identitySelectorEl = shadow.getElementById('identity-selector') as HTMLSelectElement;
-        this.elements.btnManageIdentitiesEl = shadow.getElementById('btn-manage-identities') as HTMLButtonElement;
-        this.elements.btnCreateIdentityEl = shadow.getElementById('btn-create-identity') as HTMLButtonElement;
-        this.elements.identityAvatarEl = shadow.getElementById('identity-avatar') as HTMLDivElement;
-
-        // Required contentEl mapping
-        this.elements.contentEl = this.elements.containerEl;
-
-        this.initHandlers();
-
-        // Subscribe to global active identity request changes
-        this._onRequestIdentityChange = (e: any) => this.handleRequestIdentityChange(e);
-        window.addEventListener(EVENT_IBGIB_IDENTITY_REQUEST_CHANGE, this._onRequestIdentityChange);
-
-        if (this.ibGibAddr === ROOT_ADDR || !this.ibGib) {
-            await this.loadKeystonesIndex();
-        } else {
-            await this.initSettings();
-        }
-        await this.renderUI();
-    }
-
-    private async loadKeystonesIndex(): Promise<void> {
-        const lc = `${this.lc}[loadKeystonesIndex]`;
-        try {
-            const metaspace = getIbGibGlobalThis_SpaceGib(APP_CONFIG).metaspace;
-            if (!metaspace) { return; }
-            const space = await metaspace.getLocalUserSpace({ lock: false });
-            if (!space) { return; }
-            const keystonesIndex = await metaspace.getSpecialIbGib({
-                type: "keystones",
-                space,
-                initialize: true,
-            });
-            if (keystonesIndex) {
-                this.ibGibAddr = getIbGibAddr({ ibGib: keystonesIndex });
-                await this.loadIbGib();
-                await this.initSettings();
-            }
-        } catch (error) {
-            console.error(`${lc} ${extractErrorMsg(error)}`);
-        }
-    }
-
-    override async disconnected(): Promise<void> {
-        if (this._onRequestIdentityChange) {
-            window.removeEventListener(EVENT_IBGIB_IDENTITY_REQUEST_CHANGE, this._onRequestIdentityChange);
-        }
-    }
-
-    private initHandlers() {
-        this.elements!.btnCreateIdentityEl.addEventListener('click', () => this.navigateToManager());
-        this.elements!.btnManageIdentitiesEl.addEventListener('click', (e) => {
-            e.stopPropagation();
-            this.navigateToManager();
-        });
-        this.elements!.identitySelectorEl.addEventListener('click', (e) => {
-            e.stopPropagation();
-        });
-        this.elements!.identitySelectorEl.addEventListener('change', () => {
-            const selectedAddr = this.elements!.identitySelectorEl.value;
-            if (selectedAddr) {
-                window.dispatchEvent(new CustomEvent(EVENT_IBGIB_IDENTITY_REQUEST_CHANGE, {
-                    detail: { activeIdentityAddr: selectedAddr },
-                    bubbles: true,
-                    composed: true
-                }));
-            }
-        });
-    }
-
-    private navigateToManager() {
-        const shellSvc = getSpaceGibShellSvc();
-        // Route to center view identity manager
-        shellSvc.showIdentityManager();
-    }
-
-    /**
-     * Resolves the active identity from settings and verifies it exists in the keystones index.
-     */
-    private async resolveActiveIdentity() {
-        const lc = `${this.lc}[resolveActiveIdentity]`;
-        try {
-            if (!this.settings) {
-                this.activeAddr = null;
-                const globalState = getIbGibGlobalThis_SpaceGib(APP_CONFIG);
-                globalState.identity = undefined;
-                return;
-            }
-            const generalSettings = await this.getSettings<Settings_General>({
-                settingsType: SettingsType.general,
-                useCase: 'current',
-            });
-            const activeAddrInSettings = (generalSettings as any)?.activeIdentityAddr;
-
-            // Verify it is actually one of the registered keystones in the index relations
-            const registeredKeystones = this.ibGib?.rel8ns?.keystone ?? [];
-            const detailsPromises = registeredKeystones.map(async addr => {
-                const details = await this.getKeystoneDetails(addr);
-                return { addr, isPrimary: details?.isPrimary ?? false };
-            });
-            const resolvedDetails = await Promise.all(detailsPromises);
-            const primaryKeystones = resolvedDetails
-                .filter(item => item.isPrimary)
-                .map(item => item.addr);
-
-            if (activeAddrInSettings && primaryKeystones.includes(activeAddrInSettings)) {
-                this.activeAddr = activeAddrInSettings;
-            } else if (primaryKeystones.length > 0) {
-                this.activeAddr = primaryKeystones[0];
-            } else {
-                this.activeAddr = null;
-            }
-
-            // Sync with globalState.identity
-            const globalState = getIbGibGlobalThis_SpaceGib(APP_CONFIG);
-            if (this.activeAddr) {
-                const metaspace = globalState.metaspace;
-                if (metaspace) {
-                    const space = await metaspace.getLocalUserSpace({ lock: false });
-                    if (space) {
-                        const res = await metaspace.get({ addr: this.activeAddr, space });
-                        if (res.success && res.ibGibs && res.ibGibs.length > 0) {
-                            const domainIdentity = res.ibGibs[0] as KeystoneIbGib_V1;
-
-                            // Find delegate with the sync allowed verb
-                            let syncDelegateIdentity: KeystoneIbGib_V1 | undefined;
-                            const delegates = domainIdentity.data?.delegates;
-                            if (delegates) {
-                                for (const delegateInfo of Object.values(delegates)) {
-                                    if (delegateInfo.allowedVerbs?.includes('sync^gib') || (!delegateInfo.allowedVerbs && delegateInfo.delegateTjpAddr)) {
-                                        // Fetch the delegate's latest tip from space
-                                        const delegateLatestAddr = await metaspace.getLatestAddr({
-                                            addr: delegateInfo.delegateTjpAddr,
-                                            space
-                                        });
-                                        if (delegateLatestAddr) {
-                                            const resDelegate = await metaspace.get({ addr: delegateLatestAddr, space });
-                                            if (resDelegate.success && resDelegate.ibGibs && resDelegate.ibGibs.length > 0) {
-                                                syncDelegateIdentity = resDelegate.ibGibs[0] as KeystoneIbGib_V1;
-                                                break;
-                                            }
-                                        }
-                                    }
-                                }
-                            }
-
-                            globalState.identity = {
-                                resolved: true,
-                                authenticated: true,
-                                domainIdentity,
-                                syncDelegateIdentity
-                            };
-                        }
-                    }
-                }
-            } else {
-                globalState.identity = {
-                    resolved: false,
-                    authenticated: false
-                };
-            }
-        } catch (error) {
-            console.error(`${lc} ${extractErrorMsg(error)}`);
-            this.activeAddr = null;
-            const globalState = getIbGibGlobalThis_SpaceGib(APP_CONFIG) as any;
-            globalState.identity = undefined;
-        }
-    }
-
-    protected override async renderUI(): Promise<void> {
-        if (!this.elements) { return; }
-
-        // Double check state on render
-        await this.resolveActiveIdentity();
-
-        const keystones = this.ibGib?.rel8ns?.keystone ?? [];
-        const detailsPromises = keystones.map(async addr => {
-            const details = await this.getKeystoneDetails(addr);
-            return { addr, isPrimary: details?.isPrimary ?? false };
-        });
-        const resolvedDetails = await Promise.all(detailsPromises);
-        const primaryKeystones = resolvedDetails
-            .filter(item => item.isPrimary)
-            .map(item => item.addr);
-
-        if (this.activeAddr && primaryKeystones.length > 0) {
-            this.elements.activeIdentityPillEl.classList.remove('hidden');
-            this.elements.btnCreateIdentityEl.classList.add('hidden');
-
-            const addr = this.activeAddr;
-
-            // Populate the dropdown selector
-            this.elements.identitySelectorEl.innerHTML = '';
-            for (const kAddr of primaryKeystones) {
-                const option = document.createElement('option');
-                option.value = kAddr;
-
-                let displayAddr = kAddr;
-                if (displayAddr.length > 14) {
-                    displayAddr = displayAddr.substring(0, 7) + '...' + displayAddr.substring(displayAddr.length - 5);
-                }
-                option.textContent = displayAddr;
-
-                // Load details asynchronously so we don't block
-                this.getKeystoneDetails(kAddr).then(details => {
-                    if (details.username) {
-                        let name = details.username;
-                        if (name.length > 14) {
-                            name = name.substring(0, 11) + '...';
-                        }
-                        option.textContent = name;
-                    }
-                }).catch(err => { });
-
-                this.elements.identitySelectorEl.appendChild(option);
-            }
-            this.elements.identitySelectorEl.value = addr;
-
-            // Render active avatar
-            this.elements.identityAvatarEl.textContent = '-';
-            this.elements.identityAvatarEl.style.backgroundColor = 'var(--clr-accent)';
-            this.elements.identityAvatarEl.style.color = '#11111b';
-
-            // Load details dynamically for the active identity
-            const details = await this.getKeystoneDetails(addr);
-
-            // First letter of username, or fallback to first char of address (or 'A')
-            let letter = '-';
-            if (details.username) {
-                letter = details.username.charAt(0).toUpperCase();
-            } else {
-                const match = addr.match(/[a-zA-Z]/);
-                letter = match ? match[0].toUpperCase() : 'I';
-            }
-            if (!this.elements) { throw new Error(`(UNEXPECTED) this.elements falsy? (E: fd6bfa87c968a38c4860588818c3cd26)`); }
-
-            this.elements.identityAvatarEl.textContent = letter;
-
-            // Colorize avatar deterministically based on cryptographic gib
-            const colorInfo = getDeterministicColorInfo({ ibGibAddr: addr });
-            const bg = colorInfo.tjpColor || colorInfo.punctiliarColor;
-            const fg = colorInfo.tjpColorContrast || colorInfo.punctiliarColorContrast;
-            this.elements.identityAvatarEl.style.backgroundColor = bg;
-            this.elements.identityAvatarEl.style.color = fg;
-
-            // Title with full details
-            const titleParts: string[] = [];
-            if (details.username) {
-                titleParts.push(`User: ${details.username}`);
-            }
-            if (details.description) {
-                const desc = details.description.length > 100
-                    ? details.description.substring(0, 97) + '...'
-                    : details.description;
-                titleParts.push(`Desc: ${desc}`);
-            }
-            titleParts.push(`Addr: ${addr}`);
-            this.elements.activeIdentityPillEl.title = titleParts.join('\n');
-        } else {
-            this.elements.activeIdentityPillEl.classList.add('hidden');
-            this.elements.btnCreateIdentityEl.classList.remove('hidden');
-        }
-    }
-
-    private async handleRequestIdentityChange(e: any) {
-        const lc = `${this.lc}[handleRequestIdentityChange]`;
-        const addr = e.detail?.activeIdentityAddr;
-        if (!addr) { return; }
-        devLog(`${lc} Request to change active identity to: ${addr}`);
-        try {
-            if (!this.settings) { return; }
-            const generalSettings = await this.getSettings<Settings_General>({
-                settingsType: SettingsType.general,
-                useCase: 'current',
-            }) ?? { type: 'general' };
-
-            (generalSettings as any).activeIdentityAddr = addr;
-
-            await this.updateSettings({
-                settingsType: SettingsType.general,
-                useCase: 'current',
-                newSectionInfo: generalSettings,
-            });
-
-            await this.resolveActiveIdentity();
-            await this.renderUI();
-
-            // Dispatch EVENT_IBGIB_IDENTITY_CHANGED
-            window.dispatchEvent(new CustomEvent(EVENT_IBGIB_IDENTITY_CHANGED, {
-                detail: { activeIdentityAddr: addr },
-                bubbles: true,
-                composed: true
-            }));
-            devLog(`${lc} Successfully changed active identity settings to: ${addr}`);
-        } catch (error) {
-            console.error(`${lc} Failed to switch active identity: ${extractErrorMsg(error)}`);
-        }
-    }
-
-    override async handleContextUpdated(): Promise<void> {
-        await this.renderUI();
-    }
-}