Add passkey login for protected UI (#845)

* feat(auth): add passkey login for protected UI

* fix: polish passkey setup and correct WebAuthn user IDs

* feat: improve passkey login management

* build: align passkey deps with upstream main

* refactor: move ui auth out of opencode module

---------

Co-authored-by: Bohdan Triapitsyn <artmore@protonmail.com>

packages/ui/src/components/sections/openchamber/OpenChamberPage.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { OpenChamberVisualSettings } from './OpenChamberVisualSettings';
 import { AboutSettings } from './AboutSettings';
 import { SessionRetentionSettings } from './SessionRetentionSettings';
+import { PasskeySettings } from './PasskeySettings';
 import { DefaultsSettings } from './DefaultsSettings';
 import { GitSettings } from './GitSettings';
 import { NotificationSettings } from './NotificationSettings';
@@ -46,6 +47,9 @@ export const OpenChamberPage: React.FC<OpenChamberPageProps> = ({ section }) =>
                     <div className="border-t border-border/40 pt-6">
                         <SessionRetentionSettings />
                     </div>
+                    <div className="border-t border-border/40 pt-6">
+                        <PasskeySettings />
+                    </div>
                     {showAbout && (
                         <div className="border-t border-border/40 pt-6">
                             <AboutSettings />
@@ -133,6 +137,9 @@ const SessionsSectionContent: React.FC = () => {
             <div className="border-t border-border/40 pt-6">
                 <SessionRetentionSettings />
             </div>
+            <div className="border-t border-border/40 pt-6">
+                <PasskeySettings />
+            </div>
         </div>
     );
 };