PttCodingMan · PttCodingMan · May 9, 2026 · May 9, 2026
diff --git a/backend/app/routers/pages.py b/backend/app/routers/pages.py
@@ -326,7 +326,8 @@ async def get_page(slug: str, ctx: PageAccess = Depends(page_dep("read"))):
     user = ctx.user
     permission = ctx.permission
     rows = await db.execute_fetchall(
-        """SELECT p.*, CASE WHEN u.display_name IS NOT NULL AND u.display_name != '' THEN u.display_name ELSE u.username END AS author_name
+        """SELECT p.*, u.username AS author_username,
+                  CASE WHEN u.display_name IS NOT NULL AND u.display_name != '' THEN u.display_name ELSE u.username END AS author_name
            FROM pages p
            LEFT JOIN users u ON u.id = p.created_by
            WHERE p.id = ?""",

diff --git a/backend/app/routers/trash.py b/backend/app/routers/trash.py
@@ -25,6 +25,7 @@ async def list_trash(user=Depends(get_current_user)):
     base_sql = """
         SELECT p.id, p.slug, p.title, p.content_md, p.parent_id, p.version,
                p.view_count, p.created_by, p.deleted_at, p.updated_at,
+               u.username AS author_username,
                CASE WHEN u.display_name IS NOT NULL AND u.display_name != ''
                     THEN u.display_name ELSE u.username END AS author_name
         FROM pages p

diff --git a/backend/app/schemas.py b/backend/app/schemas.py
@@ -70,6 +70,7 @@ class PageResponse(BaseModel):
     mindmap_layout: MindmapLayout | None = None
     created_by: int | None = None
     author_name: str | None = None
+    author_username: str | None = None
     created_at: str | None = None
     updated_at: str | None = None
     effective_permission: str | None = None

diff --git a/frontend/src/components/Comments.jsx b/frontend/src/components/Comments.jsx
@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react'
+import { Link } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import DOMPurify from 'dompurify'
 import useAuth from '../store/useAuth'
@@ -26,7 +27,16 @@ function CommentItem({ comment, currentUser, onDelete, onUpdate, pageSlug }) {
       </div>
       <div className="flex-1 min-w-0">
         <div className="flex items-center gap-2 mb-1">
-          <span className="text-sm font-medium text-text">{comment.display_name || comment.username}</span>
+          {comment.username ? (
+            <Link
+              to={`/u/${encodeURIComponent(comment.username)}`}
+              className="text-sm font-medium text-text hover:underline"
+            >
+              {comment.display_name || comment.username}
+            </Link>
+          ) : (
+            <span className="text-sm font-medium text-text">{comment.display_name || '?'}</span>
+          )}
           <span className="text-xs text-text-secondary">{new Date(comment.created_at).toLocaleString()}</span>
           {comment.updated_at !== comment.created_at && (
             <span className="text-xs text-text-secondary">{t('comments.edited')}</span>

diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
@@ -533,7 +533,8 @@
       "title": "Account Info",
       "username": "Username",
       "role": "Role",
-      "created": "Created"
+      "created": "Created",
+      "viewPublic": "View public profile"
     },
     "edit": {
       "title": "Edit Profile",

diff --git a/frontend/src/locales/ja.json b/frontend/src/locales/ja.json
@@ -533,7 +533,8 @@
       "title": "アカウント情報",
       "username": "ユーザー名",
       "role": "ロール",
-      "created": "作成日"
+      "created": "作成日",
+      "viewPublic": "公開プロフィールを見る"
     },
     "edit": {
       "title": "プロフィールを編集",

diff --git a/frontend/src/locales/ko.json b/frontend/src/locales/ko.json
@@ -533,7 +533,8 @@
       "title": "계정 정보",
       "username": "사용자명",
       "role": "역할",
-      "created": "생성일"
+      "created": "생성일",
+      "viewPublic": "공개 프로필 보기"
     },
     "edit": {
       "title": "프로필 편집",

diff --git a/frontend/src/locales/zh-TW.json b/frontend/src/locales/zh-TW.json
@@ -533,7 +533,8 @@
       "title": "帳號資訊",
       "username": "使用者名稱",
       "role": "角色",
-      "created": "建立時間"
+      "created": "建立時間",
+      "viewPublic": "檢視公開頁面"
     },
     "edit": {
       "title": "編輯個人檔案",

diff --git a/frontend/src/pages/Activity.jsx b/frontend/src/pages/Activity.jsx
@@ -16,7 +16,7 @@
  useEffect(() => {
    fetchActivity()
    fetchStats(true)
  }, [])

  const actionLabel = (action) => {
    const key = `activity.actions.${action}`
@@ -89,7 +89,16 @@
                   {text}
                 </span>
                 <div className="flex-1 min-w-0">
-                  <span className="text-sm font-medium text-text">{a.display_name || a.username || t('activity.system')}</span>
+                  {a.username ? (
+                    <Link
+                      to={`/u/${encodeURIComponent(a.username)}`}
+                      className="text-sm font-medium text-text hover:underline"
+                    >
+                      {a.display_name || a.username}
+                    </Link>
+                  ) : (
+                    <span className="text-sm font-medium text-text">{t('activity.system')}</span>
+                  )}
                   <span className="text-sm text-text-secondary">
                     {' '}{text}{' '}
                     {meta.slug && a.action !== 'deleted' ? (

diff --git a/frontend/src/pages/Admin.jsx b/frontend/src/pages/Admin.jsx
@@ -462,7 +462,14 @@
             <tbody>
               {users.map((u) => (
                 <tr key={u.id} className="border-b border-border">
-                  <td className="py-2 px-3 text-text">{u.username}</td>
+                  <td className="py-2 px-3 text-text">
+                    <Link
+                      to={`/u/${encodeURIComponent(u.username)}`}
+                      className="hover:underline"
+                    >
+                      {u.username}
+                    </Link>
+                  </td>
                   <td className="py-2 px-3">
                     <select
                       value={u.role}
@@ -546,7 +553,7 @@

  useEffect(() => {
    fetchGroups()
  }, [])

  const handleCreate = async (e) => {
    e.preventDefault()
@@ -768,7 +775,7 @@

  useEffect(() => {
    loadMedia()
  }, [])

  const handleDelete = async (item) => {
    if (item.reference_count > 0) return
@@ -953,7 +960,7 @@

  useEffect(() => {
    loadDiagrams()
  }, [])

  const handleDelete = async (item) => {
    if (item.reference_count > 0) return

diff --git a/frontend/src/pages/PageVersions.jsx b/frontend/src/pages/PageVersions.jsx
@@ -223,7 +223,19 @@ export default function PageVersions() {
                   </button>
                 </div>
                 <div className="text-xs text-text-secondary mt-1">
-                  {v.display_name || v.username || t('versions.unknownAuthor')} &middot; {new Date(v.edited_at).toLocaleString()}
+                  {v.username ? (
+                    <Link
+                      to={`/u/${encodeURIComponent(v.username)}`}
+                      onClick={(e) => e.stopPropagation()}
+                      className="hover:text-text hover:underline"
+                    >
+                      {v.display_name || v.username}
+                    </Link>
+                  ) : (
+                    t('versions.unknownAuthor')
+                  )}
+                  {' '}&middot;{' '}
+                  {new Date(v.edited_at).toLocaleString()}
                 </div>
                 <div className="text-xs text-text-secondary mt-0.5 truncate">{v.title}</div>
               </div>

diff --git a/frontend/src/pages/PageView.jsx b/frontend/src/pages/PageView.jsx
@@ -452,7 +452,18 @@ export default function PageView() {
         </div>
 
         <div className="text-sm text-text-secondary mb-6">
-          {page.author_name && <>{page.author_name} &middot; </>}
+          {page.author_name && (
+            <>
+              {page.author_username ? (
+                <Link to={`/u/${encodeURIComponent(page.author_username)}`} className="hover:text-text hover:underline">
+                  {page.author_name}
+                </Link>
+              ) : (
+                page.author_name
+              )}
+              {' '}&middot;{' '}
+            </>
+          )}
           /{page.slug} &middot; {t('common.views', { count: page.view_count })} &middot; {t('pageView.updated', { date: new Date(page.updated_at).toLocaleString() })}
           {page.is_public && <> &middot; <span title={t('pageView.publicTitle')}>{t('pageView.publicLabel')}</span></>}
           {watcherCount > 0 && <> &middot; {t('pageView.watchingCount', { count: watcherCount })}</>}

diff --git a/frontend/src/pages/Profile.jsx b/frontend/src/pages/Profile.jsx
@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react'
+import { Link } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import useAuth from '../store/useAuth'
 import api from '../api/client'
@@ -91,7 +92,15 @@ export default function Profile() {
 
       {/* Account Info */}
       <div className="bg-surface rounded-xl shadow-sm border border-border p-6">
-        <h2 className="text-lg font-semibold text-text mb-4">{t('profile.account.title')}</h2>
+        <div className="flex items-center justify-between mb-4">
+          <h2 className="text-lg font-semibold text-text">{t('profile.account.title')}</h2>
+          <Link
+            to={`/u/${encodeURIComponent(profile.username)}`}
+            className="text-sm text-primary hover:underline"
+          >
+            {t('profile.account.viewPublic')}
+          </Link>
+        </div>
         <div className="grid grid-cols-2 gap-4 text-sm">
           <div>
             <span className="text-text-secondary">{t('profile.account.username')}</span>

diff --git a/frontend/src/pages/Trash.jsx b/frontend/src/pages/Trash.jsx
@@ -1,5 +1,5 @@
 import { useEffect, useState, useCallback } from 'react'
-import { useNavigate } from 'react-router-dom'
+import { Link, useNavigate } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import api from '../api/client'
 import useAuth from '../store/useAuth'
@@ -105,7 +105,18 @@ export default function Trash() {
                     <div className="text-xs text-text-secondary">/{item.slug}</div>
                   </td>
                   <td className="px-4 py-3 text-text-secondary">
-                    {item.author_name || '—'}
+                    {item.author_name ? (
+                      item.author_username ? (
+                        <Link
+                          to={`/u/${encodeURIComponent(item.author_username)}`}
+                          className="hover:text-text hover:underline"
+                        >
+                          {item.author_name}
+                        </Link>
+                      ) : (
+                        item.author_name
+                      )
+                    ) : '—'}
                   </td>
                   <td className="px-4 py-3 text-text-secondary">
                     {item.deleted_at ? new Date(item.deleted_at).toLocaleString() : '—'}