@vitnode/core 1.2.0-canary.75 → 1.2.0-canary.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitnode/core",
-  "version": "1.2.0-canary.75",
+  "version": "1.2.0-canary.77",
   "description": "Core package for VitNode, providing essential functionalities and configurations.",
   "author": "VitNode Team",
   "license": "MIT",
@@ -20,8 +20,8 @@
   ],
   "peerDependencies": {
     "@hono/zod-openapi": "^1.0.x",
-    "@swc/cli": "0.7.x",
-    "@swc/core": "1.x.x",
+    "@swc/cli": "^0.7.0 || ^0.8.0",
+    "@swc/core": "^1.15.0",
     "@types/react": "^19.1.x",
     "@types/react-dom": "^19.1.x",
     "drizzle-kit": "^0.31.x",
@@ -33,52 +33,52 @@
     "react": "^19.2.x",
     "react-dom": "^19.2.x",
     "react-hook-form": "^7.x.x",
-    "typescript": "^5.9.x",
+    "typescript": "^6.x.x",
     "zod": "^4.x.x"
   },
   "devDependencies": {
-    "@hono/zod-openapi": "^1.4.0",
-    "@hono/zod-validator": "^0.8.0",
+    "@hono/zod-openapi": "^1.5.1",
+    "@hono/zod-validator": "^0.9.0",
     "@hookform/resolvers": "^5.4.0",
-    "@react-email/ui": "^6.6.6",
+    "@react-email/ui": "^6.9.0",
     "@swc/cli": "^0.8.1",
-    "@swc/core": "^1.15.43",
+    "@swc/core": "^1.15.46",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
-    "@types/node": "^26.0.1",
+    "@types/node": "^26.1.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.3",
-    "@vitest/coverage-v8": "^4.1.9",
+    "@vitejs/plugin-react": "^6.0.4",
+    "@vitest/coverage-v8": "^4.1.10",
     "chokidar": "^5.0.0",
     "concurrently": "^10.0.3",
     "drizzle-kit": "^0.31.10",
     "drizzle-orm": "^0.45.2",
-    "eslint": "^10.5.0",
-    "hono": "^4.12.27",
+    "eslint": "^10.7.0",
+    "hono": "^4.12.31",
     "jiti": "^2.7.0",
     "jsdom": "^29.1.1",
-    "lucide-react": "^1.21.0",
-    "next": "16.3.0-preview.5",
-    "next-intl": "^4.13.0",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "react-email": "^6.6.6",
-    "react-hook-form": "^7.80.0",
+    "lucide-react": "^1.25.0",
+    "next": "16.3.0-preview.9",
+    "next-intl": "^4.13.3",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-email": "^6.9.0",
+    "react-hook-form": "^7.82.0",
     "sonner": "^2.0.7",
-    "tailwindcss": "^4.3.1",
-    "tsc-alias": "^1.8.17",
+    "tailwindcss": "^4.3.3",
+    "tsc-alias": "^1.9.1",
     "tsup": "^8.5.1",
-    "tsx": "^4.22.4",
+    "tsx": "^4.23.1",
     "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3",
-    "vite": "^8.1.0",
-    "vitest": "^4.1.9",
+    "vite": "^8.1.5",
+    "vitest": "^4.1.10",
     "zod": "^4.4.3",
-    "@vitnode/config": "1.2.0-canary.75"
+    "@vitnode/config": "1.2.0-canary.77"
   },
   "bin": {
-    "vitnode": "./dist/scripts/scripts.js"
+    "vitnode": "./cli.mjs"
   },
   "exports": {
     "./api/config": {
@@ -92,7 +92,7 @@
       "default": "./dist/src/*.js"
     },
     "./config/next.config": "./config/next.config.ts",
-    "./locales/en.json": "./src/locales/en.json",
+    "./locales/*.json": "./src/locales/*.json",
     "./styles/tiptap.css": "./src/tiptap.css"
   },
   "type": "module",
@@ -101,30 +101,32 @@
     "@bprogress/next": "^3.2.12",
     "@dnd-kit/core": "^6.3.1",
     "@hono/swagger-ui": "^0.6.1",
-    "@tanstack/react-query": "^5.101.1",
-    "@tiptap/extension-text-align": "^3.27.1",
-    "@tiptap/pm": "^3.27.1",
-    "@tiptap/react": "^3.27.1",
-    "@tiptap/starter-kit": "^3.27.1",
+    "@tanstack/react-query": "^5.101.4",
+    "@tiptap/extension-text-align": "^3.28.0",
+    "@tiptap/pm": "^3.28.0",
+    "@tiptap/react": "^3.28.0",
+    "@tiptap/starter-kit": "^3.28.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "cron-parser": "^5.6.1",
+    "cron-parser": "^5.6.2",
     "date-fns": "^4.4.0",
     "dotenv": "^17.4.2",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
     "ioredis": "^5.11.1",
-    "motion": "^12.41.0",
+    "motion": "^12.42.2",
     "next-themes": "^0.4.6",
     "postgres": "^3.4.9",
     "rate-limiter-flexible": "^11.2.0",
+    "react-colorful": "^5.8.0",
     "react-day-picker": "^10.0.1",
-    "react-resizable-panels": "^4.11.2",
+    "react-resizable-panels": "^4.12.2",
     "react-scan": "^0.5.7",
-    "recharts": "3.9.0",
+    "recharts": "^3.10.0",
     "server-only": "^0.0.1",
-    "shadcn": "^4.11.0",
+    "shadcn": "^4.14.0",
+    "sharp": "^0.35.3",
     "tailwind-merge": "^3.6.0",
     "use-debounce": "^10.1.1",
     "vaul": "^1.1.2"
