@ibgib/web-gib 0.0.61 → 0.0.62

package/dist/ui/component/identity/keystone-creator/keystone-creator.d.mts

@@ -30,6 +30,12 @@ interface KeystoneCreatorElements extends ElementsBase {
     inputEmail: HTMLInputElement;
     inputSecret: HTMLInputElement;
     checkboxMakeActive: HTMLInputElement;
+    inputPasskeyUsername: HTMLInputElement;
+    inputPasskeyDescription: HTMLInputElement;
+    inputPasskeyEmail: HTMLInputElement;
+    inputPasskeyName: HTMLInputElement;
+    checkboxPasskeyMakeActive: HTMLInputElement;
+    btnGeneratePasskey: HTMLButtonElement;
     statusArea: HTMLDivElement;
     statusText: HTMLParagraphElement;
 }
@@ -39,11 +45,13 @@ interface KeystoneCreatorElements extends ElementsBase {
 export declare class KeystoneCreatorComponentInstance extends IbGibFormInstanceBase<IbGib_V1, KeystoneCreatorElements> implements IbGibDynamicComponentInstance<IbGib_V1, KeystoneCreatorElements> {
     protected lc: string;
     private hasExistingIdentities;
+    private resendCooldownInterval;
     constructor();
     initialize(opts: IbGibDynamicComponentInstanceInitOpts): Promise<void>;
+    disconnected(): Promise<void>;
+    private startResendCooldownTimer;
     created(): Promise<void>;
     private checkExistingIdentities;
-    disconnected(): Promise<void>;
     private initHandlers;
     private setButtonLoading;
     /**
@@ -57,12 +65,21 @@ export declare class KeystoneCreatorComponentInstance extends IbGibFormInstanceB
      * Validates quick email input and dispatches a 6-digit OTP code to the user's inbox.
      */
     protected handleQuickSendCode(): Promise<void>;
+    /**
+     * Triggered by the "Resend Code" button in the quick email panel.
+     */
+    protected handleQuickResendCode(): Promise<void>;
     /**
      * Triggered by the "Verify Code" button.
      * Submits 6-digit OTP code to custodian server, builds local sync delegate keystone,
      * registers delegate on server, and finalizes onboarding.
      */
     protected handleQuickVerifyCode(): Promise<void>;
+    /**
+     * Triggered by the "Create Identity with Passkey / Biometrics" button.
+     * Orchestrates: WebAuthn Credential -> PRF Secret Evaluation -> Local Passkey Genesis -> Graph Collection -> Server Sync.
+     */
+    protected handleGeneratePasskey(): Promise<void>;
     /**
      * Triggered by the "Generate" button.
      * Orchestrates: Secret -> Local Genesis -> Graph Collection -> Server Sync.

package/dist/ui/component/identity/keystone-creator/keystone-creator.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"keystone-creator.d.mts","sourceRoot":"","sources":["../../../../../src/ui/component/identity/keystone-creator/keystone-creator.mts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAa3D,OAAO,EAAE,6BAA6B,EAAE,qBAAqB,EAAG,MAAM,yCAAyC,CAAC;AAChH,OAAO,EACH,YAAY,EAAE,6BAA6B,EAC3C,qCAAqC,EACxC,MAAM,2BAA2B,CAAC;AASnC,eAAO,MAAM,+BAA+B,2BAA2B,CAAC;AAExE;;GAEG;AACH,qBAAa,4BAA6B,SAAQ,6BAA6B;IAC3E,SAAS,CAAC,EAAE,EAAE,MAAM,CAAoC;IAExD,WAAW,CAAC,EAAE,MAAM,CAAsD;IAC1E,aAAa,SAAmC;IAEhD,cAKC;IAEK,cAAc,CAAC,EACjB,IAAI,EACJ,SAAS,EACZ,EAAE;QACC,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,SAAS,CAAC;KACxB,GAAG,OAAO,CAAC,6BAA6B,CAAC,CAUzC;CACJ;AAED;;GAEG;AACH,UAAU,uBAAwB,SAAQ,YAAY;IAClD,WAAW,EAAE,cAAc,CAAC;IAC5B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,aAAa,EAAE,iBAAiB,CAAC;IACjC,YAAY,EAAE,cAAc,CAAC;IAC7B,cAAc,EAAE,WAAW,CAAC;IAC5B,aAAa,EAAE,gBAAgB,CAAC;IAChC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,kBAAkB,EAAE,gBAAgB,CAAC;IACrC,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,EAAE,oBAAoB,CAAC;CACpC;AAED;;GAEG;AACH,qBAAa,gCACT,SAAQ,qBAAqB,CAAC,QAAQ,EAAE,uBAAuB,CAC/D,YAAW,6BAA6B,CAAC,QAAQ,EAAE,uBAAuB,CAAC;IAE3E,SAAS,CAAC,EAAE,EAAE,MAAM,CAAwC;IAC5D,OAAO,CAAC,qBAAqB,CAAS;IAEtC,cAEC;IAEc,UAAU,CAAC,IAAI,EAAE,qCAAqC,GAAG,OAAO,CAAC,IAAI,CAAC,CAEpF;IAEc,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CA0BtC;YAEa,uBAAuB;IAgCtB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,CAE3C;IAED,OAAO,CAAC,YAAY;IAgFpB,OAAO,CAAC,gBAAgB;IAQxB;;;;OAIG;IACH,UAAgB,cAAc,CAAC,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CA0G7E;IAED;;;OAGG;IACH,UAAgB,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC,CAoCnD;IAED;;;;OAIG;IACH,UAAgB,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,CA0GrD;IAED;;;OAGG;IACH,UAAgB,cAAc,kBA6U7B;IAED;;;OAGG;YACW,0BAA0B;IAwIxC,OAAO,CAAC,eAAe;IA0BvB,UAAyB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAEjD;IAEc,oBAAoB,IAAI,OAAO,CAAC,IAAI,CAAC,CAEnD;CACJ"}
+{"version":3,"file":"keystone-creator.d.mts","sourceRoot":"","sources":["../../../../../src/ui/component/identity/keystone-creator/keystone-creator.mts"],"names":[],"mappings":"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"}

package/dist/ui/component/identity/keystone-creator/keystone-creator.html

@@ -4,11 +4,13 @@
     <!-- Mode Selector Tabs -->
     <div class="mode-tabs">
         <button id="tab-quick" class="mode-tab active">⚡ Quick (Passwordless)</button>
+        <button id="tab-passkey" class="mode-tab">🛡️ Passkey / Hardware</button>
         <button id="tab-password" class="mode-tab">🔑 Password-based</button>
     </div>
 
     <!-- Mode Subtitles -->
     <p id="subtitle-quick" class="subtitle">⚡ Skip passwords — sign in with Google, GitHub, or an Email code. You can always set up a password later.</p>
+    <p id="subtitle-passkey" class="subtitle hidden">🛡️ Sovereign & Passwordless — secure your identity with Touch ID, Windows Hello, or a YubiKey.</p>
     <p id="subtitle-password" class="subtitle hidden">🔑 Full local ownership — your password never leaves your device. You can link Google or GitHub later.</p>
 
     <div class="content">
@@ -49,12 +51,49 @@
                 <div style="display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center;">
                     <input type="text" id="input-quick-otp" maxlength="6" placeholder="123456" class="text-input" style="font-family: monospace; font-size: 1.2rem; letter-spacing: 4px; text-align: center; max-width: 160px;">
                     <button id="btn-quick-verify-code" class="action-btn" style="white-space: nowrap; width: auto;">Verify Code</button>
+                    <button id="btn-quick-resend-code" class="action-btn secondary" type="button" style="white-space: nowrap; width: auto; font-size: 0.85rem; padding: 0.4rem 0.8rem; background: #45475a; color: #cdd6f4;">Resend Code</button>
                 </div>
             </div>
         </div>
 
         <!-- ----------------------------------------------------------------- -->
-        <!-- Tab 2: Password-based Content                                     -->
+        <!-- Tab 2: Passkey / Hardware Biometrics Content                     -->
+        <!-- ----------------------------------------------------------------- -->
+        <div id="panel-passkey" class="tab-panel hidden">
+            <div class="input-group">
+                <label for="input-passkey-username">Username</label>
+                <input type="text" id="input-passkey-username" placeholder="Enter your username..." class="text-input">
+            </div>
+
+            <div class="input-group">
+                <label for="input-passkey-description">Description (Optional)</label>
+                <input type="text" id="input-passkey-description" placeholder="Enter an optional description..." class="text-input">
+            </div>
+
+            <div class="input-group">
+                <label for="input-passkey-email">Primary Email (Optional)</label>
+                <input type="email" id="input-passkey-email" placeholder="Enter your primary email address..." class="text-input">
+            </div>
+
+            <div class="input-group">
+                <label for="input-passkey-name">Passkey / Device Label</label>
+                <input type="text" id="input-passkey-name" placeholder="e.g. MacBook Touch ID, YubiKey 5Ci, Android Phone..." class="text-input">
+            </div>
+
+            <div class="checkbox-group" style="margin-top: 0.5rem; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem;">
+                <input type="checkbox" id="checkbox-passkey-make-active" checked style="cursor: pointer; width: 1rem; height: 1rem;">
+                <label for="checkbox-passkey-make-active" style="cursor: pointer; font-size: 0.9rem; user-select: none;">Make this the active identity</label>
+            </div>
+
+            <div class="action-row">
+                <button id="btn-generate-passkey" class="action-btn">
+                    🛡️ Create Identity with Passkey / Biometrics
+                </button>
+            </div>
+        </div>
+
+        <!-- ----------------------------------------------------------------- -->
+        <!-- Tab 3: Password-based Content                                     -->
         <!-- ----------------------------------------------------------------- -->
         <div id="panel-password" class="tab-panel hidden">
             <div class="input-group">
@@ -99,8 +138,8 @@
             <p style="font-size: 0.82rem; color: #a6adc8; margin-top: 0.25rem; margin-bottom: 0.75rem;">A 6-digit verification code was sent to your email. Enter it below to activate your identity:</p>
             <div style="display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center;">
                 <input type="text" id="input-verify-code" maxlength="6" placeholder="123456" class="text-input" style="font-family: monospace; font-size: 1.2rem; letter-spacing: 4px; text-align: center; max-width: 160px;">
-                <button id="btn-submit-code" class="action-btn" style="white-space: nowrap;">Verify Code</button>
-                <button id="btn-resend-code" class="action-btn" style="white-space: nowrap; background: #45475a; color: #cdd6f4;">Resend Code</button>
+                <button id="btn-submit-code" class="action-btn" style="white-space: nowrap; width: auto;">Verify Code</button>
+                <button id="btn-resend-code" class="action-btn secondary" type="button" style="white-space: nowrap; width: auto; font-size: 0.85rem; padding: 0.4rem 0.8rem; background: #45475a; color: #cdd6f4;">Resend Code</button>
             </div>
         </div>