@ibgib/web-gib 0.0.52 → 0.0.56

package/dist/ui/component/identity/identity-header/identity-header.d.mts

@@ -0,0 +1,85 @@
+import { IbGibAddr } from "@ibgib/ts-gib/dist/types.mjs";
+import { IbGib_V1 } from "@ibgib/ts-gib/dist/V1/types.mjs";
+import { IbGibDynamicComponentMetaBase, IbGibDynamicComponentInstanceBase } from "../../ibgib-dynamic-component-bases.mjs";
+import { ElementsBase, IbGibDynamicComponentInstance, IbGibDynamicComponentInstanceInitOpts } from "../../component-types.mjs";
+export declare const IDENTITY_HEADER_COMPONENT_NAME = "ibgib-identity-header";
+/**
+ * Metadata for the Identity Header component.
+ */
+export declare class IdentityHeaderComponentMeta extends IbGibDynamicComponentMetaBase {
+    protected lc: string;
+    routeRegExp?: RegExp;
+    componentName: string;
+    constructor();
+    createInstance({ path, ibGibAddr }: {
+        path: string;
+        ibGibAddr: IbGibAddr;
+    }): Promise<IbGibDynamicComponentInstance>;
+}
+/**
+ * References to DOM elements within the component's shadow root.
+ */
+interface IdentityHeaderElements extends ElementsBase {
+    containerEl: HTMLDivElement;
+    btnIdentityPillEl: HTMLButtonElement;
+    pillAuthContentEl: HTMLDivElement;
+    pillUnauthContentEl: HTMLDivElement;
+    identityAvatarEl: HTMLDivElement;
+    identityUsernameEl: HTMLSpanElement;
+    updateBadgeEl: HTMLSpanElement;
+    dropdownMenuEl: HTMLDivElement;
+    sectionUpdateEl: HTMLDivElement;
+    btnMenuUpdateIdentityEl: HTMLButtonElement;
+    updateNTextEl: HTMLSpanElement;
+    sectionIdentitiesEl: HTMLDivElement;
+    identitiesListEl: HTMLDivElement;
+    sectionActionsEl: HTMLDivElement;
+    btnMenuCreateAccountEl: HTMLButtonElement;
+    btnMenuSignInEl: HTMLButtonElement;
+    btnMenuGoogleSsoEl: HTMLButtonElement;
+    btnMenuGithubSsoEl: HTMLButtonElement;
+    sectionSettingsEl: HTMLDivElement;
+    btnMenuManageEl: HTMLButtonElement;
+    syncProgressModalEl: HTMLDivElement;
+    syncModalSpinnerEl: HTMLDivElement;
+    syncModalTitleEl: HTMLHeadingElement;
+    syncModalMsgEl: HTMLParagraphElement;
+    syncModalStatusEl: HTMLDivElement;
+    syncModalNTextEl: HTMLSpanElement;
+    btnSyncModalCloseEl: HTMLButtonElement;
+}
+/**
+ * Concrete implementation of the Identity Header component.
+ */
+export declare class IdentityHeaderComponentInstance extends IbGibDynamicComponentInstanceBase<IbGib_V1, IdentityHeaderElements> implements IbGibDynamicComponentInstance<IbGib_V1, IdentityHeaderElements> {
+    protected lc: string;
+    private activeAddr;
+    private _onRequestIdentityChange;
+    private _onIdentityUpdateAvailable;
+    private _onIdentityChanged;
+    private _onDocumentClick;
+    private pendingUpdateDetail;
+    private keystoneCache;
+    private isDropdownLocked;
+    private dropdownHideTimer;
+    constructor();
+    private getKeystoneDetails;
+    initialize(opts: IbGibDynamicComponentInstanceInitOpts): Promise<void>;
+    created(): Promise<void>;
+    private loadKeystonesIndex;
+    disconnected(): Promise<void>;
+    private closeDropdown;
+    private initHandlers;
+    private navigateToManager;
+    /**
+     * Resolves the active identity from settings and verifies it exists in the keystones index.
+     */
+    private resolveActiveIdentity;
+    protected renderUI(): Promise<void>;
+    private handleIdentityUpdateAvailable;
+    private handleIdentityChanged;
+    private handleRequestIdentityChange;
+    handleContextUpdated(): Promise<void>;
+}
+export {};
+//# sourceMappingURL=identity-header.d.mts.map