@@ -132,8 +134,8 @@
   "scripts": {
     "build:scripts": "tsup",
     "start:scripts": "node dist/scripts/scripts.js init",
-    "build:plugins": "tsc && swc src -d dist --config-file .swcrc && tsc-alias -p tsconfig.json",
-    "dev": "concurrently \"tsc -w --preserveWatchOutput\" \"swc src -d dist --config-file .swcrc -w\" \"tsc-alias -w\" \"node dist/scripts/scripts.js plugin --w\"",
+    "build:plugins": "tsc -p tsconfig.build.json && swc src -d dist --config-file .swcrc --copy-files && tsc-alias -p tsconfig.build.json",
+    "dev": "concurrently \"tsc -w -p tsconfig.build.json --preserveWatchOutput\" \"swc src -d dist --config-file .swcrc --copy-files -w\" \"tsc-alias -w -p tsconfig.build.json\" \"node dist/scripts/scripts.js plugin --w\"",
     "dev:email": "email dev --dir src/emails",
     "test": "vitest run",
     "test:watch": "vitest",

package/src/locales/en.json

@@ -8,15 +8,28 @@
   "@vitnode/core:users:can_edit": "Edit users",
   "@vitnode/core:users:can_edit_admin": "Edit users with administrator permission",
   "@vitnode/core:roles": "Roles",
-  "@vitnode/core:roles:can_manage": "Manage roles",
+  "@vitnode/core:roles:can_view": "View roles list",
+  "@vitnode/core:roles:can_create": "Create roles",
+  "@vitnode/core:roles:can_edit": "Edit roles",
+  "@vitnode/core:roles:can_edit_admin": "Edit roles with administrator permission",
+  "@vitnode/core:roles:can_delete": "Delete roles",
+  "@vitnode/core:roles:can_delete_admin": "Delete roles with administrator permission",
   "@vitnode/core:debug": "Debug Panel",
   "@vitnode/core:debug:can_view": "View debug panel",
   "@vitnode/core:debug:can_clear_cache": "Clear cache",
   "@vitnode/core:system": "System",
   "@vitnode/core:system:can_view": "View integrations",
   "@vitnode/core:system:can_send_test_email": "Send test email",
+  "@vitnode/core:system:can_test_storage": "Test storage",
+  "@vitnode/core:files": "Files",
+  "@vitnode/core:files:can_view": "View uploaded files",
+  "@vitnode/core:files:can_download": "Download files",
+  "@vitnode/core:files:can_delete": "Delete files",
   "@vitnode/core:queue": "Queue Tasks",
   "@vitnode/core:queue:can_view": "View queue tasks",
+  "@vitnode/core:cron": "Cron Jobs",
+  "@vitnode/core:cron:can_view": "View cron jobs",
+  "@vitnode/core:cron:can_run": "Run cron jobs",
   "@vitnode/core:staff_moderators": "Staff: Moderators",
   "@vitnode/core:staff_moderators:can_view": "View moderators list",
   "@vitnode/core:staff_moderators:can_create": "Create moderators",
@@ -28,6 +41,81 @@
   "@vitnode/core:staff_admins:can_edit": "Edit administrator permissions",
   "@vitnode/core:staff_admins:can_delete": "Remove administrators",
   "core": {
+    "search": {
+      "title": "Search",
+      "desc": "Search across everything in the community.",
+      "discoverTitle": "Discover",
+      "discoverDesc": "See the latest activity across the community.",
+      "nav": {
+        "search": "Search",
+        "discover": "Discover"
+      },
+      "placeholder": "Search…",
+      "empty": "Nothing found yet.",
+      "loadMore": "Load more",
+      "loading": "Loading…",
+      "sort": {
+        "relevance": "Relevance",
+        "newest": "Newest",
+        "oldest": "Oldest"
+      },
+      "types": {
+        "blog_post": "Post",
+        "unknown": "Content"
+      },
+      "userTab": {
+        "overview": "Overview",
+        "timeline": "Timeline"
+      },
+      "admin": {
+        "title": "Search",
+        "desc": "Content discovery engine and index status.",
+        "healthy": "Healthy",
+        "unhealthy": "Unavailable",
+        "never": "Never",
+        "rebuild": "Rebuild index",
+        "rebuilding": "Queuing…",
+        "rebuildQueued": "Search index rebuild queued.",
+        "rebuildError": "Could not queue the rebuild.",
+        "reindex": "Reindex",
+        "reindexQueued": "Reindex queued for {collection}.",
+        "cron": {
+          "title": "Background jobs require a configured cron adapter",
+          "desc": "A rebuild won't run until cron is active. Configure an adapter in Integrations to enable scheduled reindexing.",
+          "dismiss": "Dismiss"
+        },
+        "stats": {
+          "status": "Status",
+          "statusHealthy": "All systems operational",
+          "statusUnhealthy": "Search engine unavailable",
+          "engine": "Engine",
+          "engineDesc": "Full-text search adapter",
+          "indexed": "Indexed items",
+          "indexedDesc": "Across {count, plural, =0 {no collections} one {# collection} other {# collections}}",
+          "lastIndexed": "Last indexed",
+          "lastIndexedNever": "No content indexed yet"
+        },
+        "collections": {
+          "title": "Indexed collections",
+          "desc": "Coverage and freshness per content type. Filter to preview what your users find.",
+          "count": "{shown} of {total}",
+          "searchPlaceholder": "Search collections…",
+          "columns": {
+            "collection": "Collection",
+            "items": "Items",
+            "coverage": "Coverage",
+            "lastIndexed": "Last indexed"
+          },
+          "status": {
+            "indexed": "Indexed",
+            "stale": "Stale",
+            "empty": "Not indexed"
+          },
+          "empty": "No collections found",
+          "emptyDesc": "No collection matches your search. Try a different term."
+        }
+      }
+    },
     "global": {
       "close": "Close",
       "confirm": "Confirm",
@@ -97,6 +185,8 @@
       "go_back": "Go back",
       "select_option": "Select an option",
       "select_options": "Select options",
+      "select_language": "Select language",
+      "pick_color": "Pick a color",
       "go_to_prev_page": "Go to previous page",
       "go_to_next_page": "Go to next page",
       "errors": {
@@ -124,6 +214,11 @@
         "409": {
           "title": "Conflict",
           "desc": "The request could not be completed due to a conflict with the current state of the resource."
+        },
+        "429": {
+          "title": "Too many requests",
+          "desc": "You're doing that too fast. Please slow down and try again in a moment.",
+          "retry": "You're doing that too fast. Please try again in {seconds} seconds."
         }
       },
       "user_bar": {
@@ -131,7 +226,42 @@
         "log_out": "Log out",
         "mod_cp": "Moderator CP",
         "admin_cp": "Admin CP",
-        "settings": "Settings"
+        "settings": "Settings",
+        "files": "My Files"
+      }
+    },
+    "files": {
+      "title": "My Files",
+      "desc": "Files you've uploaded to your account.",
+      "list": {
+        "preview": "Preview",
+        "name": "Name",
+        "folder": "Folder",
+        "size": "Size",
+        "dimensions": "Dimensions",
+        "metadata": "Metadata",
+        "createdAt": "Uploaded"
+      },
+      "metadata": {
+        "title": "Metadata",
+        "empty": "—"
+      },
+      "actions": {
+        "download": "Download",
+        "delete": "Delete"
+      },
+      "download": {
+        "error": "Failed to download the file."
+      },
+      "delete": {
+        "title": "Delete file",
+        "desc": "Are you sure you want to delete this file? This permanently removes it and cannot be undone.",
+        "confirm": "Delete",
+        "success": "File deleted."
+      },
+      "noResults": {
+        "title": "No files yet",
+        "description": "Files you upload will appear here."
       }
     },
     "auth": {
@@ -241,7 +371,25 @@
         "desc": "Manage your profile, security, and account preferences.",
         "nav": {
           "overview": "Overview",
+          "devices": "Devices",
           "security": "Security"
+        },
+        "devices": {
+          "title": "Devices",
+          "desc": "Manage your devices where you are logged in.",
+          "current_device": "Current Device",
+          "last_active": "Last Active",
+          "browser": "Browser",
+          "ip_address": "IP Address",
+          "session_expires": "Session Expires",
+          "empty": "No active devices.",
+          "revoke": {
+            "action": "Sign out device",
+            "title": "Sign out this device?",
+            "desc": "You will be signed out of {os}. That device will need to sign in again.",
+            "confirm": "Sign out",
+            "success": "Device signed out successfully."
+          }
         }
       }
     }
@@ -272,12 +420,14 @@
         },
         "system": {
           "title": "System",
-          "integrations": "Integrations"
+          "integrations": "Integrations",
+          "files": "Files"
         },
         "advanced": {
           "title": "Advanced",
           "cron": "Cron Jobs",
-          "queue": "Queue Tasks"
+          "queue": "Queue Tasks",
+          "search": "Search"
         }
       }
     },
