조직 연동 오류 해결

adminfront/src/features/tenants/routes/TenantWorksmobilePage.tsx

@@ -63,6 +63,8 @@ import {
   filterWorksmobileComparisonRowsBySearch,
   formatWorksmobileOrgDetails,
   formatWorksmobilePersonName,
+  formatWorksmobileUpdateDetails,
+  getDefaultGroupComparisonFilters,
   getDefaultWorksmobileComparisonColumns,
   getWorksmobileComparisonStatusLabel,
   getWorksmobileRowSelectionKey,
@@ -81,7 +83,7 @@ export function TenantWorksmobilePage() {
   >(["baron_only", "works_only"]);
   const [groupFilters, setGroupFilters] = React.useState<
     WorksmobileComparisonFilter[]
-  >(["baron_only", "works_only"]);
+  >(getDefaultGroupComparisonFilters);
   const [includeUserMissingExternalKey, setIncludeUserMissingExternalKey] =
     React.useState(false);
   const [includeGroupMissingExternalKey, setIncludeGroupMissingExternalKey] =
@@ -594,6 +596,9 @@ function getWorksmobileComparisonStatusVariant(status: string) {
   if (status === "matched") {
     return "success";
   }
+  if (status === "needs_update") {
+    return "warning";
+  }
   if (status === "missing_external_key") {
     return "warning";
   }
@@ -622,6 +627,10 @@ function ComparisonSummary({
           <span className="text-muted-foreground">Baron 없음</span>
           <span className="font-mono">{summary.missingInBaron}</span>
         </div>
+        <div className="flex items-center justify-between">
+          <span className="text-muted-foreground">업데이트 필요</span>
+          <span className="font-mono">{summary.needsUpdate}</span>
+        </div>
         <div className="flex items-center justify-between">
           <span className="text-muted-foreground">ex_key 없음</span>
           <span className="font-mono">{summary.missingExternalKey}</span>
@@ -860,7 +869,7 @@ function ComparisonTable({
   return (
     <div className="min-w-0 space-y-2">
       <div className="flex flex-wrap items-center justify-between gap-3">
-        <div className="flex min-w-0 flex-wrap items-center gap-3">
+        <div className="flex min-w-0 flex-1 flex-wrap items-center gap-3">
           <h4 className="text-lg font-semibold leading-none">{title}</h4>
           <Input
             type="search"
@@ -890,7 +899,7 @@ function ComparisonTable({
             }
           />
         </div>
-        <div className="ml-auto flex flex-wrap items-center justify-end gap-2">
+        <div className="flex shrink-0 flex-wrap items-center justify-end gap-2">
           <Dialog
             open={columnSettingsOpen}
             onOpenChange={setColumnSettingsOpen}
@@ -1058,6 +1067,14 @@ function ComparisonTable({
                     >
                       {getWorksmobileComparisonStatusLabel(row.status)}
                     </Badge>
+                    {formatWorksmobileUpdateDetails(row).map((detail) => (
+                      <div
+                        key={detail}
+                        className="mt-1 max-w-56 whitespace-normal text-xs text-muted-foreground"
+                      >
+                        {detail}
+                      </div>
+                    ))}
                   </TableCell>
                 )}
                 {showBaronIdColumn && isColumnVisible("baronId") && (