@goplusvn/core 0.1.71 → 0.1.72

package/src/ui/data-display/data-table-pagination.tsx

@@ -25,22 +25,34 @@ import {
 } from "../primitives/client";
 
 interface DataTablePaginationProps<TData> {
-  table: Table<TData>;
+  /**
+   * Instance tanstack. BỎ TRỐNG khi dùng thuần state: truyền đủ
+   * totalItems/currentPage/pageSize + onPageChange/onPageSizeChange
+   * (ghép với hook `useClientPagination`).
+   */
+  table?: Table<TData>;
   totalItems?: number;
+  /** Trang hiện tại, 1-BASED (KHÁC pageIndex 0-based của tanstack). */
   currentPage?: number;
   pageSize?: number;
+  /** Nhận trang 1-based. Có mặt thì THẮNG table.setPageIndex. */
+  onPageChange?: (page: number) => void;
+  /** Có mặt thì THẮNG table.setPageSize. Reset về trang 1 là việc của caller (useClientPagination đã lo). */
+  onPageSizeChange?: (pageSize: number) => void;
 }
 
-export function DataTablePagination<TData>({
+export function DataTablePagination<TData = unknown>({
   table,
   totalItems,
   currentPage,
   pageSize,
+  onPageChange,
+  onPageSizeChange,
 }: DataTablePaginationProps<TData>) {
-  const state = table.getState().pagination;
-  const effPageSize = pageSize ?? state.pageSize;
-  const effCurrentPage = currentPage ?? state.pageIndex + 1;
-  const total = totalItems ?? table.getFilteredRowModel().rows.length;
+  const state = table?.getState().pagination;
+  const effPageSize = pageSize ?? state?.pageSize ?? 10;
+  const effCurrentPage = currentPage ?? (state ? state.pageIndex + 1 : 1);
+  const total = totalItems ?? table?.getFilteredRowModel().rows.length ?? 0;
   const pageCount = Math.max(1, Math.ceil(total / effPageSize));
   const startItem = total > 0 ? (effCurrentPage - 1) * effPageSize + 1 : 0;
   const endItem = total > 0 ? Math.min(effCurrentPage * effPageSize, total) : 0;
@@ -52,7 +64,8 @@ export function DataTablePagination<TData>({
 
   const goToPage = (page: number) => {
     if (page < 1 || page > pageCount) return;
-    table.setPageIndex(page - 1);
+    if (onPageChange) onPageChange(page);
+    else table?.setPageIndex(page - 1);
   };
 
   const handlePageInputBlur = () => {
@@ -77,7 +90,11 @@ export function DataTablePagination<TData>({
           </p>
           <Select
             value={`${effPageSize}`}
-            onValueChange={(value) => table.setPageSize(Number(value))}
+            onValueChange={(value) => {
+              const size = Number(value);
+              if (onPageSizeChange) onPageSizeChange(size);
+              else table?.setPageSize(size);
+            }}
           >
             <SelectTrigger className="!h-6 !min-h-0 py-0 w-[60px] sm:w-[65px] text-[11px] px-1.5 focus:ring-inset focus:ring-offset-0">
               <SelectValue placeholder={effPageSize} />

package/src/ui/data-display/index.tsx

@@ -14,6 +14,7 @@ export { DataTableViewOptions } from "./data-table-view-options";
 
 export * from "./formatted-number-input";
 export * from "./data-table-pagination";
+export * from "./use-client-pagination";
 export * from "./avatar";
 export * from "./kpi-card";
 export * from "./compact-stat-bar";

package/src/ui/data-display/use-client-pagination.ts

@@ -0,0 +1,48 @@
+// @goerp/core/ui/data-display
+// Hook phân trang CLIENT-STATE THUẦN cho bảng client-side (dialog/tab không
+// muốn gắn URL). Ghép với <DataTablePagination totalItems currentPage pageSize
+// onPageChange onPageSizeChange> (không cần table tanstack). Trang 1-based.
+// Cần gắn URL thì dùng UrlPagination/ShallowPagination, KHÔNG dùng hook này.
+
+"use client";
+
+import { useCallback, useMemo, useState } from "react";
+
+export interface ClientPagination<T> {
+  /** Trang hiện tại, 1-based — đã clamp vào [1, pageCount] khi items co lại. */
+  page: number;
+  setPage: (page: number) => void;
+  pageSize: number;
+  /** Đổi cỡ trang thì TỰ về trang 1 (tránh rơi ngoài phạm vi). */
+  setPageSize: (pageSize: number) => void;
+  /** Lát cắt items của trang hiện tại. */
+  pageItems: T[];
+  total: number;
+  pageCount: number;
+}
+
+export function useClientPagination<T>(
+  items: T[],
+  initialPageSize = 10,
+): ClientPagination<T> {
+  const [rawPage, setPage] = useState(1);
+  const [pageSize, setPageSizeState] = useState(initialPageSize);
+
+  const total = items.length;
+  const pageCount = Math.max(1, Math.ceil(total / pageSize));
+  // Clamp thay vì setState trong effect: items co lại (xoá/lọc) không tạo
+  // render trung gian với trang rỗng.
+  const page = Math.min(Math.max(1, rawPage), pageCount);
+
+  const pageItems = useMemo(
+    () => items.slice((page - 1) * pageSize, page * pageSize),
+    [items, page, pageSize],
+  );
+
+  const setPageSize = useCallback((size: number) => {
+    setPageSizeState(size);
+    setPage(1);
+  }, []);
+
+  return { page, setPage, pageSize, setPageSize, pageItems, total, pageCount };
+}

package/templates/starter-app/AGENTS.md

@@ -58,7 +58,7 @@ ESLint, nên khi thấy id thì tra thẳng được:
 | `layering/*` | ngoài module chỉ import qua public API; `lib` không gọi ngược lên `modules`; domain không dính `next/*` |
 | `one-door/*` | một Prisma client, một cửa kho tập tin / phạm vi chi nhánh; export qua `useExport`; API 500 phải ghi `error_logs` |
 | `structure/*` | đặt tên & vị trí file trong `app/`; `.dockerignore` không nuốt mã nguồn |
-| `design/*` | không `tailwind.config.ts`; token lấy từ core; không `flex {bp}:hidden`; bảng dùng `DataTableWrapper` |
+| `design/*` | không `tailwind.config.ts`; token lấy từ core; không `flex {bp}:hidden`; bảng dùng `DataTable` từ `@goerp/core/ui` |
 | `safety/*` | không `FOR UPDATE` thô; không gọi mạng trong `$transaction`; `findMany` trong page phải có `take` |
 | `debt/*` | trần `any` theo thư mục — chỉ được hạ, và **không được dư** |
 

package/templates/starter-app/prisma/migrations/20260807115347_platform_pages/migration.sql

@@ -0,0 +1,87 @@
+-- CreateTable
+CREATE TABLE "job_titles" (
+    "id" TEXT NOT NULL,
+    "code" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "description" TEXT,
+    "level" INTEGER NOT NULL DEFAULT 0,
+    "status" TEXT NOT NULL DEFAULT 'active',
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+    "created_by" TEXT,
+    "updated_by" TEXT,
+
+    CONSTRAINT "job_titles_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "system_categories" (
+    "id" TEXT NOT NULL,
+    "code" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "group_code" TEXT NOT NULL,
+    "description" TEXT NOT NULL,
+    "status" TEXT NOT NULL DEFAULT 'active',
+    "order" INTEGER,
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "created_by" TEXT NOT NULL,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+    "updated_by" TEXT NOT NULL,
+
+    CONSTRAINT "system_categories_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "system_category_groups" (
+    "id" TEXT NOT NULL,
+    "code" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "description" TEXT NOT NULL,
+    "status" TEXT NOT NULL DEFAULT 'active',
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "created_by" TEXT NOT NULL,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+    "updated_by" TEXT NOT NULL,
+
+    CONSTRAINT "system_category_groups_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "system_alerts" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "message" TEXT NOT NULL,
+    "type" TEXT NOT NULL DEFAULT 'info',
+    "status" TEXT NOT NULL DEFAULT 'pending',
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "created_by" TEXT,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+    "updated_by" TEXT,
+
+    CONSTRAINT "system_alerts_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "job_titles_code_key" ON "job_titles"("code");
+
+-- CreateIndex
+CREATE INDEX "job_titles_code_idx" ON "job_titles"("code");
+
+-- CreateIndex
+CREATE INDEX "job_titles_status_idx" ON "job_titles"("status");
+
+-- CreateIndex
+CREATE INDEX "job_titles_level_idx" ON "job_titles"("level");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "system_categories_code_key" ON "system_categories"("code");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "system_category_groups_code_key" ON "system_category_groups"("code");
+
+-- CreateIndex
+CREATE INDEX "system_alerts_status_idx" ON "system_alerts"("status");
+
+-- CreateIndex
+CREATE INDEX "system_alerts_type_idx" ON "system_alerts"("type");
+

package/templates/starter-app/prisma/migrations/20260808003811_company_profile/migration.sql

@@ -0,0 +1,25 @@
+-- CreateTable
+CREATE TABLE "companies" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "tax_code" TEXT NOT NULL,
+    "address" TEXT NOT NULL,
+    "phone" TEXT NOT NULL,
+    "email" TEXT NOT NULL,
+    "logo_url" TEXT,
+    "system_name" TEXT,
+    "status" TEXT NOT NULL DEFAULT 'active',
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "created_by" TEXT NOT NULL DEFAULT 'system',
+    "updated_at" TIMESTAMP(3) NOT NULL,
+    "updated_by" TEXT NOT NULL DEFAULT 'system',
+
+    CONSTRAINT "companies_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "companies_tax_code_key" ON "companies"("tax_code");
+
+-- CreateIndex
+CREATE INDEX "companies_status_idx" ON "companies"("status");
+

package/templates/starter-app/scripts/rbac-sync.ts

@@ -27,6 +27,7 @@ import { randomUUID } from "node:crypto"
 
 import { PrismaPg } from "@prisma/adapter-pg"
 import { PrismaClient } from "@prisma/client"
+
 import "dotenv/config"
 
 import { permissionRegistry } from "../src/configs/permissions"
@@ -46,29 +47,39 @@ const STANDARD_ACTIONS: Record<string, string> = {
 }
 
 const connectionString = process.env.DATABASE_URL
-if (!connectionString) throw new Error("DATABASE_URL chưa được set (xem .env.example)")
+if (!connectionString)
+  throw new Error("DATABASE_URL chưa được set (xem .env.example)")
 const prisma = new PrismaClient({ adapter: new PrismaPg({ connectionString }) })
 
 async function main() {
-  const now = new Date()
-  const resourceCount = permissionRegistry.reduce((n, f) => n + f.resources.length, 0)
+  const resourceCount = permissionRegistry.reduce(
+    (n, f) => n + f.resources.length,
+    0
+  )
   console.log(
-    `→ rbac-sync: ${permissionRegistry.length} phân hệ, ${resourceCount} resource${DRY_RUN ? " [DRY RUN]" : ""}`,
+    `→ rbac-sync: ${permissionRegistry.length} phân hệ, ${resourceCount} resource${DRY_RUN ? " [DRY RUN]" : ""}`
   )
 
   // ── 1. Action: tạo nếu thiếu ───────────────────────────────────────────
-  const declaredActions = new Map<string, { name: string; description?: string }>()
+  const declaredActions = new Map<
+    string,
+    { name: string; description?: string }
+  >()
   for (const feature of permissionRegistry) {
     for (const a of feature.customActions ?? []) {
       declaredActions.set(a.code, { name: a.name, description: a.description })
     }
   }
   const usedActionCodes = new Set(
-    permissionRegistry.flatMap((f) => f.resources.flatMap((r) => [...r.actions])),
+    permissionRegistry.flatMap((f) =>
+      f.resources.flatMap((r) => [...r.actions])
+    )
   )
 
   const existingActionCodes = new Set(
-    (await prisma.action.findMany({ select: { code: true } })).map((a) => a.code),
+    (await prisma.action.findMany({ select: { code: true } })).map(
+      (a) => a.code
+    )
   )
 
   for (const code of usedActionCodes) {
@@ -81,7 +92,7 @@ async function main() {
       // Dừng hẳn thay vì tạo action rác: sai chính tả một action code sẽ khiến
       // quyền không bao giờ khớp và nút bấm ẩn vĩnh viễn.
       throw new Error(
-        `Action "${code}" được dùng nhưng không nằm trong bộ chuẩn và chưa khai ở customActions của phân hệ nào.`,
+        `Action "${code}" được dùng nhưng không nằm trong bộ chuẩn và chưa khai ở customActions của phân hệ nào.`
       )
     }
     console.log(`  + action: ${code} (${decl.name})`)
@@ -113,12 +124,14 @@ async function main() {
       }
       // Lớp tùy chỉnh của admin (thêm/tắt action trên UI) được BẢO TOÀN:
       // hiệu lực = registry ∪ customActions − disabledActions
-      const custom = Array.isArray(config.customActions) ? (config.customActions as string[]) : []
+      const custom = Array.isArray(config.customActions)
+        ? (config.customActions as string[])
+        : []
       const disabled = Array.isArray(config.disabledActions)
         ? (config.disabledActions as string[])
         : []
       config.actions = [...new Set([...r.actions, ...custom])].filter(
-        (a) => !disabled.includes(a),
+        (a) => !disabled.includes(a)
       )
 
       if (!existing) {
@@ -147,14 +160,16 @@ async function main() {
   }
 
   // ── 3. Grant mặc định — CHỈ cho resource vừa tạo (trừ khi --force-grants) ──
-  const wantsGrants = (code: string) => FORCE_GRANTS || createdResourceCodes.has(code)
+  const wantsGrants = (code: string) =>
+    FORCE_GRANTS || createdResourceCodes.has(code)
   let skippedGrants = 0
 
   const neededRoleCodes = new Set<string>()
   for (const feature of permissionRegistry) {
     for (const r of feature.resources) {
       if (!wantsGrants(r.code)) continue
-      for (const roleCode of Object.keys(r.defaultGrants ?? {})) neededRoleCodes.add(roleCode)
+      for (const roleCode of Object.keys(r.defaultGrants ?? {}))
+        neededRoleCodes.add(roleCode)
     }
   }
   const presentRoles = new Set(
@@ -165,7 +180,7 @@ async function main() {
             select: { code: true },
           })
         ).map((r) => r.code)
-      : [],
+      : []
   )
 
   for (const feature of permissionRegistry) {
@@ -174,11 +189,14 @@ async function main() {
       for (const [roleCode, grant] of Object.entries(r.defaultGrants ?? {})) {
         if (!presentRoles.has(roleCode)) {
           skippedGrants++
-          console.warn(`  ! vai trò "${roleCode}" chưa tồn tại — bỏ qua grant cho ${r.code}`)
+          console.warn(
+            `  ! vai trò "${roleCode}" chưa tồn tại — bỏ qua grant cho ${r.code}`
+          )
           continue
         }
         for (const actionCode of grant === "*" ? r.actions : grant) {
-          if (VERBOSE || !FORCE_GRANTS) console.log(`  ✓ grant: ${roleCode} → ${r.code}:${actionCode}`)
+          if (VERBOSE || !FORCE_GRANTS)
+            console.log(`  ✓ grant: ${roleCode} → ${r.code}:${actionCode}`)
           if (!DRY_RUN) {
             await prisma.rolePermission.upsert({
               where: {
@@ -188,7 +206,12 @@ async function main() {
                   actionCode,
                 },
               },
-              create: { id: randomUUID(), roleCode, resourceCode: r.code, actionCode },
+              create: {
+                id: randomUUID(),
+                roleCode,
+                resourceCode: r.code,
+                actionCode,
+              },
               update: {},
             })
           }
@@ -199,22 +222,27 @@ async function main() {
 
   // ── 4. Drift (chỉ cảnh báo) ────────────────────────────────────────────
   const registryCodes = new Set(
-    permissionRegistry.flatMap((f) => f.resources.map((r) => r.code)),
+    permissionRegistry.flatMap((f) => f.resources.map((r) => r.code))
   )
   const legacy = (
-    await prisma.resource.findMany({ where: { status: "active" }, select: { code: true } })
+    await prisma.resource.findMany({
+      where: { status: "active" },
+      select: { code: true },
+    })
   )
     .map((r) => r.code)
     .filter((code) => !registryCodes.has(code))
     .sort()
 
   if (legacy.length) {
-    console.log(`→ Drift: ${legacy.length} resource trong DB chưa khai registry`)
+    console.log(
+      `→ Drift: ${legacy.length} resource trong DB chưa khai registry`
+    )
     if (VERBOSE) console.log(`  ${legacy.join(", ")}`)
   }
 
   console.log(
-    `→ Xong: ${createdResourceCodes.size} resource mới, ${registryCodes.size - createdResourceCodes.size} resource cập nhật.`,
+    `→ Xong: ${createdResourceCodes.size} resource mới, ${registryCodes.size - createdResourceCodes.size} resource cập nhật.`
   )
 
   // Bỏ qua grant = resource đã tạo nhưng KHÔNG ai có quyền, và lần chạy sau
@@ -222,7 +250,7 @@ async function main() {
   if (skippedGrants) {
     console.warn(
       `\n⚠ ${skippedGrants} grant bị bỏ vì vai trò chưa tồn tại. Chạy \`pnpm seed\` để tạo vai trò,` +
-        ` rồi \`pnpm rbac-sync --force-grants\` để áp lại — nếu không sẽ không ai vào được màn hình nào.`,
+        ` rồi \`pnpm rbac-sync --force-grants\` để áp lại — nếu không sẽ không ai vào được màn hình nào.`
     )
   }
 }

package/templates/starter-app/src/__tests__/architecture.test.ts

@@ -2,9 +2,10 @@ import { join } from "node:path"
 
 import { runCoreGuardrails } from "@goerp/core/guardrails"
 
-import { permissionRegistry } from "@/configs/permissions"
 import { navigations } from "@/data/navigations"
 
+import { permissionRegistry } from "@/configs/permissions"
+
 /**
  * HÀNG RÀO KIẾN TRÚC — mỗi thước ở đây ứng với một lỗi im lặng đã từng làm mất
  * thời gian trong app thật: quyền khai sai thì nút biến mất mà không báo lỗi,
@@ -44,7 +45,7 @@ runCoreGuardrails({
     // tương ứng trong CÙNG commit — trần dư cũng bị báo đỏ.
     "debt/any": {
       app: 2, // Record<string, any> cho where của Prisma (audit, error-logs)
-      lib: 2, // session as any ở api-handler / page-guard
+      lib: 0, // Session của app gán thẳng vào checkPermission — không cần ép kiểu
       server: 1, // mask(config: any) trong system-config-service
     },
   },

package/templates/starter-app/src/app/[lang]/(main)/actions/page.tsx

@@ -1,14 +1,14 @@
-import { requirePageAccess } from "@/lib/page-guard"
+// Trang hành động = catalog TRA CỨU. Action mới khai trong customActions của
+// Permission Registry rồi chạy rbac-sync.
+import { ActionCatalogPage } from "@goerp/core/rbac/pages"
 import {
   getActionsForPermissionMatrix,
   getResourcesForPermissionMatrix,
 } from "@goerp/core/rbac/resource-service"
-// Trang hành động = catalog TRA CỨU. Action mới khai trong customActions của
-// Permission Registry rồi chạy rbac-sync.
-import { ActionCatalogPage } from "@goerp/core/rbac/pages"
 
 import { getActionMetaMap } from "@/configs/permissions"
 import { RESOURCE_PAGES } from "@/configs/permissions/menu-tree"
+import { requirePageAccess } from "@/lib/page-guard"
 import { db } from "@/lib/prisma"
 
 export const metadata = { title: "Hành động" }

package/templates/starter-app/src/app/[lang]/(main)/admin/system/cache/page.tsx

@@ -13,8 +13,7 @@ export const metadata = { title: "Bộ nhớ đệm" }
 // serialize closure → "Functions cannot be passed directly to Client Components".
 async function assertCacheAccess(action: "view" | "update") {
   const session = await getSession()
-  const s = session as Parameters<typeof checkPermission>[0]
-  if (!checkPermission(s, "system-cache", action)) {
+  if (!checkPermission(session, "system-cache", action)) {
     throw new Error("Forbidden")
   }
 }

package/templates/starter-app/src/app/[lang]/(main)/admin/system/company/actions.ts

@@ -1,12 +1,11 @@
 "use server"
 
 import { revalidatePath } from "next/cache"
+import { updateSystemCompany } from "@/server/services/company-service"
+
+import type { CompanyProfileInput } from "@/server/services/company-service"
 
 import { requirePermission } from "@/lib/action-guard"
-import {
-  updateSystemCompany,
-  type CompanyProfileInput,
-} from "@/server/services/company-service"
 
 /** Hồ sơ công ty dùng chung quyền với Cấu hình hệ thống (system-setting). */
 export async function submitCompanyProfile(data: CompanyProfileInput) {
@@ -15,7 +14,10 @@ export async function submitCompanyProfile(data: CompanyProfileInput) {
     const session = await requirePermission("system-setting", "update")
     userId = session.user?.id ?? "system"
   } catch {
-    return { success: false, error: "Bạn không có quyền cập nhật hồ sơ công ty" }
+    return {
+      success: false,
+      error: "Bạn không có quyền cập nhật hồ sơ công ty",
+    }
   }
 
   try {

package/templates/starter-app/src/app/[lang]/(main)/admin/system/company/company-profile-form.tsx

@@ -1,11 +1,6 @@
 "use client"
 
 import * as React from "react"
-import { useForm } from "react-hook-form"
-import { zodResolver } from "@hookform/resolvers/zod"
-import { toast } from "sonner"
-import { z } from "zod"
-
 import {
   Card,
   CardContent,
@@ -21,6 +16,10 @@ import {
 } from "@goerp/core/ui"
 import { Button } from "@goerp/core/ui/primitives/button"
 import { Input } from "@goerp/core/ui/primitives/input"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import { toast } from "sonner"
+import { z } from "zod"
 
 import { submitCompanyProfile } from "./actions"
 
@@ -58,7 +57,11 @@ const FIELDS: Array<{
   { name: "address", label: "Địa chỉ" },
   { name: "phone", label: "Số điện thoại" },
   { name: "email", label: "Email" },
-  { name: "systemName", label: "Tên hệ thống (hiển thị trên app)", placeholder: "Bỏ trống = dùng tên công ty" },
+  {
+    name: "systemName",
+    label: "Tên hệ thống (hiển thị trên app)",
+    placeholder: "Bỏ trống = dùng tên công ty",
+  },
 ]
 
 export function CompanyProfileForm({ initialData }: CompanyProfileFormProps) {
@@ -129,9 +132,15 @@ export function CompanyProfileForm({ initialData }: CompanyProfileFormProps) {
                 <div className="flex h-20 w-20 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border bg-muted">
                   {logoUrl ? (
                     // eslint-disable-next-line @next/next/no-img-element -- ảnh động theo DB, không qua next/image
-                    <img src={logoUrl} alt="Logo công ty" className="h-full w-full object-contain" />
+                    <img
+                      src={logoUrl}
+                      alt="Logo công ty"
+                      className="h-full w-full object-contain"
+                    />
                   ) : (
-                    <span className="text-[11px] text-muted-foreground">Chưa có</span>
+                    <span className="text-[11px] text-muted-foreground">
+                      Chưa có
+                    </span>
                   )}
                 </div>
                 <div className="flex flex-col gap-2">
@@ -148,7 +157,9 @@ export function CompanyProfileForm({ initialData }: CompanyProfileFormProps) {
                       <button
                         type="button"
                         className="underline"
-                        onClick={() => form.setValue("logoUrl", "", { shouldDirty: true })}
+                        onClick={() =>
+                          form.setValue("logoUrl", "", { shouldDirty: true })
+                        }
                       >
                         Gỡ logo
                       </button>

package/templates/starter-app/src/app/[lang]/(main)/admin/system/company/page.tsx

@@ -1,7 +1,8 @@
+import { getSystemCompany } from "@/server/services/company-service"
+
 import type { Metadata } from "next"
 
 import { requirePageAccess } from "@/lib/page-guard"
-import { getSystemCompany } from "@/server/services/company-service"
 
 import { CompanyProfileForm } from "./company-profile-form"
 

package/templates/starter-app/src/app/[lang]/(main)/crud/[entity]/page.tsx

@@ -2,8 +2,9 @@ import { EntityCrudPage } from "@goerp/core/crud"
 
 import type { LocaleType } from "@goerp/core/types"
 
-import { getEntityConfig } from "@/configs/entities"
 import { dictionary } from "@/data/dictionary"
+
+import { getEntityConfig } from "@/configs/entities"
 import { getSession } from "@/lib/auth"
 
 export const dynamic = "force-dynamic"
@@ -22,7 +23,8 @@ export default async function CrudEntityPage({
   if (!config) {
     return (
       <div className="p-6 text-sm text-muted-foreground">
-        Không tìm thấy entity: <code className="rounded bg-muted px-1">{entity}</code>
+        Không tìm thấy entity:{" "}
+        <code className="rounded bg-muted px-1">{entity}</code>
       </div>
     )
   }

package/templates/starter-app/src/app/[lang]/(main)/layout.tsx

@@ -1,9 +1,10 @@
 import type { ReactNode } from "react"
 
-import { MainLayoutWrapper } from "@/components/layout/main-layout-wrapper"
 import { dictionary } from "@/data/dictionary"
 import { navigations } from "@/data/navigations"
 
+import { MainLayoutWrapper } from "@/components/layout/main-layout-wrapper"
+
 export default function MainAreaLayout({ children }: { children: ReactNode }) {
   return (
     <MainLayoutWrapper dictionary={dictionary} navigation={navigations}>

package/templates/starter-app/src/app/[lang]/(main)/page.tsx

@@ -1,7 +1,7 @@
-import { StatBar } from "@goerp/core/ui"
-import { ArrowRight, Building2, ShieldCheck, Sparkles } from "lucide-react"
 import Link from "next/link"
 import { redirect } from "next/navigation"
+import { StatBar } from "@goerp/core/ui"
+import { ArrowRight, Building2, ShieldCheck, Sparkles } from "lucide-react"
 
 import { i18n } from "@/configs/i18n"
 import { getSession } from "@/lib/auth"
@@ -33,8 +33,8 @@ export default async function HomePage() {
         </h1>
         <p className="text-sm text-muted-foreground">
           App mẫu chạy trên{" "}
-          <code className="rounded bg-muted px-1">@goerp/core</code> — auth, RBAC,
-          CRUD engine và design system đều từ core.
+          <code className="rounded bg-muted px-1">@goerp/core</code> — auth,
+          RBAC, CRUD engine và design system đều từ core.
         </p>
       </div>
 

package/templates/starter-app/src/app/[lang]/(main)/resources/page.tsx

@@ -1,15 +1,15 @@
-import { requirePageAccess } from "@/lib/page-guard"
-import {
-  getActionsForPermissionMatrix,
-  getResourcesForPermissionMatrix,
-} from "@goerp/core/rbac/resource-service"
 // Trang tài nguyên = catalog TRA CỨU (đọc từ DB đã rbac-sync). Khai báo/chỉnh
 // sửa nằm trong Permission Registry (src/configs/permissions) + rbac-sync,
 // không sửa trực tiếp ở đây.
 import { ResourceCatalogPage } from "@goerp/core/rbac/pages"
+import {
+  getActionsForPermissionMatrix,
+  getResourcesForPermissionMatrix,
+} from "@goerp/core/rbac/resource-service"
 
 import { getActionMetaMap, getLookupPolicyMap } from "@/configs/permissions"
 import { MENU_TREE } from "@/configs/permissions/menu-tree"
+import { requirePageAccess } from "@/lib/page-guard"
 import { db } from "@/lib/prisma"
 
 export const metadata = { title: "Tài nguyên" }