@ibgib/space-gib 0.0.4 → 0.0.6

package/src/client/dev-tools/phase-4-9.mts

@@ -1,20 +1,19 @@
-import { extractErrorMsg, getUUID, getTimestamp } from '@ibgib/helper-gib/dist/helpers/utils-helper.mjs';
+import { extractErrorMsg, getUUID } from '@ibgib/helper-gib/dist/helpers/utils-helper.mjs';
 import { Factory_V1 as factory } from '@ibgib/ts-gib/dist/V1/factory.mjs';
 import { ROOT } from '@ibgib/ts-gib/dist/V1/constants.mjs';
 import { getIbGibAddr } from '@ibgib/ts-gib/dist/helper.mjs';
 import { KeystoneIbGib_V1 } from '@ibgib/core-gib/dist/keystone/keystone-types.mjs';
-import { KeystoneService_V1 } from '@ibgib/core-gib/dist/keystone/keystone-service-v1.mjs';
 import { getGlobalMetaspace_waitIfNeeded } from "@ibgib/web-gib/dist/helpers.mjs";
 import { mut8Timeline } from '@ibgib/core-gib/dist/timeline/timeline-api.mjs';
 import { getTjpAddr } from '@ibgib/core-gib/dist/common/other/ibgib-helper.mjs';
-import { SyncPeerWebSocketSender_V1 } from '@ibgib/core-gib/dist/sync/sync-peer/sync-peer-websocket/sync-peer-websocket-sender/sync-peer-websocket-sender-v1.mjs';
-import { SyncSagaCoordinator } from '@ibgib/core-gib/dist/sync/sync-saga-coordinator.mjs';
-import { SyncConflictStrategy } from '@ibgib/core-gib/dist/sync/sync-constants.mjs';
 import { GRAFT_BASE_REL8N_NAME, GRAFT_ORPHAN_REL8N_NAME, GRAFT_INFO_REL8N_NAME } from '@ibgib/core-gib/dist/sync/graft-info/graft-info-constants.mjs';
-import { SESSION_KEYSTONE_POLICY, getSpaceGibPoolConfig } from "../../common/keystone-policies.mjs";
 import { SpaceGibApiBridge } from '../api/space-gib-api-bridge.mjs';
+import { SyncSagaCoordinator } from '@ibgib/core-gib/dist/sync/sync-saga-coordinator.mjs';
 
