@famgia/omnify-react-sso 2.2.3 → 2.2.5

package/dist/index.cjs

@@ -30,19 +30,31 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  AntdThemeProvider: () => AntdThemeProvider,
   BRANCH_HEADERS: () => BRANCH_HEADERS,
   BranchContext: () => BranchContext,
   BranchGate: () => BranchGate,
   BranchProvider: () => BranchProvider,
   I18nProvider: () => I18nProvider,
+  LocaleSwitcher: () => LocaleSwitcher,
   OrgBranchSelectorModal: () => OrgBranchSelectorModal,
   OrganizationSwitcher: () => OrganizationSwitcher,
+  PROTABLE_DEFAULT_TEXTS: () => DEFAULT_TEXTS,
+  PageContainer: () => PageContainer,
+  PermissionsListCard: () => PermissionsListCard,
+  ProTable: () => ProTable,
   ProtectedRoute: () => ProtectedRoute,
+  RoleCreateModal: () => RoleCreateModal,
+  RolesListCard: () => RolesListCard,
+  ScopeLabel: () => ScopeLabel,
+  ScopeTag: () => ScopeTag,
   SsoCallback: () => SsoCallback,
   SsoContext: () => SsoContext,
   SsoProvider: () => SsoProvider,
-  UserForm: () => UserForm,
-  UserTable: () => UserTable,
+  TeamsListCard: () => TeamsListCard,
+  UserDetailCard: () => UserDetailCard,
+  UserPermissionsModal: () => UserPermissionsModal,
+  UserRoleAssignModal: () => UserRoleAssignModal,
   branchCacheCreateSchema: () => branchCacheCreateSchema,
   branchCacheI18n: () => branchCacheI18n,
   branchCacheSchemas: () => branchCacheSchemas,
