@ibgib/space-gib 0.0.5 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibgib/space-gib",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "type": "module",
   "description": "ibgib storage and provider service — SaaS at ibgib.space",
   "scripts": {
@@ -12,11 +12,11 @@
     "build:test": "tsc -p tsconfig.test.json"
   },
   "dependencies": {
-    "@ibgib/core-gib": "^0.1.62",
+    "@ibgib/core-gib": "^0.1.64",
     "@ibgib/helper-gib": "^0.0.36",
-    "@ibgib/ts-gib": "^0.5.32",
-    "@ibgib/web-gib": "^0.0.48",
-    "@ibgib/node-gib": "^0.0.6"
+    "@ibgib/ts-gib": "^0.5.33",
+    "@ibgib/web-gib": "^0.0.50",
+    "@ibgib/node-gib": "^0.0.8"
   },
   "engines": {
     "node": ">=20.0.0"

package/space-gib.localhost-1783713259760.log

@@ -0,0 +1,45 @@
+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/AUTO-GENERATED-version.mts

@@ -8,4 +8,4 @@
 /**
  * Version of space-gib, auto-updated by the build process.
  */
-export const AUTO_GENERATED_VERSION = '0.0.5';
+export const AUTO_GENERATED_VERSION = '0.0.7';

package/src/client/bootstrap.mts

@@ -23,6 +23,15 @@ import { registerDeprecatedFunctionNamesAndFunctionInfos_Web } from "./api/funct
 
 import { getSpaceGibShellSvc } from "./ui/shell/space-gib-shell-service.mjs";
 
+// Early check: if we are in an OAuth callback popup redirect, notify parent window and close immediately.
+const urlParams = new URLSearchParams(window.location.search);
+if (urlParams.has('code') && urlParams.has('state') && window.opener) {
+    const code = urlParams.get('code');
+    const state = urlParams.get('state');
+    window.opener.postMessage({ type: 'sso-oauth-callback', code, state }, window.location.origin);
+    window.close();
+}
+
 console.log(`[space-gib bootstrap] version: ${AUTO_GENERATED_VERSION}`);
 
 // ---------------------------------------------------------------------------

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

@@ -18,14 +18,13 @@
     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: pointer;
+    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);
-    transform: translateY(-1px);
     box-shadow: 0 2px 8px rgba(80, 250, 123, 0.1);
 }
 
@@ -72,3 +71,42 @@
 .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,8 +1,9 @@
 <div id="container" class="header-widget-container">
     <!-- Active Identity Pill -->
-    <div id="active-identity-pill" class="identity-pill hidden" title="Active Domain Identity. Click to manage.">
+    <div id="active-identity-pill" class="identity-pill hidden">
         <div id="identity-avatar" class="avatar-circle">-</div>
-        <span id="identity-address-truncated" class="address-text">No Identity</span>
+        <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 -->

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

@@ -68,7 +68,8 @@ export class IdentityHeaderComponentMeta extends IbGibDynamicComponentMetaBase {
 interface IdentityHeaderElements extends ElementsBase {
     containerEl: HTMLDivElement;
     activeIdentityPillEl: HTMLDivElement;
-    identityAddressTruncatedEl: HTMLSpanElement;
+    identitySelectorEl: HTMLSelectElement;
+    btnManageIdentitiesEl: HTMLButtonElement;
     btnCreateIdentityEl: HTMLButtonElement;
     identityAvatarEl: HTMLDivElement;
 }
@@ -83,34 +84,34 @@ export class IdentityHeaderComponentInstance
     protected lc: string = `[IdentityHeaderComponentInstance]`;
     private activeAddr: string | null = null;
     private _onRequestIdentityChange: ((e: any) => void) | null = null;
-    private keystoneCache: Map<string, { username: string, description: string }> = new Map();
+    private keystoneCache: Map<string, { username: string, description: string, isPrimary: boolean }> = new Map();
 
     constructor() {
         super();
     }
 
-    private async getKeystoneDetails(addr: string): Promise<{ username: string, description: string }> {
+    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: '' };
+        if (!metaspace) return { username: '', description: '', isPrimary: false };
         const space = await metaspace.getLocalUserSpace({ lock: false });
-        if (!space) return { username: '', description: '' };
+        if (!space) return { username: '', description: '', isPrimary: false };
 
         try {
-            const res = await metaspace.get({ addr, space });
-            if (res.success && res.ibGibs && res.ibGibs.length > 0) {
-                const keystone = res.ibGibs[0] as KeystoneIbGib_V1;
-                const keystoneSvc = new KeystoneService_V1();
-                const aggregated = await keystoneSvc.getAggregateDetails({
-                    latestKeystone: keystone,
-                    metaspace,
-                    space
-                });
-                const username = aggregated?.username || aggregated?.profile?.name || aggregated?.name || '';
-                const description = aggregated?.description || aggregated?.profile?.description || '';
-                const details = { username, description };
+            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;
             }
@@ -118,7 +119,7 @@ export class IdentityHeaderComponentInstance
             console.warn(`Error getting details for keystone ${addr}: ${extractErrorMsg(err)}`);
         }
 
-        return { username: '', description: '' };
+        return { username: '', description: '', isPrimary: false };
     }
 
 