-import { debugState, devLog } from './common.mjs';
+import {
+    debugState, devLog, lc,
+    setupDomainAndDelegateIdentities, runSyncPass, runSyncPassFromSpace, copyIdentitiesToSpace
+} from './common.mjs';
 
 interface Phase49State {
     domainI_latest?: KeystoneIbGib_V1;
@@ -40,32 +39,19 @@ export function init4_9bSetupButton(): void {
             const space = await metaspace.getLocalUserSpace({}) as any;
             if (!space) { throw new Error("No default space."); }
 
-            const keystoneService = new KeystoneService_V1();
-            const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+            const apiBridge = new SpaceGibApiBridge();
 
-            // 1. Generate Domain User Identity
-            const domainI = await keystoneService.genesis({
+            // 1. Create domain + delegate identities (DRY helper)
+            await setupDomainAndDelegateIdentities({
                 masterSecret: 'test-sender-secret-phase4-9b',
-                configs: [
-                    getSpaceGibPoolConfig('sync', 'senderidentitysyncsaltphase4-9b'),
-                    getSpaceGibPoolConfig('manage', 'senderidentitymanagesaltphase4-9b'),
-                ],
-                metaspace,
-                space,
-                frameDetails: { client: 'space-gib-web-dev', timestamp: getTimestamp() }
+                syncSalt: 'senderidentitysyncsaltphase4-9b',
+                manageSalt: 'senderidentitymanagesaltphase4-9b',
+                metaspace, space, apiBridge,
+                phaseText: '4.9B'
             });
+            const domainI = debugState.domainI!;
             state.domainI_latest = domainI;
-            let domainI_latest: any = domainI;
             const domainAddr = getIbGibAddr({ ibGib: domainI });
-            devLog(`4.9B Setup: ✓ Created identity: ${domainAddr}`);
-
-            // Register on server
-            const apiBridge = new SpaceGibApiBridge();
-            const resGenesis = await apiBridge.postGenesisKeystone(domainI);
-            if (!resGenesis.success) {
-                throw new Error(`Server rejected genesis domain keystone: ${resGenesis.message}`);
-            }
-            devLog('4.9B Setup: ✓ Identity registered on server.');
 
             // 2. Create the divergent "remote" space
             devLog('4.9B Setup: Creating temporary remote space...');
@@ -78,9 +64,8 @@ export function init4_9bSetupButton(): void {
             }) as any;
             await remoteSpace.initialized;
 
-            // Copy user identity to remote space
-            await metaspace.put({ ibGib: domainI, space: remoteSpace });
-            await metaspace.registerNewIbGib({ ibGib: domainI, space: remoteSpace });
+            // Copy user identity and delegate to remote space
+            await copyIdentitiesToSpace({ domainI, metaspace, fromSpace: space, toSpace: remoteSpace });
 
             // 3. Seed common history root -> v1 (with initial text) locally
             const resRoot = await factory.firstGen({
@@ -103,48 +88,16 @@ export function init4_9bSetupButton(): void {
 
             // 5. Initial sync of testRoot to the server so server has it
             devLog('4.9B Setup: Syncing testRoot to server...');
-            const senderPeerInit = new SyncPeerWebSocketSender_V1({
-                classname: 'SyncPeerWebSocketSender_V1',
-                httpEvolveUrl: `${location.protocol}//${location.host}/api/keystone/evolve/${encodeURIComponent(domainAddr)}`,
-                wsUrl: `${protocol}//${location.host}/api/sync/ws/${encodeURIComponent(domainAddr)}`
-            });
-            const coordinatorInit = new SyncSagaCoordinator();
-            await senderPeerInit.initializeOpts({
-                localMetaspace: metaspace,
-                localSpace: space,
-                senderIdentity: domainI,
-                fnSenderSecret: async () => 'test-sender-secret-phase4-9b',
-                sagaId: await getUUID(),
-                sessionConnectPoolConfig: SESSION_KEYSTONE_POLICY.CONNECT_POOL as any,
-                sessionSyncPoolConfig: SESSION_KEYSTONE_POLICY.DEFAULT_POOL as any,
-                targetAddrs: [domainAddr]
-            });
-            const syncSagaInit = await coordinatorInit.sync({
+            await runSyncPass({
                 domainIbGibs: [testRoot],
-                senderIdentity: domainI,
-                fnSenderSecret: async () => 'test-sender-secret-phase4-9b',
-                peer: senderPeerInit,
-                localSpace: space,
+                passLabel: 'Seed testRoot',
                 metaspace,
-                conflictStrategy: SyncConflictStrategy.optimisticWithLCS,
+                space
             });
-            await syncSagaInit.done;
             devLog('4.9B Setup: ✓ Seeding complete on server.');
 
-            // Fetch evolved user identity from space (now at n=2)
-            const domainLatestAddr = await metaspace.getLatestAddr({ ibGib: domainI, space });
-            if (!domainLatestAddr) { throw new Error("Could not find latest evolved identity address in local space."); }
-            const resGetLatest = await metaspace.get({ addr: domainLatestAddr, space });
-            if (!resGetLatest.success || !resGetLatest.ibGibs || resGetLatest.ibGibs.length === 0) {
-                throw new Error("Could not find latest evolved identity in local space.");
-            }
-            domainI_latest = resGetLatest.ibGibs[0] as KeystoneIbGib_V1;
-            state.domainI_latest = domainI_latest;
-            devLog(`4.9B Setup: ✓ Fetched evolved identity: ${domainLatestAddr}`);
-
-            // Copy evolved user identity to remote space
-            await metaspace.put({ ibGib: domainI_latest, space: remoteSpace });
-            await metaspace.registerNewIbGib({ ibGib: domainI_latest, space: remoteSpace });
+            // Copy evolved delegate and domain tip to remoteSpace
+            await copyIdentitiesToSpace({ domainI: debugState.domainI!, metaspace, fromSpace: space, toSpace: remoteSpace });
 
             // 6. Create Divergence:
             // Client (default space) appends to end
@@ -174,46 +127,17 @@ export function init4_9bSetupButton(): void {
 
             // 7. Sync remote prepended edit to server, so server tip becomes the prepended edit
             devLog('4.9B Setup: Pushing remote prepended edit to server...');
-            const senderPeerRemote = new SyncPeerWebSocketSender_V1({
-                classname: 'SyncPeerWebSocketSender_V1',
-                httpEvolveUrl: `${location.protocol}//${location.host}/api/keystone/evolve/${encodeURIComponent(domainAddr)}`,
-                wsUrl: `${protocol}//${location.host}/api/sync/ws/${encodeURIComponent(domainAddr)}`
-            });
-            const coordinatorRemote = new SyncSagaCoordinator();
-            await senderPeerRemote.initializeOpts({
-                localMetaspace: metaspace,
-                localSpace: remoteSpace,
-                senderIdentity: domainI_latest,
-                fnSenderSecret: async () => 'test-sender-secret-phase4-9b',
-                sagaId: await getUUID(),
-                sessionConnectPoolConfig: SESSION_KEYSTONE_POLICY.CONNECT_POOL as any,
-                sessionSyncPoolConfig: SESSION_KEYSTONE_POLICY.DEFAULT_POOL as any,
-                targetAddrs: [domainAddr]
-            });
-            const syncSagaRemote = await coordinatorRemote.sync({
+            await runSyncPassFromSpace({
                 domainIbGibs: [alpha_v1_remote],
-                senderIdentity: domainI_latest,
-                fnSenderSecret: async () => 'test-sender-secret-phase4-9b',
-                peer: senderPeerRemote,
-                localSpace: remoteSpace,
+                passLabel: 'Push remote prepended edit',
                 metaspace,
-                conflictStrategy: SyncConflictStrategy.optimisticWithLCS,
+                space: remoteSpace,
+                primarySpace: space,
+                domainI: debugState.domainI!,
+                masterSecret: 'test-sender-secret-phase4-9b'
             });
-            await syncSagaRemote.done;
-            devLog('4.9B Setup: ✓ Server tip is now the prepended edit.');
-
-            // Fetch evolved user identity from remote space (now at n=3)
-            const domainLatestAddrRemote = await metaspace.getLatestAddr({ ibGib: domainI, space: remoteSpace });
-            if (!domainLatestAddrRemote) { throw new Error("Could not find latest evolved identity address in remote space."); }
-            const resGetLatestRemote = await metaspace.get({ addr: domainLatestAddrRemote, space: remoteSpace });
-            if (!resGetLatestRemote.success || !resGetLatestRemote.ibGibs || resGetLatestRemote.ibGibs.length === 0) {
-                throw new Error("Could not find latest evolved identity in remote space.");
-            }
-            const domainI_latestRemote = resGetLatestRemote.ibGibs[0] as KeystoneIbGib_V1;
-            await metaspace.put({ ibGib: domainI_latestRemote, space });
-            await metaspace.registerNewIbGib({ ibGib: domainI_latestRemote, space });
-            state.domainI_latest = domainI_latestRemote;
-            devLog(`4.9B Setup: ✓ Copied evolved identity tip (n=3) back to default space: ${domainLatestAddrRemote}`);
+            state.domainI_latest = debugState.domainI;
+            devLog('4.9B Setup: ✓ Server tip is now the prepended edit. Evolved identity copied back.');
 
             devLog('✓ 4.9B Setup Complete! Ready for 4.9B Sync.');
             btn.textContent = '✓ 4.9B Setup Complete';
@@ -245,45 +169,17 @@ export function init4_9bSyncButton(): void {
                 return;
             }
 
-            const domainAddr = getIbGibAddr({ ibGib: domainI });
             const metaspace = await getGlobalMetaspace_waitIfNeeded();
             const space = await metaspace.getLocalUserSpace({}) as any;
             if (!space) { throw new Error("No default space."); }
 
-            const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
-
-            const senderPeer = new SyncPeerWebSocketSender_V1({
-                classname: 'SyncPeerWebSocketSender_V1',
-                httpEvolveUrl: `${location.protocol}//${location.host}/api/keystone/evolve/${encodeURIComponent(domainAddr)}`,
-                wsUrl: `${protocol}//${location.host}/api/sync/ws/${encodeURIComponent(domainAddr)}`
-            });
-
-            const coordinator = new SyncSagaCoordinator();
-            const sagaId = await getUUID();
-
-            await senderPeer.initializeOpts({
-                localMetaspace: metaspace,
-                localSpace: space,
-                senderIdentity: domainI,
-                fnSenderSecret: async () => 'test-sender-secret-phase4-9b',
-                sagaId,
-                sessionConnectPoolConfig: SESSION_KEYSTONE_POLICY.CONNECT_POOL as any,
-                sessionSyncPoolConfig: SESSION_KEYSTONE_POLICY.DEFAULT_POOL as any,
-                targetAddrs: [domainAddr]
-            });
-
-            // Run Sync. Client has appended text edit, server has prepended text edit.
-            // This will trigger optimistic graft merge using LCS algorithm on the text field!
-            const syncSaga = await coordinator.sync({
+            await runSyncPass({
                 domainIbGibs: [targetAlphaV1Source],
-                senderIdentity: domainI,
-                fnSenderSecret: async () => 'test-sender-secret-phase4-9b',
-                peer: senderPeer,
-                localSpace: space,
+                passLabel: 'Sync divergent edit and merge',
                 metaspace,
-                conflictStrategy: SyncConflictStrategy.optimisticWithLCS,
+                space
             });
-            await syncSaga.done;
+            state.domainI_latest = debugState.domainI;
 
             devLog('✓ 4.9B Sync Execution Complete! Ready for 4.9B Check.');
             btn.textContent = '✓ 4.9B Sync Run';

package/src/client/dev-tools/phase-4.mts

@@ -264,6 +264,7 @@ async function performPhaseSync4_2b(): Promise<void> {
             localMetaspace: metaspace,
             localSpace: space,
             senderIdentity: domainI,
+            senderDomainAddr: domainAddr,
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             sagaId,
             sessionConnectPoolConfig: SESSION_KEYSTONE_POLICY.CONNECT_POOL as any,
@@ -273,7 +274,10 @@ async function performPhaseSync4_2b(): Promise<void> {
 
         let syncSaga = await coordinator.sync({
             domainIbGibs: [c1],
-            senderIdentity: domainI,
+            senderIdentityInfo: {
+                senderIdentity: domainI,
+                senderDomainAddr: domainAddr,
+            },
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             peer: senderPeer,
             localSpace: space,
@@ -306,6 +310,7 @@ async function performPhaseSync4_2b(): Promise<void> {
             localMetaspace: metaspace,
             localSpace: space,
             senderIdentity: senderIdentityEvolved1,
+            senderDomainAddr: domainAddr,
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             sagaId,
             sessionConnectPoolConfig: SESSION_KEYSTONE_POLICY.CONNECT_POOL as any,
@@ -315,7 +320,10 @@ async function performPhaseSync4_2b(): Promise<void> {
 
         syncSaga = await coordinator.sync({
             domainIbGibs: [c1],
-            senderIdentity: senderIdentityEvolved1,
+            senderIdentityInfo: {
+                senderIdentity: senderIdentityEvolved1,
+                senderDomainAddr: domainAddr,
+            },
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             peer: senderPeer,
             localSpace: space,
@@ -362,6 +370,7 @@ async function performPhaseSync4_2b(): Promise<void> {
             localMetaspace: metaspace,
             localSpace: space,
             senderIdentity: senderIdentityEvolved2,
+            senderDomainAddr: domainAddr,
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             sagaId,
             sessionConnectPoolConfig: SESSION_KEYSTONE_POLICY.CONNECT_POOL as any,
@@ -371,7 +380,10 @@ async function performPhaseSync4_2b(): Promise<void> {
 
         syncSaga = await coordinator.sync({
             domainIbGibs: [c2],
-            senderIdentity: senderIdentityEvolved2,
+            senderIdentityInfo: {
+                senderIdentity: senderIdentityEvolved2,
+                senderDomainAddr: domainAddr,
+            },
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             peer: senderPeer,
             localSpace: space,
@@ -682,6 +694,7 @@ async function performPhaseSync4_3b(): Promise<void> {
             localMetaspace: metaspace,
             localSpace: space,
             senderIdentity: domainI,
+            senderDomainAddr: domainAddr,
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             sagaId,
             sessionConnectPoolConfig: SESSION_KEYSTONE_POLICY.CONNECT_POOL as any,
@@ -691,7 +704,10 @@ async function performPhaseSync4_3b(): Promise<void> {
 
         let syncSaga = await coordinator.sync({
             domainIbGibs: [targetV1],
-            senderIdentity: domainI,
+            senderIdentityInfo: {
+                senderIdentity: domainI,
+                senderDomainAddr: domainAddr,
+            },
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             peer: senderPeer,
             localSpace: space,
@@ -733,6 +749,7 @@ async function performPhaseSync4_3b(): Promise<void> {
             localMetaspace: metaspace,
             localSpace: space,
             senderIdentity: senderIdentityEvolved1,
+            senderDomainAddr: domainAddr,
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             sagaId,
             sessionConnectPoolConfig: SESSION_KEYSTONE_POLICY.CONNECT_POOL as any,
@@ -742,7 +759,10 @@ async function performPhaseSync4_3b(): Promise<void> {
 
         syncSaga = await coordinator.sync({
             domainIbGibs: [r1_v2],
-            senderIdentity: senderIdentityEvolved1,
+            senderIdentityInfo: {
+                senderIdentity: senderIdentityEvolved1,
+                senderDomainAddr: domainAddr,
+            },
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             peer: senderPeer,
             localSpace: space,
@@ -1068,6 +1088,7 @@ async function performPhaseSync4_4b(): Promise<void> {
             localMetaspace: metaspace,
             localSpace: space,
             senderIdentity: domainI,
+            senderDomainAddr: domainAddr,
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             sagaId,
             sessionConnectPoolConfig: SESSION_KEYSTONE_POLICY.CONNECT_POOL as any,
@@ -1077,7 +1098,10 @@ async function performPhaseSync4_4b(): Promise<void> {
 
         const syncSaga = await coordinator.sync({
             domainIbGibs: [targetV2],
-            senderIdentity: domainI,
+            senderIdentityInfo: {
+                senderIdentity: domainI,
+                senderDomainAddr: domainAddr,
+            },
             fnSenderSecret: async () => debugState.domainIMasterSecret!,
             peer: senderPeer,
             localSpace: space,

package/src/client/dev-tools.mts

@@ -34,6 +34,24 @@ export { devLog, debugState };
 export function initDevTools(): void {
     const lc_fn = `${lc}[initDevTools]`;
     try {
+        const selectEl = document.getElementById('dev-tools-row-select') as HTMLSelectElement | null;
+        if (selectEl) {
+            selectEl.addEventListener('change', () => {
+                const val = selectEl.value;
+                const rows = document.querySelectorAll('.dev-panel-row-container') as NodeListOf<HTMLElement>;
+                rows.forEach(row => {
+                    const rowId = row.getAttribute('data-row-id');
+                    if (val === 'all' || rowId === val) {
+                        row.style.display = 'flex';
+                    } else {
+                        row.style.display = 'none';
+                    }
+                });
+            });
+            // Trigger change event to initialize display:
+            selectEl.dispatchEvent(new Event('change'));
+        }
+
         initPrintStateButton();
         initCreateDomainKeystoneButton();
         initWsTestButton();

package/src/client/index.html

@@ -104,8 +104,29 @@
           <section class="dev-panel" id="dev-panel" aria-label="Developer tools">
             <h2 class="dev-panel-title">Dev Tools</h2>
 
+            <div class="dev-panel-select-container">
+              <label for="dev-tools-row-select" style="color: var(--clr-warn); font-size: 0.9rem; font-weight: 500;">Select Phase:</label>
+              <select id="dev-tools-row-select" class="dev-select">
+                <option value="all">Show All</option>
+                <option value="00">Row 00 (POC)</option>
+                <option value="1B">Row 1B (Phase 1B)</option>
+                <option value="2B">Row 2B (Phase 2B)</option>
+                <option value="3B">Row 3B (Phase 3B)</option>
+                <option value="4.1B">Row 4.1B (Phase 4.1B)</option>
+                <option value="4.2B">Row 4.2B (Phase 4.2B)</option>
+                <option value="4.3B">Row 4.3B (Phase 4.3B)</option>
+                <option value="4.4B">Row 4.4B (Phase 4.4B)</option>
+                <option value="4.5B">Row 4.5B (Phase 4.5B)</option>
+                <option value="4.6B">Row 4.6B (Phase 4.6B)</option>
+                <option value="4.7B">Row 4.7B (Phase 4.7B)</option>
+                <option value="4.8B">Row 4.8B (Phase 4.8B)</option>
+                <option value="4.9B">Row 4.9B (Phase 4.9B)</option>
+                <option value="4.10B">Row 4.10B (Phase 4.10B)</option>
+              </select>
+            </div>
+
             <!-- Row 00: Raw POC buttons -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="00">
               <span class="dev-panel-row-label">00</span>
               <div class="dev-panel-row">
                 <button id="btn-print-dev-state" class="dev-btn">Print Dev State</button>
@@ -119,7 +140,7 @@
             </div>
 
             <!-- Row 1B: Phase 1B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="1B">
               <span class="dev-panel-row-label">1B</span>
               <div class="dev-panel-row">
                 <button id="btn-1b-setup" class="dev-btn">1B Setup</button>
@@ -129,7 +150,7 @@
             </div>
 
             <!-- Row 2B: Phase 2B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="2B">
               <span class="dev-panel-row-label">2B</span>
               <div class="dev-panel-row">
                 <button id="btn-2b-setup" class="dev-btn">2B Setup</button>
@@ -139,7 +160,7 @@
             </div>
 
             <!-- Row 3B: Phase 3B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="3B">
               <span class="dev-panel-row-label">3B</span>
               <div class="dev-panel-row">
                 <button id="btn-3b-setup" class="dev-btn">3B Setup</button>
@@ -149,7 +170,7 @@
             </div>
 
             <!-- Row 4.1B: Phase 4.1B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.1B">
               <span class="dev-panel-row-label">4.1B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-1b-setup" class="dev-btn">4.1B Setup</button>
@@ -159,7 +180,7 @@
             </div>
 
             <!-- Row 4.2B: Phase 4.2B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.2B">
               <span class="dev-panel-row-label">4.2B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-2b-setup" class="dev-btn">4.2B Setup</button>
@@ -169,7 +190,7 @@
             </div>
 
             <!-- Row 4.3B: Phase 4.3B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.3B">
               <span class="dev-panel-row-label">4.3B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-3b-setup" class="dev-btn">4.3B Setup</button>
@@ -179,7 +200,7 @@
             </div>
 
             <!-- Row 4.4B: Phase 4.4B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.4B">
               <span class="dev-panel-row-label">4.4B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-4b-setup" class="dev-btn">4.4B Setup</button>
@@ -189,7 +210,7 @@
             </div>
 
             <!-- Row 4.5B: Phase 4.5B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.5B">
               <span class="dev-panel-row-label">4.5B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-5b-setup" class="dev-btn">4.5B Setup</button>
@@ -199,7 +220,7 @@
             </div>
 
             <!-- Row 4.6B: Phase 4.6B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.6B">
               <span class="dev-panel-row-label">4.6B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-6b-setup" class="dev-btn">4.6B Setup</button>
@@ -209,7 +230,7 @@
             </div>
 
             <!-- Row 4.7B: Phase 4.7B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.7B">
               <span class="dev-panel-row-label">4.7B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-7b-setup" class="dev-btn">4.7B Setup</button>
@@ -219,7 +240,7 @@
             </div>
 
             <!-- Row 4.8B: Phase 4.8B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.8B">
               <span class="dev-panel-row-label">4.8B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-8b-setup" class="dev-btn">4.8B Setup</button>
@@ -229,7 +250,7 @@
             </div>
 
             <!-- Row 4.9B: Phase 4.9B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.9B">
               <span class="dev-panel-row-label">4.9B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-9b-setup" class="dev-btn">4.9B Setup</button>
@@ -239,7 +260,7 @@
             </div>
 
             <!-- Row 4.10B: Phase 4.10B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.10B">
               <span class="dev-panel-row-label">4.10B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-10b-setup" class="dev-btn">4.10B Setup</button>

package/src/client/style.css

@@ -702,7 +702,8 @@ body::before {
 
 /* ── Dev Tools Panel (diagnostic only — remove when WS sync confirmed) ── */
 .dev-panel {
-    max-width: 720px;
+    max-width: 100%;
+    width: 100%;
     margin: 0 auto;
     padding: 1.5rem;
     border: 1px dashed rgba(255, 204, 68, 0.35);
@@ -712,8 +713,7 @@ body::before {
     flex-direction: column;
     gap: 1rem;
     margin-bottom: 3rem;
-    max-height: 250px;
-    overflow-y: auto;
+    max-height: none;
 }
 
 .dev-panel-title {
@@ -725,6 +725,30 @@ body::before {
     opacity: 0.7;
 }
 
+.dev-panel-select-container {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    margin-bottom: 0.5rem;
+}
+
+.dev-select {
+    background: var(--clr-bg-surface);
+    color: var(--clr-text-primary);
+    border: 1px solid rgba(255, 204, 68, 0.4);
+    padding: 0.5rem 1rem;
+    border-radius: var(--radius-sm);
+    font-family: var(--font-sans);
+    outline: none;
+    cursor: pointer;
+    font-size: 0.9rem;
+    transition: border-color var(--t-fast);
+}
+
+.dev-select:hover {
+    border-color: rgba(255, 204, 68, 0.7);
+}
+
 .dev-panel-row {
     display: flex;
     gap: 0.75rem;
@@ -763,11 +787,11 @@ body::before {
     border: 1px solid var(--clr-border);
     border-radius: var(--radius-sm);
     padding: 0.75rem 1rem;
-    max-height: 240px;
+    max-height: 800px;
     overflow-y: auto;
     white-space: pre-wrap;
     word-break: break-all;
-    min-height: 3rem;
+    min-height: 10rem;
 }
 
 /* dev tools row styles */

package/src/client/types.mts

@@ -44,6 +44,8 @@ export interface SpaceShimGlobalInfo {
     cwd: string;
 }
 
+import { KeystoneIbGib_V1 } from "@ibgib/core-gib/dist/keystone/keystone-types.mjs";
+
 // ---------------------------------------------------------------------------
 // Identity (optional)
 // ---------------------------------------------------------------------------
@@ -51,7 +53,8 @@ export interface SpaceShimGlobalInfo {
 export interface IbGibIdentityContext {
     resolved: boolean;
     authenticated: boolean;
-    data?: Record<string, any>;
+    domainIdentity?: KeystoneIbGib_V1;
+    syncDelegateIdentity?: KeystoneIbGib_V1;
 }
 
 // ---------------------------------------------------------------------------