@@ -80,6 +92,8 @@ __export(src_exports, {
   getRolePermissionFieldLabel: () => getRolePermissionFieldLabel,
   getRolePermissionFieldPlaceholder: () => getRolePermissionFieldPlaceholder,
   getRolePermissionLabel: () => getRolePermissionLabel,
+  getScopeColor: () => getScopeColor,
+  getScopeIcon: () => getScopeIcon,
   getScopeLabel: () => getScopeLabel,
   getTeamCacheFieldLabel: () => getTeamCacheFieldLabel,
   getTeamCacheFieldPlaceholder: () => getTeamCacheFieldPlaceholder,
@@ -136,7 +150,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// node_modules/@omnify-base/schemas/i18n.ts
+// src/core/schemas/base/i18n.ts
 var defaultLocale = "ja";
 var fallbackLocale = "en";
 var supportedLocales = ["ja", "en"];
@@ -191,7 +205,7 @@ function getMessages(locale) {
   return result;
 }
 
-// node_modules/@omnify-base/schemas/BranchCache.ts
+// src/core/schemas/base/BranchCache.ts
 var import_zod = require("zod");
 var branchCacheI18n = {
   /** Model display name */
@@ -250,12 +264,12 @@ function getBranchCacheFieldPlaceholder(field, locale) {
   return placeholder[locale] ?? placeholder["en"] ?? "";
 }
 
-// src/schemas/BranchCache.ts
+// src/core/schemas/BranchCache.ts
 var branchCacheSchemas = { ...baseBranchCacheSchemas };
 var branchCacheCreateSchema = baseBranchCacheCreateSchema;
 var branchCacheUpdateSchema = baseBranchCacheUpdateSchema;
 
-// node_modules/@omnify-base/schemas/OrganizationCache.ts
+// src/core/schemas/base/OrganizationCache.ts
 var import_zod2 = require("zod");
 var organizationCacheI18n = {
   /** Model display name */
@@ -304,12 +318,12 @@ function getOrganizationCacheFieldPlaceholder(field, locale) {
   return placeholder[locale] ?? placeholder["en"] ?? "";
 }
 
-// src/schemas/OrganizationCache.ts
+// src/core/schemas/OrganizationCache.ts
 var organizationCacheSchemas = { ...baseOrganizationCacheSchemas };
 var organizationCacheCreateSchema = baseOrganizationCacheCreateSchema;
 var organizationCacheUpdateSchema = baseOrganizationCacheUpdateSchema;
 
-// node_modules/@omnify-base/schemas/Permission.ts
+// src/core/schemas/base/Permission.ts
 var import_zod3 = require("zod");
 var permissionI18n = {
   /** Model display name */
@@ -356,12 +370,12 @@ function getPermissionFieldPlaceholder(field, locale) {
   return placeholder[locale] ?? placeholder["en"] ?? "";
 }
 
-// src/schemas/Permission.ts
+// src/core/schemas/Permission.ts
 var permissionSchemas = { ...basePermissionSchemas };
 var permissionCreateSchema = basePermissionCreateSchema;
 var permissionUpdateSchema = basePermissionUpdateSchema;
 
-// node_modules/@omnify-base/schemas/Role.ts
+// src/core/schemas/base/Role.ts
 var import_zod4 = require("zod");
 var roleI18n = {
   /** Model display name */
@@ -418,12 +432,12 @@ function getRoleFieldPlaceholder(field, locale) {
   return placeholder[locale] ?? placeholder["en"] ?? "";
 }
 
-// src/schemas/Role.ts
+// src/core/schemas/Role.ts
 var roleSchemas = { ...baseRoleSchemas };
 var roleCreateSchema = baseRoleCreateSchema;
 var roleUpdateSchema = baseRoleUpdateSchema;
 
-// node_modules/@omnify-base/schemas/RolePermission.ts
+// src/core/schemas/base/RolePermission.ts
 var import_zod5 = require("zod");
 var rolePermissionI18n = {
   /** Model display name */
@@ -456,12 +470,12 @@ function getRolePermissionFieldPlaceholder(field, locale) {
   return placeholder[locale] ?? placeholder["en"] ?? "";
 }
 
-// src/schemas/RolePermission.ts
+// src/core/schemas/RolePermission.ts
 var rolePermissionSchemas = { ...baseRolePermissionSchemas };
 var rolePermissionCreateSchema = baseRolePermissionCreateSchema;
 var rolePermissionUpdateSchema = baseRolePermissionUpdateSchema;
 
-// node_modules/@omnify-base/schemas/TeamCache.ts
+// src/core/schemas/base/TeamCache.ts
 var import_zod6 = require("zod");
 var teamCacheI18n = {
   /** Model display name */
@@ -505,12 +519,12 @@ function getTeamCacheFieldPlaceholder(field, locale) {
   return placeholder[locale] ?? placeholder["en"] ?? "";
 }
 
-// src/schemas/TeamCache.ts
+// src/core/schemas/TeamCache.ts
 var teamCacheSchemas = { ...baseTeamCacheSchemas };
 var teamCacheCreateSchema = baseTeamCacheCreateSchema;
 var teamCacheUpdateSchema = baseTeamCacheUpdateSchema;
 
-// node_modules/@omnify-base/schemas/TeamPermission.ts
+// src/core/schemas/base/TeamPermission.ts
 var import_zod7 = require("zod");
 var teamPermissionI18n = {
   /** Model display name */
@@ -552,12 +566,12 @@ function getTeamPermissionFieldPlaceholder(field, locale) {
   return placeholder[locale] ?? placeholder["en"] ?? "";
 }
 
-// src/schemas/TeamPermission.ts
+// src/core/schemas/TeamPermission.ts
 var teamPermissionSchemas = { ...baseTeamPermissionSchemas };
 var teamPermissionCreateSchema = baseTeamPermissionCreateSchema;
 var teamPermissionUpdateSchema = baseTeamPermissionUpdateSchema;
 
-// node_modules/@omnify-base/schemas/UserCache.ts
+// src/core/schemas/base/UserCache.ts
 var import_zod8 = require("zod");
 var userCacheI18n = {
   /** Model display name */
@@ -624,12 +638,12 @@ function getUserCacheFieldPlaceholder(field, locale) {
   return placeholder[locale] ?? placeholder["en"] ?? "";
 }
 
-// src/schemas/UserCache.ts
+// src/core/schemas/UserCache.ts
 var userCacheSchemas = { ...baseUserCacheSchemas };
 var userCacheCreateSchema = baseUserCacheCreateSchema;
 var userCacheUpdateSchema = baseUserCacheUpdateSchema;
 
-// src/context/SsoContext.tsx
+// src/core/context/SsoContext.tsx
 var import_react = require("react");
 var SsoContext = (0, import_react.createContext)(null);
 function useSsoContext() {
@@ -640,7 +654,7 @@ function useSsoContext() {
   return context;
 }
 
-// src/context/SsoProvider.tsx
+// src/core/context/SsoProvider.tsx
 var import_react2 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function transformUser(data) {
@@ -791,8 +805,8 @@ function SsoProvider({ children, config, onAuthChange }) {
     [logout, config.consoleUrl]
   );
   const switchOrg = (0, import_react2.useCallback)(
-    (orgSlug) => {
-      const org = organizations.find((o) => o.slug === orgSlug);
+    (orgId) => {
+      const org = organizations.find((o) => o.slug === orgId);
       if (org) {
         setCurrentOrg(org);
         saveSelectedOrg(org);
@@ -817,7 +831,7 @@ function SsoProvider({ children, config, onAuthChange }) {
   const getHeaders = (0, import_react2.useCallback)(() => {
     const headers = {};
     if (currentOrg) {
-      headers["X-Org-Id"] = currentOrg.slug;
+      headers["X-Organization-Id"] = currentOrg.slug;
     }
     return headers;
   }, [currentOrg]);
@@ -853,7 +867,7 @@ function SsoProvider({ children, config, onAuthChange }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SsoContext.Provider, { value, children });
 }
 
-// src/context/BranchContext.tsx
+// src/core/context/BranchContext.tsx
 var import_react3 = require("react");
 var BranchContext = (0, import_react3.createContext)(null);
 function useBranchContext() {
@@ -864,122 +878,16 @@ function useBranchContext() {
   return context;
 }
 
-// src/context/BranchProvider.tsx
-var import_react_query = require("@tanstack/react-query");
+// src/core/context/BranchProvider.tsx
 var import_react4 = require("react");
+var import_react_query = require("@tanstack/react-query");
 
-// src/queryKeys.ts
-var ssoQueryKeys = {
-  all: ["sso"],
-  // =========================================================================
-  // Auth (authService)
-  // =========================================================================
-  auth: {
-    all: () => [...ssoQueryKeys.all, "auth"],
-    user: () => [...ssoQueryKeys.auth.all(), "user"],
-    globalLogoutUrl: (redirectUri) => [...ssoQueryKeys.auth.all(), "global-logout-url", redirectUri]
-  },
-  // =========================================================================
-  // Tokens (tokenService)
-  // =========================================================================
-  tokens: {
-    all: () => [...ssoQueryKeys.all, "tokens"],
-    list: () => [...ssoQueryKeys.tokens.all(), "list"]
-  },
-  // =========================================================================
-  // Roles (roleService)
-  // =========================================================================
-  roles: {
-    all: () => [...ssoQueryKeys.all, "roles"],
-    list: () => [...ssoQueryKeys.roles.all(), "list"],
-    detail: (id) => [...ssoQueryKeys.roles.all(), "detail", id],
-    permissions: (id) => [...ssoQueryKeys.roles.all(), id, "permissions"]
-  },
-  // =========================================================================
-  // Permissions (permissionService)
-  // =========================================================================
-  permissions: {
-    all: () => [...ssoQueryKeys.all, "permissions"],
-    list: (params) => [...ssoQueryKeys.permissions.all(), "list", params],
-    detail: (id) => [...ssoQueryKeys.permissions.all(), "detail", id],
-    matrix: () => [...ssoQueryKeys.permissions.all(), "matrix"]
-  },
-  // =========================================================================
-  // Teams (teamService)
-  // =========================================================================
-  teams: {
-    all: () => [...ssoQueryKeys.all, "teams"],
-    list: () => [...ssoQueryKeys.teams.all(), "list"],
-    permissions: (teamId) => [...ssoQueryKeys.teams.all(), teamId, "permissions"],
-    orphaned: () => [...ssoQueryKeys.teams.all(), "orphaned"]
-  },
-  // =========================================================================
-  // User Roles (userRoleService) - Scoped Role Assignments
-  // =========================================================================
-  userRoles: {
-    all: () => [...ssoQueryKeys.all, "user-roles"],
-    list: (userId) => [...ssoQueryKeys.userRoles.all(), userId],
-    byBranch: (userId, orgId, branchId) => [...ssoQueryKeys.userRoles.all(), userId, orgId, branchId]
-  },
-  // =========================================================================
-  // Users (userService)
-  // =========================================================================
-  users: {
-    all: () => [...ssoQueryKeys.all, "users"],
-    list: (params) => [...ssoQueryKeys.users.all(), "list", params],
-    detail: (id) => [...ssoQueryKeys.users.all(), "detail", id]
-  },
-  // =========================================================================
-  // Branches (branchService)
-  // =========================================================================
-  branches: {
-    all: () => [...ssoQueryKeys.all, "branches"],
-    list: (orgSlug) => [...ssoQueryKeys.branches.all(), "list", orgSlug],
-    detail: (branchId) => [...ssoQueryKeys.branches.all(), "detail", branchId],
-    headquarters: (orgSlug) => [...ssoQueryKeys.branches.all(), "headquarters", orgSlug],
-    primary: (orgSlug) => [...ssoQueryKeys.branches.all(), "primary", orgSlug]
-  },
-  // =========================================================================
-  // Admin variants (with org context)
-  // =========================================================================
-  admin: {
-    users: {
-      all: (orgSlug) => [...ssoQueryKeys.all, "admin", orgSlug, "users"],
-      list: (orgSlug, params) => [...ssoQueryKeys.admin.users.all(orgSlug), "list", params],
-      detail: (orgSlug, id) => [...ssoQueryKeys.admin.users.all(orgSlug), "detail", id]
-    },
-    roles: {
-      all: (orgSlug) => [...ssoQueryKeys.all, "admin", orgSlug, "roles"],
-      list: (orgSlug) => [...ssoQueryKeys.admin.roles.all(orgSlug), "list"],
-      detail: (orgSlug, id) => [...ssoQueryKeys.admin.roles.all(orgSlug), "detail", id],
-      permissions: (orgSlug, id) => [...ssoQueryKeys.admin.roles.all(orgSlug), id, "permissions"]
-    },
-    permissions: {
-      all: (orgSlug) => [...ssoQueryKeys.all, "admin", orgSlug, "permissions"],
-      list: (orgSlug, params) => [...ssoQueryKeys.admin.permissions.all(orgSlug), "list", params],
-      detail: (orgSlug, id) => [...ssoQueryKeys.admin.permissions.all(orgSlug), "detail", id],
-      matrix: (orgSlug) => [...ssoQueryKeys.admin.permissions.all(orgSlug), "matrix"]
-    },
-    teams: {
-      all: (orgSlug) => [...ssoQueryKeys.all, "admin", orgSlug, "teams"],
-      list: (orgSlug) => [...ssoQueryKeys.admin.teams.all(orgSlug), "list"],
-      permissions: (orgSlug, teamId) => [...ssoQueryKeys.admin.teams.all(orgSlug), teamId, "permissions"],
-      orphaned: (orgSlug) => [...ssoQueryKeys.admin.teams.all(orgSlug), "orphaned"]
-    },
-    userRoles: {
-      all: (orgSlug) => [...ssoQueryKeys.all, "admin", orgSlug, "user-roles"],
-      list: (orgSlug, userId) => [...ssoQueryKeys.admin.userRoles.all(orgSlug), userId],
-      byBranch: (orgSlug, userId, orgId, branchId) => [...ssoQueryKeys.admin.userRoles.all(orgSlug), userId, orgId, branchId]
-    }
-  }
-};
-
-// src/services/utils.ts
+// src/core/services/utils.ts
 function getXsrfToken2() {
   if (typeof document === "undefined") return void 0;
   return document.cookie.split("; ").find((row) => row.startsWith("XSRF-TOKEN="))?.split("=")[1];
 }
-function buildHeaders(orgSlug) {
+function buildHeaders(orgId) {
   const headers = {
     "Content-Type": "application/json",
     Accept: "application/json"
@@ -988,8 +896,8 @@ function buildHeaders(orgSlug) {
   if (xsrfToken) {
     headers["X-XSRF-TOKEN"] = decodeURIComponent(xsrfToken);
   }
-  if (orgSlug) {
-    headers["X-Org-Id"] = orgSlug;
+  if (orgId) {
+    headers["X-Organization-Id"] = orgId;
   }
   return headers;
 }
@@ -1013,18 +921,18 @@ async function request(apiUrl, path, options = {}) {
   return response.json();
 }
 
-// src/services/branchService.ts
+// src/core/services/branchService.ts
 function createBranchService(config) {
   const { apiUrl } = config;
   return {
     /**
      * Get branches for current user in organization
      * GET /api/sso/branches
+     * @param orgId - Organization ID or slug (sent via X-Organization-Id header)
      */
-    list: async (orgSlug) => {
-      const params = orgSlug ? `?organization_slug=${orgSlug}` : "";
-      return request(apiUrl, `/api/sso/branches${params}`, {
-        headers: buildHeaders()
+    list: async (orgId) => {
+      return request(apiUrl, `/api/sso/branches`, {
+        headers: buildHeaders(orgId)
       });
     },
     /**
@@ -1041,14 +949,14 @@ function createBranchService(config) {
     },
     /**
      * Get headquarters branch for organization
+     * @param orgId - Organization ID or slug (sent via X-Organization-Id header)
      */
-    getHeadquarters: async (orgSlug) => {
+    getHeadquarters: async (orgId) => {
       try {
-        const params = orgSlug ? `?organization_slug=${orgSlug}` : "";
         const data = await request(
           apiUrl,
-          `/api/sso/branches${params}`,
-          { headers: buildHeaders() }
+          `/api/sso/branches`,
+          { headers: buildHeaders(orgId) }
         );
         return data.branches.find((b) => b.is_headquarters) ?? null;
       } catch {
@@ -1057,14 +965,14 @@ function createBranchService(config) {
     },
     /**
      * Get primary branch for current user
+     * @param orgId - Organization ID or slug (sent via X-Organization-Id header)
      */
-    getPrimary: async (orgSlug) => {
+    getPrimary: async (orgId) => {
       try {
-        const params = orgSlug ? `?organization_slug=${orgSlug}` : "";
         const data = await request(
           apiUrl,
-          `/api/sso/branches${params}`,
-          { headers: buildHeaders() }
+          `/api/sso/branches`,
+          { headers: buildHeaders(orgId) }
         );
         if (data.primary_branch_id) {
           return data.branches.find((b) => b.id === data.primary_branch_id) ?? null;
@@ -1077,7 +985,106 @@ function createBranchService(config) {
   };
 }
 
-// src/context/BranchProvider.tsx
+// src/core/queryKeys.ts
+var ssoQueryKeys = {
+  all: ["sso"],
+  // =========================================================================
+  // Auth (authService)
+  // =========================================================================
+  auth: {
+    all: () => [...ssoQueryKeys.all, "auth"],
+    user: () => [...ssoQueryKeys.auth.all(), "user"],
+    globalLogoutUrl: (redirectUri) => [...ssoQueryKeys.auth.all(), "global-logout-url", redirectUri]
+  },
+  // =========================================================================
+  // Tokens (tokenService)
+  // =========================================================================
+  tokens: {
+    all: () => [...ssoQueryKeys.all, "tokens"],
+    list: () => [...ssoQueryKeys.tokens.all(), "list"]
+  },
+  // =========================================================================
+  // Roles (roleService)
+  // =========================================================================
+  roles: {
+    all: () => [...ssoQueryKeys.all, "roles"],
+    list: () => [...ssoQueryKeys.roles.all(), "list"],
+    detail: (id) => [...ssoQueryKeys.roles.all(), "detail", id],
+    permissions: (id) => [...ssoQueryKeys.roles.all(), id, "permissions"]
+  },
+  // =========================================================================
+  // Permissions (permissionService)
+  // =========================================================================
+  permissions: {
+    all: () => [...ssoQueryKeys.all, "permissions"],
+    list: (params) => [...ssoQueryKeys.permissions.all(), "list", params],
+    detail: (id) => [...ssoQueryKeys.permissions.all(), "detail", id],
+    matrix: () => [...ssoQueryKeys.permissions.all(), "matrix"]
+  },
+  // =========================================================================
+  // Teams (teamService)
+  // =========================================================================
+  teams: {
+    all: () => [...ssoQueryKeys.all, "teams"],
+    list: () => [...ssoQueryKeys.teams.all(), "list"],
+    permissions: (teamId) => [...ssoQueryKeys.teams.all(), teamId, "permissions"],
+    orphaned: () => [...ssoQueryKeys.teams.all(), "orphaned"]
+  },
+  // =========================================================================
+  // User Roles (userRoleService) - Scoped Role Assignments
+  // =========================================================================
+  userRoles: {
+    all: () => [...ssoQueryKeys.all, "user-roles"],
+    list: (userId) => [...ssoQueryKeys.userRoles.all(), userId],
+    byBranch: (userId, orgId, branchId) => [...ssoQueryKeys.userRoles.all(), userId, orgId, branchId]
+  },
+  // =========================================================================
+  // Branches (branchService)
+  // =========================================================================
+  branches: {
+    all: () => [...ssoQueryKeys.all, "branches"],
+    list: (orgId) => [...ssoQueryKeys.branches.all(), "list", orgId],
+    detail: (branchId) => [...ssoQueryKeys.branches.all(), "detail", branchId],
+    headquarters: (orgId) => [...ssoQueryKeys.branches.all(), "headquarters", orgId],
+    primary: (orgId) => [...ssoQueryKeys.branches.all(), "primary", orgId]
+  },
+  // =========================================================================
+  // Admin variants (with org context)
+  // =========================================================================
+  admin: {
+    roles: {
+      all: (orgId) => [...ssoQueryKeys.all, "admin", orgId, "roles"],
+      list: (orgId) => [...ssoQueryKeys.admin.roles.all(orgId), "list"],
+      detail: (orgId, id) => [...ssoQueryKeys.admin.roles.all(orgId), "detail", id],
+      permissions: (orgId, id) => [...ssoQueryKeys.admin.roles.all(orgId), id, "permissions"]
+    },
+    permissions: {
+      all: (orgId) => [...ssoQueryKeys.all, "admin", orgId, "permissions"],
+      list: (orgId, params) => [...ssoQueryKeys.admin.permissions.all(orgId), "list", params],
+      detail: (orgId, id) => [...ssoQueryKeys.admin.permissions.all(orgId), "detail", id],
+      matrix: (orgId) => [...ssoQueryKeys.admin.permissions.all(orgId), "matrix"]
+    },
+    teams: {
+      all: (orgId) => [...ssoQueryKeys.all, "admin", orgId, "teams"],
+      list: (orgId) => [...ssoQueryKeys.admin.teams.all(orgId), "list"],
+      permissions: (orgId, teamId) => [...ssoQueryKeys.admin.teams.all(orgId), teamId, "permissions"],
+      orphaned: (orgId) => [...ssoQueryKeys.admin.teams.all(orgId), "orphaned"]
+    },
+    userRoles: {
+      all: (orgId) => [...ssoQueryKeys.all, "admin", orgId, "user-roles"],
+      list: (orgId, userId) => [...ssoQueryKeys.admin.userRoles.all(orgId), userId],
+      byBranch: (orgId, userId, consoleOrgId, branchId) => [...ssoQueryKeys.admin.userRoles.all(orgId), userId, consoleOrgId, branchId]
+    },
+    users: {
+      all: (orgId) => [...ssoQueryKeys.all, "admin", orgId, "users"],
+      list: (orgId, params) => [...ssoQueryKeys.admin.users.all(orgId), "list", params],
+      detail: (orgId, id) => [...ssoQueryKeys.admin.users.all(orgId), "detail", id],
+      permissions: (orgId, userId, consoleOrgId, branchId) => [...ssoQueryKeys.admin.users.all(orgId), userId, "permissions", consoleOrgId, branchId]
+    }
+  }
+};
+
+// src/core/context/BranchProvider.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var DEFAULT_STORAGE_KEY = "omnify_selected_branch";
 function BranchProvider({
@@ -1193,7 +1200,7 @@ function BranchProvider({
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BranchContext.Provider, { value: contextValue, children });
 }
 
-// src/hooks/useAuth.ts
+// src/core/hooks/useAuth.ts
 var import_react5 = require("react");
 function useAuth() {
   const { user, isLoading, isAuthenticated, login, logout, globalLogout, refreshUser } = useSsoContext();
@@ -1223,7 +1230,7 @@ function useAuth() {
   };
 }
 
-// src/hooks/useOrganization.ts
+// src/core/hooks/useOrganization.ts
 var import_react6 = require("react");
 var ROLE_LEVELS = {
   admin: 100,
@@ -1244,8 +1251,8 @@ function useOrganization() {
     [currentRole]
   );
   const handleSwitchOrg = (0, import_react6.useCallback)(
-    (orgSlug) => {
-      switchOrg(orgSlug);
+    (orgId) => {
+      switchOrg(orgId);
     },
     [switchOrg]
   );
@@ -1262,7 +1269,7 @@ function useOrganization() {
   );
 }
 
-// src/hooks/useSso.ts
+// src/core/hooks/useSso.ts
 var import_react7 = require("react");
 function useSso() {
   const context = useSsoContext();
@@ -1289,12 +1296,12 @@ function useSso() {
   );
 }
 
-// src/hooks/useBranch.ts
+// src/core/hooks/useBranch.ts
 function useBranch() {
   return useBranchContext();
 }
 
-// src/components/SsoCallback.tsx
+// src/ant/components/SsoCallback/SsoCallback.tsx
 var import_react8 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function transformUser2(data) {
@@ -1410,10 +1417,10 @@ function SsoCallback({
   return null;
 }
 
-// src/components/OrganizationSwitcher.tsx
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
+// src/ant/components/OrganizationSwitcher/OrganizationSwitcher.tsx
 var import_react9 = __toESM(require("react"), 1);
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var { Text } = import_antd.Typography;
 function OrganizationSwitcher({
@@ -1487,7 +1494,7 @@ function OrganizationSwitcher({
   );
 }
 
-// src/components/ProtectedRoute.tsx
+// src/ant/components/ProtectedRoute/ProtectedRoute.tsx
 var import_react10 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function DefaultLoading2() {
@@ -1576,11 +1583,11 @@ function ProtectedRoute({
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
 }
 
-// src/components/OrgBranchSelectorModal.tsx
+// src/ant/components/OrgBranchSelectorModal/OrgBranchSelectorModal.tsx
+var import_react11 = require("react");
+var import_antd2 = require("antd");
 var import_icons2 = require("@ant-design/icons");
 var import_react_query2 = require("@tanstack/react-query");
-var import_antd2 = require("antd");
-var import_react11 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var { Text: Text2, Title } = import_antd2.Typography;
 function OrgBranchSelectorModal({
@@ -1593,7 +1600,6 @@ function OrgBranchSelectorModal({
 }) {
   const { config } = useSsoContext();
   const { organizations, currentOrg, hasMultipleOrgs } = useOrganization();
-  const { currentBranch } = useBranch();
   const [form] = import_antd2.Form.useForm();
   const [selectedOrgSlug, setSelectedOrgSlug] = (0, import_react11.useState)(
     currentOrg?.slug ?? null
@@ -1614,26 +1620,17 @@ function OrgBranchSelectorModal({
   const branches = branchesData?.branches ?? [];
   const hasMultipleBranches = branches.length > 1;
   const selectedOrg = (0, import_react11.useMemo)(
-    () => {
-      if (selectedOrgSlug) {
-        return organizations.find((o) => o.slug === selectedOrgSlug) ?? null;
-      }
-      if (organizations.length === 1) {
-        return organizations[0];
-      }
-      return null;
-    },
+    () => organizations.find((o) => o.slug === selectedOrgSlug) ?? null,
     [organizations, selectedOrgSlug]
   );
   (0, import_react11.useEffect)(() => {
     if (!open) return;
-    if (selectedOrgSlug && form.getFieldValue("organization_id")) return;
-    if (currentOrg) {
-      setSelectedOrgSlug(currentOrg.slug);
-      form.setFieldValue("organization_id", currentOrg.id);
-    } else if (organizations.length === 1) {
+    if (organizations.length === 1 && !selectedOrgSlug) {
       setSelectedOrgSlug(organizations[0].slug);
       form.setFieldValue("organization_id", organizations[0].id);
+    } else if (currentOrg && !selectedOrgSlug) {
+      setSelectedOrgSlug(currentOrg.slug);
+      form.setFieldValue("organization_id", currentOrg.id);
     }
   }, [open, organizations, currentOrg, selectedOrgSlug, form]);
   (0, import_react11.useEffect)(() => {
@@ -1641,21 +1638,17 @@ function OrgBranchSelectorModal({
     if (branches.length === 1) {
       form.setFieldValue("branch_id", branches[0].id);
     } else if (branches.length > 0) {
-      if (currentBranch && branches.some((b) => b.id === currentBranch.id)) {
-        form.setFieldValue("branch_id", currentBranch.id);
+      const primaryId = branchesData?.primary_branch_id;
+      if (primaryId) {
+        form.setFieldValue("branch_id", primaryId);
       } else {
-        const primaryId = branchesData?.primary_branch_id;
-        if (primaryId) {
-          form.setFieldValue("branch_id", primaryId);
-        } else {
-          const hq = branches.find((b) => b.is_headquarters);
-          if (hq) {
-            form.setFieldValue("branch_id", hq.id);
-          }
+        const hq = branches.find((b) => b.is_headquarters);
+        if (hq) {
+          form.setFieldValue("branch_id", hq.id);
         }
       }
     }
-  }, [open, branches, branchesLoading, branchesData, currentBranch, form]);
+  }, [open, branches, branchesLoading, branchesData, form]);
   (0, import_react11.useEffect)(() => {
     if (!open || branchesLoading) return;
     const orgId = form.getFieldValue("organization_id");
@@ -1857,11 +1850,11 @@ function OrgBranchSelectorModal({
   );
 }
 
-// src/components/BranchGate.tsx
+// src/ant/components/BranchGate/BranchGate.tsx
+var import_react12 = __toESM(require("react"), 1);
+var import_antd3 = require("antd");
 var import_icons3 = require("@ant-design/icons");
 var import_react_query3 = require("@tanstack/react-query");
-var import_antd3 = require("antd");
-var import_react12 = __toESM(require("react"), 1);
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var { Text: Text3, Title: Title2 } = import_antd3.Typography;
 var DEFAULT_STORAGE_KEY2 = "omnify_branch_gate_selection";
@@ -1887,7 +1880,7 @@ function BranchGate({
     if (tempOrgId) {
       return organizations.find((o) => String(o.id) === tempOrgId)?.slug;
     }
-    return storedSelection?.orgSlug ?? currentOrg?.slug;
+    return storedSelection?.orgId ?? currentOrg?.slug;
   }, [tempOrgId, organizations, storedSelection, currentOrg]);
   const { data: branchesData, isLoading: branchesLoading } = (0, import_react_query3.useQuery)({
     queryKey: ssoQueryKeys.branches.list(activeOrgSlug),
@@ -1945,8 +1938,7 @@ function BranchGate({
     const branch = branches.find((b) => String(b.id) === tempBranchId);
     if (!org || !branch) return;
     const selection = {
-      orgId: String(org.id),
-      orgSlug: org.slug,
+      orgId: org.slug,
       orgName: org.name,
       branchId: String(branch.id),
       branchName: branch.name,
@@ -2151,482 +2143,2184 @@ function useBranchGate(storageKey = DEFAULT_STORAGE_KEY2) {
   }, [storageKey]);
   return {
     selection,
-    selectedOrg: selection ? { id: selection.orgId, slug: selection.orgSlug, name: selection.orgName } : null,
+    selectedOrg: selection ? { id: selection.orgId, slug: selection.orgId, name: selection.orgName } : null,
     selectedBranch: selection ? { id: selection.branchId, name: selection.branchName, code: selection.branchCode } : null,
     clearSelection
   };
 }
 
-// src/components/admin/UserTable.tsx
+// src/ant/components/ProTable/ProTable.tsx
 var import_icons4 = require("@ant-design/icons");
+var import_react_query4 = require("@tanstack/react-query");
 var import_antd4 = require("antd");
-
-// src/i18n/translations.ts
-var ssoNamespace = "sso";
-var defaultTranslations = {
-  en: {
-    // Common
-    actions: "Actions",
-    save: "Save",
-    cancel: "Cancel",
-    delete: "Delete",
-    edit: "Edit",
-    search: "Search",
-    loading: "Loading...",
-    yes: "Yes",
-    no: "No",
-    confirmDelete: "Are you sure you want to delete?",
-    // Users
-    users: "Users",
-    user: "User",
-    name: "Name",
-    email: "Email",
-    ssoUser: "SSO User",
-    localUser: "Local User",
-    userList: "User List",
-    userDetails: "User Details",
-    editUser: "Edit User",
-    deleteUser: "Delete User",
-    searchUsers: "Search users...",
-    noUsersFound: "No users found",
-    userDeleted: "User deleted successfully",
-    userUpdated: "User updated successfully",
-    // Roles
-    roles: "Roles",
-    role: "Role",
-    roleName: "Role Name",
-    roleDescription: "Description",
-    permissions: "Permissions",
-    assignRole: "Assign Role",
-    removeRole: "Remove Role",
-    // Permissions
-    permission: "Permission",
-    permissionName: "Permission Name",
-    permissionDescription: "Description",
-    // Validation
-    required: "{{field}} is required",
-    maxLength: "{{field}} must be at most {{max}} characters",
-    invalidEmail: "Please enter a valid email address",
-    // Pagination
-    total: "Total {{count}} items",
-    page: "Page {{current}} of {{total}}"
-  },
-  ja: {
-    // Common
-    actions: "\u64CD\u4F5C",
-    save: "\u4FDD\u5B58",
-    cancel: "\u30AD\u30E3\u30F3\u30BB\u30EB",
-    delete: "\u524A\u9664",
-    edit: "\u7DE8\u96C6",
-    search: "\u691C\u7D22",
-    loading: "\u8AAD\u307F\u8FBC\u307F\u4E2D...",
-    yes: "\u306F\u3044",
-    no: "\u3044\u3044\u3048",
-    confirmDelete: "\u672C\u5F53\u306B\u524A\u9664\u3057\u307E\u3059\u304B\uFF1F",
-    // Users
-    users: "\u30E6\u30FC\u30B6\u30FC",
-    user: "\u30E6\u30FC\u30B6\u30FC",
-    name: "\u540D\u524D",
-    email: "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9",
-    ssoUser: "SSO\u30E6\u30FC\u30B6\u30FC",
-    localUser: "\u30ED\u30FC\u30AB\u30EB\u30E6\u30FC\u30B6\u30FC",
-    userList: "\u30E6\u30FC\u30B6\u30FC\u4E00\u89A7",
-    userDetails: "\u30E6\u30FC\u30B6\u30FC\u8A73\u7D30",
-    editUser: "\u30E6\u30FC\u30B6\u30FC\u7DE8\u96C6",
-    deleteUser: "\u30E6\u30FC\u30B6\u30FC\u524A\u9664",
-    searchUsers: "\u30E6\u30FC\u30B6\u30FC\u3092\u691C\u7D22...",
-    noUsersFound: "\u30E6\u30FC\u30B6\u30FC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093",
-    userDeleted: "\u30E6\u30FC\u30B6\u30FC\u3092\u524A\u9664\u3057\u307E\u3057\u305F",
-    userUpdated: "\u30E6\u30FC\u30B6\u30FC\u3092\u66F4\u65B0\u3057\u307E\u3057\u305F",
-    // Roles
-    roles: "\u30ED\u30FC\u30EB",
-    role: "\u30ED\u30FC\u30EB",
-    roleName: "\u30ED\u30FC\u30EB\u540D",
-    roleDescription: "\u8AAC\u660E",
-    permissions: "\u6A29\u9650",
-    assignRole: "\u30ED\u30FC\u30EB\u3092\u5272\u308A\u5F53\u3066",
-    removeRole: "\u30ED\u30FC\u30EB\u3092\u524A\u9664",
-    // Permissions
-    permission: "\u6A29\u9650",
-    permissionName: "\u6A29\u9650\u540D",
-    permissionDescription: "\u8AAC\u660E",
-    // Validation
-    required: "{{field}}\u306F\u5FC5\u9808\u3067\u3059",
-    maxLength: "{{field}}\u306F{{max}}\u6587\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
-    invalidEmail: "\u6709\u52B9\u306A\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
-    // Pagination
-    total: "\u5168{{count}}\u4EF6",
-    page: "{{total}}\u30DA\u30FC\u30B8\u4E2D{{current}}\u30DA\u30FC\u30B8"
-  },
-  vi: {
-    // Common
-    actions: "H\xE0nh \u0111\u1ED9ng",
-    save: "L\u01B0u",
-    cancel: "H\u1EE7y",
-    delete: "X\xF3a",
-    edit: "S\u1EEDa",
-    search: "T\xECm ki\u1EBFm",
-    loading: "\u0110ang t\u1EA3i...",
-    yes: "C\xF3",
-    no: "Kh\xF4ng",
-    confirmDelete: "B\u1EA1n c\xF3 ch\u1EAFc mu\u1ED1n x\xF3a?",
-    // Users
-    users: "Ng\u01B0\u1EDDi d\xF9ng",
-    user: "Ng\u01B0\u1EDDi d\xF9ng",
-    name: "T\xEAn",
-    email: "Email",
-    ssoUser: "Ng\u01B0\u1EDDi d\xF9ng SSO",
-    localUser: "Ng\u01B0\u1EDDi d\xF9ng n\u1ED9i b\u1ED9",
-    userList: "Danh s\xE1ch ng\u01B0\u1EDDi d\xF9ng",
-    userDetails: "Chi ti\u1EBFt ng\u01B0\u1EDDi d\xF9ng",
-    editUser: "S\u1EEDa ng\u01B0\u1EDDi d\xF9ng",
-    deleteUser: "X\xF3a ng\u01B0\u1EDDi d\xF9ng",
-    searchUsers: "T\xECm ng\u01B0\u1EDDi d\xF9ng...",
-    noUsersFound: "Kh\xF4ng t\xECm th\u1EA5y ng\u01B0\u1EDDi d\xF9ng",
-    userDeleted: "\u0110\xE3 x\xF3a ng\u01B0\u1EDDi d\xF9ng",
-    userUpdated: "\u0110\xE3 c\u1EADp nh\u1EADt ng\u01B0\u1EDDi d\xF9ng",
-    // Roles
-    roles: "Vai tr\xF2",
-    role: "Vai tr\xF2",
-    roleName: "T\xEAn vai tr\xF2",
-    roleDescription: "M\xF4 t\u1EA3",
-    permissions: "Quy\u1EC1n",
-    assignRole: "G\xE1n vai tr\xF2",
-    removeRole: "X\xF3a vai tr\xF2",
-    // Permissions
-    permission: "Quy\u1EC1n",
-    permissionName: "T\xEAn quy\u1EC1n",
-    permissionDescription: "M\xF4 t\u1EA3",
-    // Validation
-    required: "{{field}} l\xE0 b\u1EAFt bu\u1ED9c",
-    maxLength: "{{field}} t\u1ED1i \u0111a {{max}} k\xFD t\u1EF1",
-    invalidEmail: "Email kh\xF4ng h\u1EE3p l\u1EC7",
-    // Pagination
-    total: "T\u1ED5ng {{count}} m\u1EE5c",
-    page: "Trang {{current}}/{{total}}"
-  }
-};
-
-// src/i18n/useSsoTranslation.ts
 var import_react13 = require("react");
-function useSsoTranslation() {
-  const t = (0, import_react13.useCallback)(
-    (key, options) => {
-      let value = defaultTranslations.en[key] || key;
-      if (options) {
-        Object.entries(options).forEach(([k, v]) => {
-          value = value.replace(new RegExp(`{{${k}}}`, "g"), String(v));
-        });
-      }
-      return value;
-    },
-    []
-  );
-  return { t };
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var { Link } = import_antd4.Typography;
+var { RangePicker } = import_antd4.DatePicker;
+var InertiaLink = null;
+try {
+  InertiaLink = require("@inertiajs/react").Link;
+} catch {
 }
-
-// src/i18n/I18nProvider.tsx
-var import_i18next2 = __toESM(require("i18next"), 1);
-var import_i18next_browser_languagedetector = __toESM(require("i18next-browser-languagedetector"), 1);
-var import_react14 = require("react");
-var import_react_i18next = require("react-i18next");
-var import_react_i18next2 = require("react-i18next");
-
-// src/i18n/config.ts
-var import_i18next = __toESM(require("i18next"), 1);
-var locales = ["ja", "en", "vi"];
-var defaultLocale2 = "ja";
-var localeNames = {
-  ja: "\u65E5\u672C\u8A9E",
-  en: "English",
-  vi: "Ti\u1EBFng Vi\u1EC7t"
+var DEFAULT_TEXTS = {
+  search: "\u691C\u7D22",
+  reset: "\u30EA\u30BB\u30C3\u30C8",
+  expand: "\u5C55\u958B",
+  collapse: "\u53CE\u7D0D",
+  add: "\u65B0\u898F",
+  refresh: "\u66F4\u65B0",
+  columnSettings: "\u5217\u8A2D\u5B9A",
+  actions: "\u64CD\u4F5C",
+  yes: "\u306F\u3044",
+  no: "\u3044\u3044\u3048",
+  cancel: "\u30AD\u30E3\u30F3\u30BB\u30EB",
+  totalItems: (total) => `\u5168 ${total} \u4EF6`,
+  selectPlaceholder: "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
+  inputPlaceholder: "\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
+  startDate: "\u958B\u59CB\u65E5",
+  endDate: "\u7D42\u4E86\u65E5"
 };
-var changeLanguage = (locale) => {
-  if (typeof window === "undefined") return;
-  import_i18next.default.changeLanguage(locale);
-  document.cookie = `locale=${locale};path=/;max-age=31536000`;
-};
-var getCurrentLocale = () => {
-  if (typeof window === "undefined") return defaultLocale2;
-  return import_i18next.default.language || defaultLocale2;
+var DEFAULT_STATUS_CONFIG = {
+  active: { color: "#52c41a", text: "\u6709\u52B9" },
+  Active: { color: "#52c41a", text: "\u6709\u52B9" },
+  inactive: { color: "#d9d9d9", text: "\u7121\u52B9" },
+  Inactive: { color: "#d9d9d9", text: "\u7121\u52B9" },
+  pending: { color: "#faad14", text: "\u4FDD\u7559\u4E2D" },
+  Pending: { color: "#faad14", text: "\u4FDD\u7559\u4E2D" },
+  error: { color: "#ff4d4f", text: "\u30A8\u30E9\u30FC" },
+  Error: { color: "#ff4d4f", text: "\u30A8\u30E9\u30FC" },
+  closed: { color: "#ff4d4f", text: "\u9589\u9396" },
+  Closed: { color: "#ff4d4f", text: "\u9589\u9396" }
 };
+function renderSearchField(field, texts) {
+  switch (field.type) {
+    case "select":
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_antd4.Select,
+        {
+          allowClear: true,
+          placeholder: field.placeholder || texts.selectPlaceholder,
+          options: field.options,
+          style: { width: "100%" }
+        }
+      );
+    case "date":
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_antd4.DatePicker,
+        {
+          placeholder: field.placeholder,
+          style: { width: "100%" }
+        }
+      );
+    case "dateRange":
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        RangePicker,
+        {
+          placeholder: [texts.startDate, texts.endDate],
+          style: { width: "100%" }
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_antd4.InputNumber,
+        {
+          placeholder: field.placeholder,
+          style: { width: "100%" }
+        }
+      );
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_antd4.Input,
+        {
+          allowClear: true,
+          placeholder: field.placeholder || texts.inputPlaceholder
+        }
+      );
+  }
+}
+function SmartLink({ href, children }) {
+  if (InertiaLink) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(InertiaLink, { href, children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { href, children });
+}
+function renderValue(value, valueType, statusConfig) {
+  if (value === null || value === void 0) {
+    return "-";
+  }
+  switch (valueType) {
+    case "status": {
+      const config = { ...DEFAULT_STATUS_CONFIG, ...statusConfig };
+      const statusValue = String(value);
+      const status = config[statusValue] || { color: "#d9d9d9", text: statusValue };
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_antd4.Space, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "span",
+          {
+            style: {
+              display: "inline-block",
+              width: 6,
+              height: 6,
+              borderRadius: "50%",
+              backgroundColor: status.color
+            }
+          }
+        ),
+        status.text
+      ] });
+    }
+    case "date":
+      return value ? new Date(String(value)).toLocaleDateString("ja-JP") : "-";
+    case "datetime":
+      return value ? new Date(String(value)).toLocaleString("ja-JP") : "-";
+    case "number":
+      return typeof value === "number" ? value.toLocaleString("ja-JP") : String(value);
+    case "currency":
+      return typeof value === "number" ? `\xA5${value.toLocaleString("ja-JP")}` : String(value);
+    case "boolean":
+      return value ? "\u306F\u3044" : "\u3044\u3044\u3048";
+    default:
+      return String(value);
+  }
+}
+function ProTable({
+  // Header
+  title,
+  icon,
+  subTitle,
+  // Search
+  searchFields = [],
+  defaultSearchValues = {},
+  // Columns
+  columns,
+  // Data
+  dataSource: externalDataSource,
+  rowKey = "id",
+  loading: externalLoading,
+  // Query
+  queryKey,
+  queryFn,
+  queryResult: externalQueryResult,
+  queryEnabled = true,
+  // Toolbar
+  onAdd,
+  addButtonLink,
+  addLabel = "\u65B0\u898F",
+  toolbarExtra,
+  showRefresh = true,
+  showColumnSettings = true,
+  // Row actions
+  rowActions,
+  // Pagination
+  pagination = true,
+  defaultPageSize = 15,
+  // Events
+  onSearch,
+  onReset,
+  onChange,
+  // Style
+  className,
+  style,
+  cardStyle,
+  tableProps,
+  // i18n
+  texts: customTexts
+}) {
+  const { token } = import_antd4.theme.useToken();
+  const texts = { ...DEFAULT_TEXTS, ...customTexts };
+  const [searchForm] = import_antd4.Form.useForm();
+  const [expanded, setExpanded] = (0, import_react13.useState)(false);
+  const [queryParams, setQueryParams] = (0, import_react13.useState)({
+    page: 1,
+    per_page: defaultPageSize,
+    ...defaultSearchValues
+  });
+  const visibleFields = searchFields.filter((f) => !f.hidden);
+  const hiddenFields = searchFields.filter((f) => f.hidden);
+  const hasHiddenFields = hiddenFields.length > 0;
+  const internalQuery = (0, import_react_query4.useQuery)({
+    queryKey: queryKey ? [...queryKey, queryParams] : ["proTable", queryParams],
+    queryFn: () => queryFn(queryParams),
+    enabled: !!queryFn && queryEnabled
+  });
+  const queryResult = externalQueryResult || internalQuery;
+  const dataSource = externalDataSource || queryResult.data?.data || [];
+  const loading = externalLoading ?? queryResult.isLoading;
+  const meta = queryResult.data?.meta;
+  const handleSearch = (0, import_react13.useCallback)((values) => {
+    const newParams = {
+      ...queryParams,
+      ...values,
+      page: 1
+    };
+    setQueryParams(newParams);
+    onSearch?.(values);
+  }, [queryParams, onSearch]);
+  const handleReset = (0, import_react13.useCallback)(() => {
+    searchForm.resetFields();
+    const newParams = {
+      page: 1,
+      per_page: defaultPageSize
+    };
+    setQueryParams(newParams);
+    onReset?.();
+  }, [searchForm, defaultPageSize, onReset]);
+  const handleTableChange = (0, import_react13.useCallback)(
+    (pag, _filters, sorter, _extra) => {
+      const sortInfo = Array.isArray(sorter) ? sorter[0] : sorter;
+      const newParams = {
+        ...queryParams,
+        page: pag.current || 1,
+        per_page: pag.pageSize || defaultPageSize
+      };
+      if (sortInfo?.field && sortInfo?.order) {
+        newParams.sort = String(sortInfo.field);
+        newParams.order = sortInfo.order === "ascend" ? "asc" : "desc";
+      } else {
+        delete newParams.sort;
+        delete newParams.order;
+      }
+      setQueryParams(newParams);
+      onChange?.(pag, _filters, sorter, _extra);
+    },
+    [queryParams, defaultPageSize, onChange]
+  );
+  const tableColumns = (0, import_react13.useMemo)(() => {
+    const cols = columns.filter((col) => !col.hidden).map((col) => ({
+      ...col,
+      key: col.key || (Array.isArray(col.dataIndex) ? col.dataIndex.join(".") : col.dataIndex),
+      sorter: col.sortable ? true : void 0,
+      render: col.render ? col.render : (value) => renderValue(value, col.valueType, col.statusConfig)
+    }));
+    if (rowActions) {
+      cols.push({
+        title: texts.actions,
+        key: "_actions",
+        width: 150,
+        render: (_, record) => {
+          const actions = rowActions(record).filter(
+            (a) => !a.hidden?.(record)
+          );
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Space, { size: 0, children: actions.map((action, idx) => {
+            const isLast = idx === actions.length - 1;
+            let actionElement;
+            if (action.href) {
+              actionElement = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SmartLink, { href: action.href, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Link, { style: action.danger ? { color: token.colorError } : void 0, children: action.label }) });
+            } else {
+              const linkElement = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                Link,
+                {
+                  style: action.danger ? { color: token.colorError } : void 0,
+                  onClick: action.confirm ? void 0 : () => action.onClick?.(record),
+                  children: action.label
+                }
+              );
+              if (action.confirm) {
+                actionElement = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  import_antd4.Popconfirm,
+                  {
+                    title: typeof action.confirm === "string" ? action.confirm : `${action.label}\u3057\u307E\u3059\u304B\uFF1F`,
+                    onConfirm: () => action.onClick?.(record),
+                    okText: texts.yes,
+                    cancelText: texts.cancel,
+                    okButtonProps: action.danger ? { danger: true } : void 0,
+                    children: linkElement
+                  }
+                );
+              } else {
+                actionElement = linkElement;
+              }
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+              actionElement,
+              !isLast && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Divider, { type: "vertical" })
+            ] }, idx);
+          }) });
+        }
+      });
+    }
+    return cols;
+  }, [columns, rowActions, texts]);
+  const paginationConfig = (0, import_react13.useMemo)(() => {
+    if (pagination === false) return false;
+    return {
+      current: meta?.current_page || queryParams.page,
+      pageSize: meta?.per_page || queryParams.per_page,
+      total: meta?.total || 0,
+      showSizeChanger: true,
+      showTotal: texts.totalItems,
+      ...typeof pagination === "object" ? pagination : {}
+    };
+  }, [pagination, meta, queryParams, texts]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className, style, children: [
+    searchFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Card, { style: { marginBottom: 24, ...cardStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      import_antd4.Form,
+      {
+        form: searchForm,
+        layout: "horizontal",
+        onFinish: handleSearch,
+        labelCol: { flex: "100px" },
+        wrapperCol: { flex: 1 },
+        initialValues: defaultSearchValues,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_antd4.Row, { gutter: 24, children: [
+            visibleFields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Col, { span: 8, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Form.Item, { name: field.name, label: field.label, children: renderSearchField(field, texts) }) }, field.name)),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Col, { span: visibleFields.length === 1 ? 16 : 8, style: { textAlign: "right" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_antd4.Space, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Button, { onClick: handleReset, children: texts.reset }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Button, { type: "primary", htmlType: "submit", children: texts.search }),
+              hasHiddenFields && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                import_antd4.Button,
+                {
+                  type: "link",
+                  onClick: () => setExpanded(!expanded),
+                  children: [
+                    expanded ? texts.collapse : texts.expand,
+                    expanded ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons4.UpOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons4.DownOutlined, {})
+                  ]
+                }
+              )
+            ] }) })
+          ] }),
+          expanded && hiddenFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Row, { gutter: 24, style: { marginTop: 16 }, children: hiddenFields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Col, { span: 8, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Form.Item, { name: field.name, label: field.label, children: renderSearchField(field, texts) }) }, field.name)) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_antd4.Card,
+      {
+        title: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_antd4.Space, { children: [
+          icon,
+          title,
+          subTitle && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: {
+            fontWeight: "normal",
+            fontSize: 14,
+            color: token.colorTextSecondary
+          }, children: subTitle })
+        ] }),
+        extra: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_antd4.Space, { size: "small", children: [
+          toolbarExtra,
+          addButtonLink && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SmartLink, { href: addButtonLink, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Button, { type: "primary", icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons4.PlusOutlined, {}), children: addLabel || texts.add }) }),
+          onAdd && !addButtonLink && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Button, { type: "primary", icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons4.PlusOutlined, {}), onClick: onAdd, children: addLabel || texts.add }),
+          showRefresh && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Tooltip, { title: texts.refresh, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            import_antd4.Button,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons4.ReloadOutlined, {}),
+              onClick: () => queryResult.refetch?.(),
+              loading: queryResult.isFetching
+            }
+          ) }),
+          showColumnSettings && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Tooltip, { title: texts.columnSettings, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd4.Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons4.SettingOutlined, {}) }) })
+        ] }),
+        style: cardStyle,
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_antd4.Table,
+          {
+            ...tableProps,
+            columns: tableColumns,
+            dataSource,
+            rowKey,
+            loading,
+            pagination: paginationConfig,
+            onChange: handleTableChange
+          }
+        )
+      }
+    )
+  ] });
+}
 
-// src/i18n/I18nProvider.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var initialized = false;
-function getOrCreateI18n(appTranslations, fallbackLocale2) {
-  if (initialized) return import_i18next2.default;
-  const resources = {
-    en: {
-      translation: appTranslations?.en || {},
-      [ssoNamespace]: defaultTranslations.en
-    },
-    ja: {
-      translation: appTranslations?.ja || {},
-      [ssoNamespace]: defaultTranslations.ja
-    },
-    vi: {
-      translation: appTranslations?.vi || {},
-      [ssoNamespace]: defaultTranslations.vi
-    }
-  };
-  import_i18next2.default.use(import_i18next_browser_languagedetector.default).use(import_react_i18next2.initReactI18next).init({
-    resources,
-    fallbackLng: fallbackLocale2 || defaultLocale2,
-    supportedLngs: locales,
-    detection: {
-      order: ["cookie", "localStorage", "navigator"],
-      caches: ["cookie", "localStorage"],
-      lookupCookie: "locale",
-      lookupLocalStorage: "locale"
-    },
-    interpolation: {
-      escapeValue: false
-    },
-    defaultNS: "translation",
-    ns: ["translation", ssoNamespace],
-    react: {
-      useSuspense: false
-    }
-  });
-  initialized = true;
-  return import_i18next2.default;
-}
-function I18nProvider({ children, translations, fallbackLocale: fallbackLocale2 }) {
-  const i18nInstance = (0, import_react14.useMemo)(
-    () => getOrCreateI18n(translations, fallbackLocale2),
-    [translations, fallbackLocale2]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_i18next.I18nextProvider, { i18n: i18nInstance, children });
-}
-
-// src/i18n/useTranslations.ts
-var import_react15 = require("react");
-var import_react_i18next3 = require("react-i18next");
-function useTranslations(namespace) {
-  const { t: i18nT } = (0, import_react_i18next3.useTranslation)();
-  const t = (0, import_react15.useCallback)(
-    (key, values) => {
-      const fullKey = namespace ? `${namespace}.${key}` : key;
-      return i18nT(fullKey, values);
-    },
-    [i18nT, namespace]
-  );
-  return t;
-}
-
-// src/i18n/useLocale.ts
-var import_react_i18next4 = require("react-i18next");
+// src/ant/components/PageContainer/PageContainer.tsx
+var import_antd5 = require("antd");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function PageContainer({
+  title,
+  subTitle,
+  icon,
+  extra,
+  breadcrumb,
+  children,
+  showHeader = true,
+  className,
+  style
+}) {
+  const { token } = import_antd5.theme.useToken();
+  const breadcrumbProps = breadcrumb ? Array.isArray(breadcrumb) ? { items: breadcrumb } : breadcrumb : void 0;
+  const hasHeader = showHeader && (title || subTitle || breadcrumb);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className, style, children: [
+    hasHeader && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      "div",
+      {
+        style: {
+          marginBottom: 24
+        },
+        children: [
+          breadcrumbProps && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            import_antd5.Breadcrumb,
+            {
+              ...breadcrumbProps,
+              style: {
+                marginBottom: 12,
+                ...breadcrumbProps.style
+              }
+            }
+          ),
+          (title || extra) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "flex-start"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+                  title && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                    "h1",
+                    {
+                      style: {
+                        margin: 0,
+                        fontSize: 20,
+                        fontWeight: 600,
+                        lineHeight: 1.4,
+                        color: token.colorText,
+                        display: "flex",
+                        alignItems: "center",
+                        gap: 8
+                      },
+                      children: [
+                        icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { fontSize: 20 }, children: icon }),
+                        title
+                      ]
+                    }
+                  ),
+                  subTitle && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    "div",
+                    {
+                      style: {
+                        marginTop: 4,
+                        fontSize: 14,
+                        color: token.colorTextSecondary
+                      },
+                      children: subTitle
+                    }
+                  )
+                ] }),
+                extra && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { flexShrink: 0 }, children: extra })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    children
+  ] });
+}
+
+// src/ant/components/LocaleSwitcher/LocaleSwitcher.tsx
+var import_icons5 = require("@ant-design/icons");
+var import_antd6 = require("antd");
+var import_react_i18next2 = require("react-i18next");
+
+// src/core/i18n/index.tsx
+var import_react14 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18next = __toESM(require("i18next"), 1);
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var locales = ["ja", "en", "vi"];
+var localeNames = {
+  ja: "\u65E5\u672C\u8A9E",
+  en: "English",
+  vi: "Ti\u1EBFng Vi\u1EC7t"
+};
+var defaultLocale2 = "ja";
+var I18nContext = (0, import_react14.createContext)(null);
+var i18nInitialized = false;
+function initializeI18n(initialLocale, fallbackLocale2, translations) {
+  if (i18nInitialized) {
+    return import_i18next.default;
+  }
+  const resources = {};
+  for (const locale of locales) {
+    resources[locale] = {
+      translation: {
+        ...defaultTranslations[locale],
+        ...translations?.[locale] || {}
+      }
+    };
+  }
+  import_i18next.default.use(import_react_i18next.initReactI18next).init({
+    resources,
+    lng: initialLocale,
+    fallbackLng: fallbackLocale2,
+    interpolation: {
+      escapeValue: false
+    },
+    react: {
+      useSuspense: false
+    }
+  });
+  i18nInitialized = true;
+  return import_i18next.default;
+}
+function I18nProvider({
+  children,
+  defaultLocale: initialLocale = "ja",
+  fallbackLocale: fallbackLocale2 = "ja",
+  translations
+}) {
+  const i18nInstance = (0, import_react14.useMemo)(
+    () => initializeI18n(initialLocale, fallbackLocale2, translations),
+    [initialLocale, fallbackLocale2, translations]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_i18next.I18nextProvider, { i18n: i18nInstance, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(I18nProviderInner, { initialLocale, children }) });
+}
+function I18nProviderInner({
+  children,
+  initialLocale
+}) {
+  const [locale, setLocaleState] = (0, import_react14.useState)(initialLocale);
+  const { t: translate, i18n: i18nInstance } = (0, import_react_i18next.useTranslation)();
+  const setLocale = (0, import_react14.useCallback)((newLocale) => {
+    setLocaleState(newLocale);
+    i18nInstance?.changeLanguage(newLocale);
+    if (typeof document !== "undefined") {
+      document.cookie = `locale=${newLocale};path=/;max-age=31536000`;
+    }
+  }, [i18nInstance]);
+  const t = (0, import_react14.useCallback)((key, options) => {
+    return String(translate(key, options));
+  }, [translate]);
+  (0, import_react14.useEffect)(() => {
+    if (typeof document !== "undefined") {
+      const cookieLocale = document.cookie.split("; ").find((row) => row.startsWith("locale="))?.split("=")[1];
+      if (cookieLocale && locales.includes(cookieLocale)) {
+        setLocale(cookieLocale);
+      }
+    }
+  }, [setLocale]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(I18nContext.Provider, { value: { locale, setLocale, t }, children });
+}
 function useLocale() {
-  const { i18n: i18n3 } = (0, import_react_i18next4.useTranslation)();
-  return i18n3.language || defaultLocale2;
+  const context = (0, import_react14.useContext)(I18nContext);
+  const { i18n: i18nInstance } = (0, import_react_i18next.useTranslation)();
+  if (context) {
+    return context.locale;
+  }
+  return i18nInstance?.language || defaultLocale2;
+}
+function useTranslations() {
+  const { t } = (0, import_react_i18next.useTranslation)();
+  return t;
+}
+function useSsoTranslation() {
+  return (0, import_react_i18next.useTranslation)("sso");
+}
+function getCurrentLocale() {
+  if (typeof document !== "undefined") {
+    const cookieLocale = document.cookie.split("; ").find((row) => row.startsWith("locale="))?.split("=")[1];
+    if (cookieLocale && locales.includes(cookieLocale)) {
+      return cookieLocale;
+    }
+  }
+  return defaultLocale2;
+}
+function changeLanguage(locale) {
+  import_i18next.default.changeLanguage(locale);
+  if (typeof document !== "undefined") {
+    document.cookie = `locale=${locale};path=/;max-age=31536000`;
+  }
 }
+var ssoNamespace = "sso";
+var defaultTranslations = {
+  ja: {
+    login: "\u30ED\u30B0\u30A4\u30F3",
+    logout: "\u30ED\u30B0\u30A2\u30A6\u30C8",
+    loading: "\u8AAD\u307F\u8FBC\u307F\u4E2D...",
+    error: "\u30A8\u30E9\u30FC\u304C\u767A\u751F\u3057\u307E\u3057\u305F",
+    retry: "\u518D\u8A66\u884C",
+    cancel: "\u30AD\u30E3\u30F3\u30BB\u30EB",
+    save: "\u4FDD\u5B58",
+    delete: "\u524A\u9664",
+    edit: "\u7DE8\u96C6",
+    create: "\u65B0\u898F\u4F5C\u6210",
+    search: "\u691C\u7D22",
+    reset: "\u30EA\u30BB\u30C3\u30C8",
+    noData: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093",
+    confirmDelete: "\u524A\u9664\u3057\u3066\u3082\u3088\u308D\u3057\u3044\u3067\u3059\u304B\uFF1F"
+  },
+  en: {
+    login: "Login",
+    logout: "Logout",
+    loading: "Loading...",
+    error: "An error occurred",
+    retry: "Retry",
+    cancel: "Cancel",
+    save: "Save",
+    delete: "Delete",
+    edit: "Edit",
+    create: "Create",
+    search: "Search",
+    reset: "Reset",
+    noData: "No data",
+    confirmDelete: "Are you sure you want to delete?"
+  },
+  vi: {
+    login: "\u0110\u0103ng nh\u1EADp",
+    logout: "\u0110\u0103ng xu\u1EA5t",
+    loading: "\u0110ang t\u1EA3i...",
+    error: "\u0110\xE3 x\u1EA3y ra l\u1ED7i",
+    retry: "Th\u1EED l\u1EA1i",
+    cancel: "H\u1EE7y",
+    save: "L\u01B0u",
+    delete: "X\xF3a",
+    edit: "S\u1EEDa",
+    create: "T\u1EA1o m\u1EDBi",
+    search: "T\xECm ki\u1EBFm",
+    reset: "\u0110\u1EB7t l\u1EA1i",
+    noData: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u",
+    confirmDelete: "B\u1EA1n c\xF3 ch\u1EAFc ch\u1EAFn mu\u1ED1n x\xF3a?"
+  }
+};
 
-// src/components/admin/UserTable.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function UserTable({
-  users,
+// src/ant/components/LocaleSwitcher/LocaleSwitcher.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function LocaleSwitcher() {
+  const { i18n: i18n2 } = (0, import_react_i18next2.useTranslation)();
+  const locale = i18n2.language || "ja";
+  const handleChange = (newLocale) => {
+    i18n2.changeLanguage(newLocale);
+    document.cookie = `locale=${newLocale};path=/;max-age=31536000`;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_antd6.Select,
+    {
+      value: locale,
+      onChange: handleChange,
+      style: { width: 100 },
+      size: "small",
+      suffixIcon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons5.GlobalOutlined, {}),
+      options: locales.map((l) => ({
+        value: l,
+        label: localeNames[l]
+      }))
+    }
+  );
+}
+
+// src/ant/components/UserRoleAssignModal/UserRoleAssignModal.tsx
+var import_icons7 = require("@ant-design/icons");
+var import_antd8 = require("antd");
+var import_react15 = require("react");
+
+// src/ant/components/ScopeUtils/ScopeUtils.tsx
+var import_icons6 = require("@ant-design/icons");
+var import_antd7 = require("antd");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function getScopeIcon(scope) {
+  switch (scope) {
+    case "global":
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons6.GlobalOutlined, {});
+    case "org-wide":
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons6.BankOutlined, {});
+    case "branch":
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons6.BranchesOutlined, {});
+    default:
+      return null;
+  }
+}
+function getScopeColor(scope) {
+  switch (scope) {
+    case "global":
+      return "purple";
+    case "org-wide":
+      return "blue";
+    case "branch":
+      return "green";
+    default:
+      return "default";
+  }
+}
+function ScopeTag({ scope, label, showIcon = true }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_antd7.Tag, { color: getScopeColor(scope), icon: showIcon ? getScopeIcon(scope) : void 0, children: label || scope });
+}
+function ScopeLabel({ scope, label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_antd7.Space, { children: [
+    getScopeIcon(scope),
+    label
+  ] });
+}
+
+// src/ant/components/UserRoleAssignModal/UserRoleAssignModal.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var { Text: Text4 } = import_antd8.Typography;
+var defaultTranslations2 = {
+  title: "\u30ED\u30FC\u30EB\u5272\u308A\u5F53\u3066",
+  selectRole: "\u30ED\u30FC\u30EB\u3092\u9078\u629E",
+  scope: "\u30B9\u30B3\u30FC\u30D7",
+  global: "\u30B0\u30ED\u30FC\u30D0\u30EB",
+  orgWide: "\u7D44\u7E54\u5168\u4F53",
+  branchSpecific: "\u62E0\u70B9\u9650\u5B9A",
+  organization: "\u7D44\u7E54",
+  selectBranches: "\u62E0\u70B9\u3092\u9078\u629E",
+  assign: "\u5272\u308A\u5F53\u3066",
+  cancel: "\u30AD\u30E3\u30F3\u30BB\u30EB",
+  assignRole: "\u30ED\u30FC\u30EB\u5272\u308A\u5F53\u3066",
+  required: "\u5FC5\u9808\u9805\u76EE\u3067\u3059"
+};
+function UserRoleAssignModal({
+  open,
+  userName,
+  roles,
+  organizations,
+  branches,
+  currentOrgId,
   loading = false,
-  pagination,
-  sortField,
-  sortOrder,
-  onPageChange,
-  onSortChange,
-  onSearch,
-  onEdit,
-  onDelete,
-  deleteLoading = false,
-  showSearch = true,
-  showActions = true
+  onAssign,
+  onCancel,
+  translations: t = {}
 }) {
-  const { t } = useSsoTranslation();
-  const columns = [
+  const [form] = import_antd8.Form.useForm();
+  const [isSubmitting, setIsSubmitting] = (0, import_react15.useState)(false);
+  const labels = { ...defaultTranslations2, ...t };
+  const handleFinish = async (values) => {
+    setIsSubmitting(true);
+    try {
+      await onAssign(values);
+      form.resetFields();
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const handleCancel = () => {
+    form.resetFields();
+    onCancel();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_antd8.Modal,
     {
-      title: t("email"),
-      dataIndex: "email",
-      key: "email",
-      sorter: true,
-      sortOrder: sortField === "email" ? sortOrder === "asc" ? "ascend" : "descend" : void 0
-    },
+      title: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_antd8.Space, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons7.SafetyOutlined, {}),
+        labels.title,
+        " ",
+        userName ? `- ${userName}` : ""
+      ] }),
+      open,
+      onCancel: handleCancel,
+      footer: null,
+      destroyOnHidden: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        import_antd8.Form,
+        {
+          form,
+          layout: "vertical",
+          onFinish: handleFinish,
+          initialValues: { scope: "org-wide", org_id: currentOrgId },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              import_antd8.Form.Item,
+              {
+                name: "role_id",
+                label: labels.selectRole,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Select, { placeholder: labels.selectRole, children: roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Select.Option, { value: role.id, children: role.name }, role.id)) })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Form.Item, { name: "scope", label: labels.scope, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_antd8.Radio.Group, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Radio, { value: "global", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ScopeLabel, { scope: "global", label: labels.global }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Radio, { value: "org-wide", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ScopeLabel, { scope: "org-wide", label: labels.orgWide }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Radio, { value: "branch", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ScopeLabel, { scope: "branch", label: labels.branchSpecific }) })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Form.Item, { noStyle: true, shouldUpdate: (prev, curr) => prev.scope !== curr.scope, children: ({ getFieldValue }) => (getFieldValue("scope") === "org-wide" || getFieldValue("scope") === "branch") && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              import_antd8.Form.Item,
+              {
+                name: "org_id",
+                label: labels.organization,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Select, { placeholder: labels.organization, children: organizations.map((org) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Select.Option, { value: String(org.id), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_antd8.Space, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons7.BankOutlined, {}),
+                  org.name
+                ] }) }, org.id)) })
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Form.Item, { noStyle: true, shouldUpdate: (prev, curr) => prev.scope !== curr.scope, children: ({ getFieldValue }) => getFieldValue("scope") === "branch" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              import_antd8.Form.Item,
+              {
+                name: "branch_ids",
+                label: labels.selectBranches,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Select, { mode: "multiple", placeholder: labels.selectBranches, children: branches?.map((branch) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Select.Option, { value: String(branch.id), children: branch.name }, branch.id)) })
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Form.Item, { noStyle: true, shouldUpdate: true, children: ({ getFieldValue }) => {
+              const scope = getFieldValue("scope");
+              const selectedOrgId = getFieldValue("org_id");
+              const selectedBranchIds = getFieldValue("branch_ids") || [];
+              const selectedRole = roles.find((r) => r.id === getFieldValue("role_id"));
+              const selectedOrg = organizations.find((o) => String(o.id) === selectedOrgId);
+              const selectedBranches = branches?.filter((b) => selectedBranchIds.includes(String(b.id))) || [];
+              if (!selectedRole) return null;
+              let scopeText = "";
+              if (scope === "global") {
+                scopeText = labels.global;
+              } else if (scope === "org-wide" && selectedOrg) {
+                scopeText = `${selectedOrg.name} (${labels.orgWide})`;
+              } else if (scope === "branch" && selectedBranches.length > 0) {
+                scopeText = selectedBranches.map((b) => b.name).join(", ");
+              }
+              return scopeText ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "div",
+                {
+                  style: {
+                    padding: "8px 12px",
+                    background: "#f5f5f5",
+                    borderRadius: 4,
+                    marginBottom: 16
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Text4, { type: "secondary", children: [
+                    labels.assignRole,
+                    ": ",
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text4, { strong: true, children: selectedRole.name }),
+                    " \u2192 ",
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Tag, { color: getScopeColor(scope), children: scopeText })
+                  ] })
+                }
+              ) : null;
+            } }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_antd8.Space, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Button, { type: "primary", htmlType: "submit", loading: loading || isSubmitting, children: labels.assign }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd8.Button, { onClick: handleCancel, children: labels.cancel })
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/ant/components/UserPermissionsModal/UserPermissionsModal.tsx
+var import_icons8 = require("@ant-design/icons");
+var import_antd9 = require("antd");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var { Text: Text5 } = import_antd9.Typography;
+var defaultTranslations3 = {
+  permissionBreakdown: "\u6A29\u9650\u30D6\u30EC\u30FC\u30AF\u30C0\u30A6\u30F3",
+  userInfo: "\u30E6\u30FC\u30B6\u30FC\u60C5\u5831",
+  email: "\u30E1\u30FC\u30EB",
+  primaryOrganization: "\u6240\u5C5E\u7D44\u7E54",
+  global: "\u30B0\u30ED\u30FC\u30D0\u30EB",
+  currentContext: "\u73FE\u5728\u306E\u30B3\u30F3\u30C6\u30AD\u30B9\u30C8",
+  roleAssignments: "\u30ED\u30FC\u30EB\u5272\u308A\u5F53\u3066",
+  noRolesAssigned: "\u30ED\u30FC\u30EB\u304C\u5272\u308A\u5F53\u3066\u3089\u308C\u3066\u3044\u307E\u305B\u3093",
+  add: "\u8FFD\u52A0",
+  permissions: "\u6A29\u9650",
+  teamMemberships: "\u30C1\u30FC\u30E0\u30E1\u30F3\u30D0\u30FC\u30B7\u30C3\u30D7",
+  noTeamMemberships: "\u30C1\u30FC\u30E0\u306B\u6240\u5C5E\u3057\u3066\u3044\u307E\u305B\u3093",
+  teamLeader: "\u30EA\u30FC\u30C0\u30FC",
+  teamsFromConsole: "\u30C1\u30FC\u30E0\u306F\u30B3\u30F3\u30BD\u30FC\u30EB\u304B\u3089\u7BA1\u7406\u3057\u307E\u3059",
+  aggregatedPermissions: "\u96C6\u7D04\u3055\u308C\u305F\u6A29\u9650",
+  noData: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093",
+  ungrouped: "\u672A\u5206\u985E",
+  orgWide: "\u7D44\u7E54\u5168\u4F53",
+  confirmRemoveRole: "\u3053\u306E\u30ED\u30FC\u30EB\u3092\u524A\u9664\u3057\u3066\u3082\u3088\u308D\u3057\u3044\u3067\u3059\u304B\uFF1F"
+};
+function UserPermissionsModal({
+  open,
+  userName,
+  permissions,
+  loading = false,
+  currentOrg,
+  currentBranch,
+  branches,
+  onClose,
+  onAddRole,
+  onAddTeam,
+  onRemoveRole,
+  translations: t = {}
+}) {
+  const labels = { ...defaultTranslations3, ...t };
+  const getBranchName = (branchId) => {
+    if (!branchId || !branches) return "";
+    const branch = branches.find((b) => String(b.id) === branchId);
+    return branch?.name || branchId;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_antd9.Modal,
     {
-      title: t("name"),
-      dataIndex: "name",
-      key: "name",
-      sorter: true,
-      sortOrder: sortField === "name" ? sortOrder === "asc" ? "ascend" : "descend" : void 0
+      title: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd9.Space, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.UserOutlined, {}),
+        userName,
+        " - ",
+        labels.permissionBreakdown
+      ] }),
+      open,
+      onCancel: onClose,
+      footer: null,
+      width: 800,
+      destroyOnHidden: true,
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { textAlign: "center", padding: 40 }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Spin, { size: "large" }) }) : permissions ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Card, { size: "small", title: labels.userInfo, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Text5, { type: "secondary", children: [
+              labels.email,
+              ": "
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text5, { children: permissions.user?.email })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Text5, { type: "secondary", children: [
+              labels.primaryOrganization,
+              ": "
+            ] }),
+            permissions.user?.organization ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Tag, { icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.BankOutlined, {}), color: "blue", children: permissions.user.organization.name }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Tag, { icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.GlobalOutlined, {}), color: "purple", children: labels.global })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Card, { size: "small", title: labels.currentContext, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd9.Space, { wrap: true, children: [
+          currentOrg && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Tag, { icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.BankOutlined, {}), color: "blue", children: currentOrg.name }),
+          currentBranch && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Tag, { icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.BranchesOutlined, {}), color: "green", children: currentBranch.name })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_antd9.Card,
+          {
+            size: "small",
+            title: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd9.Space, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.SafetyOutlined, {}),
+              labels.roleAssignments,
+              " (",
+              permissions.role_assignments.length,
+              ")"
+            ] }),
+            extra: onAddRole && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Button, { type: "primary", size: "small", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.PlusOutlined, {}), onClick: onAddRole, children: labels.add }),
+            children: permissions.role_assignments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Empty, { description: labels.noRolesAssigned }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Collapse, { ghost: true, children: permissions.role_assignments.map((assignment, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              import_antd9.Collapse.Panel,
+              {
+                header: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd9.Space, { wrap: true, children: [
+                  getScopeIcon(assignment.scope),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text5, { strong: true, children: assignment.role.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Tag, { color: getScopeColor(assignment.scope), children: assignment.scope === "global" ? labels.global : assignment.scope === "org-wide" ? assignment.org_name || labels.orgWide : assignment.branch_name || getBranchName(assignment.console_branch_id) }),
+                  assignment.scope === "branch" && assignment.org_name && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Tag, { color: "blue", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.BankOutlined, {}), children: assignment.org_name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd9.Tag, { children: [
+                    assignment.permissions.length,
+                    " ",
+                    labels.permissions
+                  ] }),
+                  onRemoveRole && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    import_antd9.Popconfirm,
+                    {
+                      title: labels.confirmRemoveRole,
+                      onConfirm: () => {
+                        onRemoveRole(
+                          assignment.role.id,
+                          assignment.console_org_id,
+                          assignment.console_branch_id
+                        );
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                        import_antd9.Button,
+                        {
+                          size: "small",
+                          danger: true,
+                          icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.DeleteOutlined, {}),
+                          onClick: (e) => e.stopPropagation()
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                children: Object.entries(
+                  assignment.permissions.reduce(
+                    (groups, perm) => {
+                      const group = perm.group || labels.ungrouped;
+                      if (!groups[group]) groups[group] = [];
+                      groups[group].push({ slug: perm.slug, name: perm.name });
+                      return groups;
+                    },
+                    {}
+                  )
+                ).map(([group, perms]) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { marginBottom: 8 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text5, { type: "secondary", style: { fontSize: 12 }, children: group }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: 4, marginTop: 4 }, children: perms.map((perm) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Tag, { color: "blue", children: perm.name }, perm.slug)) })
+                ] }, group))
+              },
+              index
+            )) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_antd9.Card,
+          {
+            size: "small",
+            title: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd9.Space, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.TeamOutlined, {}),
+              labels.teamMemberships,
+              " (",
+              permissions.team_memberships.length,
+              ")"
+            ] }),
+            extra: onAddTeam && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Button, { size: "small", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.PlusOutlined, {}), onClick: onAddTeam, children: labels.add }),
+            children: permissions.team_memberships.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Empty, { description: labels.noTeamMemberships }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Collapse, { ghost: true, children: permissions.team_memberships.map((membership, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              import_antd9.Collapse.Panel,
+              {
+                header: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd9.Space, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.TeamOutlined, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text5, { strong: true, children: membership.team.name }),
+                  membership.is_leader && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Tag, { color: "gold", children: labels.teamLeader }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd9.Tag, { children: [
+                    membership.permissions.length,
+                    " ",
+                    labels.permissions
+                  ] })
+                ] }),
+                children: Object.entries(
+                  membership.permissions.reduce(
+                    (groups, perm) => {
+                      const group = perm.group || labels.ungrouped;
+                      if (!groups[group]) groups[group] = [];
+                      groups[group].push({ slug: perm.slug, name: perm.name });
+                      return groups;
+                    },
+                    {}
+                  )
+                ).map(([group, perms]) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { marginBottom: 8 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text5, { type: "secondary", style: { fontSize: 12 }, children: group }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: 4, marginTop: 4 }, children: perms.map((perm) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Tag, { color: "cyan", children: perm.name }, perm.slug)) })
+                ] }, group))
+              },
+              index
+            )) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_antd9.Card,
+          {
+            size: "small",
+            title: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd9.Space, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.SafetyOutlined, {}),
+              labels.aggregatedPermissions,
+              " (",
+              permissions.aggregated_permissions.length,
+              ")"
+            ] }),
+            children: permissions.aggregated_permissions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Empty, { description: labels.noData }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Collapse, { ghost: true, children: Object.entries(
+              permissions.aggregated_permissions.reduce(
+                (groups, perm) => {
+                  const parts = perm.split(".");
+                  const group = parts.length > 1 ? parts.slice(0, -1).join(".") : labels.ungrouped;
+                  if (!groups[group]) groups[group] = [];
+                  groups[group].push(perm);
+                  return groups;
+                },
+                {}
+              )
+            ).map(([group, perms]) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              import_antd9.Collapse.Panel,
+              {
+                header: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd9.Space, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons8.SafetyOutlined, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text5, { strong: true, children: group }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Tag, { color: "green", children: perms.length })
+                ] }),
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: perms.map((perm) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd9.Tag, { color: "green", children: perm.split(".").pop() }, perm)) })
+              },
+              group
+            )) })
+          }
+        )
+      ] }) : null
+    }
+  );
+}
+
+// src/ant/components/UserDetailCard/UserDetailCard.tsx
+var import_icons9 = require("@ant-design/icons");
+var import_antd10 = require("antd");
+var import_react16 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var { Title: Title3, Text: Text6, Link: AntLink } = import_antd10.Typography;
+var defaultTranslations4 = {
+  email: "\u30E1\u30FC\u30EB",
+  primaryOrganization: "\u6240\u5C5E\u7D44\u7E54",
+  currentContext: "\u73FE\u5728\u306E\u30B3\u30F3\u30C6\u30AD\u30B9\u30C8",
+  global: "\u30B0\u30ED\u30FC\u30D0\u30EB",
+  created: "\u4F5C\u6210\u65E5",
+  lastSignIn: "\u6700\u7D42\u30B5\u30A4\u30F3\u30A4\u30F3",
+  roleAssignments: "\u30ED\u30FC\u30EB\u5272\u308A\u5F53\u3066",
+  roles: "\u30ED\u30FC\u30EB",
+  permissions: "\u6A29\u9650",
+  teams: "\u30C1\u30FC\u30E0",
+  aggregatedPermissions: "\u96C6\u7D04\u3055\u308C\u305F\u6A29\u9650",
+  permissionPolicies: "\u6A29\u9650\u30DD\u30EA\u30B7\u30FC",
+  permissionsDescription: "\u6A29\u9650\u306E\u8AAC\u660E",
+  searchPermissions: "\u6A29\u9650\u3092\u691C\u7D22",
+  allTypes: "\u3059\u3079\u3066\u306E\u30BF\u30A4\u30D7",
+  viaRole: "\u30ED\u30FC\u30EB\u7D4C\u7531",
+  viaTeam: "\u30C1\u30FC\u30E0\u7D4C\u7531",
+  attachedVia: "\u4ED8\u4E0E\u5143",
+  filterByType: "\u30BF\u30A4\u30D7\u3067\u30D5\u30A3\u30EB\u30BF",
+  remove: "\u524A\u9664",
+  addPermissions: "\u6A29\u9650\u3092\u8FFD\u52A0",
+  assignRole: "\u30ED\u30FC\u30EB\u5272\u308A\u5F53\u3066",
+  noRolesAssigned: "\u30ED\u30FC\u30EB\u304C\u5272\u308A\u5F53\u3066\u3089\u308C\u3066\u3044\u307E\u305B\u3093",
+  level: "\u30EC\u30D9\u30EB",
+  actions: "\u64CD\u4F5C",
+  confirmRemoveRole: "\u3053\u306E\u30ED\u30FC\u30EB\u3092\u524A\u9664\u3057\u3066\u3082\u3088\u308D\u3057\u3044\u3067\u3059\u304B\uFF1F",
+  teamMemberships: "\u30C1\u30FC\u30E0\u30E1\u30F3\u30D0\u30FC\u30B7\u30C3\u30D7",
+  noTeamMemberships: "\u30C1\u30FC\u30E0\u306B\u6240\u5C5E\u3057\u3066\u3044\u307E\u305B\u3093",
+  teamLeader: "\u30EA\u30FC\u30C0\u30FC",
+  noPermissions: "\u6A29\u9650\u304C\u3042\u308A\u307E\u305B\u3093",
+  group: "\u30B0\u30EB\u30FC\u30D7"
+};
+function UserDetailCard({
+  user,
+  roleAssignments,
+  teamMemberships,
+  aggregatedPermissions,
+  currentOrg,
+  currentBranch,
+  onRefresh,
+  onAssignRole,
+  onRemoveRole,
+  onRoleClick,
+  removeLoading = false,
+  translations: t = {}
+}) {
+  const labels = { ...defaultTranslations4, ...t };
+  const [permissionSearch, setPermissionSearch] = (0, import_react16.useState)("");
+  const [permissionTypeFilter, setPermissionTypeFilter] = (0, import_react16.useState)("all");
+  const getScopeLabel2 = (assignment) => {
+    if (assignment.scope === "global") return labels.global;
+    if (assignment.scope === "org-wide") return assignment.org_name || labels.global;
+    return assignment.branch_name || labels.global;
+  };
+  const permissionsTableData = roleAssignments.flatMap(
+    (assignment) => assignment.permissions.map((perm) => ({
+      key: `${assignment.role.id}-${perm.slug}`,
+      permission: perm.slug,
+      permissionName: perm.name,
+      permissionGroup: perm.group,
+      type: "role",
+      attachedVia: assignment.role.name,
+      scope: assignment.scope,
+      roleId: assignment.role.id,
+      consoleOrgId: assignment.console_org_id,
+      consoleBranchId: assignment.console_branch_id
+    }))
+  );
+  const teamPermissionsData = teamMemberships.flatMap(
+    (membership) => membership.permissions.map((perm) => ({
+      key: `team-${membership.team.id}-${perm.slug}`,
+      permission: perm.slug,
+      permissionName: perm.name,
+      permissionGroup: perm.group,
+      type: "team",
+      attachedVia: membership.team.name,
+      scope: "team"
+    }))
+  );
+  const allPermissionsData = [...permissionsTableData, ...teamPermissionsData];
+  const filteredPermissions = allPermissionsData.filter((p) => {
+    const matchesSearch = !permissionSearch || p.permission.toLowerCase().includes(permissionSearch.toLowerCase());
+    const matchesType = permissionTypeFilter === "all" || p.type === permissionTypeFilter;
+    return matchesSearch && matchesType;
+  });
+  const groupedAggregatedPermissions = (0, import_react16.useMemo)(
+    () => aggregatedPermissions.reduce((acc, perm) => {
+      const group = perm.split(".").slice(0, -1).join(".") || "other";
+      if (!acc[group]) acc[group] = [];
+      acc[group].push(perm);
+      return acc;
+    }, {}),
+    [aggregatedPermissions]
+  );
+  const tabItems = [
+    {
+      key: "permissions",
+      label: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.KeyOutlined, {}),
+        " ",
+        labels.permissions
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              marginBottom: 16
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Title3, { level: 5, style: { margin: 0 }, children: [
+                  labels.permissionPolicies,
+                  " (",
+                  allPermissionsData.length,
+                  ")"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { type: "secondary", style: { fontSize: 12 }, children: labels.permissionsDescription })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd10.Space, { children: [
+                onRefresh && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.ReloadOutlined, {}), onClick: onRefresh }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Button, { type: "default", children: labels.remove }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Button, { type: "primary", icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.PlusOutlined, {}), children: labels.addPermissions })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { display: "flex", gap: 16, marginBottom: 16 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            import_antd10.Input,
+            {
+              placeholder: labels.searchPermissions,
+              prefix: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.KeyOutlined, {}),
+              value: permissionSearch,
+              onChange: (e) => setPermissionSearch(e.target.value),
+              style: { width: 300 }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            import_antd10.Select,
+            {
+              value: permissionTypeFilter,
+              onChange: setPermissionTypeFilter,
+              style: { width: 200 },
+              options: [
+                { value: "all", label: labels.allTypes },
+                { value: "role", label: labels.viaRole },
+                { value: "team", label: labels.viaTeam }
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          import_antd10.Table,
+          {
+            dataSource: filteredPermissions,
+            pagination: { pageSize: 10 },
+            columns: [
+              {
+                title: labels.permissions,
+                dataIndex: "permission",
+                key: "permission",
+                render: (perm) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd10.Space, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.KeyOutlined, { style: { color: "#faad14" } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AntLink, { children: perm })
+                ] })
+              },
+              {
+                title: labels.filterByType,
+                dataIndex: "type",
+                key: "type",
+                width: 150,
+                render: (type) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Tag, { color: type === "role" ? "blue" : "green", children: type === "role" ? labels.viaRole : labels.viaTeam })
+              },
+              {
+                title: labels.attachedVia,
+                dataIndex: "attachedVia",
+                key: "attachedVia",
+                width: 200,
+                render: (via, record) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd10.Space, { children: [
+                  record.type === "role" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.SafetyOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.TeamOutlined, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { children: via }),
+                  record.scope && record.scope !== "team" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Tag, { color: getScopeColor(record.scope), style: { fontSize: 12 }, children: record.scope })
+                ] })
+              }
+            ]
+          }
+        )
+      ] })
     },
     {
-      title: "SSO",
-      dataIndex: "console_user_id",
-      key: "sso",
-      width: 100,
-      render: (value) => value ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd4.Tag, { color: "green", children: t("ssoUser") }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd4.Tag, { color: "default", children: t("localUser") })
-    }
-  ];
-  if (showActions && (onEdit || onDelete)) {
-    columns.push({
-      title: t("actions"),
-      key: "actions",
-      width: 120,
-      render: (_, record) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_antd4.Space, { children: [
-        onEdit && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_antd4.Button,
+      key: "roles",
+      label: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.SafetyOutlined, {}),
+        " ",
+        labels.roles,
+        " (",
+        roleAssignments.length,
+        ")"
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          "div",
           {
-            type: "text",
-            icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons4.EditOutlined, {}),
-            size: "small",
-            onClick: () => onEdit(record)
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              marginBottom: 16
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Title3, { level: 5, style: { margin: 0 }, children: labels.roleAssignments }),
+              onAssignRole && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Button, { type: "primary", icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.PlusOutlined, {}), onClick: onAssignRole, children: labels.assignRole })
+            ]
           }
         ),
-        onDelete && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_antd4.Popconfirm,
+        roleAssignments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Empty, { description: labels.noRolesAssigned }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          import_antd10.Table,
           {
-            title: t("confirmDelete"),
-            onConfirm: () => onDelete(record),
-            okText: t("yes"),
-            cancelText: t("no"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              import_antd4.Button,
+            dataSource: roleAssignments,
+            rowKey: (r) => `${r.role.id}-${r.console_org_id}-${r.console_branch_id}`,
+            columns: [
+              {
+                title: labels.roles,
+                key: "role",
+                render: (_, record) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd10.Space, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.SafetyOutlined, { style: { color: "#1890ff" } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    Text6,
+                    {
+                      strong: true,
+                      style: { color: "#1890ff", cursor: onRoleClick ? "pointer" : "default" },
+                      onClick: () => onRoleClick?.(record.role.id),
+                      children: record.role.name
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Tag, { color: "default", children: record.role.slug })
+                ] })
+              },
               {
-                type: "text",
-                danger: true,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons4.DeleteOutlined, {}),
-                size: "small",
-                loading: deleteLoading
+                title: labels.global,
+                key: "scope",
+                width: 200,
+                render: (_, record) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Tag, { color: getScopeColor(record.scope), children: getScopeLabel2(record) })
+              },
+              {
+                title: labels.level,
+                dataIndex: ["role", "level"],
+                key: "level",
+                width: 100
+              },
+              {
+                title: labels.permissions,
+                key: "permissions",
+                width: 150,
+                render: (_, record) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text6, { children: [
+                  record.permissions.length,
+                  " ",
+                  labels.permissions.toLowerCase()
+                ] })
+              },
+              {
+                title: labels.actions,
+                key: "actions",
+                width: 100,
+                render: (_, record) => onRemoveRole && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  import_antd10.Popconfirm,
+                  {
+                    title: labels.confirmRemoveRole,
+                    onConfirm: () => onRemoveRole(
+                      record.role.id,
+                      record.console_org_id,
+                      record.console_branch_id
+                    ),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      import_antd10.Button,
+                      {
+                        type: "text",
+                        danger: true,
+                        icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.DeleteOutlined, {}),
+                        loading: removeLoading
+                      }
+                    )
+                  }
+                )
               }
