refactor: remove obsolete interchain test dependencies

internal/gateway/handlers/index/views.templ

@@ -7,7 +7,7 @@ import (
 )
 
 templ InitialView() {
-	@layout.Root("Sonr.ID") {
+	@layout.View("Sonr.ID") {
 		@card.Container() {
 			@text.TitleDescription("Sonr.ID", "The decentralized identity layer for the web.")
 			<div class="pt-1.5 mb-3 flex flex-col items-center justify-center h-full">
@@ -17,7 +17,7 @@ templ InitialView() {
 					<sl-icon slot="suffix" library="sonr" name="arrow-right"></sl-icon>
 				</sl-button>
 			</div>
-			<div class="pt-4 flex flex-row items-center justify-center h-full gap-3">
+			<div class="pt-1.5 flex flex-row items-center justify-center h-full gap-3">
 				<sl-button circle outline href="https://sonr.io">
 					<sl-icon name="home" library="sonr" label="Home"></sl-icon>
 				</sl-button>
@@ -33,7 +33,7 @@ templ InitialView() {
 }
 
 templ ReturningView() {
-	@layout.Root("Login | Sonr.ID") {
+	@layout.View("Login | Sonr.ID") {
 		@card.Container() {
 			@text.TitleDescription("Welcome Back!", "Continue with your existing Sonr.ID.")
 			<div class="pt-3 flex flex-col items-center justify-center h-full">

internal/gateway/handlers/index/views_templ.go

@@ -63,7 +63,7 @@ func InitialView() templ.Component {
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" <div class=\"pt-1.5 mb-3 flex flex-col items-center justify-center h-full\"><sl-button size=\"large\" hx-target=\"#container\" hx-get=\"/register\" hx-push-url=\"/register\" type=\"button\"><sl-icon slot=\"prefix\" library=\"sonr\" name=\"sonr\"></sl-icon> Get Started <sl-icon slot=\"suffix\" library=\"sonr\" name=\"arrow-right\"></sl-icon></sl-button></div><div class=\"pt-4 flex flex-row items-center justify-center h-full gap-3\"><sl-button circle outline href=\"https://sonr.io\"><sl-icon name=\"home\" library=\"sonr\" label=\"Home\"></sl-icon></sl-button> <sl-button circle outline href=\"https://onsonr.dev\"><sl-icon name=\"docs\" library=\"sonr\" label=\"Docs\"></sl-icon></sl-button> <sl-button circle outline href=\"https://github.com/onsonr/sonr\"><sl-icon name=\"social-github\" library=\"sonr\" label=\"Open Source\"></sl-icon></sl-button></div>")
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" <div class=\"pt-1.5 mb-3 flex flex-col items-center justify-center h-full\"><sl-button size=\"large\" hx-target=\"#container\" hx-get=\"/register\" hx-push-url=\"/register\" type=\"button\"><sl-icon slot=\"prefix\" library=\"sonr\" name=\"sonr\"></sl-icon> Get Started <sl-icon slot=\"suffix\" library=\"sonr\" name=\"arrow-right\"></sl-icon></sl-button></div><div class=\"pt-1.5 flex flex-row items-center justify-center h-full gap-3\"><sl-button circle outline href=\"https://sonr.io\"><sl-icon name=\"home\" library=\"sonr\" label=\"Home\"></sl-icon></sl-button> <sl-button circle outline href=\"https://onsonr.dev\"><sl-icon name=\"docs\" library=\"sonr\" label=\"Docs\"></sl-icon></sl-button> <sl-button circle outline href=\"https://github.com/onsonr/sonr\"><sl-icon name=\"social-github\" library=\"sonr\" label=\"Open Source\"></sl-icon></sl-button></div>")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
@@ -75,7 +75,7 @@ func InitialView() templ.Component {
 			}
 			return templ_7745c5c3_Err
 		})
-		templ_7745c5c3_Err = layout.Root("Sonr.ID").Render(templ.WithChildren(ctx, templ_7745c5c3_Var2), templ_7745c5c3_Buffer)
+		templ_7745c5c3_Err = layout.View("Sonr.ID").Render(templ.WithChildren(ctx, templ_7745c5c3_Var2), templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -144,7 +144,7 @@ func ReturningView() templ.Component {
 			}
 			return templ_7745c5c3_Err
 		})
-		templ_7745c5c3_Err = layout.Root("Login | Sonr.ID").Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		templ_7745c5c3_Err = layout.View("Login | Sonr.ID").Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}

internal/gateway/handlers/register/forms.templ

@@ -3,6 +3,7 @@ package register
 import (
 	"github.com/onsonr/sonr/internal/nebula/card"
 	"github.com/onsonr/sonr/internal/nebula/form"
+	"github.com/onsonr/sonr/internal/nebula/input"
 )
 
 templ formCreateProfile(action string, method string, data CreateProfileData) {
@@ -11,9 +12,9 @@ templ formCreateProfile(action string, method string, data CreateProfileData) {
 			@form.Header() {
 				<sl-progress-bar value="50"></sl-progress-bar>
 			}
-			@form.InputName()
-			@form.InputHandle()
-			@form.InputHumanSlider(data.FirstNumber, data.LastNumber)
+			@input.Name()
+			@input.Handle()
+			@input.HumanSlider(data.FirstNumber, data.LastNumber)
 			@form.Footer() {
 				@form.CancelButton()
 				@form.SubmitButton("Next")
@@ -31,9 +32,9 @@ templ formRegisterPasskey(action, method string, data RegisterPasskeyData) {
 					@card.SonrProfile(data.Address, data.Name, data.Handle, data.CreationBlock)
 				</div>
 			</div>
-			@form.InputCoinSelect()
+			@input.CoinSelect()
 			<div slot="footer" class="space-y-2">
-				@form.InputPasskey(data.Address, data.Handle, data.Challenge)
+				@input.Passkey(data.Address, data.Handle, data.Challenge)
 				<sl-button href="/" style="width: 100%;" outline>
 					<sl-icon slot="prefix" name="x-lg"></sl-icon>
 					Cancel

internal/gateway/handlers/register/forms_templ.go

@@ -11,6 +11,7 @@ import templruntime "github.com/a-h/templ/runtime"
 import (
 	"github.com/onsonr/sonr/internal/nebula/card"
 	"github.com/onsonr/sonr/internal/nebula/form"
+	"github.com/onsonr/sonr/internal/nebula/input"
 )
 
 func formCreateProfile(action string, method string, data CreateProfileData) templ.Component {
@@ -84,7 +85,7 @@ func formCreateProfile(action string, method string, data CreateProfileData) tem
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				templ_7745c5c3_Err = form.InputName().Render(ctx, templ_7745c5c3_Buffer)
+				templ_7745c5c3_Err = input.Name().Render(ctx, templ_7745c5c3_Buffer)
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
@@ -92,7 +93,7 @@ func formCreateProfile(action string, method string, data CreateProfileData) tem
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				templ_7745c5c3_Err = form.InputHandle().Render(ctx, templ_7745c5c3_Buffer)
+				templ_7745c5c3_Err = input.Handle().Render(ctx, templ_7745c5c3_Buffer)
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
@@ -100,7 +101,7 @@ func formCreateProfile(action string, method string, data CreateProfileData) tem
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				templ_7745c5c3_Err = form.InputHumanSlider(data.FirstNumber, data.LastNumber).Render(ctx, templ_7745c5c3_Buffer)
+				templ_7745c5c3_Err = input.HumanSlider(data.FirstNumber, data.LastNumber).Render(ctx, templ_7745c5c3_Buffer)
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
@@ -191,7 +192,7 @@ func formRegisterPasskey(action, method string, data RegisterPasskeyData) templ.
 		var templ_7745c5c3_Var8 string
 		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(method)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/gateway/handlers/register/forms.templ`, Line: 26, Col: 55}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/gateway/handlers/register/forms.templ`, Line: 27, Col: 55}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
 		if templ_7745c5c3_Err != nil {
@@ -209,7 +210,7 @@ func formRegisterPasskey(action, method string, data RegisterPasskeyData) templ.
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = form.InputCoinSelect().Render(ctx, templ_7745c5c3_Buffer)
+		templ_7745c5c3_Err = input.CoinSelect().Render(ctx, templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -217,7 +218,7 @@ func formRegisterPasskey(action, method string, data RegisterPasskeyData) templ.
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = form.InputPasskey(data.Address, data.Handle, data.Challenge).Render(ctx, templ_7745c5c3_Buffer)
+		templ_7745c5c3_Err = input.Passkey(data.Address, data.Handle, data.Challenge).Render(ctx, templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}

internal/gateway/handlers/register/inputs.templ

@@ -1,94 +0,0 @@
-package register
-
-templ passkeyDropzone(addr string, userHandle string, challenge string) {
-	<sl-button style="width: 100%;" onclick={ createPasskey(addr, userHandle, challenge) }>
-		<sl-icon slot="prefix" name="passkey" library="sonr" style="font-size: 24px;" class="text-neutral-500"></sl-icon>
-		Register Passkey
-	</sl-button>
-}
-
-script createPasskey(userId string, userHandle string, challenge string) {
-  const publicKey = {
-    challenge: Uint8Array.from(challenge, (c) => c.charCodeAt(0)),
-    rp: {
-      name: "Sonr.ID",
-    },
-    user: {
-      // Assuming that userId is ASCII-only
-      id: Uint8Array.from(userId, (c) => c.charCodeAt(0)),
-      name: userId,
-      displayName: userHandle,
-    },
-    pubKeyCredParams: [
-      {
-        type: "public-key",
-        alg: -7, // "ES256"
-      },
-      {
-        type: "public-key",
-        alg: -257, // "RS256"
-      },
-    ],
-    authenticatorSelection: {
-      userVerification: "required",
-      residentKey: "required",
-      authenticatorAttachment: "platform",
-    },
-    timeout: 60000, // 1 minute
-    extensions: {
-      payment: {
-        isPayment: true,
-      },
-    },
-  };
-
-  // Helper function to convert ArrayBuffer to Base64URL string
-  function arrayBufferToBase64URL(buffer) {
-    const bytes = new Uint8Array(buffer);
-    let str = '';
-    bytes.forEach(byte => { str += String.fromCharCode(byte) });
-    return btoa(str)
-      .replace(/\+/g, '-')
-      .replace(/\//g, '_')
-      .replace(/=/g, '');
-  }
-
-navigator.credentials
-  .create({ publicKey })
-  .then((newCredentialInfo) => {
-    if (!(newCredentialInfo instanceof PublicKeyCredential)) {
-      throw new Error('Received credential is not a PublicKeyCredential');
-    }
-
-    const response = newCredentialInfo.response;
-    if (!(response instanceof AuthenticatorAttestationResponse)) {
-      throw new Error('Response is not an AuthenticatorAttestationResponse');
-    }
-
-    // Convert the credential data to a cross-platform compatible format
-    const credentialJSON = {
-      id: newCredentialInfo.id,
-      rawId: arrayBufferToBase64URL(newCredentialInfo.rawId),
-      type: newCredentialInfo.type,
-      authenticatorAttachment: newCredentialInfo.authenticatorAttachment || null,
-      transports: Array.isArray(response.getTransports) ? response.getTransports() : [],
-      clientExtensionResults: newCredentialInfo.getClientExtensionResults(),
-      response: {
-        attestationObject: arrayBufferToBase64URL(response.attestationObject),
-        clientDataJSON: arrayBufferToBase64URL(response.clientDataJSON)
-      }
-    };
-
-    // Set the form value with the stringified credential data
-    const credentialInput = document.getElementById('credential-data');
-    credentialInput.value = JSON.stringify(credentialJSON);
-    
-    // Submit the form
-    const form = document.getElementById('passkey-form');
-    form.submit();
-  })
-  .catch((err) => {
-    console.error('Passkey creation failed:', err);
-    alert(`Failed to create passkey: ${err.message || 'Unknown error'}`);
-  });
-}

internal/gateway/handlers/register/inputs_templ.go

@@ -1,145 +0,0 @@
-// Code generated by templ - DO NOT EDIT.
-
-// templ: version: v0.2.793
-package register
-
-//lint:file-ignore SA4006 This context is only used if a nested component is present.
-
-import "github.com/a-h/templ"
-import templruntime "github.com/a-h/templ/runtime"
-
-func passkeyDropzone(addr string, userHandle string, challenge string) templ.Component {
-	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
-		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
-			return templ_7745c5c3_CtxErr
-		}
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
-		if !templ_7745c5c3_IsBuffer {
-			defer func() {
-				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
-				if templ_7745c5c3_Err == nil {
-					templ_7745c5c3_Err = templ_7745c5c3_BufErr
-				}
-			}()
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var1 == nil {
-			templ_7745c5c3_Var1 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, createPasskey(addr, userHandle, challenge))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<sl-button style=\"width: 100%;\" onclick=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var2 templ.ComponentScript = createPasskey(addr, userHandle, challenge)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var2.Call)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><sl-icon slot=\"prefix\" name=\"passkey\" library=\"sonr\" style=\"font-size: 24px;\" class=\"text-neutral-500\"></sl-icon> Register Passkey</sl-button>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		return templ_7745c5c3_Err
-	})
-}
-
-func createPasskey(userId string, userHandle string, challenge string) templ.ComponentScript {
-	return templ.ComponentScript{
-		Name: `__templ_createPasskey_18a8`,
-		Function: `function __templ_createPasskey_18a8(userId, userHandle, challenge){const publicKey = {
-    challenge: Uint8Array.from(challenge, (c) => c.charCodeAt(0)),
-    rp: {
-      name: "Sonr.ID",
-    },
-    user: {
-      // Assuming that userId is ASCII-only
-      id: Uint8Array.from(userId, (c) => c.charCodeAt(0)),
-      name: userId,
-      displayName: userHandle,
-    },
-    pubKeyCredParams: [
-      {
-        type: "public-key",
-        alg: -7, // "ES256"
-      },
-      {
-        type: "public-key",
-        alg: -257, // "RS256"
-      },
-    ],
-    authenticatorSelection: {
-      userVerification: "required",
-      residentKey: "required",
-      authenticatorAttachment: "platform",
-    },
-    timeout: 60000, // 1 minute
-    extensions: {
-      payment: {
-        isPayment: true,
-      },
-    },
-  };
-
-  // Helper function to convert ArrayBuffer to Base64URL string
-  function arrayBufferToBase64URL(buffer) {
-    const bytes = new Uint8Array(buffer);
-    let str = '';
-    bytes.forEach(byte => { str += String.fromCharCode(byte) });
-    return btoa(str)
-      .replace(/\+/g, '-')
-      .replace(/\//g, '_')
-      .replace(/=/g, '');
-  }
-
-navigator.credentials
-  .create({ publicKey })
-  .then((newCredentialInfo) => {
-    if (!(newCredentialInfo instanceof PublicKeyCredential)) {
-      throw new Error('Received credential is not a PublicKeyCredential');
-    }
-
-    const response = newCredentialInfo.response;
-    if (!(response instanceof AuthenticatorAttestationResponse)) {
-      throw new Error('Response is not an AuthenticatorAttestationResponse');
-    }
-
-    // Convert the credential data to a cross-platform compatible format
-    const credentialJSON = {
-      id: newCredentialInfo.id,
-      rawId: arrayBufferToBase64URL(newCredentialInfo.rawId),
-      type: newCredentialInfo.type,
-      authenticatorAttachment: newCredentialInfo.authenticatorAttachment || null,
-      transports: Array.isArray(response.getTransports) ? response.getTransports() : [],
-      clientExtensionResults: newCredentialInfo.getClientExtensionResults(),
-      response: {
-        attestationObject: arrayBufferToBase64URL(response.attestationObject),
-        clientDataJSON: arrayBufferToBase64URL(response.clientDataJSON)
-      }
-    };
-
-    // Set the form value with the stringified credential data
-    const credentialInput = document.getElementById('credential-data');
-    credentialInput.value = JSON.stringify(credentialJSON);
-    
-    // Submit the form
-    const form = document.getElementById('passkey-form');
-    form.submit();
-  })
-  .catch((err) => {
-    console.error('Passkey creation failed:', err);
-    alert(` + "`" + `Failed to create passkey: ${err.message || 'Unknown error'}` + "`" + `);
-  });
-}`,
-		Call:       templ.SafeScript(`__templ_createPasskey_18a8`, userId, userHandle, challenge),
-		CallInline: templ.SafeScriptInline(`__templ_createPasskey_18a8`, userId, userHandle, challenge),
-	}
-}
-
-var _ = templruntime.GeneratedTemplate

internal/gateway/handlers/register/views.templ

@@ -7,7 +7,7 @@ import (
 )
 
 templ ProfileFormView(data CreateProfileData) {
-	@layout.Root("New Profile | Sonr.ID") {
+	@layout.View("New Profile | Sonr.ID") {
 		@card.Container() {
 			@text.TitleDescription("Basic Info", "Tell us a little about yourself.")
 			@formCreateProfile("/register/start", "POST", data)
@@ -16,7 +16,7 @@ templ ProfileFormView(data CreateProfileData) {
 }
 
 templ LinkCredentialView(data RegisterPasskeyData) {
-	@layout.Root("Register | Sonr.ID") {
+	@layout.View("Register | Sonr.ID") {
 		@card.Container() {
 			@text.TitleDescription("Link a PassKey", "This will be used to login to your vault.")
 			@formRegisterPasskey("/register/finish", "POST", data)
@@ -25,7 +25,7 @@ templ LinkCredentialView(data RegisterPasskeyData) {
 }
 
 templ LoadingVaultView() {
-	@layout.Root("Loading... | Sonr.ID") {
+	@layout.View("Loading... | Sonr.ID") {
 		@card.Container() {
 			@text.TitleDescription("Loading Vault", "This will be used to login to your vault.")
 		}

internal/gateway/handlers/register/views_templ.go

@@ -79,7 +79,7 @@ func ProfileFormView(data CreateProfileData) templ.Component {
 			}
 			return templ_7745c5c3_Err
 		})
-		templ_7745c5c3_Err = layout.Root("New Profile | Sonr.ID").Render(templ.WithChildren(ctx, templ_7745c5c3_Var2), templ_7745c5c3_Buffer)
+		templ_7745c5c3_Err = layout.View("New Profile | Sonr.ID").Render(templ.WithChildren(ctx, templ_7745c5c3_Var2), templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -152,7 +152,7 @@ func LinkCredentialView(data RegisterPasskeyData) templ.Component {
 			}
 			return templ_7745c5c3_Err
 		})
-		templ_7745c5c3_Err = layout.Root("Register | Sonr.ID").Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		templ_7745c5c3_Err = layout.View("Register | Sonr.ID").Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -217,7 +217,7 @@ func LoadingVaultView() templ.Component {
 			}
 			return templ_7745c5c3_Err
 		})
-		templ_7745c5c3_Err = layout.Root("Loading... | Sonr.ID").Render(templ.WithChildren(ctx, templ_7745c5c3_Var8), templ_7745c5c3_Buffer)
+		templ_7745c5c3_Err = layout.View("Loading... | Sonr.ID").Render(templ.WithChildren(ctx, templ_7745c5c3_Var8), templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}

internal/nebula/form/base.templ

@@ -15,7 +15,7 @@ templ Header() {
 }
 
 templ Body() {
-	<sl-card class="card-form max-w-lg">
+	<sl-card class="card-form max-w-lg mx-auto">
 		{ children... }
 		<style>
 		.card-form {

internal/nebula/form/base_templ.go

@@ -45,7 +45,7 @@ func Root(action, method, id string) templ.Component {
 		var templ_7745c5c3_Var3 string
 		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(method)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/layout.templ`, Line: 4, Col: 55}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/base.templ`, Line: 4, Col: 55}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
@@ -58,7 +58,7 @@ func Root(action, method, id string) templ.Component {
 		var templ_7745c5c3_Var4 string
 		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(id)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/layout.templ`, Line: 4, Col: 65}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/base.templ`, Line: 4, Col: 65}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {
@@ -138,7 +138,7 @@ func Body() templ.Component {
 			templ_7745c5c3_Var6 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<sl-card class=\"card-form max-w-lg\">")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<sl-card class=\"card-form max-w-lg mx-auto\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -248,7 +248,7 @@ func SubmitButton(text string) templ.Component {
 		var templ_7745c5c3_Var10 string
 		templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(text)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/layout.templ`, Line: 55, Col: 8}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/base.templ`, Line: 55, Col: 8}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
 		if templ_7745c5c3_Err != nil {

internal/nebula/input/coin_select.templ

@@ -1,4 +1,4 @@
-package form
+package input
 
 type Coin struct {
 	Ticker    string
@@ -23,7 +23,7 @@ var defaultCoins = []Coin{
 	{Ticker: "AXL", Name: "Axelar", IsDefault: false},
 }
 
-templ InputCoinSelect() {
+templ CoinSelect() {
 	<sl-select
 		label="Accounts"
 		name="selected_assets"

internal/nebula/input/coin_select_templ.go

@@ -1,7 +1,7 @@
 // Code generated by templ - DO NOT EDIT.
 
 // templ: version: v0.2.793
-package form
+package input
 
 //lint:file-ignore SA4006 This context is only used if a nested component is present.
 
@@ -31,7 +31,7 @@ var defaultCoins = []Coin{
 	{Ticker: "AXL", Name: "Axelar", IsDefault: false},
 }
 
-func InputCoinSelect() templ.Component {
+func CoinSelect() templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
@@ -99,7 +99,7 @@ func CoinOption(a Coin) templ.Component {
 			var templ_7745c5c3_Var3 string
 			templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(a.Ticker)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/input_coin_select.templ`, Line: 58, Col: 29}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/input/coin_select.templ`, Line: 58, Col: 29}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 			if templ_7745c5c3_Err != nil {
@@ -112,7 +112,7 @@ func CoinOption(a Coin) templ.Component {
 			var templ_7745c5c3_Var4 string
 			templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(a.Ticker)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/input_coin_select.templ`, Line: 59, Col: 41}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/input/coin_select.templ`, Line: 59, Col: 41}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 			if templ_7745c5c3_Err != nil {
@@ -125,7 +125,7 @@ func CoinOption(a Coin) templ.Component {
 			var templ_7745c5c3_Var5 string
 			templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(a.Name)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/input_coin_select.templ`, Line: 60, Col: 11}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/input/coin_select.templ`, Line: 60, Col: 11}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 			if templ_7745c5c3_Err != nil {
@@ -143,7 +143,7 @@ func CoinOption(a Coin) templ.Component {
 			var templ_7745c5c3_Var6 string
 			templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(a.Ticker)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/input_coin_select.templ`, Line: 64, Col: 29}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/input/coin_select.templ`, Line: 64, Col: 29}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
 			if templ_7745c5c3_Err != nil {
@@ -156,7 +156,7 @@ func CoinOption(a Coin) templ.Component {
 			var templ_7745c5c3_Var7 string
 			templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(a.Ticker)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/input_coin_select.templ`, Line: 65, Col: 41}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/input/coin_select.templ`, Line: 65, Col: 41}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
 			if templ_7745c5c3_Err != nil {
@@ -169,7 +169,7 @@ func CoinOption(a Coin) templ.Component {
 			var templ_7745c5c3_Var8 string
 			templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(a.Name)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/input_coin_select.templ`, Line: 66, Col: 11}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/input/coin_select.templ`, Line: 66, Col: 11}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
 			if templ_7745c5c3_Err != nil {

internal/nebula/input/input_handle.templ

@@ -1,18 +1,18 @@
-package form
+package input
 
-type InputHandleState string
+type HandleState string
 
 const (
-	InputHandleStateInitial InputHandleState = "inital"
-	InputHandleStateValid   InputHandleState = "valid"
-	InputHandleStateInvalid InputHandleState = "invalid"
+	HandleStateInitial HandleState = "inital"
+	HandleStateValid   HandleState = "valid"
+	HandleStateInvalid HandleState = "invalid"
 )
 
-func (s InputHandleState) string() string {
+func (s HandleState) string() string {
 	return string(s)
 }
 
-templ InputHandle() {
+templ Handle() {
 	<sl-input name="handle" placeholder="digitalgold" type="text" label="Handle" minlength="4" maxlength="12" required>
 		<div slot="prefix">
 			<sl-icon name="at-sign" library="sonr"></sl-icon>
@@ -21,7 +21,7 @@ templ InputHandle() {
 	<br/>
 }
 
-templ InputHandleError() {
+templ HandleError() {
 	<sl-input name="handle" placeholder="digitalgold" type="text" label="Handle" minlength="4" maxlength="12" required class="border-red-500">
 		<div slot="prefix">
 			<sl-icon name="at-sign" library="sonr"></sl-icon>
@@ -33,7 +33,7 @@ templ InputHandleError() {
 	<br/>
 }
 
-templ InputHandleValid() {
+templ HandleValid() {
 	<sl-input name="handle" placeholder="digitalgold" type="text" label="Handle" minlength="4" maxlength="12" required class="border-green-500">
 		<div slot="prefix" style="color: #46A758;">
 			<sl-icon name="at-sign" library="sonr"></sl-icon>

internal/nebula/input/input_handle_templ.go

@@ -1,26 +1,26 @@
 // Code generated by templ - DO NOT EDIT.
 
 // templ: version: v0.2.793
-package form
+package input
 
 //lint:file-ignore SA4006 This context is only used if a nested component is present.
 
 import "github.com/a-h/templ"
 import templruntime "github.com/a-h/templ/runtime"
 
-type InputHandleState string
+type HandleState string
 
 const (
-	InputHandleStateInitial InputHandleState = "inital"
-	InputHandleStateValid   InputHandleState = "valid"
-	InputHandleStateInvalid InputHandleState = "invalid"
+	HandleStateInitial HandleState = "inital"
+	HandleStateValid   HandleState = "valid"
+	HandleStateInvalid HandleState = "invalid"
 )
 
-func (s InputHandleState) string() string {
+func (s HandleState) string() string {
 	return string(s)
 }
 
-func InputHandle() templ.Component {
+func Handle() templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
@@ -41,7 +41,7 @@ func InputHandle() templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<sl-input name=\"handle\" placeholder=\"digitalgold\" type=\"text\" label=\"Handle\" minlength=\"4\" maxlength=\"12\" required><div slot=\"prefix\"><sl-icon name=\"at-sign\" library=\"sonr\"></sl-icon></div></sl-input>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<sl-input name=\"handle\" placeholder=\"digitalgold\" type=\"text\" label=\"Handle\" minlength=\"4\" maxlength=\"12\" required><div slot=\"prefix\"><sl-icon name=\"at-sign\" library=\"sonr\"></sl-icon></div></sl-input><br>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -49,7 +49,7 @@ func InputHandle() templ.Component {
 	})
 }
 
-func InputHandleError() templ.Component {
+func HandleError() templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
@@ -70,7 +70,7 @@ func InputHandleError() templ.Component {
 			templ_7745c5c3_Var2 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<sl-input name=\"handle\" placeholder=\"digitalgold\" type=\"text\" label=\"Handle\" minlength=\"4\" maxlength=\"12\" required class=\"border-red-500\"><div slot=\"prefix\"><sl-icon name=\"at-sign\" library=\"sonr\"></sl-icon></div><div slot=\"suffix\" style=\"color: #B54549;\"><sl-icon name=\"at-sign\" library=\"sonr\"></sl-icon></div></sl-input>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<sl-input name=\"handle\" placeholder=\"digitalgold\" type=\"text\" label=\"Handle\" minlength=\"4\" maxlength=\"12\" required class=\"border-red-500\"><div slot=\"prefix\"><sl-icon name=\"at-sign\" library=\"sonr\"></sl-icon></div><div slot=\"suffix\" style=\"color: #B54549;\"><sl-icon name=\"at-sign\" library=\"sonr\"></sl-icon></div></sl-input><br>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -78,7 +78,7 @@ func InputHandleError() templ.Component {
 	})
 }
 
-func InputHandleValid() templ.Component {
+func HandleValid() templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
@@ -99,7 +99,7 @@ func InputHandleValid() templ.Component {
 			templ_7745c5c3_Var3 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<sl-input name=\"handle\" placeholder=\"digitalgold\" type=\"text\" label=\"Handle\" minlength=\"4\" maxlength=\"12\" required class=\"border-green-500\"><div slot=\"prefix\" style=\"color: #46A758;\"><sl-icon name=\"at-sign\" library=\"sonr\"></sl-icon></div></sl-input>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<sl-input name=\"handle\" placeholder=\"digitalgold\" type=\"text\" label=\"Handle\" minlength=\"4\" maxlength=\"12\" required class=\"border-green-500\"><div slot=\"prefix\" style=\"color: #46A758;\"><sl-icon name=\"at-sign\" library=\"sonr\"></sl-icon></div></sl-input><br>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}

internal/nebula/input/input_name.templ

@@ -1,18 +1,18 @@
-package form
+package input
 
-type InputNameState string
+type NameState string
 
 const (
-	InputNameStateInitial InputNameState = "inital"
-	InputNameStateValid   InputNameState = "valid"
-	InputNameStateInvalid InputNameState = "invalid"
+	NameStateInitial NameState = "inital"
+	NameStateValid   NameState = "valid"
+	NameStateInvalid NameState = "invalid"
 )
 
-func (s InputNameState) string() string {
+func (s NameState) string() string {
 	return string(s)
 }
 
-templ InputName() {
+templ Name() {
 	<div hx-target="this" hx-swap="outerHTML" class="grid grid-cols-1 lg:grid-cols-2 gap-4">
 		<sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus></sl-input>
 		<sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial"></sl-input>
@@ -20,7 +20,7 @@ templ InputName() {
 	<br/>
 }
 
-templ InputNameError() {
+templ NameError() {
 	<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
 		<sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus class="border-red-500"></sl-input>
 		<sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial" class="border-red-500"></sl-input>
@@ -28,7 +28,7 @@ templ InputNameError() {
 	<br/>
 }
 
-templ InputNameValid() {
+templ NameValid() {
 	<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
 		<sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus class="border-green-500"></sl-input>
 		<sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial" class="border-green-500"></sl-input>

internal/nebula/input/input_name_templ.go

@@ -1,26 +1,26 @@
 // Code generated by templ - DO NOT EDIT.
 
 // templ: version: v0.2.793
-package form
+package input
 
 //lint:file-ignore SA4006 This context is only used if a nested component is present.
 
 import "github.com/a-h/templ"
 import templruntime "github.com/a-h/templ/runtime"
 
-type InputNameState string
+type NameState string
 
 const (
-	InputNameStateInitial InputNameState = "inital"
-	InputNameStateValid   InputNameState = "valid"
-	InputNameStateInvalid InputNameState = "invalid"
+	NameStateInitial NameState = "inital"
+	NameStateValid   NameState = "valid"
+	NameStateInvalid NameState = "invalid"
 )
 
-func (s InputNameState) string() string {
+func (s NameState) string() string {
 	return string(s)
 }
 
-func InputName() templ.Component {
+func Name() templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
@@ -41,7 +41,7 @@ func InputName() templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div hx-target=\"this\" hx-swap=\"outerHTML\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-4\"><sl-input name=\"first_name\" placeholder=\"Satoshi\" type=\"text\" label=\"First Name\" required autofocus></sl-input> <sl-input name=\"last_name\" placeholder=\"N\" maxlength=\"1\" type=\"text\" label=\"Last Initial\"></sl-input></div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div hx-target=\"this\" hx-swap=\"outerHTML\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-4\"><sl-input name=\"first_name\" placeholder=\"Satoshi\" type=\"text\" label=\"First Name\" required autofocus></sl-input> <sl-input name=\"last_name\" placeholder=\"N\" maxlength=\"1\" type=\"text\" label=\"Last Initial\"></sl-input></div><br>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -49,7 +49,7 @@ func InputName() templ.Component {
 	})
 }
 
-func InputNameError() templ.Component {
+func NameError() templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
@@ -70,7 +70,7 @@ func InputNameError() templ.Component {
 			templ_7745c5c3_Var2 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-4\"><sl-input name=\"first_name\" placeholder=\"Satoshi\" type=\"text\" label=\"First Name\" required autofocus class=\"border-red-500\"></sl-input> <sl-input name=\"last_name\" placeholder=\"N\" maxlength=\"1\" type=\"text\" label=\"Last Initial\" class=\"border-red-500\"></sl-input></div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-4\"><sl-input name=\"first_name\" placeholder=\"Satoshi\" type=\"text\" label=\"First Name\" required autofocus class=\"border-red-500\"></sl-input> <sl-input name=\"last_name\" placeholder=\"N\" maxlength=\"1\" type=\"text\" label=\"Last Initial\" class=\"border-red-500\"></sl-input></div><br>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -78,7 +78,7 @@ func InputNameError() templ.Component {
 	})
 }
 
-func InputNameValid() templ.Component {
+func NameValid() templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
@@ -99,7 +99,7 @@ func InputNameValid() templ.Component {
 			templ_7745c5c3_Var3 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-4\"><sl-input name=\"first_name\" placeholder=\"Satoshi\" type=\"text\" label=\"First Name\" required autofocus class=\"border-green-500\"></sl-input> <sl-input name=\"last_name\" placeholder=\"N\" maxlength=\"1\" type=\"text\" label=\"Last Initial\" class=\"border-green-500\"></sl-input></div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-4\"><sl-input name=\"first_name\" placeholder=\"Satoshi\" type=\"text\" label=\"First Name\" required autofocus class=\"border-green-500\"></sl-input> <sl-input name=\"last_name\" placeholder=\"N\" maxlength=\"1\" type=\"text\" label=\"Last Initial\" class=\"border-green-500\"></sl-input></div><br>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}

internal/nebula/input/input_passkey.templ

@@ -1,6 +1,6 @@
-package form
+package input
 
-templ InputPasskey(addr string, userHandle string, challenge string) {
+templ Passkey(addr string, userHandle string, challenge string) {
 	<sl-button style="width: 100%;" onclick={ navigatorCredentialsCreate(addr, userHandle, challenge) }>
 		<sl-icon slot="prefix" name="passkey" library="sonr" style="font-size: 24px;" class="text-neutral-500"></sl-icon>
 		Register Passkey
@@ -88,7 +88,7 @@ navigator.credentials
     form.submit();
   })
   .catch((err) => {
-    console.error('InputPasskey creation failed:', err);
+    console.error('Passkey creation failed:', err);
     alert(`Failed to create passkey: ${err.message || 'Unknown error'}`);
   });
 }

internal/nebula/input/input_passkey_templ.go

@@ -1,14 +1,14 @@
 // Code generated by templ - DO NOT EDIT.
 
 // templ: version: v0.2.793
-package form
+package input
 
 //lint:file-ignore SA4006 This context is only used if a nested component is present.
 
 import "github.com/a-h/templ"
 import templruntime "github.com/a-h/templ/runtime"
 
-func InputPasskey(addr string, userHandle string, challenge string) templ.Component {
+func Passkey(addr string, userHandle string, challenge string) templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
@@ -52,8 +52,8 @@ func InputPasskey(addr string, userHandle string, challenge string) templ.Compon
 
 func navigatorCredentialsCreate(userId string, userHandle string, challenge string) templ.ComponentScript {
 	return templ.ComponentScript{
-		Name: `__templ_navigatorCredentialsCreate_7c0a`,
-		Function: `function __templ_navigatorCredentialsCreate_7c0a(userId, userHandle, challenge){const publicKey = {
+		Name: `__templ_navigatorCredentialsCreate_7340`,
+		Function: `function __templ_navigatorCredentialsCreate_7340(userId, userHandle, challenge){const publicKey = {
     challenge: Uint8Array.from(challenge, (c) => c.charCodeAt(0)),
     rp: {
       name: "Sonr.ID",
@@ -133,12 +133,12 @@ navigator.credentials
     form.submit();
   })
   .catch((err) => {
-    console.error('InputPasskey creation failed:', err);
+    console.error('Passkey creation failed:', err);
     alert(` + "`" + `Failed to create passkey: ${err.message || 'Unknown error'}` + "`" + `);
   });
 }`,
-		Call:       templ.SafeScript(`__templ_navigatorCredentialsCreate_7c0a`, userId, userHandle, challenge),
-		CallInline: templ.SafeScriptInline(`__templ_navigatorCredentialsCreate_7c0a`, userId, userHandle, challenge),
+		Call:       templ.SafeScript(`__templ_navigatorCredentialsCreate_7340`, userId, userHandle, challenge),
+		CallInline: templ.SafeScriptInline(`__templ_navigatorCredentialsCreate_7340`, userId, userHandle, challenge),
 	}
 }
 

internal/nebula/input/input_slider_isHuman.templ

@@ -1,8 +1,8 @@
-package form
+package input
 
 import "fmt"
 
-templ InputHumanSlider(firstNumber int, lastNumber int) {
+templ HumanSlider(firstNumber int, lastNumber int) {
 	<sl-range name="is_human" label={ formatHumanSliderLabel(firstNumber, lastNumber) } help-text="Prove you are a human." min="0" max="9" step="1"></sl-range>
 }
 

internal/nebula/input/input_slider_isHuman_templ.go

@@ -1,7 +1,7 @@
 // Code generated by templ - DO NOT EDIT.
 
 // templ: version: v0.2.793
-package form
+package input
 
 //lint:file-ignore SA4006 This context is only used if a nested component is present.
 
@@ -10,7 +10,7 @@ import templruntime "github.com/a-h/templ/runtime"
 
 import "fmt"
 
-func InputHumanSlider(firstNumber int, lastNumber int) templ.Component {
+func HumanSlider(firstNumber int, lastNumber int) templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
@@ -38,7 +38,7 @@ func InputHumanSlider(firstNumber int, lastNumber int) templ.Component {
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(formatHumanSliderLabel(firstNumber, lastNumber))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/form/input_slider_isHuman.templ`, Line: 6, Col: 82}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/nebula/input/input_slider_isHuman.templ`, Line: 6, Col: 82}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {

internal/nebula/layout/layout.templ

@@ -24,7 +24,7 @@ var (
 )
 
 // Layout is a component that renders the general layout of the application
-templ Root(title string) {
+templ View(title string) {
 	<!DOCTYPE html>
 	<html lang="en">
 		@Head(title, "0.0.11")

internal/nebula/layout/layout_templ.go

@@ -32,7 +32,7 @@ var (
 )
 
 // Layout is a component that renders the general layout of the application
-func Root(title string) templ.Component {
+func View(title string) templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {