From c6719c03669ae7675162dab74e54c88446fdda4d Mon Sep 17 00:00:00 2001
From: trivikramkalagi91-commits <trivikramkalagi91@gmail.com>
Date: Fri, 29 May 2026 23:35:01 +0530
Subject: [PATCH 1/2] fix(ui): update profile field edit permissions and
 placeholders

---
 components/console/account-page-client.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/console/account-page-client.tsx b/components/console/account-page-client.tsx
index 2f577df..57526ee 100644
--- a/components/console/account-page-client.tsx
+++ b/components/console/account-page-client.tsx
@@ -96,22 +96,23 @@ export function AccountPageClient({ user, hasGithubConnection }: { user: UserPro
 
             <Field label="Display Name">
               <input
-                value={user?.email?.split("@")[0] ?? ""}
-                readOnly
+                defaultValue={user?.email?.split("@")[0] ?? ""}
+                placeholder="Enter your display name"
                 className="w-full rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-900 transition-colors focus:border-gray-500 focus:outline-none dark:border-zinc-700 dark:bg-zinc-800 dark:text-white dark:focus:border-zinc-400"
               />
             </Field>
             <Field label="Email Address">
               <input
                 value={user?.email ?? ""}
+                placeholder="Email managed by provider"
                 readOnly
                 className="w-full rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-900 transition-colors focus:border-gray-500 focus:outline-none dark:border-zinc-700 dark:bg-zinc-800 dark:text-white dark:focus:border-zinc-400"
               />
             </Field>
-            <Field label="User ID">
+            <Field label="Username">
               <input
-                value={user?.id ?? ""}
-                readOnly
+                defaultValue={user?.id ?? ""}
+                placeholder="Enter your username"
                 className="w-full rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-900 transition-colors focus:border-gray-500 focus:outline-none dark:border-zinc-700 dark:bg-zinc-800 dark:text-white dark:focus:border-zinc-400"
               />
             </Field>

From 1a972f54a2a54374c1b89782eb68afe81cf15e92 Mon Sep 17 00:00:00 2001
From: trivikramkalagi91-commits <trivikramkalagi91@gmail.com>
Date: Fri, 29 May 2026 23:44:05 +0530
Subject: [PATCH 2/2] fix(ui): implement component state for profile inputs and
 fix user type

---
 components/console/account-page-client.tsx | 8 ++++++--
 lib/user-auth.ts                           | 1 +
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/console/account-page-client.tsx b/components/console/account-page-client.tsx
index 57526ee..f81e3ec 100644
--- a/components/console/account-page-client.tsx
+++ b/components/console/account-page-client.tsx
@@ -37,6 +37,8 @@ function formatCreatedAt(createdAt: number): string {
 }
 
 export function AccountPageClient({ user, hasGithubConnection }: { user: UserProfile | null; hasGithubConnection: boolean }) {
+  const [displayName, setDisplayName] = useState(user?.name ?? user?.email?.split("@")[0] ?? "");
+  const [username, setUsername] = useState(user?.id ?? "");
   const [showOld, setShowOld] = useState(false);
   const [showNew, setShowNew] = useState(false);
   const [deleteInput, setDeleteInput] = useState("");
@@ -96,7 +98,8 @@ export function AccountPageClient({ user, hasGithubConnection }: { user: UserPro
 
             <Field label="Display Name">
               <input
-                defaultValue={user?.email?.split("@")[0] ?? ""}
+                value={displayName}
+                onChange={(e) => setDisplayName(e.target.value)}
                 placeholder="Enter your display name"
                 className="w-full rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-900 transition-colors focus:border-gray-500 focus:outline-none dark:border-zinc-700 dark:bg-zinc-800 dark:text-white dark:focus:border-zinc-400"
               />
@@ -111,7 +114,8 @@ export function AccountPageClient({ user, hasGithubConnection }: { user: UserPro
             </Field>
             <Field label="Username">
               <input
-                defaultValue={user?.id ?? ""}
+                value={username}
+                onChange={(e) => setUsername(e.target.value)}
                 placeholder="Enter your username"
                 className="w-full rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-900 transition-colors focus:border-gray-500 focus:outline-none dark:border-zinc-700 dark:bg-zinc-800 dark:text-white dark:focus:border-zinc-400"
               />
diff --git a/lib/user-auth.ts b/lib/user-auth.ts
index 7793f2c..3e6b701 100644
--- a/lib/user-auth.ts
+++ b/lib/user-auth.ts
@@ -15,6 +15,7 @@ type UserRow = {
 
 export type UserProfile = {
   id: string;
+  name?: string | null;
   email: string;
   createdAt: number;
 };