-            )
+            ]
+          }
+        )
+      ] })
+    },
+    {
+      key: "teams",
+      label: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.TeamOutlined, {}),
+        " ",
+        labels.teams,
+        " (",
+        teamMemberships.length,
+        ")"
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Title3, { level: 5, style: { marginBottom: 16 }, children: labels.teamMemberships }),
+        teamMemberships.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Empty, { description: labels.noTeamMemberships }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          import_antd10.Table,
+          {
+            dataSource: teamMemberships,
+            rowKey: (m) => m.team.id,
+            columns: [
+              {
+                title: labels.teams,
+                key: "team",
+                render: (_, record) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd10.Space, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.TeamOutlined, { style: { color: "#52c41a" } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { strong: true, children: record.team.name }),
+                  record.team.path && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text6, { type: "secondary", children: [
+                    "(",
+                    record.team.path,
+                    ")"
+                  ] })
+                ] })
+              },
+              {
+                title: labels.teamLeader,
+                key: "leader",
+                width: 150,
+                render: (_, record) => record.is_leader ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Tag, { color: "gold", children: labels.teamLeader }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { type: "secondary", children: "-" })
+              },
+              {
+                title: labels.permissions,
+                key: "permissions",
+                width: 150,
+                render: (_, record) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text6, { children: [
+                  record.permissions.length,
+                  " ",
+                  labels.permissions.toLowerCase()
+                ] })
+              }
+            ]
+          }
+        )
+      ] })
+    },
+    {
+      key: "aggregated",
+      label: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.SafetyOutlined, {}),
+        " ",
+        labels.aggregatedPermissions,
+        " (",
+        aggregatedPermissions.length,
+        ")"
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Title3, { level: 5, style: { marginBottom: 16 }, children: labels.aggregatedPermissions }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { type: "secondary", style: { display: "block", marginBottom: 16 }, children: "\u3059\u3079\u3066\u306E\u30ED\u30FC\u30EB\u3068\u30C1\u30FC\u30E0\u304B\u3089\u96C6\u7D04\u3055\u308C\u305F\u6A29\u9650\u306E\u4E00\u89A7\u3067\u3059\u3002" }),
+        aggregatedPermissions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Empty, { description: labels.noPermissions }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          import_antd10.Table,
+          {
+            dataSource: aggregatedPermissions.map((perm) => ({
+              key: perm,
+              permission: perm,
+              group: perm.split(".").slice(0, -1).join(".") || "other",
+              action: perm.split(".").pop() || perm
+            })),
+            pagination: { pageSize: 20 },
+            size: "small",
+            columns: [
+              {
+                title: labels.group,
+                dataIndex: "group",
+                key: "group",
+                width: 200,
+                filters: Object.keys(groupedAggregatedPermissions).map((g) => ({
+                  text: g,
+                  value: g
+                })),
+                onFilter: (value, record) => record.group === value,
+                render: (group) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Tag, { icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.SafetyOutlined, {}), color: "blue", children: group })
+              },
+              {
+                title: labels.permissions,
+                dataIndex: "permission",
+                key: "permission",
+                render: (perm) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd10.Space, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.KeyOutlined, { style: { color: "#faad14" } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { children: perm })
+                ] })
+              },
+              {
+                title: "Action",
+                dataIndex: "action",
+                key: "action",
+                width: 150,
+                render: (action) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Tag, { color: "green", children: action })
+              }
+            ]
           }
         )
       ] })