@@ -414,6 +564,46 @@
           "title": "No roles found",
           "description": "Try adjusting your search criteria."
         }
+      },
+      "create": {
+        "title": "Create role",
+        "desc": "Add a new role to your application.",
+        "submit": "Create",
+        "success": "Role created"
+      },
+      "edit": {
+        "title": "Edit role",
+        "submit": "Save changes",
+        "success": "Role updated"
+      },
+      "delete": {
+        "title": "Delete role",
+        "desc": "Are you sure you want to delete the role \"{name}\"? This action cannot be undone.",
+        "descWithUsers": "The role \"{name}\" is assigned to {count, plural, one {# user} other {# users}}. Choose another role to move them into before deleting. This action cannot be undone.",
+        "moveToLabel": "Move users to",
+        "selectRole": "Select a role...",
+        "confirm": "Delete role",
+        "cancel": "Cancel",
+        "success": "Role deleted",
+        "successDesc": "The role has been permanently deleted.",
+        "successDescMoved": "{count, plural, one {# user was} other {# users were}} moved to \"{name}\" and the role was permanently deleted."
+      },
+      "tabs": {
+        "general": "General",
+        "content": "Content"
+      },
+      "form": {
+        "name": "Name",
+        "color": "Color",
+        "upload": {
+          "allow": "Allow upload files",
+          "total_max_storage": "Total Max Storage",
+          "max_storage_for_submit": "Max Storage for Submit",
+          "max_storage_for_submit_desc": "If you set 1000, user can upload only 1 file with size 1000kB or 2 files with size 500kB for each submit.",
+          "in_unit": "in kB",
+          "or": "or",
+          "unlimited": "Unlimited"
+        }
       }
     },
     "staff": {
@@ -524,7 +714,7 @@
         "redis": {
           "title": "Redis",
           "desc": "Shared cache and rate-limiter storage. Falls back to in-memory when off.",
-          "down": "Configured but unreachable — check your Redis connection."
+          "down": "Configured but unreachable - check your Redis connection."
         },
         "email": {
           "title": "Email",
@@ -553,6 +743,27 @@
             "success": "Test email sent. Check the recipient's inbox to confirm your configuration."
           }
         },
