@goplusvn/core 0.1.79 → 0.1.82

package/src/workspace/route-handlers.ts

@@ -25,6 +25,7 @@ import {
   buildTree,
   createWorkspace,
   deactivateSubtree,
+  reactivateSubtree,
   moveWorkspace,
 } from "./service";
 import { WorkspaceTreeError } from "./tree";
@@ -50,6 +51,54 @@ export interface WorkspaceHandlerDeps {
    * cho tới khi người dùng F5.
    */
   kinds?: { key: string; label: string }[];
+  /**
+   * Bộ lọc ứng viên do APP định nghĩa, cho màn hình gán hàng loạt.
+   *
+   * Core cố ý không biết "chi nhánh" hay "bộ phận" là gì — mỗi app có trục
+   * khác nhau. App nhận `URLSearchParams` và trả về một mảnh `where` của
+   * Prisma trên model `User`; core chỉ AND nó vào truy vấn ứng viên. Bỏ trống
+   * thì hộp tìm kiếm chạy y như cũ.
+   *
+   * Mảnh `where` này KHÔNG thay thế `memberScopeWhere(..., adminOnly)` — nó
+   * chồng thêm, nên app không thể dùng nó để với ra ngoài phạm vi quản trị.
+   */
+  candidateFilter?: (params: URLSearchParams) => unknown;
+  /**
+   * Các nhánh tìm kiếm THÊM cho ô "tìm người", ngoài tên và email của core.
+   *
+   * Người đi gán gõ MÃ NHÂN VIÊN, không gõ email — nhưng mã nhân viên nằm ở
+   * bảng hồ sơ của app (`Employee.employee_code` ở spartronics), core không
+   * biết bảng đó tồn tại. App trả về các mảnh `where` sẽ được OR vào cùng tên
+   * và email. Bỏ trống thì tìm kiếm giữ nguyên phạm vi tên + email.
+   */
+  candidateSearch?: (query: string) => unknown[];
+  /**
+   * Danh tính người dùng để hiện KÈM mỗi dòng: chi nhánh nào, vai trò gì.
+   *
+   * Cùng lý do với `candidateFilter`: "chi nhánh" và "vai trò" là quan hệ của
+   * app, không phải của core — nhét thẳng `userBranches` / `userRoles` vào
+   * truy vấn thì app nào không có đúng hai quan hệ đó sẽ vỡ ngay lúc chạy.
+   * Nên app đưa `select` của mình vào, và tự rút gọn dòng user thành nhãn.
+   *
+   * Bỏ trống thì danh sách chỉ còn tên + email + các không gian đang thuộc về
+   * (phần đó core tự biết) — đúng như trước khi có tuỳ chọn này.
+   */
+  memberIdentity?: {
+    /** Mảnh `select` ghép thêm vào truy vấn `User`. */
+    select: Record<string, unknown>;
+    /**
+     * Rút gọn một dòng user thành nhãn hiển thị.
+     *
+     * `code` là mã nhân viên (hoặc mã nhân sự tương đương) — hiện ngay cạnh
+     * tên, vì đó là thứ người đi gán đọc để chắc chắn không nhầm hai người
+     * trùng tên.
+     */
+    describe: (user: any) => {
+      branch?: string | null;
+      roles?: string[];
+      code?: string | null;
+    };
+  };
   onError?: (error: unknown, req: Request) => Response | Promise<Response>;
 }
 
@@ -235,6 +284,17 @@ export function createWorkspaceItemHandlers(deps: WorkspaceHandlerDeps) {
       if (body?.name !== undefined) data.name = String(body.name).trim();
       if (body?.kind !== undefined) data.kind = body.kind;
       if (body?.settings !== undefined) data.settings = body.settings;
+
+      // Bật lại một nút đã ngừng — đi cả nhánh, nên tách khỏi `update` thường.
+      // Chỉ nhận `isActive: true`: TẮT vẫn phải đi qua DELETE, nơi có câu xác
+      // nhận nói rõ là cả nhánh cùng ngừng.
+      if (body?.isActive === true) {
+        const count = await reactivateSubtree(deps.prisma, id);
+        if (Object.keys(data).length > 0) {
+          await deps.prisma.workspace.update({ where: { id }, data });
+        }
+        return json({ reactivated: count });
+      }
       // `path` / `depth` / `parentId` cố ý KHÔNG nhận từ body: sửa tay là cách
       // làm hỏng cây mà UI vẫn trông đúng. Đổi cha đi qua `/move`.
 
@@ -329,6 +389,33 @@ export function createWorkspaceMemberHandlers(deps: WorkspaceHandlerDeps) {
     };
   }
 