package/dist/ui/component/identity/identity-header/identity-header.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity-header.d.mts","sourceRoot":"","sources":["../../../../../src/ui/component/identity/identity-header/identity-header.mts"],"names":[],"mappings":"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"}

package/dist/ui/component/identity/identity-header/identity-header.html

@@ -0,0 +1,72 @@
+<div id="container" class="header-widget-container">
+    <!-- Single top control button -->
+    <button id="btn-identity-pill" class="identity-pill-btn" title="Identity Menu">
+        <!-- Authenticated State Content -->
+        <div id="pill-auth-content" class="pill-content hidden">
+            <div id="identity-avatar" class="avatar-circle">-</div>
+            <span id="identity-username" class="username-text"></span>
+            <span id="update-badge" class="update-badge hidden" title="Identity update available">🟡</span>
+            <span class="caret">▾</span>
+        </div>
+        <!-- Unauthenticated State Content -->
+        <div id="pill-unauth-content" class="pill-content hidden">
+            <span class="unauth-text">Not Signed In</span>
+            <span class="caret">▾</span>
+        </div>
+    </button>
+
+    <!-- Unified Dropdown Menu Popup -->
+    <div id="dropdown-menu" class="dropdown-menu hidden">
+        <!-- Section 1 (Update) -->
+        <div id="section-update" class="dropdown-section hidden">
+            <button id="btn-menu-update-identity" class="dropdown-item update-item">
+                <span class="icon">🔄</span> Update Identity (<span id="update-n-text">n: 0 ➔ 0</span>)
+            </button>
+            <hr class="dropdown-divider" />
+        </div>
+
+        <!-- Section 2 (Local Identities) -->
+        <div id="section-identities" class="dropdown-section">
+            <div class="dropdown-header-label">SWITCH IDENTITY</div>
+            <div id="identities-list" class="identities-list"></div>
+            <hr class="dropdown-divider" />
+        </div>
+
+        <!-- Section 3 (Creation & Sign Ins) -->
+        <div id="section-actions" class="dropdown-section">
+            <button id="btn-menu-create-account" class="dropdown-item">
+                <span class="icon">✨</span> Create Account
+            </button>
+            <button id="btn-menu-sign-in" class="dropdown-item">
+                <span class="icon">🔑</span> Sign In
+            </button>
+            <button id="btn-menu-google-sso" class="dropdown-item disabled" title="Sign in with Google">
+                <span class="icon">🌐</span> Sign in with Google
+            </button>
+            <button id="btn-menu-github-sso" class="dropdown-item disabled" title="Sign in with GitHub">
+                <span class="icon">💻</span> Sign in with GitHub
+            </button>
+            <hr class="dropdown-divider" />
+        </div>
+
+        <!-- Section 4 (Settings) -->
+        <div id="section-settings" class="dropdown-section">
+            <button id="btn-menu-manage" class="dropdown-item">
+                <span class="icon">⚙️</span> Identity Manager
+            </button>
+        </div>
+    </div>
+
+    <!-- Modal Sync Progress Overlay -->
+    <div id="sync-progress-modal" class="modal-overlay hidden">
+        <div class="modal-card">
+            <div id="sync-modal-spinner" class="modal-spinner">🔄</div>
+            <h3 id="sync-modal-title" class="modal-title">Updating Identity Keystone...</h3>
+            <p id="sync-modal-msg" class="modal-msg">Fetching delta graph from server and fast-forwarding local space...</p>
+            <div id="sync-modal-status" class="modal-status">
+                <span id="sync-modal-n-text">n: 0 ➔ 0</span>
+            </div>
+            <button id="btn-sync-modal-close" class="modal-close-btn hidden">Done</button>
+        </div>
+    </div>
+</div>