-    });
-  }
-  const handleTableChange = (paginationConfig, _filters, sorter) => {
-    if (onPageChange && paginationConfig.current && paginationConfig.pageSize) {
-      onPageChange(paginationConfig.current, paginationConfig.pageSize);
-    }
-    if (onSortChange) {
-      const singleSorter = Array.isArray(sorter) ? sorter[0] : sorter;
-      if (singleSorter?.field) {
-        onSortChange(
-          singleSorter.field,
-          singleSorter.order === "ascend" ? "asc" : "desc"
-        );
-      } else {
-        onSortChange(void 0, void 0);
-      }
     }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
-    showSearch && onSearch && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      import_antd4.Input,
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Card, { size: "small", style: { marginBottom: 24 }, styles: { body: { padding: "16px 24px" } }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "div",
       {
-        placeholder: t("searchUsers"),
-        prefix: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons4.SearchOutlined, {}),
-        onChange: (e) => onSearch(e.target.value),
-        style: { width: 300 },
-        allowClear: true
+        style: {
+          display: "grid",
+          gridTemplateColumns: "repeat(3, 1fr)",
+          gap: "20px 48px"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.email }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { copyable: true, style: { fontSize: 14 }, children: user?.email || "-" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.primaryOrganization }),
+            user?.organization ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd10.Space, { size: 4, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.BankOutlined, { style: { color: "#1890ff" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { style: { fontSize: 14 }, children: user.organization.name })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd10.Space, { size: 4, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.GlobalOutlined, { style: { color: "#722ed1" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { style: { fontSize: 14 }, children: labels.global })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.currentContext }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd10.Space, { size: 16, wrap: true, children: [
+              currentOrg && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd10.Space, { size: 4, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.BankOutlined, { style: { color: "#1890ff" } }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { style: { fontSize: 14 }, children: currentOrg.name })
+              ] }),
+              currentBranch && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd10.Space, { size: 4, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons9.BranchesOutlined, { style: { color: "#52c41a" } }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { style: { fontSize: 14 }, children: currentBranch.name })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.created }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { style: { fontSize: 14 }, children: user?.created_at ? new Date(user.created_at).toLocaleDateString() : "-" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.lastSignIn }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { style: { fontSize: 14 }, children: "-" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.roleAssignments }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text6, { style: { fontSize: 14 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text6, { strong: true, children: roleAssignments.length }),
+              " ",
+              labels.roles.toLowerCase()
+            ] })
+          ] })
+        ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      import_antd4.Table,
-      {
-        columns,
-        dataSource: users,
-        loading,
-        rowKey: "id",
-        onChange: handleTableChange,
-        pagination: pagination ? {
-          current: pagination.current_page,
-          pageSize: pagination.per_page,
-          total: pagination.total,
-          showSizeChanger: true,
-          showTotal: (total) => t("total", { count: total })
-        } : false
-      }
-    )
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd10.Tabs, { defaultActiveKey: "permissions", items: tabItems }) })
   ] });
 }
 