+        "storage": {
+          "title": "Storage",
+          "desc": "File uploads such as avatars and attachments, stored via your storage adapter.",
+          "test": {
+            "label": "Test storage",
+            "title": "Test file storage",
+            "desc": "Upload a file and run a round-trip check to confirm your storage adapter is working.",
+            "info": {
+              "title": "How to verify your configuration",
+              "desc": "Upload a test image. If it succeeds, your storage adapter is configured correctly. If it fails, double-check your adapter settings and the system logs."
+            },
+            "upload": {
+              "label": "Upload a test image",
+              "desc": "Click to choose an image",
+              "pending": "Uploading…",
+              "done": "Uploaded",
+              "error": "Upload failed - try again",
+              "success": "Image uploaded - it's stored in your adapter."
+            }
+          }
+        },
         "captcha": {
           "title": "Captcha",
           "desc": "Bot protection on public forms like sign-up and password reset.",
@@ -564,15 +775,54 @@
         "cron": {
           "title": "Cron Jobs",
           "desc": "Scheduled background tasks such as clearing expired sessions and tokens.",
-          "insecure": "Using the default CRON_SECRET — set a secure one in production.",
-          "not_configured": "No cron adapter configured — jobs won't run automatically.",
+          "insecure": "Using the default CRON_SECRET - set a secure one in production.",
+          "not_configured": "No cron adapter configured - jobs won't run automatically.",
+          "stale": "No job has run in over 6 hours - cron may be misconfigured or stopped. Check your cron setup.",
           "jobs": "{count, plural, =0 {No jobs scheduled} one {# job scheduled} other {# jobs scheduled}}"
         },
         "queue": {
           "title": "Queue Tasks",
           "desc": "Background jobs enqueued in the database and drained by the cron worker.",
           "tasks": "{count, plural, =0 {No tasks registered} one {# task registered} other {# tasks registered}}",
-          "queued": "{pending} pending · {processing} running"
+          "queued": "{pending} pending · {processing} running",
+          "cron_stale": "Offline - the cron worker that drains the queue isn't running. Fix cron jobs to resume processing."
+        }
+      },
+      "files": {
+        "title": "Files",
+        "desc": "Browse, download, and delete files uploaded to this instance.",
+        "list": {
+          "preview": "Preview",
+          "name": "Name",
+          "folder": "Folder",
+          "size": "Size",
+          "dimensions": "Dimensions",
+          "uploadedBy": "Uploaded by",
+          "metadata": "Metadata",
+          "createdAt": "Uploaded",
+          "no_preview": "No preview"
+        },
+        "anonymous": "—",
+        "metadata": {
+          "empty": "—",
+          "title": "Metadata"
+        },
+        "actions": {
+          "download": "Download",
+          "delete": "Delete"
+        },
+        "download": {
+          "error": "Failed to download the file."
+        },
+        "delete": {
+          "title": "Delete file",
+          "desc": "Are you sure you want to delete this file? This permanently removes it from storage and cannot be undone.",
+          "confirm": "Delete",
+          "success": "File deleted."
+        },
+        "noResults": {
+          "title": "No files uploaded",
+          "description": "Files uploaded across the site will appear here."
         }
       }
     },

package/src/locales/index.ts

@@ -0,0 +1,15 @@
+import type { LocaleMessagesMap } from "@/lib/i18n/types";
+
+/**
+ * Every language `@vitnode/core` ships. Add a file next to this one and a line
+ * here to add another; apps pick it up with no copy step.
+ *
+ * The annotation is deliberate - inferring it would inline the whole message
+ * tree into the emitted `.d.ts`. Key-level types come from the `next-intl`
+ * augmentation in `global.d.ts`.
+ */
+const messages: LocaleMessagesMap = {
+  en: async () => await import("./en.json", { with: { type: "json" } }),
+};
+
+export default messages;

package/src/routes/admin/core/advanced/cron/page.tsx

@@ -1,10 +1,12 @@
 import { getTranslations } from "next-intl/server";
 import dynamic from "next/dynamic";
+import { notFound } from "next/navigation";
 import React from "react";
 
 import { I18nProvider } from "@/components/i18n-provider";
 import { DataTableSkeleton } from "@/components/table/data-table";
 import { HeaderContent } from "@/components/ui/header-content";