@@ -132,7 +133,8 @@ export class IdentityHeaderComponentInstance
         const shadow = this.shadowRoot!;
         this.elements.containerEl = shadow.getElementById('container') as HTMLDivElement;
         this.elements.activeIdentityPillEl = shadow.getElementById('active-identity-pill') as HTMLDivElement;
-        this.elements.identityAddressTruncatedEl = shadow.getElementById('identity-address-truncated') as HTMLSpanElement;
+        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;
 
@@ -182,9 +184,24 @@ export class IdentityHeaderComponentInstance
     }
 
     private initHandlers() {
-        // Handle clicks: route to the full identity manager
-        this.elements!.activeIdentityPillEl.addEventListener('click', () => this.navigateToManager());
         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() {
@@ -213,16 +230,25 @@ export class IdentityHeaderComponentInstance
 
             // Verify it is actually one of the registered keystones in the index relations
             const registeredKeystones = this.ibGib?.rel8ns?.keystone ?? [];
-            if (activeAddrInSettings && registeredKeystones.includes(activeAddrInSettings)) {
+            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 (registeredKeystones.length > 0) {
-                this.activeAddr = registeredKeystones[0];
+            } else if (primaryKeystones.length > 0) {
+                this.activeAddr = primaryKeystones[0];
             } else {
                 this.activeAddr = null;
             }
 
             // Sync with globalState.identity
-            const globalState = getIbGibGlobalThis_SpaceGib(APP_CONFIG) as any;
+            const globalState = getIbGibGlobalThis_SpaceGib(APP_CONFIG);
             if (this.activeAddr) {
                 const metaspace = globalState.metaspace;
                 if (metaspace) {
@@ -230,12 +256,44 @@ export class IdentityHeaderComponentInstance
                     if (space) {
                         const res = await metaspace.get({ addr: this.activeAddr, space });
                         if (res.success && res.ibGibs && res.ibGibs.length > 0) {
-                            globalState.identity = res.ibGibs[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 = undefined;
+                globalState.identity = {
+                    resolved: false,
+                    authenticated: false
+                };
             }
         } catch (error) {
             console.error(`${lc} ${extractErrorMsg(error)}`);
@@ -246,29 +304,60 @@ export class IdentityHeaderComponentInstance
     }
 
     protected override async renderUI(): Promise<void> {
-        if (!this.elements) return;
+        if (!this.elements) { return; }
 
         // Double check state on render
         await this.resolveActiveIdentity();
 
-        if (this.activeAddr) {
+        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;
 
-            // Initial fallback render
-            let displayAddr = addr;
-            if (displayAddr.length > 14) {
-                displayAddr = displayAddr.substring(0, 7) + '...' + displayAddr.substring(displayAddr.length - 5);
+            // 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.identityAddressTruncatedEl.textContent = displayAddr;
+            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';
-            this.elements.activeIdentityPillEl.title = `Active Identity: ${addr}\nClick to manage.`;
 
-            // Load details dynamically
+            // 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')
@@ -290,16 +379,6 @@ export class IdentityHeaderComponentInstance
             this.elements.identityAvatarEl.style.backgroundColor = bg;
             this.elements.identityAvatarEl.style.color = fg;
 
-            // Set user display name or address in pill
-            let displayName = details.username;
-            const maxLen = 14;
-            if (displayName) {
-                if (displayName.length > maxLen) {
-                    displayName = displayName.substring(0, maxLen - 3) + '...';
-                }
-                this.elements.identityAddressTruncatedEl.textContent = displayName;
-            }
-
             // Title with full details
             const titleParts: string[] = [];
             if (details.username) {
@@ -312,7 +391,6 @@ export class IdentityHeaderComponentInstance
                 titleParts.push(`Desc: ${desc}`);
             }
             titleParts.push(`Addr: ${addr}`);
-            titleParts.push(`Click to manage.`);
             this.elements.activeIdentityPillEl.title = titleParts.join('\n');
         } else {
             this.elements.activeIdentityPillEl.classList.add('hidden');
@@ -323,10 +401,10 @@ export class IdentityHeaderComponentInstance
     private async handleRequestIdentityChange(e: any) {
         const lc = `${this.lc}[handleRequestIdentityChange]`;
         const addr = e.detail?.activeIdentityAddr;
-        if (!addr) return;
+        if (!addr) { return; }
         devLog(`${lc} Request to change active identity to: ${addr}`);
         try {
-            if (!this.settings) return;
+            if (!this.settings) { return; }
             const generalSettings = await this.getSettings<Settings_General>({
                 settingsType: SettingsType.general,
                 useCase: 'current',