-// src/components/admin/UserForm.tsx
-var import_antd5 = require("antd");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function UserForm({
-  initialValues,
+// src/ant/components/RoleCreateModal/RoleCreateModal.tsx
+var import_icons10 = require("@ant-design/icons");
+var import_antd11 = require("antd");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var defaultTranslations5 = {
+  title: "\u30ED\u30FC\u30EB\u4F5C\u6210",
+  name: "\u540D\u524D",
+  slug: "\u30B9\u30E9\u30C3\u30B0",
+  description: "\u8AAC\u660E",
+  level: "\u30EC\u30D9\u30EB",
+  scope: "\u30B9\u30B3\u30FC\u30D7",
+  global: "\u30B0\u30ED\u30FC\u30D0\u30EB",
+  orgRole: "\u7D44\u7E54\u30ED\u30FC\u30EB",
+  organization: "\u7D44\u7E54",
+  create: "\u4F5C\u6210",
+  cancel: "\u30AD\u30E3\u30F3\u30BB\u30EB",
+  required: "\u5FC5\u9808\u9805\u76EE\u3067\u3059"
+};
+function RoleCreateModal({
+  open,
+  organizations,
+  currentOrgId,
+  loading = false,
   onSubmit,
   onCancel,
-  loading = false,
-  submitText
+  translations: t = {}
 }) {
-  const { t } = useSsoTranslation();
-  const [form] = import_antd5.Form.useForm();
-  const handleFinish = (values) => {
-    onSubmit(values);
+  const [form] = import_antd11.Form.useForm();
+  const labels = { ...defaultTranslations5, ...t };
+  const handleFinish = async (values) => {
+    await onSubmit(values);
+    form.resetFields();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-    import_antd5.Form,
+  const handleCancel = () => {
+    form.resetFields();
+    onCancel();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_antd11.Modal,
+    {
+      title: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_antd11.Space, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons10.PlusOutlined, {}),
+        labels.title
+      ] }),
+      open,
+      onCancel: handleCancel,
+      footer: null,
+      destroyOnHidden: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        import_antd11.Form,
+        {
+          form,
+          layout: "vertical",
+          onFinish: handleFinish,
+          initialValues: { level: 50, scope: "org", org_id: currentOrgId },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              import_antd11.Form.Item,
+              {
+                name: "scope",
+                label: labels.scope,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_antd11.Radio.Group, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Radio, { value: "global", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_antd11.Space, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons10.GlobalOutlined, {}),
+                    labels.global
+                  ] }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Radio, { value: "org", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_antd11.Space, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons10.BankOutlined, {}),
+                    labels.orgRole
+                  ] }) })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Form.Item, { noStyle: true, shouldUpdate: (prev, curr) => prev.scope !== curr.scope, children: ({ getFieldValue }) => getFieldValue("scope") === "org" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              import_antd11.Form.Item,
+              {
+                name: "org_id",
+                label: labels.organization,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Select, { placeholder: labels.organization, children: organizations.map((org) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Select.Option, { value: String(org.id), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_antd11.Space, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons10.BankOutlined, {}),
+                  org.name
+                ] }) }, org.id)) })
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              import_antd11.Form.Item,
+              {
+                name: "name",
+                label: labels.name,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Input, {})
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              import_antd11.Form.Item,
+              {
+                name: "slug",
+                label: labels.slug,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Input, {})
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Form.Item, { name: "description", label: labels.description, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Input.TextArea, { rows: 3 }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              import_antd11.Form.Item,
+              {
+                name: "level",
+                label: labels.level,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.InputNumber, { min: 1, max: 100, style: { width: "100%" } })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_antd11.Space, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Button, { type: "primary", htmlType: "submit", loading, children: labels.create }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd11.Button, { onClick: handleCancel, children: labels.cancel })
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/ant/components/RolesListCard/RolesListCard.tsx
+var import_icons11 = require("@ant-design/icons");
+var import_antd12 = require("antd");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var { Text: Text7 } = import_antd12.Typography;
+var defaultTranslations6 = {
+  name: "\u540D\u524D",
+  scope: "\u30B9\u30B3\u30FC\u30D7",
+  level: "\u30EC\u30D9\u30EB",
+  description: "\u8AAC\u660E",
+  actions: "\u64CD\u4F5C",
+  detail: "\u8A73\u7D30",
+  global: "\u30B0\u30ED\u30FC\u30D0\u30EB",
+  orgRole: "\u7D44\u7E54\u30ED\u30FC\u30EB",
+  all: "\u3059\u3079\u3066",
+  confirmDeleteRole: "\u3053\u306E\u30ED\u30FC\u30EB\u3092\u524A\u9664\u3057\u3066\u3082\u3088\u308D\u3057\u3044\u3067\u3059\u304B\uFF1F"
+};
+function RolesListCard({
+  roles,
+  loading = false,
+  scopeFilter,
+  onScopeFilterChange,
+  onCreateClick,
+  onViewClick,
+  onDeleteClick,
+  translations: t = {}
+}) {
+  const labels = { ...defaultTranslations6, ...t };
+  const columns = [
     {
-      form,
-      layout: "vertical",
-      initialValues,
-      onFinish: handleFinish,
-      style: { maxWidth: 600 },
+      title: labels.name,
+      dataIndex: "name",
+      key: "name",
+      render: (name, record) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_antd12.Space, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons11.SafetyOutlined, { style: { color: "#1890ff" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Text7, { strong: true, children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd12.Tag, { children: record.slug })
+      ] })
+    },
+    {
+      title: labels.scope,
+      dataIndex: "console_org_id",
+      key: "scope",
+      width: 180,
+      render: (_, record) => record.console_org_id ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd12.Tag, { icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons11.BankOutlined, {}), color: "blue", children: record.organization?.name || record.console_org_id }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd12.Tag, { icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons11.GlobalOutlined, {}), color: "purple", children: labels.global })
+    },
+    {
+      title: labels.level,
+      dataIndex: "level",
+      key: "level",
+      width: 100,
+      render: (level) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd12.Tag, { color: "blue", children: level })
+    },
+    {
+      title: labels.description,
+      dataIndex: "description",
+      key: "description",
+      ellipsis: true
+    },
+    {
+      title: labels.actions,
+      key: "actions",
+      width: 180,
+      render: (_, record) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_antd12.Space, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd12.Button, { size: "small", icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons11.EyeOutlined, {}), onClick: () => onViewClick(record), children: labels.detail }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd12.Popconfirm, { title: labels.confirmDeleteRole, onConfirm: () => onDeleteClick(record), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd12.Button, { size: "small", danger: true, icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons11.DeleteOutlined, {}) }) })
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    import_antd12.Card,
+    {
+      title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_antd12.Space, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons11.SafetyOutlined, {}),
+        "Roles"
+      ] }),
+      extra: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd12.Button, { type: "primary", icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons11.PlusOutlined, {}), onClick: onCreateClick, children: "Create" }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_antd5.Form.Item,
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { marginBottom: 16, display: "flex", gap: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          import_antd12.Select,
           {
-            label: t("name"),
-            name: "name",
-            rules: [
-              { required: true, message: t("required", { field: t("name") }) },
-              { max: 255, message: t("maxLength", { field: t("name"), max: 255 }) }
-            ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd5.Input, {})
+            value: scopeFilter,
+            onChange: onScopeFilterChange,
+            style: { minWidth: 200 },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd12.Select.Option, { value: "all", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_antd12.Space, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons11.SafetyOutlined, {}),
+                labels.all
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd12.Select.Option, { value: "global", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_antd12.Space, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons11.GlobalOutlined, {}),
+                labels.global
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd12.Select.Option, { value: "org", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_antd12.Space, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons11.BankOutlined, {}),
+                labels.orgRole
+              ] }) })
+            ]
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_antd5.Form.Item,
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_antd12.Table,
           {
-            label: t("email"),
-            name: "email",
-            rules: [
-              { required: true, message: t("required", { field: t("email") }) },
-              { type: "email", message: t("invalidEmail") }
-            ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd5.Input, { type: "email" })
+            columns,
+            dataSource: roles,
+            rowKey: "id",
+            loading,
+            pagination: { pageSize: 10 }
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd5.Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_antd5.Space, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd5.Button, { type: "primary", htmlType: "submit", loading, children: submitText || t("save") }),
-          onCancel && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd5.Button, { onClick: onCancel, children: t("cancel") })
-        ] }) })
+        )
       ]
     }
   );
 }
 
