From b5b2b3196e09e48507b8666a9b8085720b0073b4 Mon Sep 17 00:00:00 2001
From: Noa Virellia <noa@requiem.garden>
Date: Tue, 20 Jan 2026 22:08:10 +0800
Subject: [PATCH] WIP

Signed-off-by: Noa Virellia <noa@requiem.garden>
---
 client/cms/eslint.config.js                   |  2 +-
 .../components/profile/edit-bio-dialog.tsx    | 33 +++++++++++++++++++
 .../src/components/profile/main-profile.tsx   |  4 ++-
 3 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 client/cms/src/components/profile/edit-bio-dialog.tsx

diff --git a/client/cms/eslint.config.js b/client/cms/eslint.config.js
index 6a51d36..75e958b 100644
--- a/client/cms/eslint.config.js
+++ b/client/cms/eslint.config.js
@@ -3,7 +3,7 @@ import pluginQuery from '@tanstack/eslint-plugin-query';
 
 export default antfu({
   gitignore: true,
-  ignores: ['**/node_modules/**', '**/dist/**', 'bun.lock', '**/routeTree.gen.ts', '**/ui/**'],
+  ignores: ['**/node_modules/**', '**/dist/**', 'bun.lock', '**/routeTree.gen.ts', '**/ui/**', 'src/components/editor/**/*'],
   react: true,
   stylistic: {
     semi: true,
diff --git a/client/cms/src/components/profile/edit-bio-dialog.tsx b/client/cms/src/components/profile/edit-bio-dialog.tsx
new file mode 100644
index 0000000..a978571
--- /dev/null
+++ b/client/cms/src/components/profile/edit-bio-dialog.tsx
@@ -0,0 +1,33 @@
+import { Pencil } from 'lucide-react';
+import { PlateEditor } from '@/components/editor/plate-editor';
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogFooter,
+  DialogTrigger,
+} from '@/components/ui/dialog';
+
+export function EditBioDialog() {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button className="absolute top-4 right-4" size="icon-sm" variant="outline">
+          <Pencil />
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[425px] max-h-128">
+        <PlateEditor />
+        <DialogFooter>
+          <DialogClose asChild>
+            <Button variant="outline">取消</Button>
+          </DialogClose>
+          <DialogClose asChild>
+            <Button type="submit">保存</Button>
+          </DialogClose>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/client/cms/src/components/profile/main-profile.tsx b/client/cms/src/components/profile/main-profile.tsx
index da496f0..99be466 100644
--- a/client/cms/src/components/profile/main-profile.tsx
+++ b/client/cms/src/components/profile/main-profile.tsx
@@ -3,6 +3,7 @@ import Markdown from 'react-markdown';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { useUserInfo } from '@/hooks/data/useUserInfo';
 import { base64ToUtf8 } from '@/lib/utils';
+import { EditBioDialog } from './edit-bio-dialog';
 import { EditProfileDialog } from './edit-profile-dialog';
 
 export function MainProfile() {
@@ -30,9 +31,10 @@ export function MainProfile() {
           <EditProfileDialog />
         </div>
       </div>
-      <section className="rounded-md border border-muted w-full flex-1 lg:flex-auto min-h-72 lg:h-full mt-4 lg:mt-0 p-6 prose dark:prose-invert max-w-[1012px] self-center">
+      <section className="relative rounded-md border border-muted w-full flex-1 lg:flex-auto min-h-72 lg:h-full mt-4 lg:mt-0 p-6 prose dark:prose-invert max-w-[1012px] self-center">
         {/* Bio */}
         <Markdown>{base64ToUtf8(user.bio)}</Markdown>
+        <EditBioDialog />
       </section>
     </div>
   );