+  /**
+   * Các không gian một người ĐANG thuộc về, do core tự đọc.
+   *
+   * Không phải trang trí: phạm vi đọc của một người là HỢP các không gian họ
+   * thuộc về, nên "còn ở đâu nữa" là thứ quyết định việc gán này có cô lập
+   * được họ hay không. Thiếu cột đó thì người gán bấm "Thêm" và tưởng đã xong.
+   */
+  const membershipSelect = {
+    userWorkspaces: {
+      select: { workspaceId: true, workspace: { select: { name: true } } },
+    },
+  };
+
+  /** Ghép nhãn danh tính vào một dòng user; `skipId` bỏ chính không gian đang mở. */
+  function describeUser(user: any, skipId?: string) {
+    const extra = deps.memberIdentity?.describe(user) ?? {};
+    return {
+      code: extra.code ?? null,
+      branch: extra.branch ?? null,
+      roles: extra.roles ?? [],
+      workspaces: (user.userWorkspaces ?? [])
+        .filter((m: any) => m.workspaceId !== skipId)
+        .map((m: any) => m.workspace?.name)
+        .filter(Boolean) as string[],
+    };
+  }
+
   async function GET(req: Request, ctx: Ctx) {
     try {
       const actor = await resolveActor(deps);
@@ -353,26 +440,64 @@ export function createWorkspaceMemberHandlers(deps: WorkspaceHandlerDeps) {
         // Ứng viên chỉ lấy trong nhánh mình QUẢN TRỊ (adminOnly), không phải
         // nhánh mình xem được: xem được cả công ty mà thêm được ai cũng vào
         // nhánh mình thì D1 chỉ còn là trang trí.
+        // Gán hàng loạt cần nhìn thấy cả danh sách để tick, không phải 20 dòng
+        // đầu — nhưng vẫn có trần, danh sách vài nghìn dòng thì trình duyệt
+        // đơ chứ không giúp ai chọn nhanh hơn.
+        const take = Math.min(
+          Math.max(Number(url.searchParams.get("take")) || 20, 1),
+          200,
+        );
+
+        /**
+         * "Lấy người đang ở bộ phận X" — trục lọc do CORE lo, không phải app.
+         *
+         * Bảng `userWorkspace` là của core, nên đây là trục duy nhất core tự
+         * dựng được. Nó cũng là cách người dùng thật mô tả việc mình đang làm
+         * ("chuyển cả tổ QC sang Kho"), trong khi `candidateFilter` của app lo
+         * những trục app mới biết (chi nhánh, vai trò).
+         */
+        const inWorkspaceId = url.searchParams.get("inWorkspaceId") ?? "";
+
         const rows = await deps.prisma.user.findMany({
           where: {
             AND: [
               memberScopeWhere(actor.scope, { adminOnly: true }),
               { userWorkspaces: { none: { workspaceId: id } } },
+              inWorkspaceId
+                ? { userWorkspaces: { some: { workspaceId: inWorkspaceId } } }
+                : {},
               query
                 ? {
                     OR: [
                       { name: { contains: query, mode: "insensitive" } },
                       { email: { contains: query, mode: "insensitive" } },
+                      ...(deps.candidateSearch?.(query) ?? []),
                     ],
                   }
                 : {},
+              (deps.candidateFilter?.(url.searchParams) ?? {}) as object,
             ],
           },
-          select: { id: true, name: true, email: true, isActive: true },
+          select: {
+            id: true,
+            name: true,
+            email: true,
+            isActive: true,
+            ...membershipSelect,
+            ...(deps.memberIdentity?.select ?? {}),
+          },
           orderBy: { name: "asc" },
-          take: 20,
+          take,
         });
-        return json(rows);
+        return json(
+          rows.map((u: any) => ({
+            id: u.id,
+            name: u.name,
+            email: u.email,
+            isActive: u.isActive,
+            ...describeUser(u),
+          })),
+        );
       }
 
       const rows = await deps.prisma.userWorkspace.findMany({
@@ -381,7 +506,14 @@ export function createWorkspaceMemberHandlers(deps: WorkspaceHandlerDeps) {
           isAdmin: true,
           isDefault: true,
           user: {
-            select: { id: true, name: true, email: true, isActive: true },
+            select: {
+              id: true,
+              name: true,
+              email: true,
+              isActive: true,
+              ...membershipSelect,
+              ...(deps.memberIdentity?.select ?? {}),
+            },
           },
         },
         orderBy: [{ isAdmin: "desc" }, { user: { name: "asc" } }],
@@ -394,6 +526,9 @@ export function createWorkspaceMemberHandlers(deps: WorkspaceHandlerDeps) {
           isActive: r.user.isActive,
           isAdmin: r.isAdmin,
           isDefault: r.isDefault,
+          // Bỏ chính nút đang mở ra khỏi danh sách "cũng ở": ai cũng thuộc về
+          // nó, nhắc lại trên mọi dòng thì cột này không còn nói được gì.
+          ...describeUser(r.user, id),
         })),
       );
     } catch (error) {
@@ -411,6 +546,85 @@ export function createWorkspaceMemberHandlers(deps: WorkspaceHandlerDeps) {
       if (denied) return denied;
 
       const body = await req.json();
+
+      // Đường GÁN HÀNG LOẠT. Tách hẳn khỏi đường một-người bên dưới vì ngữ
+      // nghĩa khác nhau: ở đây `mode: "move"` GỠ mọi membership khác của người
+      // đó. Phải gỡ thật — phạm vi là HỢP của các membership, nên "thêm vào bộ
+      // phận Kho" mà vẫn giữ membership gốc thì người đó vẫn thấy toàn hệ
+      // thống, tức là bấm gán xong mà không cô lập được gì.
+      if (Array.isArray(body?.userIds)) {
+        const userIds = [
+          ...new Set(
+            body.userIds
+              .filter((v: unknown) => typeof v === "string")
+              .map((v: string) => v.trim())
+              .filter(Boolean),
+          ),
+        ] as string[];
+        if (userIds.length === 0) {
+          return json({ error: "Chưa chọn người dùng nào." }, 400);
+        }
+        const move = body?.mode !== "add";
+
+        const failed: { userId: string; error: string }[] = [];
+        let changed = 0;
+
+        for (const target0 of userIds) {
+          const target = await loadTarget(target0);
+          if (!target) {
+            failed.push({
+              userId: target0,
+              error: "Không tìm thấy người dùng.",
+            });
+            continue;
+          }
+          const next = move ? [id] : [...new Set([...target.workspaceIds, id])];
+          try {
+            assertCanUpdateUser(toDelegationActor(actor), target, {
+              workspaceIds: next,
+            });
+          } catch (error) {
+            failed.push({
+              userId: target0,
+              error:
+                error instanceof DelegationError
+                  ? error.message
+                  : "Không cập nhật được.",
+            });
+            continue;
+          }
+
+          await deps.prisma.$transaction(async (tx: any) => {
+            if (move) {
+              await tx.userWorkspace.deleteMany({
+                where: { userId: target0, NOT: { workspaceId: id } },
+              });
+            } else {
+              await tx.userWorkspace.updateMany({
+                where: {
+                  userId: target0,
+                  isDefault: true,
+                  NOT: { workspaceId: id },
+                },
+                data: { isDefault: false },
+              });
+            }
+            await tx.userWorkspace.upsert({
+              where: {
+                userId_workspaceId: { userId: target0, workspaceId: id },
+              },
+              // Không đụng `isAdmin` của người đã ở sẵn trong nút: gán hàng loạt
+              // mà hạ cờ quản trị của họ là một tác dụng phụ không ai yêu cầu.
+              create: { userId: target0, workspaceId: id, isDefault: true },
+              update: { isDefault: true },
+            });
+          });
+          changed += 1;
+        }
+
+        return json({ changed, failed, mode: move ? "move" : "add" });
+      }
+
       const userId = String(body?.userId ?? "").trim();
       if (!userId) return json({ error: "Thiếu userId." }, 400);
 

package/src/workspace/service.ts

@@ -255,6 +255,28 @@ export async function deactivateSubtree(
   return nodes.length;
 }
 
+/**
+ * Bật lại cả nhánh — đối xứng với `deactivateSubtree`.
+ *
+ * Phải có, nếu không thì "xoá" là một chiều: nút đã ngừng nằm mãi trong danh
+ * sách với chữ "(ngừng)" và không đường nào đưa về. Bật lại CẢ NHÁNH chứ không
+ * riêng nút được bấm: nhánh tắt theo nhau thì cũng phải bật theo nhau, bật mỗi
+ * nút cha để lại một cây nửa sống nửa chết mà giao diện không nói ra được.
+ */
+export async function reactivateSubtree(
+  db: WorkspaceServiceDb,
+  rootId: string,
+): Promise<number> {
+  const nodes = await listSubtree(db, rootId);
+  for (const node of nodes) {
+    await db.workspace.update({
+      where: { id: node.id },
+      data: { isActive: true },
+    });
+  }
+  return nodes.length;
+}
+
 /** Dựng cây lồng nhau cho UI từ danh sách phẳng. */
 export interface WorkspaceTreeItem extends WorkspaceNode {
   children: WorkspaceTreeItem[];

package/src/workspace/components/workspace-org-block.tsx

@@ -1,293 +0,0 @@
-"use client";
-
-// Khung TRÁI của trang workspace: mỗi tổ chức là một khối, mỗi bộ phận là một
-// dòng chọn được. Chọn dòng nào thì khung PHẢI mở hồ sơ của dòng đó.
-//
-// Vì sao không phải cây thư mục: cây chỉ diễn tả được quan hệ "cha–con". Ở đây
-// hai nút gốc không cùng loại — một bên là đơn vị VẬN HÀNH (thấy mọi tổ chức),
-// bên kia là KHÁCH HÀNG (bị kẹp trong nhánh của mình). Vẽ cả hai bằng đúng một
-// kiểu dòng thụt lề thì người xem không đọc ra sự khác nhau đó, mà đây lại là
-// điều quan trọng nhất trên màn hình này.
-//
-// Vì sao khối này chỉ ĐIỀU HƯỚNG, không mang nút thao tác: cột trái hẹp, nhồi
-// thêm mã, cấp, nút "+", menu ba chấm vào từng dòng thì tên bộ phận — thứ duy
-// nhất người ta quét mắt tìm — bị ép còn vài chữ. Mã, cấp, nút bấm nằm ở khung
-// phải, nơi đang nói về đúng một nút và có đủ chỗ.
-
-import * as React from "react";
-
-import { Building2, Shield, Users } from "lucide-react";
-
-import { cn } from "../../utils";
-import type { WorkspaceTreeNode } from "./workspace-tree-view";
-
-/**
- * Danh tính của một tổ chức gốc — thứ core KHÔNG tự suy ra được.
- *
- * "Đơn vị vận hành" với "khách hàng" trong dữ liệu là hai dòng `workspace` y hệt
- * nhau; cái phân biệt chúng là quyền `view-all-workspaces` nằm ở tầng vai trò
- * của từng app. Nên app phải tự nói ra, core chỉ vẽ.
- */
-export interface WorkspaceOrgAnnotation {
-  /** Huy hiệu cạnh tên, ví dụ "Vận hành" / "Khách hàng". */
-  badge?: string;
-  /** Một câu giải thích phạm vi, hiện dưới dòng số liệu. */
-  hint?: string;
-  /** `brand` = tổ chức của chính mình; `neutral` = tổ chức bên ngoài. */
-  tone?: "brand" | "neutral";
-}
-
-export interface WorkspaceOrgBlockProps {
-  root: WorkspaceTreeNode;
-  annotation?: WorkspaceOrgAnnotation;
-  /** Nút đang mở ở khung phải. */
-  activeId?: string | null;
-  onSelect?: (node: WorkspaceTreeNode) => void;
-  /**
-   * Nhãn cấp dưới của một nút, hoặc `null` nếu nút đó hết cấp — chỉ dùng để
-   * viết đúng chữ ("3 bộ phận" chứ không phải "3 cấp dưới"). Luật cấp nằm ở
-   * `kinds` của app nên trang cha quyết, khối chỉ hỏi.
-   */
-  childKindLabel?: (node: WorkspaceTreeNode) => string | null;
-}
-
-export interface WorkspaceRollup {
-  /** Tổng thành viên của cả nhánh, kể cả nút gốc. */
-  members: number;
-  admins: number;
-  /** Số nút con cháu, KHÔNG tính chính nó. */
-  units: number;
-}
-
-/**
- * Cộng dồn cả nhánh.
- *
- * Con số ở tiêu đề khối phải là TỔNG, không phải số gán trực tiếp vào nút gốc:
- * "Spartronics 2 người" trong khi ba bộ phận bên dưới có thêm 4 người nữa là
- * câu trả lời sai cho câu hỏi người ta thực sự hỏi ("công ty này bao nhiêu
- * người dùng?"). Số trực tiếp vẫn còn, nằm ở từng dòng.
- */
-export function rollupCounts(node: WorkspaceTreeNode): WorkspaceRollup {
-  return node.children.reduce<WorkspaceRollup>(
-    (acc, child) => {
-      const sub = rollupCounts(child);
-      return {
-        members: acc.members + sub.members,
-        admins: acc.admins + sub.admins,
-        units: acc.units + sub.units + 1,
-      };
-    },
-    {
-      members: node.memberCount ?? 0,
-      admins: node.adminCount ?? 0,
-      units: 0,
-    },
-  );
-}
-
-/** Giữ nhánh nào có ÍT NHẤT một hậu duệ khớp — cắt cha thì mất ngữ cảnh. */
-export function filterWorkspaceTree(
-  nodes: WorkspaceTreeNode[],
-  term: string,
-): WorkspaceTreeNode[] {
-  const needle = term.trim().toLowerCase();
-  if (!needle) return nodes;
-  const walk = (node: WorkspaceTreeNode): WorkspaceTreeNode | null => {
-    const children = node.children
-      .map(walk)
-      .filter((n): n is WorkspaceTreeNode => n !== null);
-    const hit =
-      node.name.toLowerCase().includes(needle) ||
-      node.code.toLowerCase().includes(needle);
-    if (!hit && children.length === 0) return null;
-    return { ...node, children };
-  };
-  return nodes.map(walk).filter((n): n is WorkspaceTreeNode => n !== null);
-}
-
-/**
- * Ô "2 người" ở cuối mỗi dòng.
- *
- * Có icon người đi kèm chứ không chỉ số trần: đây là dòng nhiều cột mà không có
- * tiêu đề cột, con số một mình thì không tự nói ra nó đang đếm cái gì.
- */
-function MemberStat({
-  members,
-  admins,
-  active,
-}: {
-  members: number;
-  admins: number;
-  active?: boolean;
-}) {
-  return (
-    <span
-      className={cn(
-        "flex shrink-0 items-center gap-1.5 text-xs",
-        active ? "text-foreground" : "text-muted-foreground",
-      )}
-    >
-      <Users className="h-3.5 w-3.5" />
-      <span className="tabular-nums">{members}</span>
-      {admins > 0 ? (
-        <Shield
-          className="h-3.5 w-3.5 text-primary"
-          aria-label={`${admins} quản trị`}
-        />
-      ) : null}
-    </span>
-  );
-}
-
-export function WorkspaceOrgBlock({
-  root,
-  annotation,
-  activeId,
-  onSelect,
-  childKindLabel,
-}: WorkspaceOrgBlockProps) {
-  const total = React.useMemo(() => rollupCounts(root), [root]);
-  const brand = annotation?.tone === "brand";
-  const rootChildLabel = childKindLabel?.(root) ?? null;
-  const rootActive = activeId === root.id;
-
-  const renderRow = (
-    node: WorkspaceTreeNode,
-    depth: number,
-  ): React.ReactNode => {
-    const active = activeId === node.id;
-
-    return (
-      <React.Fragment key={node.id}>
-        <button
-          type="button"
-          onClick={() => onSelect?.(node)}
-          aria-current={active ? "true" : undefined}
-          className={cn(
-            "flex w-full items-center gap-2 border-t border-border/60 py-2 pr-3 text-left text-sm transition-colors",
-            // Nền đậm hơn + chữ đậm, KHÔNG tô chữ bằng `text-primary`: ở chế độ
-            // tối màu primary ngả xanh lợt, chữ chìm hẳn. `/20` chứ không `/10`:
-            // trên nền tối, 10% primary gần như không phân biệt được với dòng
-            // thường.
-            active ? "bg-primary/20 font-medium" : "hover:bg-muted/50",
-            node.isActive === false && "opacity-55",
-          )}
-          style={{ paddingLeft: `${0.75 + depth * 1.25}rem` }}
-        >
-          <span className="min-w-0 flex-1 truncate">
-            {node.name}
-            {node.isActive === false ? (
-              <span className="ml-1.5 text-xs font-normal text-muted-foreground">
-                (ngừng)
-              </span>
-            ) : null}
-          </span>
-          <MemberStat
-            members={node.memberCount ?? 0}
-            admins={node.adminCount ?? 0}
-            active={active}
-          />
-        </button>
-
-        {node.children.map((child) => renderRow(child, depth + 1))}
-      </React.Fragment>
-    );
-  };
-
-  return (
-    <section
-      className={cn(
-        "overflow-hidden rounded-xl border bg-card",
-        brand ? "border-primary/25" : "border-border",
-        root.isActive === false && "opacity-60",
-      )}
-    >
-      {/* Cả đầu khối là một nút: tổ chức gốc cũng gán thành viên trực tiếp
-          được, nên nó phải chọn được hệt như bộ phận bên dưới. */}
-      <button
-        type="button"
-        onClick={() => onSelect?.(root)}
-        aria-current={rootActive ? "true" : undefined}
-        className={cn(
-          "flex w-full items-start gap-3 px-3 py-3 text-left transition-colors",
-          rootActive
-            ? "bg-primary/20"
-            : brand
-              ? "bg-primary/10 hover:bg-primary/20"
-              : "bg-muted/30 hover:bg-muted/60",
-        )}
-      >
-        <span
-          aria-hidden
-          className={cn(
-            "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg",
-            brand
-              ? "bg-primary/15 text-primary"
-              : "bg-background text-muted-foreground ring-1 ring-border",
-          )}
-        >
-          <Building2 className="h-4 w-4" />
-        </span>
-
-        <span className="min-w-0 flex-1">
-          <span className="flex flex-wrap items-center gap-x-2 gap-y-1">
-            <span className="truncate text-[15px] font-semibold">
-              {root.name}
-            </span>
-            {annotation?.badge ? (
-              <span
-                className={cn(
-                  "inline-flex shrink-0 items-center rounded-full border px-2 py-0.5 text-[11px] font-medium",
-                  // Chữ `foreground` chứ không `primary`: nhãn này phải đọc
-                  // được ở cả hai chế độ, sắc thái brand để nền và viền lo.
-                  brand
-                    ? "border-primary/40 bg-primary/20 text-foreground"
-                    : "border-border bg-background text-muted-foreground",
-                )}
-              >
-                {annotation.badge}
-              </span>
-            ) : null}
-            {root.isActive === false ? (
-              <span className="text-xs text-muted-foreground">
-                (đã ngừng hoạt động)
-              </span>
-            ) : null}
-          </span>
-
-          {/* Số ở đây là TỔNG cả nhánh, số trên từng dòng là số trực tiếp. Nói
-              rõ "cả nhánh" khi có cấp dưới, không thì hai con số khác nhau trên
-              cùng màn hình mà không ai biết vì sao. */}
-          <span className="mt-0.5 flex flex-wrap items-center gap-x-2 text-xs text-muted-foreground">
-            <span className="tabular-nums">
-              {total.members} người{total.units > 0 ? " cả nhánh" : ""}
-            </span>
-            <span aria-hidden>·</span>
-            <span className="tabular-nums">{total.admins} quản trị</span>
-            <span aria-hidden>·</span>
-            <span className="tabular-nums">
-              {total.units} {(rootChildLabel ?? "cấp dưới").toLowerCase()}
-            </span>
-          </span>
-
-          {annotation?.hint ? (
-            <span className="mt-1 block text-xs leading-relaxed text-muted-foreground">
-              {annotation.hint}
-            </span>
-          ) : null}
-        </span>
-      </button>
-
-      {root.children.length > 0 ? (
-        <div>{root.children.map((child) => renderRow(child, 0))}</div>
-      ) : (
-        // Rỗng phải nói ra HỆ QUẢ, không chỉ báo trống: chưa có cấp dưới nghĩa
-        // là mọi người của tổ chức này dùng chung một phạm vi dữ liệu.
-        <p className="border-t border-border/60 px-3 py-2.5 text-xs text-muted-foreground">
-          Chưa chia {(rootChildLabel ?? "cấp dưới").toLowerCase()} — cả{" "}
-          {total.members} người dùng chung một phạm vi dữ liệu.
-        </p>
-      )}
-    </section>
-  );
-}