-// src/utils/branchHeaders.ts
+// src/ant/components/PermissionsListCard/PermissionsListCard.tsx
+var import_icons12 = require("@ant-design/icons");
+var import_antd13 = require("antd");
+var import_react17 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var { Text: Text8 } = import_antd13.Typography;
+var defaultTranslations7 = {
+  searchPermissions: "\u6A29\u9650\u3092\u691C\u7D22",
+  name: "\u540D\u524D",
+  slug: "\u30B9\u30E9\u30C3\u30B0",
+  group: "\u30B0\u30EB\u30FC\u30D7",
+  noData: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093"
+};
+function PermissionsListCard({
+  permissions,
+  groups,
+  loading = false,
+  translations: t = {},
+  onGroupLabelRender
+}) {
+  const [search, setSearch] = (0, import_react17.useState)("");
+  const labels = { ...defaultTranslations7, ...t };
+  const filteredPermissions = (0, import_react17.useMemo)(() => {
+    if (!search) return permissions;
+    const lowerSearch = search.toLowerCase();
+    return permissions.filter(
+      (p) => p.name.toLowerCase().includes(lowerSearch) || p.slug.toLowerCase().includes(lowerSearch) || (p.group || "").toLowerCase().includes(lowerSearch)
+    );
+  }, [permissions, search]);
+  const groupedPermissions = (0, import_react17.useMemo)(() => {
+    const grouped = {};
+    filteredPermissions.forEach((perm) => {
+      const group = perm.group || "other";
+      if (!grouped[group]) grouped[group] = [];
+      grouped[group].push(perm);
+    });
+    return grouped;
+  }, [filteredPermissions]);
+  const getGroupLabel = (group) => {
+    if (onGroupLabelRender) return onGroupLabelRender(group);
+    return group;
+  };
+  const columns = [
+    {
+      title: labels.name,
+      dataIndex: "name",
+      key: "name",
+      render: (name) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_antd13.Space, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons12.KeyOutlined, { style: { color: "#52c41a" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text8, { strong: true, children: name })
+      ] })
+    },
+    {
+      title: labels.slug,
+      dataIndex: "slug",
+      key: "slug",
+      render: (slug) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_antd13.Tag, { color: "blue", children: slug })
+    },
+    {
+      title: labels.group,
+      dataIndex: "group",
+      key: "group",
+      render: (group) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_antd13.Tag, { icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons12.AppstoreOutlined, {}), color: "purple", children: getGroupLabel(group || "other") })
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_antd13.Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_antd13.Input.Search,
+      {
+        placeholder: labels.searchPermissions,
+        allowClear: true,
+        onSearch: setSearch,
+        onChange: (e) => !e.target.value && setSearch(""),
+        style: { maxWidth: 300 }
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_antd13.Collapse, { defaultActiveKey: groups, ghost: true, children: Object.entries(groupedPermissions).map(([group, perms]) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_antd13.Collapse.Panel,
+      {
+        header: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_antd13.Space, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons12.AppstoreOutlined, { style: { color: "#722ed1" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text8, { strong: true, children: getGroupLabel(group) }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_antd13.Tag, { children: perms.length })
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_antd13.Table,
+          {
+            columns,
+            dataSource: perms,
+            rowKey: "id",
+            loading,
+            pagination: false,
+            size: "small"
+          }
+        )
+      },
+      group
+    )) }),
+    filteredPermissions.length === 0 && !loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { textAlign: "center", padding: 40 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text8, { type: "secondary", children: labels.noData }) })
+  ] });
+}
+
+// src/ant/components/TeamsListCard/TeamsListCard.tsx
+var import_icons13 = require("@ant-design/icons");
+var import_antd14 = require("antd");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var { Text: Text9 } = import_antd14.Typography;
+var defaultTranslations8 = {
+  name: "\u540D\u524D",
+  memberCount: "\u30E1\u30F3\u30D0\u30FC\u6570",
+  permissions: "\u6A29\u9650",
+  noTeams: "\u30C1\u30FC\u30E0\u304C\u3042\u308A\u307E\u305B\u3093",
+  teamsFromConsole: "\u30C1\u30FC\u30E0\u306F\u30B3\u30F3\u30BD\u30FC\u30EB\u304B\u3089\u7BA1\u7406\u3055\u308C\u307E\u3059",
+  teamPermissions: "\u30C1\u30FC\u30E0\u6A29\u9650",
+  noData: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093"
+};
+function TeamsListCard({
+  teams,
+  loading = false,
+  translations: t = {}
+}) {
+  const labels = { ...defaultTranslations8, ...t };
+  const columns = [
+    {
+      title: labels.name,
+      dataIndex: "name",
+      key: "name",
+      render: (name) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons13.TeamOutlined, { style: { marginRight: 8, color: "#1890ff" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text9, { strong: true, children: name })
+      ] })
+    },
+    {
+      title: labels.memberCount,
+      dataIndex: "member_count",
+      key: "member_count",
+      width: 120,
+      render: (count) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_antd14.Tag, { icon: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons13.UserOutlined, {}), children: count })
+    },
+    {
+      title: labels.permissions,
+      dataIndex: "permissions",
+      key: "permissions",
+      render: (permissions) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: permissions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_antd14.Tag, { color: "blue", children: [
+        permissions.length,
+        " ",
+        labels.permissions
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_antd14.Tag, { children: [
+        "0 ",
+        labels.permissions
+      ] }) })
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_antd14.Card, { children: teams.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_antd14.Empty,
+    {
+      description: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
+        labels.noTeams,
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("br", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text9, { type: "secondary", style: { fontSize: 12 }, children: labels.teamsFromConsole })
+      ] })
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_antd14.Table,
+    {
+      columns,
+      dataSource: teams,
+      rowKey: "id",
+      loading,
+      pagination: { pageSize: 10 },
+      expandable: {
+        expandedRowRender: (record) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { padding: "8px 0" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Text9, { strong: true, style: { marginBottom: 8, display: "block" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons13.KeyOutlined, { style: { marginRight: 4 } }),
+            labels.teamPermissions,
+            ":"
+          ] }),
+          record.permissions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text9, { type: "secondary", children: labels.noData }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: record.permissions.map((perm) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_antd14.Tag, { color: "cyan", children: perm }, perm)) })
+        ] })
+      }
+    }
+  ) });
+}
+
+// src/ant/theme/AntdThemeProvider.tsx
+var import_antd15 = require("antd");
+var import_en_US = __toESM(require("antd/locale/en_US"), 1);
+var import_ja_JP = __toESM(require("antd/locale/ja_JP"), 1);
+var import_vi_VN = __toESM(require("antd/locale/vi_VN"), 1);
+var import_react18 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var antdLocales = {
+  ja: import_ja_JP.default,
+  en: import_en_US.default,
+  vi: import_vi_VN.default
+};
+var fontFamilies = {
+  // Japanese - CJK optimized fonts
+  ja: "'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif",
+  // English - Modern western fonts
+  en: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+  // Vietnamese - Light, clean font with good diacritics
+  vi: "'Inter', 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif"
+};
+var themeColors = {
+  dashboard: {
+    primary: "#7C3AED",
+    // Violet
+    siderBg: "#7C3AED",
+    menuDarkItemBg: "#7C3AED",
+    menuDarkSubMenuItemBg: "#6D28D9",
+    menuDarkItemSelectedBg: "#9061F9",
+    menuDarkItemHoverBg: "rgba(144, 97, 249, 0.6)"
+  },
+  admin: {
+    primary: "#64748B",
+    // Slate gray - professional admin look
+    siderBg: "#475569",
+    menuDarkItemBg: "#475569",
+    menuDarkSubMenuItemBg: "#334155",
+    menuDarkItemSelectedBg: "#64748B",
+    menuDarkItemHoverBg: "rgba(100, 116, 139, 0.6)"
+  }
+};
+function AntdThemeProvider({ children, variant = "dashboard", setDayjsLocale }) {
+  const locale = useLocale();
+  const antdLocale = antdLocales[locale] ?? import_ja_JP.default;
+  const fontFamily = fontFamilies[locale] ?? fontFamilies.ja;
+  const colors = themeColors[variant];
+  (0, import_react18.useEffect)(() => {
+    setDayjsLocale?.(locale);
+  }, [locale, setDayjsLocale]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_antd15.ConfigProvider,
+    {
+      locale: antdLocale,
+      theme: {
+        algorithm: import_antd15.theme.defaultAlgorithm,
+        token: {
+          // ===========================================
+          // Tempofast Design System (HSL-based harmony)
+          // ===========================================
+          // Primary - Dynamic based on variant
+          colorPrimary: colors.primary,
+          colorInfo: colors.primary,
+          // Semantic Colors (Complementary harmony)
+          colorSuccess: "#10B981",
+          // HSL(160, 84%, 39%) - Teal-green, cool tone
+          colorWarning: "#F59E0B",
+          // HSL(38, 92%, 50%) - Amber, warm accent
+          colorError: "#EF4444",
+          // HSL(0, 84%, 60%) - Red, same saturation
+          // Text - Neutral with slight violet undertone
+          colorText: "#1E1B2E",
+          // Near black with violet tint
+          colorTextSecondary: "#4B5563",
+          // Cool gray
+          colorTextTertiary: "#9CA3AF",
+          // Light cool gray
+          // Background - Cool neutrals
+          colorBgLayout: "#F8F7FA",
+          // Very light violet-gray
+          colorBgContainer: "#FFFFFF",
+          colorBgElevated: "#FFFFFF",
+          // Border - Subtle
+          colorBorder: "#E5E7EB",
+          colorBorderSecondary: "#F3F4F6",
+          // Border Radius - Compact
+          borderRadius: 4,
+          borderRadiusSM: 2,
+          borderRadiusLG: 6,
+          // Control Heights - Compact
+          controlHeight: 32,
+          controlHeightLG: 36,
+          controlHeightSM: 28,
+          // Font - Dynamic based on locale
+          fontFamily,
+          fontSize: 13,
+          fontSizeLG: 14,
+          fontSizeHeading1: 24,
+          fontSizeHeading2: 20,
+          fontSizeHeading3: 16,
+          fontSizeHeading4: 14,
+          fontSizeHeading5: 13,
+          // Spacing - Tight
+          padding: 12,
+          paddingLG: 16,
+          paddingSM: 8,
+          paddingXS: 4,
+          margin: 12,
+          marginLG: 16,
+          marginSM: 8,
+          marginXS: 4,
+          // Shadows - Almost flat (Japanese style)
+          boxShadow: "0 1px 2px rgba(0, 0, 0, 0.03)",
+          boxShadowSecondary: "0 1px 3px rgba(0, 0, 0, 0.04)",
+          // Line Height
+          lineHeight: 1.5
+        },
+        components: {
+          // Global icon margin in Space component
+          Space: {
+            marginXS: 6
+          },
+          Button: {
+            controlHeight: 32,
+            paddingInline: 12,
+            fontWeight: 500
+          },
+          Statistic: {
+            contentFontSize: 24,
+            titleFontSize: 13
+          },
+          Input: {
+            controlHeight: 32,
+            paddingInline: 8
+          },
+          Select: {
+            controlHeight: 32
+          },
+          Table: {
+            cellPaddingBlock: 8,
+            cellPaddingInline: 8,
+            headerBg: "#F8F7FA"
+          },
+          Card: {
+            paddingLG: 16
+          },
+          Form: {
+            itemMarginBottom: 16,
+            verticalLabelPadding: "0 0 4px"
+          },
+          Menu: {
+            itemHeight: 36,
+            itemMarginBlock: 2,
+            itemMarginInline: 4,
+            darkItemBg: colors.menuDarkItemBg,
+            darkSubMenuItemBg: colors.menuDarkSubMenuItemBg,
+            darkItemSelectedBg: colors.menuDarkItemSelectedBg,
+            darkItemSelectedColor: "#FFFFFF",
+            darkItemColor: "rgba(255, 255, 255, 0.9)",
+            darkItemHoverBg: colors.menuDarkItemHoverBg,
+            darkItemHoverColor: "#FFFFFF"
+          },
+          Layout: {
+            siderBg: colors.siderBg,
+            headerPadding: "0 16px",
+            headerHeight: 48
+          },
+          Typography: {
+            titleMarginBottom: 8,
+            titleMarginTop: 0
+          },
+          Modal: {
+            paddingContentHorizontalLG: 16
+          },
+          Descriptions: {
+            itemPaddingBottom: 8
+          }
+        }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_antd15.App, { children })
+    }
+  );
+}
+
+// src/core/utils/branchHeaders.ts
 var BRANCH_HEADERS = {
   BRANCH_ID: "X-Branch-Id",
-  ORG_ID: "X-Org-Id",
-  BRANCH_NAME: "X-Branch-Name",
-  BRANCH_CODE: "X-Branch-Code"
+  ORG_ID: "X-Organization-Id"
 };
 function createBranchHeaderSetter(axiosInstance) {
   return (selection) => {
     if (selection) {
       axiosInstance.defaults.headers.common[BRANCH_HEADERS.BRANCH_ID] = selection.branchId;
       axiosInstance.defaults.headers.common[BRANCH_HEADERS.ORG_ID] = selection.orgId;
-      if (selection.branchName) {
-        axiosInstance.defaults.headers.common[BRANCH_HEADERS.BRANCH_NAME] = selection.branchName;
-      }
-      if (selection.branchCode) {
-        axiosInstance.defaults.headers.common[BRANCH_HEADERS.BRANCH_CODE] = selection.branchCode;
-      }
     } else {
       delete axiosInstance.defaults.headers.common[BRANCH_HEADERS.BRANCH_ID];
       delete axiosInstance.defaults.headers.common[BRANCH_HEADERS.ORG_ID];
-      delete axiosInstance.defaults.headers.common[BRANCH_HEADERS.BRANCH_NAME];
-      delete axiosInstance.defaults.headers.common[BRANCH_HEADERS.BRANCH_CODE];
     }
   };
 }
@@ -2634,7 +4328,7 @@ function setBranchHeaders(axiosInstance, selection) {
   createBranchHeaderSetter(axiosInstance)(selection);
 }
 
