style(desktop): unified settings vocabulary across every page

apps/desktop/src/renderer/routes/_authenticated/hooks/useMigrateV1DataToV2/index.ts

@@ -1,4 +1,6 @@
 export {
+	readLastMigrationRunAt,
 	useMigrateV1DataToV2,
+	V1_MIGRATION_LAST_RUN_AT_EVENT,
 	V1_MIGRATION_SUMMARY_EVENT,
 } from "./useMigrateV1DataToV2";

apps/desktop/src/renderer/routes/_authenticated/hooks/useMigrateV1DataToV2/useMigrateV1DataToV2.ts

@@ -25,7 +25,28 @@ function getShownKey(organizationId: string): string {
 	return `v1-migration-modal-shown-${organizationId}`;
 }
 
+function getLastRunAtKey(organizationId: string): string {
+	return `v1-migration-last-run-at-${organizationId}`;
+}
+
 export const V1_MIGRATION_SUMMARY_EVENT = "v1-migration-summary-updated";
+export const V1_MIGRATION_LAST_RUN_AT_EVENT = "v1-migration-last-run-at-updated";
+
+export function readLastMigrationRunAt(organizationId: string): number | null {
+	const raw = localStorage.getItem(getLastRunAtKey(organizationId));
+	if (!raw) return null;
+	const value = Number(raw);
+	return Number.isFinite(value) ? value : null;
+}
+
+function persistLastRunAt(organizationId: string) {
+	localStorage.setItem(getLastRunAtKey(organizationId), String(Date.now()));
+	window.dispatchEvent(
+		new CustomEvent(V1_MIGRATION_LAST_RUN_AT_EVENT, {
+			detail: { organizationId },
+		}),
+	);
+}
 
 function persistSummary(organizationId: string, summary: MigrationSummary) {
 	localStorage.setItem(
@@ -136,6 +157,7 @@ export function useMigrateV1DataToV2({
 					hostService,
 					collections,
 				});
+				persistLastRunAt(organizationId);
 
 				// Persist summary unconditionally before any early-return paths — it's
 				// an idempotent side effect and must survive strict-mode effect

apps/desktop/src/renderer/routes/_authenticated/settings/account/components/AccountSettings/AccountSettings.tsx

@@ -1,11 +1,9 @@
 import { Avatar } from "@superset/ui/atoms/Avatar";
 import { Button } from "@superset/ui/button";
-import { Card, CardContent } from "@superset/ui/card";
 import { Input } from "@superset/ui/input";
 import { toast } from "@superset/ui/sonner";
 import { useLiveQuery } from "@tanstack/react-db";
 import { useEffect, useState } from "react";
-import { HiOutlinePencil } from "react-icons/hi2";
 import { apiTrpcClient } from "renderer/lib/api-trpc-client";
 import { authClient } from "renderer/lib/auth-client";
 import { electronTrpc } from "renderer/lib/electron-trpc";
@@ -110,90 +108,88 @@ export function AccountSettings({ visibleItems }: AccountSettingsProps) {
 				</p>
 			</div>
 
-			<div className="space-y-8">
-				{showProfile && (
-					<div>
-						<h3 className="text-sm font-medium mb-4">Profile</h3>
-						{isLoading ? (
-							<ProfileSkeleton />
-						) : user ? (
-							<Card>
-								<CardContent>
-									<ul className="space-y-6">
-										<li className="flex items-center justify-between gap-8 pb-6 border-b border-border">
-											<div className="flex-1">
-												<div className="text-sm font-medium mb-1">Avatar</div>
-												<div className="text-xs text-muted-foreground">
-													Recommended size is 256x256px
-												</div>
-											</div>
-											<button
-												type="button"
-												onClick={handleAvatarUpload}
-												className="relative w-8 h-8 group cursor-pointer"
-											>
-												<Avatar
-													size="md"
-													fullName={user.name}
-													image={avatarPreview}
-												/>
-												<div className="absolute inset-0 bg-black/50 rounded-full opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center">
-													<HiOutlinePencil className="h-4 w-4 text-white" />
-												</div>
-											</button>
-										</li>
-
-										<li className="flex items-center justify-between gap-8 pb-6 border-b border-border">
-											<div className="flex-1 text-sm font-medium">Name</div>
-											<div className="flex-1">
-												<Input
-													value={nameValue}
-													onChange={(e) => setNameValue(e.target.value)}
-													onBlur={handleNameBlur}
-													placeholder="Your name"
-													className="w-full"
-												/>
-											</div>
-										</li>
-
-										<li className="flex items-center justify-between gap-8">
-											<div className="flex-1 text-sm font-medium">Email</div>
-											<div className="flex-1">
-												<Input
-													value={user.email}
-													readOnly
-													disabled
-													className="w-full"
-												/>
-											</div>
-										</li>
-									</ul>
-								</CardContent>
-							</Card>
-						) : (
-							<Card>
-								<CardContent>
-									<p className="text-muted-foreground">
-										Unable to load user info
-									</p>
-								</CardContent>
-							</Card>
-						)}
-					</div>
-				)}
+			<div className="space-y-3">
+				{showProfile &&
+					(isLoading ? (
+						<ProfileSkeleton />
+					) : user ? (
+						<>
+							<SettingRow label="Avatar" hint="Recommended size 256×256.">
+								<button
+									type="button"
+									onClick={handleAvatarUpload}
+									disabled={selectImageMutation.isPending}
+									className="rounded-full transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-100"
+									aria-label="Change avatar"
+								>
+									<Avatar
+										size="xl"
+										fullName={user.name}
+										image={avatarPreview}
+									/>
+								</button>
+							</SettingRow>
+
+							<SettingRow label="Name">
+								<Input
+									value={nameValue}
+									onChange={(e) => setNameValue(e.target.value)}
+									onBlur={handleNameBlur}
+									placeholder="Your name"
+									className="w-80"
+								/>
+							</SettingRow>
+
+							<SettingRow label="Email">
+								<Input
+									value={user.email}
+									readOnly
+									className="w-80 opacity-60"
+								/>
+							</SettingRow>
+						</>
+					) : (
+						<p className="text-sm text-muted-foreground">
+							Unable to load user info
+						</p>
+					))}
 
 				{showSignOut && (
-					<div className={showProfile ? "pt-6 border-t" : ""}>
-						<h3 className="text-sm font-medium mb-2">Sign Out</h3>
-						<p className="text-sm text-muted-foreground mb-4">
-							Sign out of your Superset account on this device.
-						</p>
-						<Button variant="outline" onClick={() => signOutMutation.mutate()}>
-							Sign Out
-						</Button>
+					<div className={showProfile ? "pt-5" : undefined}>
+						<SettingRow
+							label="Sign out of this device"
+							hint="You'll need to sign in again to use Superset on this device."
+						>
+							<Button
+								variant="outline"
+								onClick={() => signOutMutation.mutate()}
+							>
+								Sign out
+							</Button>
+						</SettingRow>
 					</div>
 				)}
 			</div>
 		</div>
 	);
 }
+
+interface SettingRowProps {
+	label: string;
+	hint?: string;
+	children: React.ReactNode;
+}
+
+function SettingRow({ label, hint, children }: SettingRowProps) {
+	return (
+		<div className="flex items-center justify-between gap-8">
+			<div className="flex-1 min-w-0">
+				<div className="text-sm font-medium">{label}</div>
+				{hint && (
+					<div className="text-xs text-muted-foreground mt-0.5">{hint}</div>
+				)}
+			</div>
+			<div className="flex-shrink-0">{children}</div>
+		</div>
+	);
+}

apps/desktop/src/renderer/routes/_authenticated/settings/account/components/AccountSettings/components/ProfileSkeleton/ProfileSkeleton.tsx

@@ -1,28 +1,26 @@
-import { Card, CardContent } from "@superset/ui/card";
 import { Skeleton } from "@superset/ui/skeleton";
 
 export function ProfileSkeleton() {
 	return (
-		<Card>
-			<CardContent>
-				<ul className="space-y-6">
-					<li className="flex items-center justify-between gap-8 pb-6 border-b border-border">
-						<div className="flex-1">
-							<Skeleton className="h-4 w-16 mb-2" />
-							<Skeleton className="h-3 w-40" />
-						</div>
-						<Skeleton className="h-8 w-8 rounded-full" />
-					</li>
-					<li className="flex items-center justify-between gap-8 pb-6 border-b border-border">
-						<Skeleton className="h-4 w-12" />
-						<Skeleton className="h-10 flex-1" />
-					</li>
-					<li className="flex items-center justify-between gap-8">
-						<Skeleton className="h-4 w-12" />
-						<Skeleton className="h-10 flex-1" />
-					</li>
-				</ul>
-			</CardContent>
-		</Card>
+		<div className="space-y-3">
+			<div className="flex items-center justify-between gap-8">
+				<div className="flex-1">
+					<Skeleton className="h-4 w-16 mb-2" />
+					<Skeleton className="h-3 w-40" />
+				</div>
+				<div className="flex items-center gap-3">
+					<Skeleton className="size-12 rounded-full" />
+					<Skeleton className="h-8 w-20" />
+				</div>
+			</div>
+			<div className="flex items-center justify-between gap-8">
+				<Skeleton className="h-4 w-12" />
+				<Skeleton className="h-9 w-80" />
+			</div>
+			<div className="flex items-center justify-between gap-8">
+				<Skeleton className="h-4 w-12" />
+				<Skeleton className="h-9 w-80" />
+			</div>
+		</div>
 	);
 }

apps/desktop/src/renderer/routes/_authenticated/settings/agents/components/AgentsSettings/AgentsSettings.tsx

@@ -38,7 +38,7 @@ function V1AgentsSettings({ visibleItems }: AgentsSettingsProps) {
 	);
 
 	return (
-		<div className="p-6 max-w-5xl w-full">
+		<div className="p-6 max-w-5xl w-full mx-auto">
 			<div className="mb-8">
 				<h2 className="text-xl font-semibold">Agents</h2>
 				<p className="text-sm text-muted-foreground mt-1">