+import { checkAdminPermissionApi } from "@/lib/api/get-session-admin-api";
 
 const CronTableView = dynamic(async () =>
   import("@/views/admin/views/core/advanced/cron/cron-table-view").then(
@@ -26,7 +28,14 @@ export const generateMetadata = async () => {
 export default async function Page(
   props: React.ComponentProps<typeof CronTableView>,
 ) {
-  const t = await getTranslations("admin.advanced.cron");
+  const [t, canView] = await Promise.all([
+    getTranslations("admin.advanced.cron"),
+    checkAdminPermissionApi({ module: "cron", permission: "can_view" }),
+  ]);
+
+  if (!canView) {
+    notFound();
+  }
 
   return (
     <I18nProvider namespaces={["admin.advanced.cron"]}>

package/src/routes/admin/core/advanced/search/page.tsx

@@ -0,0 +1,50 @@
+import { getTranslations } from "next-intl/server";
+import { notFound } from "next/navigation";
+import React from "react";
+
+import { I18nProvider } from "@/components/i18n-provider";
+import { HeaderContent } from "@/components/ui/header-content";
+import { checkAdminPermissionApi } from "@/lib/api/get-session-admin-api";
+import { SearchHeaderActions } from "@/views/admin/views/core/advanced/search/search-header-actions";
+import {
+  SearchAdminView,
+  SearchAdminViewSkeleton,
+} from "@/views/admin/views/core/advanced/search/search-view";
+
+export const generateMetadata = async () => {
+  const t = await getTranslations("core.search");
+
+  return {
+    title: t("admin.title"),
+    description: t("admin.desc"),
+  };
+};
+
+export default async function Page({
+  searchParams,
+}: {
+  searchParams: Promise<{ search?: string }>;
+}) {
+  const [t, canView] = await Promise.all([
+    getTranslations("core.search"),
+    checkAdminPermissionApi({ module: "system", permission: "can_view" }),
+  ]);
+
+  if (!canView) {
+    notFound();
+  }
+
+  return (
+    <I18nProvider namespaces="core.search">
+      <div className="p-4">
+        <HeaderContent desc={t("admin.desc")} h1={t("admin.title")}>
+          <SearchHeaderActions />
+        </HeaderContent>
+
+        <React.Suspense fallback={<SearchAdminViewSkeleton />}>
+          <SearchAdminView searchParams={searchParams} />
+        </React.Suspense>
+      </div>
+    </I18nProvider>
+  );
+}

package/src/routes/admin/core/system/files/page.tsx

@@ -0,0 +1,51 @@
+import { getTranslations } from "next-intl/server";
+import dynamic from "next/dynamic";
+import { notFound } from "next/navigation";
+import React from "react";
+
+import { I18nProvider } from "@/components/i18n-provider";
+import { DataTableSkeleton } from "@/components/table/data-table";
+import { HeaderContent } from "@/components/ui/header-content";
+import { checkAdminPermissionApi } from "@/lib/api/get-session-admin-api";
+
+const FilesTableView = dynamic(async () =>
+  import("@/views/admin/views/core/system/files/files-table-view").then(
+    module => ({
+      default: module.FilesTableView,
+    }),
+  ),
+);
+
+export const generateMetadata = async () => {
+  const t = await getTranslations("admin.system.files");
+
+  return {
+    title: t("title"),
+    description: t("desc"),
+  };
+};
+
+export default async function Page(
+  props: React.ComponentProps<typeof FilesTableView>,
+) {
+  const [t, canView] = await Promise.all([
+    getTranslations("admin.system.files"),
+    checkAdminPermissionApi({ module: "files", permission: "can_view" }),
+  ]);
+
+  if (!canView) {
+    notFound();
+  }
+
+  return (
+    <I18nProvider namespaces={["admin.system.files"]}>
+      <div className="p-4">
+        <HeaderContent desc={t("desc")} h1={t("title")} />
+
+        <React.Suspense fallback={<DataTableSkeleton columns={8} />}>
+          <FilesTableView {...props} />
+        </React.Suspense>
+      </div>
+    </I18nProvider>
+  );
+}