From 8a8b5baaf61346a110ebaa4ddd40133366562dfe Mon Sep 17 00:00:00 2001
From: kyy <b24053@hanmaceng.co.kr>
Date: Wed, 13 May 2026 14:36:52 +0900
Subject: [PATCH] =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=B8=94=20=EA=B8=B0?=
 =?UTF-8?q?=EB=B3=B8=20=EC=A0=95=EB=A0=AC=20=EC=83=9D=EC=84=B1=EC=9D=BC=20?=
 =?UTF-8?q?=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tenants/routes/TenantListPage.tsx         | 26 +++++++++++--------
 devfront/src/features/clients/ClientsPage.tsx | 13 +++++-----
 2 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/adminfront/src/features/tenants/routes/TenantListPage.tsx b/adminfront/src/features/tenants/routes/TenantListPage.tsx
index b2622121..5a3d4080 100644
--- a/adminfront/src/features/tenants/routes/TenantListPage.tsx
+++ b/adminfront/src/features/tenants/routes/TenantListPage.tsx
@@ -238,8 +238,12 @@ function TenantListPage() {
   const [viewMode, setViewMode] = React.useState<"list" | "hierarchy">("list");
   const [selectedIds, setSelectedIds] = React.useState<string[]>([]);
   const [search, setSearch] = React.useState("");
-  const [sortConfig, setSortConfig] =
-    React.useState<SortConfig<TenantSortKey> | null>(null);
+  const [sortConfig, setSortConfig] = React.useState<SortConfig<TenantSortKey> | null>(
+    {
+      key: "createdAt",
+      direction: "desc",
+    },
+  );
   const fileInputRef = React.useRef<HTMLInputElement | null>(null);
   const [importMessage, setImportMessage] = React.useState("");
   const [previewRows, setPreviewRows] = React.useState<
@@ -965,53 +969,53 @@ function TenantListPage() {
                           />
                         </TableHead>
                         <SortableTableHead
-                          className="min-w-[220px] whitespace-nowrap text-foreground sticky top-0 bg-inherit"
+                          className="min-w-[220px] whitespace-nowrap sticky top-0 bg-inherit"
                           label={t("ui.admin.tenants.table.id", "ID")}
                           onSort={requestSort}
                           sortConfig={sortConfig}
                           sortKey="id"
                         />
                         <SortableTableHead
-                          className="whitespace-nowrap text-foreground sticky top-0 bg-inherit"
+                          className="whitespace-nowrap sticky top-0 bg-inherit"
                           label={t("ui.admin.tenants.table.name", "NAME")}
                           onSort={requestSort}
                           sortConfig={sortConfig}
                           sortKey="name"
                         />
                         <SortableTableHead
-                          className="whitespace-nowrap text-foreground sticky top-0 bg-inherit"
+                          className="whitespace-nowrap sticky top-0 bg-inherit"
                           label={t("ui.admin.tenants.table.type", "TYPE")}
                           onSort={requestSort}
                           sortConfig={sortConfig}
                           sortKey="type"
                         />
                         <SortableTableHead
-                          className="whitespace-nowrap text-foreground sticky top-0 bg-inherit"
+                          className="whitespace-nowrap sticky top-0 bg-inherit"
                           label={t("ui.admin.tenants.table.slug", "SLUG")}
                           onSort={requestSort}
                           sortConfig={sortConfig}
                           sortKey="slug"
                         />
                         <SortableTableHead
-                          className="whitespace-nowrap text-foreground sticky top-0 bg-inherit"
+                          className="whitespace-nowrap sticky top-0 bg-inherit"
                           label={t("ui.admin.tenants.table.status", "STATUS")}
                           onSort={requestSort}
                           sortConfig={sortConfig}
                           sortKey="status"
                         />
                         <SortableTableHead
-                          className="whitespace-nowrap text-foreground sticky top-0 bg-inherit"
+                          className="whitespace-nowrap sticky top-0 bg-inherit"
                           label={t("ui.admin.tenants.table.members", "MEMBERS")}
                           onSort={requestSort}
                           sortConfig={sortConfig}
                           sortKey="recursiveMemberCount"
                         />
                         <SortableTableHead
-                          className="whitespace-nowrap text-foreground sticky top-0 bg-inherit"
-                          label={t("ui.admin.tenants.table.updated", "UPDATED")}
+                          className="whitespace-nowrap sticky top-0 bg-inherit"
+                          label={t("ui.admin.tenants.table.created", "CREATED")}
                           onSort={requestSort}
                           sortConfig={sortConfig}
-                          sortKey="updatedAt"
+                          sortKey="createdAt"
                         />
                         <TableHead className="whitespace-nowrap">
                           {t("ui.common.actions", "액션")}
diff --git a/devfront/src/features/clients/ClientsPage.tsx b/devfront/src/features/clients/ClientsPage.tsx
index fcc26b1d..7f6f92e7 100644
--- a/devfront/src/features/clients/ClientsPage.tsx
+++ b/devfront/src/features/clients/ClientsPage.tsx
@@ -120,8 +120,12 @@ function ClientsPage() {
   const [statusFilter, setStatusFilter] = useState("all");
   const [isAdvancedFilterOpen, setIsAdvancedFilterOpen] = useState(false);
   const [isRequestModalOpen, setIsRequestModalOpen] = useState(false);
-  const [sortConfig, setSortConfig] =
-    useState<SortConfig<ClientSortKey> | null>(null);
+  const [sortConfig, setSortConfig] = useState<SortConfig<ClientSortKey> | null>(
+    {
+      key: "createdAt",
+      direction: "desc",
+    },
+  );
 
   const clients = data?.items || [];
   const clientSortResolvers = useMemo<
@@ -439,35 +443,30 @@ function ClientsPage() {
             <TableHeader>
               <TableRow>
                 <SortableTableHead
-                  className="text-muted-foreground"
                   label={t("ui.dev.clients.table.application", "애플리케이션")}
                   onSort={requestSort}
                   sortConfig={sortConfig}
                   sortKey="application"
                 />
                 <SortableTableHead
-                  className="text-muted-foreground"
                   label={t("ui.dev.clients.table.client_id", "Client ID")}
                   onSort={requestSort}
                   sortConfig={sortConfig}
                   sortKey="id"
                 />
                 <SortableTableHead
-                  className="text-muted-foreground"
                   label={t("ui.dev.clients.table.type", "유형")}
                   onSort={requestSort}
                   sortConfig={sortConfig}
                   sortKey="type"
                 />
                 <SortableTableHead
-                  className="text-muted-foreground"
                   label={t("ui.dev.clients.table.status", "상태")}
                   onSort={requestSort}
                   sortConfig={sortConfig}
                   sortKey="status"
                 />
                 <SortableTableHead
-                  className="text-muted-foreground"
                   label={t("ui.dev.clients.table.created_at", "생성일")}
                   onSort={requestSort}
                   sortConfig={sortConfig}