fix: align account UI actor shape

This commit is contained in:
2026-07-23 18:35:04 +09:00
parent cd6468bb92
commit 2285277060
4 changed files with 19 additions and 18 deletions
@@ -5,9 +5,8 @@ export type AuthenticatedUser = {
display_name: string;
};
export type RequestActor = {
user: AuthenticatedUser;
auth_kind: string;
export type RequestActor = AuthenticatedUser & {
auth_method: "browser_session" | "api_token" | string;
};
export type WhoamiResponse = {
@@ -22,9 +22,9 @@
try {
const whoami = await loadWhoami();
actor = whoami.actor;
if (actor?.user.handle) {
handle = actor.user.handle;
displayName = actor.user.display_name;
if (actor?.handle) {
handle = actor.handle;
displayName = actor.display_name;
}
} catch (err) {
error = err instanceof Error ? err.message : String(err);
@@ -104,23 +104,23 @@
<dl class="account-details">
<div>
<dt>Handle</dt>
<dd>{actor.user.handle}</dd>
<dd>{actor.handle}</dd>
</div>
<div>
<dt>Display name</dt>
<dd>{actor.user.display_name}</dd>
<dd>{actor.display_name}</dd>
</div>
<div>
<dt>User ID</dt>
<dd><code>{actor.user.user_id}</code></dd>
<dd><code>{actor.user_id}</code></dd>
</div>
<div>
<dt>Account ID</dt>
<dd><code>{actor.user.account_id}</code></dd>
<dd><code>{actor.account_id}</code></dd>
</div>
<div>
<dt>Auth kind</dt>
<dd>{actor.auth_kind}</dd>
<dd>{actor.auth_method}</dd>
</div>
</dl>
<div class="settings-action-row">
@@ -22,7 +22,7 @@
try {
const whoami = await loadWhoami();
actor = whoami.actor;
if (actor?.user.handle) handle = actor.user.handle;
if (actor?.handle) handle = actor.handle;
} catch (err) {
error = err instanceof Error ? err.message : String(err);
} finally {
@@ -85,7 +85,7 @@
{#if loading}
<p class="muted">Loading session…</p>
{:else if actor}
<p>Logged in as <strong>{actor.user.display_name}</strong> <span class="muted">@{actor.user.handle}</span>.</p>
<p>Logged in as <strong>{actor.display_name}</strong> <span class="muted">@{actor.handle}</span>.</p>
{:else}
<p class="muted">You need to log in with a passkey before approving a device login.</p>
<form class="settings-form" onsubmit={(event) => { event.preventDefault(); void login(); }}>