-// src/services/authService.ts
+// src/core/services/authService.ts
 function createAuthService(config) {
   const { apiUrl } = config;
   return {
@@ -2682,7 +4376,7 @@ function createAuthService(config) {
   };
 }
 
-// src/services/tokenService.ts
+// src/core/services/tokenService.ts
 function createTokenService(config) {
   const { apiUrl } = config;
   return {
@@ -2718,7 +4412,7 @@ function createTokenService(config) {
   };
 }
 
-// src/services/roleService.ts
+// src/core/services/roleService.ts
 function createRoleService(config) {
   const { apiUrl } = config;
   return {
@@ -2750,33 +4444,38 @@ function createRoleService(config) {
      * List all roles (admin)
      * GET /api/admin/sso/roles
      */
-    adminList: async (orgSlug, params) => {
-      const searchParams = new URLSearchParams();
-      if (params?.["filter[scope]"]) searchParams.set("filter[scope]", params["filter[scope]"]);
-      if (params?.["filter[org_id]"]) searchParams.set("filter[org_id]", params["filter[org_id]"]);
-      const query = searchParams.toString();
-      const path = query ? `/api/admin/sso/roles?${query}` : "/api/admin/sso/roles";
-      return request(apiUrl, path, {
-        headers: buildHeaders(orgSlug)
+    adminList: async (orgId, params) => {
+      const queryParams = new URLSearchParams();
+      if (params) {
+        Object.entries(params).forEach(([key, value]) => {
+          if (value !== void 0 && value !== null) {
+            queryParams.append(key, String(value));
+          }
+        });
+      }
+      const query = queryParams.toString();
+      const url = `/api/admin/sso/roles${query ? `?${query}` : ""}`;
+      return request(apiUrl, url, {
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * Get single role (admin)
      * GET /api/admin/sso/roles/{id}
      */
-    adminGet: async (id, orgSlug) => {
+    adminGet: async (id, orgId) => {
       return request(apiUrl, `/api/admin/sso/roles/${id}`, {
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * Create role (admin only)
      * POST /api/admin/sso/roles
      */
-    create: async (input, orgSlug) => {
+    create: async (input, orgId) => {
       return request(apiUrl, "/api/admin/sso/roles", {
         method: "POST",
-        headers: buildHeaders(orgSlug),
+        headers: buildHeaders(orgId),
         body: JSON.stringify(input)
       });
     },
@@ -2784,10 +4483,10 @@ function createRoleService(config) {
      * Update role (admin only)
      * PUT /api/admin/sso/roles/{id}
      */
-    update: async (id, input, orgSlug) => {
+    update: async (id, input, orgId) => {
       return request(apiUrl, `/api/admin/sso/roles/${id}`, {
         method: "PUT",
-        headers: buildHeaders(orgSlug),
+        headers: buildHeaders(orgId),
         body: JSON.stringify(input)
       });
     },
@@ -2795,36 +4494,36 @@ function createRoleService(config) {
      * Delete role (admin only)
      * DELETE /api/admin/sso/roles/{id}
      */
-    delete: async (id, orgSlug) => {
+    delete: async (id, orgId) => {
       return request(apiUrl, `/api/admin/sso/roles/${id}`, {
         method: "DELETE",
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * Get role's permissions (admin)
      * GET /api/admin/sso/roles/{id}/permissions
      */
-    getPermissions: async (id, orgSlug) => {
+    getPermissions: async (id, orgId) => {
       return request(apiUrl, `/api/admin/sso/roles/${id}/permissions`, {
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * Sync role's permissions (admin)
      * PUT /api/admin/sso/roles/{id}/permissions
      */
-    syncPermissions: async (id, input, orgSlug) => {
+    syncPermissions: async (id, input, orgId) => {
       return request(apiUrl, `/api/admin/sso/roles/${id}/permissions`, {
         method: "PUT",
-        headers: buildHeaders(orgSlug),
+        headers: buildHeaders(orgId),
         body: JSON.stringify(input)
       });
     }
   };
 }
 
-// src/services/permissionService.ts
+// src/core/services/permissionService.ts
 function createPermissionService(config) {
   const { apiUrl } = config;
   return {
@@ -2859,31 +4558,31 @@ function createPermissionService(config) {
      * List all permissions (admin)
      * GET /api/admin/sso/permissions
      */
-    adminList: async (orgSlug, params) => {
+    adminList: async (orgId, params) => {
       const queryString = params ? `?${new URLSearchParams(
         Object.entries(params).filter(([, v]) => v !== void 0).map(([k, v]) => [k, String(v)])
       )}` : "";
       return request(apiUrl, `/api/admin/sso/permissions${queryString}`, {
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * Get single permission (admin)
      * GET /api/admin/sso/permissions/{id}
      */
-    adminGet: async (id, orgSlug) => {
+    adminGet: async (id, orgId) => {
       return request(apiUrl, `/api/admin/sso/permissions/${id}`, {
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * Create permission (admin only)
      * POST /api/admin/sso/permissions
      */
-    create: async (input, orgSlug) => {
+    create: async (input, orgId) => {
       return request(apiUrl, "/api/admin/sso/permissions", {
         method: "POST",
-        headers: buildHeaders(orgSlug),
+        headers: buildHeaders(orgId),
         body: JSON.stringify(input)
       });
     },
@@ -2891,10 +4590,10 @@ function createPermissionService(config) {
      * Update permission (admin only)
      * PUT /api/admin/sso/permissions/{id}
      */
-    update: async (id, input, orgSlug) => {
+    update: async (id, input, orgId) => {
       return request(apiUrl, `/api/admin/sso/permissions/${id}`, {
         method: "PUT",
-        headers: buildHeaders(orgSlug),
+        headers: buildHeaders(orgId),
         body: JSON.stringify(input)
       });
     },
@@ -2902,25 +4601,25 @@ function createPermissionService(config) {
      * Delete permission (admin only)
      * DELETE /api/admin/sso/permissions/{id}
      */
-    delete: async (id, orgSlug) => {
+    delete: async (id, orgId) => {
       return request(apiUrl, `/api/admin/sso/permissions/${id}`, {
         method: "DELETE",
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * Get permission matrix (admin)
      * GET /api/admin/sso/permission-matrix
      */
-    adminGetMatrix: async (orgSlug) => {
+    adminGetMatrix: async (orgId) => {
       return request(apiUrl, "/api/admin/sso/permission-matrix", {
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     }
   };
 }
 
-// src/services/teamService.ts
+// src/core/services/teamService.ts
 function createTeamService(config) {
   const { apiUrl } = config;
   return {
@@ -2928,28 +4627,28 @@ function createTeamService(config) {
      * Get all teams with their permissions (admin only)
      * GET /api/admin/sso/teams/permissions
      */
-    list: async (orgSlug) => {
+    list: async (orgId) => {
       return request(apiUrl, "/api/admin/sso/teams/permissions", {
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * Get specific team permissions (admin only)
      * GET /api/admin/sso/teams/{teamId}/permissions
      */
-    getPermissions: async (teamId, orgSlug) => {
+    getPermissions: async (teamId, orgId) => {
       return request(apiUrl, `/api/admin/sso/teams/${teamId}/permissions`, {
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * Sync team permissions (admin only)
      * PUT /api/admin/sso/teams/{teamId}/permissions
      */
-    syncPermissions: async (teamId, input, orgSlug) => {
+    syncPermissions: async (teamId, input, orgId) => {
       return request(apiUrl, `/api/admin/sso/teams/${teamId}/permissions`, {
         method: "PUT",
-        headers: buildHeaders(orgSlug),
+        headers: buildHeaders(orgId),
         body: JSON.stringify(input)
       });
     },
@@ -2957,46 +4656,46 @@ function createTeamService(config) {
      * Remove all permissions for a team (admin only)
      * DELETE /api/admin/sso/teams/{teamId}/permissions
      */
-    removePermissions: async (teamId, orgSlug) => {
+    removePermissions: async (teamId, orgId) => {
       return request(apiUrl, `/api/admin/sso/teams/${teamId}/permissions`, {
         method: "DELETE",
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * List orphaned team permissions (admin only)
      * GET /api/admin/sso/teams/orphaned
      */
-    listOrphaned: async (orgSlug) => {
+    listOrphaned: async (orgId) => {
       return request(apiUrl, "/api/admin/sso/teams/orphaned", {
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * Restore orphaned team permissions (admin only)
      * POST /api/admin/sso/teams/orphaned/{teamId}/restore
      */
-    restoreOrphaned: async (teamId, orgSlug) => {
+    restoreOrphaned: async (teamId, orgId) => {
       return request(apiUrl, `/api/admin/sso/teams/orphaned/${teamId}/restore`, {
         method: "POST",
-        headers: buildHeaders(orgSlug)
+        headers: buildHeaders(orgId)
       });
     },
     /**
      * Cleanup orphaned team permissions (admin only)
      * DELETE /api/admin/sso/teams/orphaned
      */
-    cleanupOrphaned: async (orgSlug, input) => {
+    cleanupOrphaned: async (orgId, input) => {
       return request(apiUrl, "/api/admin/sso/teams/orphaned", {
         method: "DELETE",
-        headers: buildHeaders(orgSlug),
+        headers: buildHeaders(orgId),
         body: input ? JSON.stringify(input) : void 0
       });
     }
   };
 }
 
-// src/services/userRoleService.ts
+// src/core/services/userRoleService.ts
 function createUserRoleService(config) {
   const { apiUrl } = config;
   return {
@@ -3004,11 +4703,11 @@ function createUserRoleService(config) {
      * List user's role assignments with scope information
      * GET /api/admin/sso/users/{userId}/roles
      */
-    list: async (userId, orgSlug) => {
+    list: async (userId, orgId) => {
       const response = await request(
         apiUrl,
         `/api/admin/sso/users/${userId}/roles`,
-        { headers: buildHeaders(orgSlug) }
+        { headers: buildHeaders(orgId) }
       );
       return response.data;
     },
@@ -3016,15 +4715,15 @@ function createUserRoleService(config) {
      * List user's role assignments filtered by branch context
      * Returns roles applicable to the given org/branch
      */
-    listByBranch: async (userId, orgId, branchId, orgSlug) => {
+    listByBranch: async (userId, consoleOrgId, branchId, orgId) => {
       const all = await request(
         apiUrl,
         `/api/admin/sso/users/${userId}/roles`,
-        { headers: buildHeaders(orgSlug) }
+        { headers: buildHeaders(orgId) }
       );
       return all.data.filter((a) => {
         if (a.console_org_id === null) return true;
-        if (a.console_org_id !== orgId) return false;
+        if (a.console_org_id !== consoleOrgId) return false;
         if (a.console_branch_id === null) return true;
         return a.console_branch_id === branchId;
       });
@@ -3033,13 +4732,13 @@ function createUserRoleService(config) {
      * Assign a role to user with scope
      * POST /api/admin/sso/users/{userId}/roles
      */
-    assign: async (userId, input, orgSlug) => {
+    assign: async (userId, input, orgId) => {
       return request(
         apiUrl,
         `/api/admin/sso/users/${userId}/roles`,
         {
           method: "POST",
-          headers: buildHeaders(orgSlug),
+          headers: buildHeaders(orgId),
           body: JSON.stringify(input)
         }
       );
@@ -3048,15 +4747,15 @@ function createUserRoleService(config) {
      * Remove a role assignment from user
      * DELETE /api/admin/sso/users/{userId}/roles/{roleId}
      */
-    remove: async (userId, roleId, orgId, branchId, orgSlug) => {
+    remove: async (userId, roleId, consoleOrgId, branchId, orgId) => {
       return request(
         apiUrl,
         `/api/admin/sso/users/${userId}/roles/${roleId}`,
         {
           method: "DELETE",
-          headers: buildHeaders(orgSlug),
+          headers: buildHeaders(orgId),
           body: JSON.stringify({
-            console_org_id: orgId ?? null,
+            console_org_id: consoleOrgId ?? null,
             console_branch_id: branchId ?? null
           })
         }
@@ -3066,13 +4765,13 @@ function createUserRoleService(config) {
      * Sync roles for user in a specific scope
      * PUT /api/admin/sso/users/{userId}/roles/sync
      */
-    sync: async (userId, input, orgSlug) => {
+    sync: async (userId, input, orgId) => {
       return request(
         apiUrl,
         `/api/admin/sso/users/${userId}/roles/sync`,
         {
           method: "PUT",
-          headers: buildHeaders(orgSlug),
+          headers: buildHeaders(orgId),
           body: JSON.stringify(input)
         }
       );
@@ -3110,97 +4809,64 @@ var getEffectivePermissions = (roleAssignments, allRoles, orgId, branchId) => {
   return Array.from(permissions);
 };
 
-// src/services/userService.ts
+// src/core/services/userService.ts
 function createUserService(config) {
   const { apiUrl } = config;
-  const basePath = "/api/admin/sso/users";
   return {
     /**
-     * List users with pagination and filtering
-     */
-    async list(params, orgSlug) {
-      const searchParams = new URLSearchParams();
-      if (params?.page) searchParams.set("page", String(params.page));
-      if (params?.per_page) searchParams.set("per_page", String(params.per_page));
-      if (params?.["filter[search]"]) searchParams.set("filter[search]", params["filter[search]"]);
-      if (params?.["filter[org_id]"]) searchParams.set("filter[org_id]", params["filter[org_id]"]);
-      if (params?.sort) searchParams.set("sort", params.sort);
-      const query = searchParams.toString();
-      const path = query ? `${basePath}?${query}` : basePath;
-      return request(apiUrl, path, {
-        method: "GET",
-        headers: buildHeaders(orgSlug)
-      });
-    },
-    /**
-     * Get user by ID
+     * List users with optional filters
+     * GET /api/admin/sso/users
      */
-    async get(id, orgSlug) {
-      const response = await request(apiUrl, `${basePath}/${id}`, {
-        method: "GET",
-        headers: buildHeaders(orgSlug)
-      });
-      return response.data;
-    },
-    /**
-     * Update a user
-     */
-    async update(id, input, orgSlug) {
-      const response = await request(apiUrl, `${basePath}/${id}`, {
-        method: "PUT",
-        headers: buildHeaders(orgSlug),
-        body: JSON.stringify(input)
-      });
-      return response.data;
-    },
-    /**
-     * Delete a user
-     */
-    async delete(id, orgSlug) {
-      await request(apiUrl, `${basePath}/${id}`, {
-        method: "DELETE",
-        headers: buildHeaders(orgSlug)
+    list: async (params, orgId) => {
+      const queryParams = new URLSearchParams();
+      if (params) {
+        Object.entries(params).forEach(([key, value]) => {
+          if (value !== void 0 && value !== null) {
+            queryParams.append(key, String(value));
+          }
+        });
+      }
+      const query = queryParams.toString();
+      const url = `/api/admin/sso/users${query ? `?${query}` : ""}`;
+      return request(apiUrl, url, {
+        headers: buildHeaders(orgId)
       });
     },
     /**
-     * Search users by email (autocomplete)
+     * Get single user by ID
+     * GET /api/admin/sso/users/{userId}
      */
-    async search(email, orgSlug) {
-      if (email.length < 2) return [];
+    get: async (userId, orgId) => {
       const response = await request(
         apiUrl,
-        `${basePath}/search?email=${encodeURIComponent(email)}`,
-        {
-          method: "GET",
-          headers: buildHeaders(orgSlug)
-        }
+        `/api/admin/sso/users/${userId}`,
+        { headers: buildHeaders(orgId) }
       );
       return response.data;
     },
     /**
-     * Get user permissions breakdown
-     * Shows roles, teams, and aggregated permissions for a user in context
+     * Get user permissions breakdown for specific org/branch context
+     * GET /api/admin/sso/users/{userId}/permissions
      */
-    async getPermissions(userId, orgId, branchId, orgSlug) {
-      const params = new URLSearchParams();
-      if (orgId) params.set("org_id", orgId);
-      if (branchId) params.set("branch_id", branchId);
-      const query = params.toString();
-      const path = query ? `${basePath}/${userId}/permissions?${query}` : `${basePath}/${userId}/permissions`;
-      return request(apiUrl, path, {
-        method: "GET",
-        headers: buildHeaders(orgSlug)
+    getPermissions: async (userId, consoleOrgId, branchId, orgId) => {
+      const queryParams = new URLSearchParams();
+      if (consoleOrgId) queryParams.append("org_id", consoleOrgId);
+      if (branchId) queryParams.append("branch_id", branchId);
+      const query = queryParams.toString();
+      const url = `/api/admin/sso/users/${userId}/permissions${query ? `?${query}` : ""}`;
+      return request(apiUrl, url, {
+        headers: buildHeaders(orgId)
       });
     }
   };
 }
 
-// src/services/ssoService.ts
+// src/core/services/ssoService.ts
 function getXsrfToken3() {
   if (typeof document === "undefined") return void 0;
   return document.cookie.split("; ").find((row) => row.startsWith("XSRF-TOKEN="))?.split("=")[1];
 }
-function buildHeaders2(orgSlug) {
+function buildHeaders2(orgId) {
   const headers = {
     "Content-Type": "application/json",
     Accept: "application/json"
@@ -3209,8 +4875,8 @@ function buildHeaders2(orgSlug) {
   if (xsrfToken) {
     headers["X-XSRF-TOKEN"] = decodeURIComponent(xsrfToken);
   }
-  if (orgSlug) {
-    headers["X-Org-Id"] = orgSlug;
+  if (orgId) {
+    headers["X-Organization-Id"] = orgId;
   }
   return headers;
 }
@@ -3364,28 +5030,28 @@ function createSsoService(config) {
      * List all roles (admin)
      * GET /api/admin/sso/roles
      */
-    adminGetRoles: async (orgSlug) => {
+    adminGetRoles: async (orgId) => {
       return request2(apiUrl, "/api/admin/sso/roles", {
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     /**
      * Get single role (admin)
      * GET /api/admin/sso/roles/{id}
      */
-    adminGetRole: async (id, orgSlug) => {
+    adminGetRole: async (id, orgId) => {
       return request2(apiUrl, `/api/admin/sso/roles/${id}`, {
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     /**
      * Create role (admin only)
      * POST /api/admin/sso/roles
      */
-    createRole: async (input, orgSlug) => {
+    createRole: async (input, orgId) => {
       return request2(apiUrl, "/api/admin/sso/roles", {
         method: "POST",
-        headers: buildHeaders2(orgSlug),
+        headers: buildHeaders2(orgId),
         body: JSON.stringify(input)
       });
     },
@@ -3393,10 +5059,10 @@ function createSsoService(config) {
      * Update role (admin only)
      * PUT /api/admin/sso/roles/{id}
      */
-    updateRole: async (id, input, orgSlug) => {
+    updateRole: async (id, input, orgId) => {
       return request2(apiUrl, `/api/admin/sso/roles/${id}`, {
         method: "PUT",
-        headers: buildHeaders2(orgSlug),
+        headers: buildHeaders2(orgId),
         body: JSON.stringify(input)
       });
     },
@@ -3404,29 +5070,29 @@ function createSsoService(config) {
      * Delete role (admin only)
      * DELETE /api/admin/sso/roles/{id}
      */
-    deleteRole: async (id, orgSlug) => {
+    deleteRole: async (id, orgId) => {
       return request2(apiUrl, `/api/admin/sso/roles/${id}`, {
         method: "DELETE",
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     /**
      * Get role's permissions (admin)
      * GET /api/admin/sso/roles/{id}/permissions
      */
-    getRolePermissions: async (id, orgSlug) => {
+    getRolePermissions: async (id, orgId) => {
       return request2(apiUrl, `/api/admin/sso/roles/${id}/permissions`, {
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     /**
      * Sync role's permissions (admin)
      * PUT /api/admin/sso/roles/{id}/permissions
      */
-    syncRolePermissions: async (id, input, orgSlug) => {
+    syncRolePermissions: async (id, input, orgId) => {
       return request2(apiUrl, `/api/admin/sso/roles/${id}/permissions`, {
         method: "PUT",
-        headers: buildHeaders2(orgSlug),
+        headers: buildHeaders2(orgId),
         body: JSON.stringify(input)
       });
     },
@@ -3437,31 +5103,31 @@ function createSsoService(config) {
      * List all permissions (admin)
      * GET /api/admin/sso/permissions
      */
-    adminGetPermissions: async (orgSlug, params) => {
+    adminGetPermissions: async (orgId, params) => {
       const queryString = params ? `?${new URLSearchParams(
         Object.entries(params).filter(([, v]) => v !== void 0).map(([k, v]) => [k, String(v)])
       )}` : "";
       return request2(apiUrl, `/api/admin/sso/permissions${queryString}`, {
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     /**
      * Get single permission (admin)
      * GET /api/admin/sso/permissions/{id}
      */
-    adminGetPermission: async (id, orgSlug) => {
+    adminGetPermission: async (id, orgId) => {
       return request2(apiUrl, `/api/admin/sso/permissions/${id}`, {
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     /**
      * Create permission (admin only)
      * POST /api/admin/sso/permissions
      */
-    createPermission: async (input, orgSlug) => {
+    createPermission: async (input, orgId) => {
       return request2(apiUrl, "/api/admin/sso/permissions", {
         method: "POST",
-        headers: buildHeaders2(orgSlug),
+        headers: buildHeaders2(orgId),
         body: JSON.stringify(input)
       });
     },
@@ -3469,10 +5135,10 @@ function createSsoService(config) {
      * Update permission (admin only)
      * PUT /api/admin/sso/permissions/{id}
      */
-    updatePermission: async (id, input, orgSlug) => {
+    updatePermission: async (id, input, orgId) => {
       return request2(apiUrl, `/api/admin/sso/permissions/${id}`, {
         method: "PUT",
-        headers: buildHeaders2(orgSlug),
+        headers: buildHeaders2(orgId),
         body: JSON.stringify(input)
       });
     },
@@ -3480,19 +5146,19 @@ function createSsoService(config) {
      * Delete permission (admin only)
      * DELETE /api/admin/sso/permissions/{id}
      */
-    deletePermission: async (id, orgSlug) => {
+    deletePermission: async (id, orgId) => {
       return request2(apiUrl, `/api/admin/sso/permissions/${id}`, {
         method: "DELETE",
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     /**
      * Get permission matrix (admin)
      * GET /api/admin/sso/permission-matrix
      */
-    adminGetPermissionMatrix: async (orgSlug) => {
+    adminGetPermissionMatrix: async (orgId) => {
       return request2(apiUrl, "/api/admin/sso/permission-matrix", {
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     // =========================================================================
@@ -3502,28 +5168,28 @@ function createSsoService(config) {
      * Get all teams with their permissions (admin only)
      * GET /api/admin/sso/teams/permissions
      */
-    getTeamPermissions: async (orgSlug) => {
+    getTeamPermissions: async (orgId) => {
       return request2(apiUrl, "/api/admin/sso/teams/permissions", {
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     /**
      * Get specific team permissions (admin only)
      * GET /api/admin/sso/teams/{teamId}/permissions
      */
-    getTeamPermission: async (teamId, orgSlug) => {
+    getTeamPermission: async (teamId, orgId) => {
       return request2(apiUrl, `/api/admin/sso/teams/${teamId}/permissions`, {
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     /**
      * Sync team permissions (admin only)
      * PUT /api/admin/sso/teams/{teamId}/permissions
      */
-    syncTeamPermissions: async (teamId, input, orgSlug) => {
+    syncTeamPermissions: async (teamId, input, orgId) => {
       return request2(apiUrl, `/api/admin/sso/teams/${teamId}/permissions`, {
         method: "PUT",
-        headers: buildHeaders2(orgSlug),
+        headers: buildHeaders2(orgId),
         body: JSON.stringify(input)
       });
     },
@@ -3531,10 +5197,10 @@ function createSsoService(config) {
      * Remove all permissions for a team (admin only)
      * DELETE /api/admin/sso/teams/{teamId}/permissions
      */
-    removeTeamPermissions: async (teamId, orgSlug) => {
+    removeTeamPermissions: async (teamId, orgId) => {
       return request2(apiUrl, `/api/admin/sso/teams/${teamId}/permissions`, {
         method: "DELETE",
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     // =========================================================================
@@ -3544,29 +5210,29 @@ function createSsoService(config) {
      * List orphaned team permissions (admin only)
      * GET /api/admin/sso/teams/orphaned
      */
-    getOrphanedTeamPermissions: async (orgSlug) => {
+    getOrphanedTeamPermissions: async (orgId) => {
       return request2(apiUrl, "/api/admin/sso/teams/orphaned", {
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     /**
      * Restore orphaned team permissions (admin only)
      * POST /api/admin/sso/teams/orphaned/{teamId}/restore
      */
-    restoreOrphanedTeamPermissions: async (teamId, orgSlug) => {
+    restoreOrphanedTeamPermissions: async (teamId, orgId) => {
       return request2(apiUrl, `/api/admin/sso/teams/orphaned/${teamId}/restore`, {
         method: "POST",
-        headers: buildHeaders2(orgSlug)
+        headers: buildHeaders2(orgId)
       });
     },
     /**
      * Cleanup orphaned team permissions (admin only)
      * DELETE /api/admin/sso/teams/orphaned
      */
-    cleanupOrphanedTeamPermissions: async (orgSlug, input) => {
+    cleanupOrphanedTeamPermissions: async (orgId, input) => {
       return request2(apiUrl, "/api/admin/sso/teams/orphaned", {
         method: "DELETE",
-        headers: buildHeaders2(orgSlug),
+        headers: buildHeaders2(orgId),
         body: input ? JSON.stringify(input) : void 0
       });
     }
@@ -3574,19 +5240,31 @@ function createSsoService(config) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AntdThemeProvider,
   BRANCH_HEADERS,
   BranchContext,
   BranchGate,
   BranchProvider,
   I18nProvider,
+  LocaleSwitcher,
   OrgBranchSelectorModal,
   OrganizationSwitcher,
+  PROTABLE_DEFAULT_TEXTS,
+  PageContainer,
+  PermissionsListCard,
+  ProTable,
   ProtectedRoute,
+  RoleCreateModal,
+  RolesListCard,
+  ScopeLabel,
+  ScopeTag,
   SsoCallback,
   SsoContext,
   SsoProvider,
-  UserForm,
-  UserTable,
+  TeamsListCard,
+  UserDetailCard,
+  UserPermissionsModal,
+  UserRoleAssignModal,
   branchCacheCreateSchema,
   branchCacheI18n,
   branchCacheSchemas,
@@ -3624,6 +5302,8 @@ function createSsoService(config) {
   getRolePermissionFieldLabel,
   getRolePermissionFieldPlaceholder,
   getRolePermissionLabel,
+  getScopeColor,
+  getScopeIcon,
   getScopeLabel,
   getTeamCacheFieldLabel,
   getTeamCacheFieldPlaceholder,