@famgia/omnify-react-sso 2.2.3 → 2.2.4

package/dist/ant/index.js

@@ -0,0 +1,3268 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/ant/components/SsoCallback/SsoCallback.tsx
+import { useEffect, useRef, useState } from "react";
+
+// src/core/context/SsoContext.tsx
+import { createContext, useContext } from "react";
+var SsoContext = createContext(null);
+function useSsoContext() {
+  const context = useContext(SsoContext);
+  if (!context) {
+    throw new Error("useSsoContext must be used within a SsoProvider");
+  }
+  return context;
+}
+
+// src/ant/components/SsoCallback/SsoCallback.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function transformUser(data) {
+  return {
+    id: data.id,
+    consoleUserId: data.console_user_id,
+    email: data.email,
+    name: data.name
+  };
+}
+function transformOrganizations(data) {
+  return data.map((org) => ({
+    id: org.organization_id,
+    slug: org.organization_slug,
+    name: org.organization_name,
+    orgRole: org.org_role,
+    serviceRole: org.service_role
+  }));
+}
+function DefaultLoading() {
+  return /* @__PURE__ */ jsx("div", { style: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    minHeight: "200px"
+  }, children: /* @__PURE__ */ jsx("div", { children: "Authenticating..." }) });
+}
+function DefaultError({ error }) {
+  return /* @__PURE__ */ jsxs("div", { style: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    minHeight: "200px",
+    color: "red"
+  }, children: [
+    /* @__PURE__ */ jsx("div", { children: "Authentication Error" }),
+    /* @__PURE__ */ jsx("div", { style: { fontSize: "0.875rem", marginTop: "0.5rem" }, children: error.message })
+  ] });
+}
+function SsoCallback({
+  onSuccess,
+  onError,
+  redirectTo = "/",
+  loadingComponent,
+  errorComponent
+}) {
+  const { config, refreshUser } = useSsoContext();
+  const [error, setError] = useState(null);
+  const [isProcessing, setIsProcessing] = useState(true);
+  const isProcessingRef = useRef(false);
+  useEffect(() => {
+    if (isProcessingRef.current) {
+      return;
+    }
+    isProcessingRef.current = true;
+    const processCallback = async () => {
+      try {
+        const urlParams = new URLSearchParams(window.location.search);
+        const code = urlParams.get("code");
+        const redirectParam = urlParams.get("redirect");
+        if (!code) {
+          throw new Error("No authorization code received");
+        }
+        await fetch(`${config.apiUrl}/sanctum/csrf-cookie`, {
+          credentials: "include"
+        });
+        const xsrfToken = document.cookie.split("; ").find((row) => row.startsWith("XSRF-TOKEN="))?.split("=")[1];
+        const response = await fetch(`${config.apiUrl}/api/sso/callback`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "Accept": "application/json",
+            ...xsrfToken ? { "X-XSRF-TOKEN": decodeURIComponent(xsrfToken) } : {}
+          },
+          credentials: "include",
+          body: JSON.stringify({ code })
+        });
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(errorData.message || "Failed to authenticate");
+        }
+        const data = await response.json();
+        const user = transformUser(data.user);
+        const organizations = transformOrganizations(data.organizations);
+        await refreshUser();
+        onSuccess?.(user, organizations);
+        const finalRedirect = redirectParam || redirectTo;
+        window.location.href = finalRedirect;
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error("Authentication failed");
+        setError(error2);
+        onError?.(error2);
+        isProcessingRef.current = false;
+      } finally {
+        setIsProcessing(false);
+      }
+    };
+    processCallback();
+  }, []);
+  if (error) {
+    if (errorComponent) {
+      return /* @__PURE__ */ jsx(Fragment, { children: errorComponent(error) });
+    }
+    return /* @__PURE__ */ jsx(DefaultError, { error });
+  }
+  if (isProcessing) {
+    if (loadingComponent) {
+      return /* @__PURE__ */ jsx(Fragment, { children: loadingComponent });
+    }
+    return /* @__PURE__ */ jsx(DefaultLoading, {});
+  }
+  return null;
+}
+
+// src/ant/components/OrganizationSwitcher/OrganizationSwitcher.tsx
+import React2, { useCallback as useCallback2, useMemo as useMemo2 } from "react";
+import { Dropdown, Button, Space, Typography, Badge } from "antd";
+import { SwapOutlined, CheckOutlined } from "@ant-design/icons";
+
+// src/core/hooks/useOrganization.ts
+import { useCallback, useMemo } from "react";
+var ROLE_LEVELS = {
+  admin: 100,
+  manager: 50,
+  member: 10
+};
+function useOrganization() {
+  const { organizations, currentOrg, switchOrg } = useSsoContext();
+  const hasMultipleOrgs = organizations.length > 1;
+  const currentRole = currentOrg?.serviceRole ?? null;
+  const hasRole = useCallback(
+    (role) => {
+      if (!currentRole) return false;
+      const requiredLevel = ROLE_LEVELS[role] ?? 0;
+      const userLevel = ROLE_LEVELS[currentRole] ?? 0;
+      return userLevel >= requiredLevel;
+    },
+    [currentRole]
+  );
+  const handleSwitchOrg = useCallback(
+    (orgId) => {
+      switchOrg(orgId);
+    },
+    [switchOrg]
+  );
+  return useMemo(
+    () => ({
+      organizations,
+      currentOrg,
+      hasMultipleOrgs,
+      switchOrg: handleSwitchOrg,
+      currentRole,
+      hasRole
+    }),
+    [organizations, currentOrg, hasMultipleOrgs, handleSwitchOrg, currentRole, hasRole]
+  );
+}
+
+// src/ant/components/OrganizationSwitcher/OrganizationSwitcher.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var { Text } = Typography;
+function OrganizationSwitcher({
+  className,
+  renderTrigger,
+  renderOption,
+  onChange
+}) {
+  const { organizations, currentOrg, hasMultipleOrgs, switchOrg } = useOrganization();
+  const [isOpen, setIsOpen] = React2.useState(false);
+  const handleSelect = useCallback2(
+    (org) => {
+      switchOrg(org.slug);
+      setIsOpen(false);
+      onChange?.(org);
+    },
+    [switchOrg, onChange]
+  );
+  const menuItems = useMemo2(() => {
+    return organizations.map((org) => {
+      const isSelected = currentOrg?.slug === org.slug;
+      if (renderOption) {
+        return {
+          key: org.slug,
+          label: /* @__PURE__ */ jsx2("div", { onClick: () => handleSelect(org), children: renderOption(org, isSelected) })
+        };
+      }
+      return {
+        key: org.slug,
+        label: /* @__PURE__ */ jsxs2(Space, { style: { width: "100%", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsxs2(Space, { direction: "vertical", size: 0, children: [
+            /* @__PURE__ */ jsx2(Text, { strong: isSelected, children: org.name }),
+            org.serviceRole && /* @__PURE__ */ jsx2(Text, { type: "secondary", style: { fontSize: 12 }, children: org.serviceRole })
+          ] }),
+          isSelected && /* @__PURE__ */ jsx2(CheckOutlined, { style: { color: "#1890ff" } })
+        ] }),
+        onClick: () => handleSelect(org)
+      };
+    });
+  }, [organizations, currentOrg, renderOption, handleSelect]);
+  if (!hasMultipleOrgs) {
+    return null;
+  }
+  if (renderTrigger) {
+    return /* @__PURE__ */ jsx2(
+      Dropdown,
+      {
+        menu: { items: menuItems },
+        trigger: ["click"],
+        open: isOpen,
+        onOpenChange: setIsOpen,
+        className,
+        children: /* @__PURE__ */ jsx2("div", { style: { cursor: "pointer" }, children: renderTrigger(currentOrg, isOpen) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2(
+    Dropdown,
+    {
+      menu: { items: menuItems },
+      trigger: ["click"],
+      open: isOpen,
+      onOpenChange: setIsOpen,
+      className,
+      children: /* @__PURE__ */ jsx2(Button, { children: /* @__PURE__ */ jsxs2(Space, { children: [
+        /* @__PURE__ */ jsx2(Badge, { status: "success" }),
+        /* @__PURE__ */ jsx2("span", { children: currentOrg?.name ?? "Select Organization" }),
+        /* @__PURE__ */ jsx2(SwapOutlined, {})
+      ] }) })
+    }
+  );
+}
+
+// src/ant/components/ProtectedRoute/ProtectedRoute.tsx
+import { useEffect as useEffect2 } from "react";
+
+// src/core/hooks/useAuth.ts
+import { useCallback as useCallback3 } from "react";
+function useAuth() {
+  const { user, isLoading, isAuthenticated, login, logout, globalLogout, refreshUser } = useSsoContext();
+  const handleLogin = useCallback3(
+    (redirectTo) => {
+      login(redirectTo);
+    },
+    [login]
+  );
+  const handleLogout = useCallback3(async () => {
+    await logout();
+  }, [logout]);
+  const handleGlobalLogout = useCallback3(
+    (redirectTo) => {
+      globalLogout(redirectTo);
+    },
+    [globalLogout]
+  );
+  return {
+    user,
+    isLoading,
+    isAuthenticated,
+    login: handleLogin,
+    logout: handleLogout,
+    globalLogout: handleGlobalLogout,
+    refreshUser
+  };
+}
+
+// src/ant/components/ProtectedRoute/ProtectedRoute.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function DefaultLoading2() {
+  return /* @__PURE__ */ jsx3("div", { style: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    minHeight: "200px"
+  }, children: /* @__PURE__ */ jsx3("div", { children: "Loading..." }) });
+}
+function DefaultLoginFallback({ login }) {
+  return /* @__PURE__ */ jsxs3("div", { style: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    minHeight: "200px",
+    gap: "1rem"
+  }, children: [
+    /* @__PURE__ */ jsx3("div", { children: "Please log in to continue" }),
+    /* @__PURE__ */ jsx3(
+      "button",
+      {
+        onClick: login,
+        style: {
+          padding: "0.5rem 1rem",
+          background: "#0070f3",
+          color: "white",
+          border: "none",
+          borderRadius: "0.375rem",
+          cursor: "pointer"
+        },
+        children: "Log In"
+      }
+    )
+  ] });
+}
+function DefaultAccessDenied({ reason }) {
+  return /* @__PURE__ */ jsxs3("div", { style: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    minHeight: "200px",
+    color: "#dc2626"
+  }, children: [
+    /* @__PURE__ */ jsx3("div", { style: { fontSize: "1.5rem", fontWeight: 600 }, children: "Access Denied" }),
+    /* @__PURE__ */ jsx3("div", { style: { marginTop: "0.5rem" }, children: reason })
+  ] });
+}
+function ProtectedRoute({
+  children,
+  fallback,
+  loginFallback,
+  requiredRole,
+  requiredPermission,
+  onAccessDenied
+}) {
+  const { user, isLoading, isAuthenticated, login } = useAuth();
+  const { hasRole, currentOrg } = useOrganization();
+  useEffect2(() => {
+    if (isLoading) return;
+    if (!isAuthenticated) {
+      onAccessDenied?.("unauthenticated");
+    } else if (requiredRole && !hasRole(requiredRole)) {
+      onAccessDenied?.("insufficient_role");
+    }
+  }, [isLoading, isAuthenticated, requiredRole, hasRole, onAccessDenied]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx3(Fragment2, { children: fallback ?? /* @__PURE__ */ jsx3(DefaultLoading2, {}) });
+  }
+  if (!isAuthenticated) {
+    if (loginFallback) {
+      return /* @__PURE__ */ jsx3(Fragment2, { children: loginFallback });
+    }
+    return /* @__PURE__ */ jsx3(DefaultLoginFallback, { login: () => login() });
+  }
+  if (requiredRole && !hasRole(requiredRole)) {
+    return /* @__PURE__ */ jsx3(
+      DefaultAccessDenied,
+      {
+        reason: `This page requires ${requiredRole} role. Your role: ${currentOrg?.serviceRole ?? "none"}`
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx3(Fragment2, { children });
+}
+
+// src/ant/components/OrgBranchSelectorModal/OrgBranchSelectorModal.tsx
+import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo3, useState as useState2 } from "react";
+import { Modal, Select, Form, Space as Space2, Typography as Typography2, Spin, Alert, Badge as Badge2 } from "antd";
+import { BankOutlined, ApartmentOutlined, CheckCircleFilled } from "@ant-design/icons";
+import { useQuery } from "@tanstack/react-query";
+
+// src/core/services/utils.ts
+function getXsrfToken() {
+  if (typeof document === "undefined") return void 0;
+  return document.cookie.split("; ").find((row) => row.startsWith("XSRF-TOKEN="))?.split("=")[1];
+}
+function buildHeaders(orgId) {
+  const headers = {
+    "Content-Type": "application/json",
+    Accept: "application/json"
+  };
+  const xsrfToken = getXsrfToken();
+  if (xsrfToken) {
+    headers["X-XSRF-TOKEN"] = decodeURIComponent(xsrfToken);
+  }
+  if (orgId) {
+    headers["X-Organization-Id"] = orgId;
+  }
+  return headers;
+}
+async function request(apiUrl, path, options = {}) {
+  const response = await fetch(`${apiUrl}${path}`, {
+    ...options,
+    credentials: "include"
+  });
+  if (!response.ok) {
+    const error = await response.json().catch(() => ({}));
+    throw new Error(error.message || `HTTP ${response.status}`);
+  }
+  if (response.status === 204) {
+    return void 0;
+  }
+  return response.json();
+}
+
+// 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 (orgId) => {
+      return request(apiUrl, `/api/sso/branches`, {
+        headers: buildHeaders(orgId)
+      });
+    },
+    /**
+     * Get a specific branch by ID
+     * GET /api/sso/branches/{id}
+     */
+    get: async (branchId) => {
+      const response = await request(
+        apiUrl,
+        `/api/sso/branches/${branchId}`,
+        { headers: buildHeaders() }
+      );
+      return "data" in response ? response.data : response;
+    },
+    /**
+     * Get headquarters branch for organization
+     * @param orgId - Organization ID or slug (sent via X-Organization-Id header)
+     */
+    getHeadquarters: async (orgId) => {
+      try {
+        const data = await request(
+          apiUrl,
+          `/api/sso/branches`,
+          { headers: buildHeaders(orgId) }
+        );
+        return data.branches.find((b) => b.is_headquarters) ?? null;
+      } catch {
+        return null;
+      }
+    },
+    /**
+     * Get primary branch for current user
+     * @param orgId - Organization ID or slug (sent via X-Organization-Id header)
+     */
+    getPrimary: async (orgId) => {
+      try {
+        const data = await request(
+          apiUrl,
+          `/api/sso/branches`,
+          { headers: buildHeaders(orgId) }
+        );
+        if (data.primary_branch_id) {
+          return data.branches.find((b) => b.id === data.primary_branch_id) ?? null;
+        }
+        return null;
+      } catch {
+        return null;
+      }
+    }
+  };
+}
+
+// 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/ant/components/OrgBranchSelectorModal/OrgBranchSelectorModal.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var { Text: Text2, Title } = Typography2;
+function OrgBranchSelectorModal({
+  open,
+  onClose,
+  onConfirm,
+  title = "Select Organization & Branch",
+  requireBranch = true,
+  loadingComponent
+}) {
+  const { config } = useSsoContext();
+  const { organizations, currentOrg, hasMultipleOrgs } = useOrganization();
+  const [form] = Form.useForm();
+  const [selectedOrgSlug, setSelectedOrgSlug] = useState2(
+    currentOrg?.slug ?? null
+  );
+  const branchService = useMemo3(
+    () => createBranchService({ apiUrl: config.apiUrl }),
+    [config.apiUrl]
+  );
+  const {
+    data: branchesData,
+    isLoading: branchesLoading,
+    error: branchesError
+  } = useQuery({
+    queryKey: ssoQueryKeys.branches.list(selectedOrgSlug ?? void 0),
+    queryFn: () => branchService.list(selectedOrgSlug ?? void 0),
+    enabled: open && !!selectedOrgSlug
+  });
+  const branches = branchesData?.branches ?? [];
+  const hasMultipleBranches = branches.length > 1;
+  const selectedOrg = useMemo3(
+    () => organizations.find((o) => o.slug === selectedOrgSlug) ?? null,
+    [organizations, selectedOrgSlug]
+  );
+  useEffect3(() => {
+    if (!open) return;
+    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]);
+  useEffect3(() => {
+    if (!open || branchesLoading) return;
+    if (branches.length === 1) {
+      form.setFieldValue("branch_id", branches[0].id);
+    } else if (branches.length > 0) {
+      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);
+        }
+      }
+    }
+  }, [open, branches, branchesLoading, branchesData, form]);
+  useEffect3(() => {
+    if (!open || branchesLoading) return;
+    const orgId = form.getFieldValue("organization_id");
+    const branchId = form.getFieldValue("branch_id");
+    if (orgId && branchId && !hasMultipleOrgs && !hasMultipleBranches) {
+      const timer = setTimeout(() => {
+        onConfirm(orgId, branchId);
+      }, 100);
+      return () => clearTimeout(timer);
+    }
+  }, [open, branchesLoading, hasMultipleOrgs, hasMultipleBranches, form, onConfirm]);
+  const handleOrgChange = useCallback4((orgId) => {
+    const org = organizations.find((o) => o.id === orgId);
+    if (org) {
+      setSelectedOrgSlug(org.slug);
+      form.setFieldValue("branch_id", void 0);
+    }
+  }, [organizations, form]);
+  const handleSubmit = useCallback4(() => {
+    form.validateFields().then((values) => {
+      onConfirm(values.organization_id, values.branch_id);
+    });
+  }, [form, onConfirm]);
+  const handleClose = useCallback4(() => {
+    form.resetFields();
+    setSelectedOrgSlug(currentOrg?.slug ?? null);
+    onClose();
+  }, [form, currentOrg, onClose]);
+  const isInitialLoading = open && (!organizations.length || selectedOrgSlug && branchesLoading && !branches.length);
+  const needsSelection = hasMultipleOrgs || hasMultipleBranches;
+  return /* @__PURE__ */ jsx4(
+    Modal,
+    {
+      title: /* @__PURE__ */ jsxs4(Space2, { children: [
+        /* @__PURE__ */ jsx4(BankOutlined, {}),
+        /* @__PURE__ */ jsx4("span", { children: title })
+      ] }),
+      open,
+      onCancel: handleClose,
+      onOk: handleSubmit,
+      okText: "Confirm",
+      cancelText: "Cancel",
+      destroyOnHidden: true,
+      width: 480,
+      children: isInitialLoading ? /* @__PURE__ */ jsxs4("div", { style: { textAlign: "center", padding: 40 }, children: [
+        loadingComponent ?? /* @__PURE__ */ jsx4(Spin, { size: "large" }),
+        /* @__PURE__ */ jsx4("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsx4(Text2, { type: "secondary", children: "Loading..." }) })
+      ] }) : /* @__PURE__ */ jsxs4(
+        Form,
+        {
+          form,
+          layout: "vertical",
+          style: { marginTop: 16 },
+          children: [
+            branchesError && /* @__PURE__ */ jsx4(
+              Alert,
+              {
+                type: "error",
+                message: "Failed to load branches",
+                description: branchesError.message,
+                style: { marginBottom: 16 }
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              Form.Item,
+              {
+                name: "organization_id",
+                label: /* @__PURE__ */ jsxs4(Space2, { children: [
+                  /* @__PURE__ */ jsx4(BankOutlined, {}),
+                  /* @__PURE__ */ jsx4("span", { children: "Organization" }),
+                  !hasMultipleOrgs && selectedOrg && /* @__PURE__ */ jsx4(Badge2, { status: "success", text: "Auto-selected" })
+                ] }),
+                rules: [{ required: true, message: "Please select an organization" }],
+                children: hasMultipleOrgs ? /* @__PURE__ */ jsx4(
+                  Select,
+                  {
+                    placeholder: "Select organization",
+                    onChange: handleOrgChange,
+                    size: "large",
+                    optionLabelProp: "label",
+                    children: organizations.map((org) => /* @__PURE__ */ jsx4(
+                      Select.Option,
+                      {
+                        value: org.id,
+                        label: org.name,
+                        children: /* @__PURE__ */ jsxs4(Space2, { style: { width: "100%", justifyContent: "space-between" }, children: [
+                          /* @__PURE__ */ jsxs4("div", { children: [
+                            /* @__PURE__ */ jsx4(Text2, { strong: true, children: org.name }),
+                            org.serviceRole && /* @__PURE__ */ jsxs4(Text2, { type: "secondary", style: { marginLeft: 8, fontSize: 12 }, children: [
+                              "(",
+                              org.serviceRole,
+                              ")"
+                            ] })
+                          ] }),
+                          org.slug === currentOrg?.slug && /* @__PURE__ */ jsx4(CheckCircleFilled, { style: { color: "#52c41a" } })
+                        ] })
+                      },
+                      org.id
+                    ))
+                  }
+                ) : /* @__PURE__ */ jsx4(
+                  "div",
+                  {
+                    style: {
+                      padding: "8px 12px",
+                      background: "#f5f5f5",
+                      borderRadius: 6,
+                      border: "1px solid #d9d9d9"
+                    },
+                    children: /* @__PURE__ */ jsxs4(Space2, { children: [
+                      /* @__PURE__ */ jsx4(BankOutlined, { style: { color: "#1677ff" } }),
+                      /* @__PURE__ */ jsx4(Text2, { strong: true, children: selectedOrg?.name })
+                    ] })
+                  }
+                )
+              }
+            ),
+            selectedOrgSlug && /* @__PURE__ */ jsx4(
+              Form.Item,
+              {
+                name: "branch_id",
+                label: /* @__PURE__ */ jsxs4(Space2, { children: [
+                  /* @__PURE__ */ jsx4(ApartmentOutlined, {}),
+                  /* @__PURE__ */ jsx4("span", { children: "Branch" }),
+                  !hasMultipleBranches && branches.length === 1 && /* @__PURE__ */ jsx4(Badge2, { status: "success", text: "Auto-selected" })
+                ] }),
+                rules: requireBranch ? [{ required: true, message: "Please select a branch" }] : void 0,
+                children: branchesLoading ? /* @__PURE__ */ jsxs4("div", { style: { padding: "8px 12px", textAlign: "center" }, children: [
+                  /* @__PURE__ */ jsx4(Spin, { size: "small" }),
+                  /* @__PURE__ */ jsx4(Text2, { type: "secondary", style: { marginLeft: 8 }, children: "Loading branches..." })
+                ] }) : hasMultipleBranches ? /* @__PURE__ */ jsx4(
+                  Select,
+                  {
+                    placeholder: "Select branch",
+                    size: "large",
+                    optionLabelProp: "label",
+                    children: branches.map((branch) => /* @__PURE__ */ jsx4(
+                      Select.Option,
+                      {
+                        value: branch.id,
+                        label: branch.name,
+                        children: /* @__PURE__ */ jsxs4(Space2, { style: { width: "100%", justifyContent: "space-between" }, children: [
+                          /* @__PURE__ */ jsxs4("div", { children: [
+                            /* @__PURE__ */ jsx4(Text2, { strong: true, children: branch.name }),
+                            /* @__PURE__ */ jsx4(Text2, { type: "secondary", style: { marginLeft: 8, fontSize: 12 }, children: branch.code })
+                          ] }),
+                          /* @__PURE__ */ jsxs4(Space2, { size: 4, children: [
+                            branch.is_headquarters && /* @__PURE__ */ jsx4(Badge2, { color: "blue", text: "HQ" }),
+                            branch.is_primary && /* @__PURE__ */ jsx4(Badge2, { color: "green", text: "Primary" })
+                          ] })
+                        ] })
+                      },
+                      branch.id
+                    ))
+                  }
+                ) : branches.length === 1 ? /* @__PURE__ */ jsx4(
+                  "div",
+                  {
+                    style: {
+                      padding: "8px 12px",
+                      background: "#f5f5f5",
+                      borderRadius: 6,
+                      border: "1px solid #d9d9d9"
+                    },
+                    children: /* @__PURE__ */ jsxs4(Space2, { children: [
+                      /* @__PURE__ */ jsx4(ApartmentOutlined, { style: { color: "#1677ff" } }),
+                      /* @__PURE__ */ jsx4(Text2, { strong: true, children: branches[0].name }),
+                      /* @__PURE__ */ jsxs4(Text2, { type: "secondary", children: [
+                        "(",
+                        branches[0].code,
+                        ")"
+                      ] })
+                    ] })
+                  }
+                ) : /* @__PURE__ */ jsx4(
+                  Alert,
+                  {
+                    type: "warning",
+                    message: "No branches available",
+                    description: "You don't have access to any branches in this organization."
+                  }
+                )
+              }
+            ),
+            !needsSelection && selectedOrg && branches.length > 0 && /* @__PURE__ */ jsx4(
+              Alert,
+              {
+                type: "info",
+                message: "Auto-selected",
+                description: `Using ${selectedOrg.name} / ${branches[0]?.name ?? "Default"}`,
+                icon: /* @__PURE__ */ jsx4(CheckCircleFilled, {}),
+                showIcon: true
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/ant/components/BranchGate/BranchGate.tsx
+import React5, { useEffect as useEffect4, useState as useState3 } from "react";
+import { Select as Select2, Space as Space3, Typography as Typography3, Badge as Badge3, Spin as Spin2, Button as Button2, Alert as Alert2 } from "antd";
+import { BankOutlined as BankOutlined2, ApartmentOutlined as ApartmentOutlined2, CheckCircleFilled as CheckCircleFilled2 } from "@ant-design/icons";
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var { Text: Text3, Title: Title2 } = Typography3;
+var DEFAULT_STORAGE_KEY = "omnify_branch_gate_selection";
+function BranchGate({
+  children,
+  onSelectionChange,
+  storageKey = DEFAULT_STORAGE_KEY,
+  loadingComponent,
+  title,
+  description
+}) {
+  const { config, isAuthenticated } = useSsoContext();
+  const { organizations, currentOrg, hasMultipleOrgs } = useOrganization();
+  const [storedSelection, setStoredSelection] = useState3(null);
+  const [isInitialized, setIsInitialized] = useState3(false);
+  const [tempOrgId, setTempOrgId] = useState3(null);
+  const [tempBranchId, setTempBranchId] = useState3(null);
+  const branchService = React5.useMemo(
+    () => createBranchService({ apiUrl: config.apiUrl }),
+    [config.apiUrl]
+  );
+  const activeOrgSlug = React5.useMemo(() => {
+    if (tempOrgId) {
+      return organizations.find((o) => String(o.id) === tempOrgId)?.slug;
+    }
+    return storedSelection?.orgId ?? currentOrg?.slug;
+  }, [tempOrgId, organizations, storedSelection, currentOrg]);
+  const { data: branchesData, isLoading: branchesLoading } = useQuery2({
+    queryKey: ssoQueryKeys.branches.list(activeOrgSlug),
+    queryFn: () => branchService.list(activeOrgSlug),
+    enabled: isAuthenticated && !!activeOrgSlug
+  });
+  const branches = branchesData?.branches ?? [];
+  const hasMultipleBranches = branches.length > 1;
+  useEffect4(() => {
+    if (typeof window === "undefined") return;
+    const saved = localStorage.getItem(storageKey);
+    if (saved) {
+      try {
+        const parsed = JSON.parse(saved);
+        setStoredSelection(parsed);
+        onSelectionChange?.(parsed);
+      } catch {
+        localStorage.removeItem(storageKey);
+      }
+    }
+    setIsInitialized(true);
+  }, [storageKey, onSelectionChange]);
+  useEffect4(() => {
+    if (!isAuthenticated || !isInitialized || storedSelection) return;
+    if (organizations.length === 1 && !tempOrgId) {
+      setTempOrgId(String(organizations[0].id));
+    }
+  }, [isAuthenticated, isInitialized, organizations, storedSelection, tempOrgId]);
+  useEffect4(() => {
+    if (!tempOrgId || branchesLoading || storedSelection) return;
+    if (branches.length === 1 && !tempBranchId) {
+      setTempBranchId(String(branches[0].id));
+    } else if (branches.length > 0 && !tempBranchId) {
+      const primaryId = branchesData?.primary_branch_id;
+      if (primaryId) {
+        setTempBranchId(String(primaryId));
+      } else {
+        const hq = branches.find((b) => b.is_headquarters);
+        if (hq) {
+          setTempBranchId(String(hq.id));
+        }
+      }
+    }
+  }, [tempOrgId, branches, branchesLoading, branchesData, storedSelection, tempBranchId]);
+  useEffect4(() => {
+    if (storedSelection || !isInitialized) return;
+    if (!tempOrgId || !tempBranchId || branchesLoading) return;
+    if (!hasMultipleOrgs && !hasMultipleBranches) {
+      confirmSelection();
+    }
+  }, [tempOrgId, tempBranchId, branchesLoading, hasMultipleOrgs, hasMultipleBranches, storedSelection, isInitialized]);
+  const confirmSelection = React5.useCallback(() => {
+    if (!tempOrgId || !tempBranchId) return;
+    const org = organizations.find((o) => String(o.id) === tempOrgId);
+    const branch = branches.find((b) => String(b.id) === tempBranchId);
+    if (!org || !branch) return;
+    const selection = {
+      orgId: org.slug,
+      orgName: org.name,
+      branchId: String(branch.id),
+      branchName: branch.name,
+      branchCode: branch.code
+    };
+    localStorage.setItem(storageKey, JSON.stringify(selection));
+    setStoredSelection(selection);
+    onSelectionChange?.(selection);
+    setTempOrgId(null);
+    setTempBranchId(null);
+  }, [tempOrgId, tempBranchId, organizations, branches, storageKey, onSelectionChange]);
+  const clearSelection = React5.useCallback(() => {
+    localStorage.removeItem(storageKey);
+    setStoredSelection(null);
+    onSelectionChange?.(null);
+  }, [storageKey, onSelectionChange]);
+  const needsSelection = isAuthenticated && isInitialized && !storedSelection && (hasMultipleOrgs || hasMultipleBranches);
+  const isLoading = !isAuthenticated || !isInitialized || !!activeOrgSlug && branchesLoading && !storedSelection;
+  if (isLoading && !needsSelection) {
+    if (loadingComponent) {
+      return /* @__PURE__ */ jsx5(Fragment3, { children: loadingComponent });
+    }
+    return /* @__PURE__ */ jsx5("div", { style: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      minHeight: "100vh",
+      background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
+    }, children: /* @__PURE__ */ jsx5(Spin2, { size: "large" }) });
+  }
+  if (needsSelection) {
+    const canConfirm = tempOrgId && tempBranchId;
+    return /* @__PURE__ */ jsx5("div", { style: {
+      minHeight: "100vh",
+      background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: 24
+    }, children: /* @__PURE__ */ jsxs5("div", { style: {
+      background: "#fff",
+      borderRadius: 16,
+      padding: 32,
+      maxWidth: 480,
+      width: "100%",
+      boxShadow: "0 20px 60px rgba(0,0,0,0.3)"
+    }, children: [
+      /* @__PURE__ */ jsxs5("div", { style: { textAlign: "center", marginBottom: 24 }, children: [
+        /* @__PURE__ */ jsx5("div", { style: {
+          width: 64,
+          height: 64,
+          borderRadius: "50%",
+          background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          margin: "0 auto 16px"
+        }, children: /* @__PURE__ */ jsx5(BankOutlined2, { style: { fontSize: 28, color: "#fff" } }) }),
+        /* @__PURE__ */ jsx5(Title2, { level: 3, style: { margin: 0 }, children: title ?? "Select Organization" }),
+        /* @__PURE__ */ jsx5(Text3, { type: "secondary", children: description ?? "Please select your organization and branch to continue" })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { style: { marginBottom: 20 }, children: [
+        /* @__PURE__ */ jsx5(Text3, { strong: true, style: { display: "block", marginBottom: 8 }, children: /* @__PURE__ */ jsxs5(Space3, { children: [
+          /* @__PURE__ */ jsx5(BankOutlined2, {}),
+          /* @__PURE__ */ jsx5("span", { children: "Organization" }),
+          !hasMultipleOrgs && /* @__PURE__ */ jsx5(Badge3, { status: "success", text: "Auto-selected" })
+        ] }) }),
+        hasMultipleOrgs ? /* @__PURE__ */ jsx5(
+          Select2,
+          {
+            value: tempOrgId,
+            onChange: (value) => {
+              setTempOrgId(String(value));
+              setTempBranchId(null);
+            },
+            placeholder: "Select organization",
+            size: "large",
+            style: { width: "100%" },
+            optionLabelProp: "label",
+            children: organizations.map((org) => /* @__PURE__ */ jsx5(Select2.Option, { value: String(org.id), label: org.name, children: /* @__PURE__ */ jsx5(Space3, { style: { width: "100%", justifyContent: "space-between" }, children: /* @__PURE__ */ jsxs5("div", { children: [
+              /* @__PURE__ */ jsx5(Text3, { strong: true, children: org.name }),
+              org.serviceRole && /* @__PURE__ */ jsxs5(Text3, { type: "secondary", style: { marginLeft: 8, fontSize: 12 }, children: [
+                "(",
+                org.serviceRole,
+                ")"
+              ] })
+            ] }) }) }, org.id))
+          }
+        ) : /* @__PURE__ */ jsx5("div", { style: {
+          padding: "8px 12px",
+          background: "#f5f5f5",
+          borderRadius: 6,
+          border: "1px solid #d9d9d9"
+        }, children: /* @__PURE__ */ jsxs5(Space3, { children: [
+          /* @__PURE__ */ jsx5(BankOutlined2, { style: { color: "#1677ff" } }),
+          /* @__PURE__ */ jsx5(Text3, { strong: true, children: organizations[0]?.name })
+        ] }) })
+      ] }),
+      tempOrgId && /* @__PURE__ */ jsxs5("div", { style: { marginBottom: 24 }, children: [
+        /* @__PURE__ */ jsx5(Text3, { strong: true, style: { display: "block", marginBottom: 8 }, children: /* @__PURE__ */ jsxs5(Space3, { children: [
+          /* @__PURE__ */ jsx5(ApartmentOutlined2, {}),
+          /* @__PURE__ */ jsx5("span", { children: "Branch" }),
+          !hasMultipleBranches && branches.length === 1 && /* @__PURE__ */ jsx5(Badge3, { status: "success", text: "Auto-selected" })
+        ] }) }),
+        branchesLoading ? /* @__PURE__ */ jsxs5("div", { style: { padding: "12px", textAlign: "center" }, children: [
+          /* @__PURE__ */ jsx5(Spin2, { size: "small" }),
+          /* @__PURE__ */ jsx5(Text3, { type: "secondary", style: { marginLeft: 8 }, children: "Loading..." })
+        ] }) : hasMultipleBranches ? /* @__PURE__ */ jsx5(
+          Select2,
+          {
+            value: tempBranchId,
+            onChange: (value) => setTempBranchId(String(value)),
+            placeholder: "Select branch",
+            size: "large",
+            style: { width: "100%" },
+            optionLabelProp: "label",
+            children: branches.map((branch) => /* @__PURE__ */ jsx5(Select2.Option, { value: String(branch.id), label: branch.name, children: /* @__PURE__ */ jsxs5(Space3, { style: { width: "100%", justifyContent: "space-between" }, children: [
+              /* @__PURE__ */ jsxs5("div", { children: [
+                /* @__PURE__ */ jsx5(Text3, { strong: true, children: branch.name }),
+                /* @__PURE__ */ jsx5(Text3, { type: "secondary", style: { marginLeft: 8, fontSize: 12 }, children: branch.code })
+              ] }),
+              /* @__PURE__ */ jsxs5(Space3, { size: 4, children: [
+                branch.is_headquarters && /* @__PURE__ */ jsx5(Badge3, { color: "blue", text: "HQ" }),
+                branch.is_primary && /* @__PURE__ */ jsx5(Badge3, { color: "green", text: "Primary" })
+              ] })
+            ] }) }, branch.id))
+          }
+        ) : branches.length === 1 ? /* @__PURE__ */ jsx5("div", { style: {
+          padding: "8px 12px",
+          background: "#f5f5f5",
+          borderRadius: 6,
+          border: "1px solid #d9d9d9"
+        }, children: /* @__PURE__ */ jsxs5(Space3, { children: [
+          /* @__PURE__ */ jsx5(ApartmentOutlined2, { style: { color: "#1677ff" } }),
+          /* @__PURE__ */ jsx5(Text3, { strong: true, children: branches[0].name }),
+          /* @__PURE__ */ jsxs5(Text3, { type: "secondary", children: [
+            "(",
+            branches[0].code,
+            ")"
+          ] })
+        ] }) }) : /* @__PURE__ */ jsx5(
+          Alert2,
+          {
+            type: "warning",
+            message: "No branches available",
+            description: "You don't have access to any branches in this organization."
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx5(
+        Button2,
+        {
+          type: "primary",
+          size: "large",
+          block: true,
+          disabled: !canConfirm,
+          onClick: confirmSelection,
+          icon: /* @__PURE__ */ jsx5(CheckCircleFilled2, {}),
+          style: {
+            height: 48,
+            fontSize: 16,
+            background: canConfirm ? "linear-gradient(135deg, #667eea 0%, #764ba2 100%)" : void 0,
+            border: "none"
+          },
+          children: "Confirm"
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx5(Fragment3, { children });
+}
+function useBranchGate(storageKey = DEFAULT_STORAGE_KEY) {
+  const [selection, setSelection] = useState3(null);
+  useEffect4(() => {
+    if (typeof window === "undefined") return;
+    const saved = localStorage.getItem(storageKey);
+    if (saved) {
+      try {
+        setSelection(JSON.parse(saved));
+      } catch {
+      }
+    }
+    const handleStorage = (e) => {
+      if (e.key === storageKey) {
+        if (e.newValue) {
+          try {
+            setSelection(JSON.parse(e.newValue));
+          } catch {
+            setSelection(null);
+          }
+        } else {
+          setSelection(null);
+        }
+      }
+    };
+    window.addEventListener("storage", handleStorage);
+    return () => window.removeEventListener("storage", handleStorage);
+  }, [storageKey]);
+  const clearSelection = React5.useCallback(() => {
+    localStorage.removeItem(storageKey);
+    setSelection(null);
+  }, [storageKey]);
+  return {
+    selection,
+    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/ant/components/ProTable/ProTable.tsx
+import {
+  PlusOutlined,
+  ReloadOutlined,
+  SettingOutlined,
+  DownOutlined,
+  UpOutlined
+} from "@ant-design/icons";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
+import {
+  Card,
+  Table,
+  Form as Form2,
+  Input,
+  Select as Select3,
+  DatePicker,
+  InputNumber,
+  Button as Button3,
+  Space as Space4,
+  Row,
+  Col,
+  Tooltip,
+  Divider,
+  Typography as Typography4,
+  Popconfirm,
+  theme
+} from "antd";
+import { useState as useState4, useMemo as useMemo4, useCallback as useCallback5 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var { Link } = Typography4;
+var { RangePicker } = DatePicker;
+var InertiaLink = null;
+try {
+  InertiaLink = __require("@inertiajs/react").Link;
+} catch {
+}
+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 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__ */ jsx6(
+        Select3,
+        {
+          allowClear: true,
+          placeholder: field.placeholder || texts.selectPlaceholder,
+          options: field.options,
+          style: { width: "100%" }
+        }
+      );
+    case "date":
+      return /* @__PURE__ */ jsx6(
+        DatePicker,
+        {
+          placeholder: field.placeholder,
+          style: { width: "100%" }
+        }
+      );
+    case "dateRange":
+      return /* @__PURE__ */ jsx6(
+        RangePicker,
+        {
+          placeholder: [texts.startDate, texts.endDate],
+          style: { width: "100%" }
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ jsx6(
+        InputNumber,
+        {
+          placeholder: field.placeholder,
+          style: { width: "100%" }
+        }
+      );
+    default:
+      return /* @__PURE__ */ jsx6(
+        Input,
+        {
+          allowClear: true,
+          placeholder: field.placeholder || texts.inputPlaceholder
+        }
+      );
+  }
+}
+function SmartLink({ href, children }) {
+  if (InertiaLink) {
+    return /* @__PURE__ */ jsx6(InertiaLink, { href, children });
+  }
+  return /* @__PURE__ */ jsx6("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__ */ jsxs6(Space4, { children: [
+        /* @__PURE__ */ jsx6(
+          "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 } = theme.useToken();
+  const texts = { ...DEFAULT_TEXTS, ...customTexts };
+  const [searchForm] = Form2.useForm();
+  const [expanded, setExpanded] = useState4(false);
+  const [queryParams, setQueryParams] = useState4({
+    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 = useQuery3({
+    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 = useCallback5((values) => {
+    const newParams = {
+      ...queryParams,
+      ...values,
+      page: 1
+    };
+    setQueryParams(newParams);
+    onSearch?.(values);
+  }, [queryParams, onSearch]);
+  const handleReset = useCallback5(() => {
+    searchForm.resetFields();
+    const newParams = {
+      page: 1,
+      per_page: defaultPageSize
+    };
+    setQueryParams(newParams);
+    onReset?.();
+  }, [searchForm, defaultPageSize, onReset]);
+  const handleTableChange = useCallback5(
+    (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 = useMemo4(() => {
+    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__ */ jsx6(Space4, { size: 0, children: actions.map((action, idx) => {
+            const isLast = idx === actions.length - 1;
+            let actionElement;
+            if (action.href) {
+              actionElement = /* @__PURE__ */ jsx6(SmartLink, { href: action.href, children: /* @__PURE__ */ jsx6(Link, { style: action.danger ? { color: token.colorError } : void 0, children: action.label }) });
+            } else {
+              const linkElement = /* @__PURE__ */ jsx6(
+                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__ */ jsx6(
+                  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__ */ jsxs6("span", { children: [
+              actionElement,
+              !isLast && /* @__PURE__ */ jsx6(Divider, { type: "vertical" })
+            ] }, idx);
+          }) });
+        }
+      });
+    }
+    return cols;
+  }, [columns, rowActions, texts]);
+  const paginationConfig = useMemo4(() => {
+    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__ */ jsxs6("div", { className, style, children: [
+    searchFields.length > 0 && /* @__PURE__ */ jsx6(Card, { style: { marginBottom: 24, ...cardStyle }, children: /* @__PURE__ */ jsxs6(
+      Form2,
+      {
+        form: searchForm,
+        layout: "horizontal",
+        onFinish: handleSearch,
+        labelCol: { flex: "100px" },
+        wrapperCol: { flex: 1 },
+        initialValues: defaultSearchValues,
+        children: [
+          /* @__PURE__ */ jsxs6(Row, { gutter: 24, children: [
+            visibleFields.map((field) => /* @__PURE__ */ jsx6(Col, { span: 8, children: /* @__PURE__ */ jsx6(Form2.Item, { name: field.name, label: field.label, children: renderSearchField(field, texts) }) }, field.name)),
+            /* @__PURE__ */ jsx6(Col, { span: visibleFields.length === 1 ? 16 : 8, style: { textAlign: "right" }, children: /* @__PURE__ */ jsxs6(Space4, { children: [
+              /* @__PURE__ */ jsx6(Button3, { onClick: handleReset, children: texts.reset }),
+              /* @__PURE__ */ jsx6(Button3, { type: "primary", htmlType: "submit", children: texts.search }),
+              hasHiddenFields && /* @__PURE__ */ jsxs6(
+                Button3,
+                {
+                  type: "link",
+                  onClick: () => setExpanded(!expanded),
+                  children: [
+                    expanded ? texts.collapse : texts.expand,
+                    expanded ? /* @__PURE__ */ jsx6(UpOutlined, {}) : /* @__PURE__ */ jsx6(DownOutlined, {})
+                  ]
+                }
+              )
+            ] }) })
+          ] }),
+          expanded && hiddenFields.length > 0 && /* @__PURE__ */ jsx6(Row, { gutter: 24, style: { marginTop: 16 }, children: hiddenFields.map((field) => /* @__PURE__ */ jsx6(Col, { span: 8, children: /* @__PURE__ */ jsx6(Form2.Item, { name: field.name, label: field.label, children: renderSearchField(field, texts) }) }, field.name)) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx6(
+      Card,
+      {
+        title: /* @__PURE__ */ jsxs6(Space4, { children: [
+          icon,
+          title,
+          subTitle && /* @__PURE__ */ jsx6("span", { style: {
+            fontWeight: "normal",
+            fontSize: 14,
+            color: token.colorTextSecondary
+          }, children: subTitle })
+        ] }),
+        extra: /* @__PURE__ */ jsxs6(Space4, { size: "small", children: [
+          toolbarExtra,
+          addButtonLink && /* @__PURE__ */ jsx6(SmartLink, { href: addButtonLink, children: /* @__PURE__ */ jsx6(Button3, { type: "primary", icon: /* @__PURE__ */ jsx6(PlusOutlined, {}), children: addLabel || texts.add }) }),
+          onAdd && !addButtonLink && /* @__PURE__ */ jsx6(Button3, { type: "primary", icon: /* @__PURE__ */ jsx6(PlusOutlined, {}), onClick: onAdd, children: addLabel || texts.add }),
+          showRefresh && /* @__PURE__ */ jsx6(Tooltip, { title: texts.refresh, children: /* @__PURE__ */ jsx6(
+            Button3,
+            {
+              icon: /* @__PURE__ */ jsx6(ReloadOutlined, {}),
+              onClick: () => queryResult.refetch?.(),
+              loading: queryResult.isFetching
+            }
+          ) }),
+          showColumnSettings && /* @__PURE__ */ jsx6(Tooltip, { title: texts.columnSettings, children: /* @__PURE__ */ jsx6(Button3, { icon: /* @__PURE__ */ jsx6(SettingOutlined, {}) }) })
+        ] }),
+        style: cardStyle,
+        children: /* @__PURE__ */ jsx6(
+          Table,
+          {
+            ...tableProps,
+            columns: tableColumns,
+            dataSource,
+            rowKey,
+            loading,
+            pagination: paginationConfig,
+            onChange: handleTableChange
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/ant/components/PageContainer/PageContainer.tsx
+import { Breadcrumb, theme as theme2 } from "antd";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function PageContainer({
+  title,
+  subTitle,
+  icon,
+  extra,
+  breadcrumb,
+  children,
+  showHeader = true,
+  className,
+  style
+}) {
+  const { token } = theme2.useToken();
+  const breadcrumbProps = breadcrumb ? Array.isArray(breadcrumb) ? { items: breadcrumb } : breadcrumb : void 0;
+  const hasHeader = showHeader && (title || subTitle || breadcrumb);
+  return /* @__PURE__ */ jsxs7("div", { className, style, children: [
+    hasHeader && /* @__PURE__ */ jsxs7(
+      "div",
+      {
+        style: {
+          marginBottom: 24
+        },
+        children: [
+          breadcrumbProps && /* @__PURE__ */ jsx7(
+            Breadcrumb,
+            {
+              ...breadcrumbProps,
+              style: {
+                marginBottom: 12,
+                ...breadcrumbProps.style
+              }
+            }
+          ),
+          (title || extra) && /* @__PURE__ */ jsxs7(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "flex-start"
+              },
+              children: [
+                /* @__PURE__ */ jsxs7("div", { children: [
+                  title && /* @__PURE__ */ jsxs7(
+                    "h1",
+                    {
+                      style: {
+                        margin: 0,
+                        fontSize: 20,
+                        fontWeight: 600,
+                        lineHeight: 1.4,
+                        color: token.colorText,
+                        display: "flex",
+                        alignItems: "center",
+                        gap: 8
+                      },
+                      children: [
+                        icon && /* @__PURE__ */ jsx7("span", { style: { fontSize: 20 }, children: icon }),
+                        title
+                      ]
+                    }
+                  ),
+                  subTitle && /* @__PURE__ */ jsx7(
+                    "div",
+                    {
+                      style: {
+                        marginTop: 4,
+                        fontSize: 14,
+                        color: token.colorTextSecondary
+                      },
+                      children: subTitle
+                    }
+                  )
+                ] }),
+                extra && /* @__PURE__ */ jsx7("div", { style: { flexShrink: 0 }, children: extra })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    children
+  ] });
+}
+
+// src/ant/components/LocaleSwitcher/LocaleSwitcher.tsx
+import { GlobalOutlined } from "@ant-design/icons";
+import { Select as Select4 } from "antd";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/core/i18n/index.tsx
+import { createContext as createContext2, useContext as useContext2, useCallback as useCallback6, useState as useState5, useEffect as useEffect5, useMemo as useMemo5 } from "react";
+import { useTranslation, I18nextProvider, initReactI18next } from "react-i18next";
+import i18n from "i18next";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var locales = ["ja", "en", "vi"];
+var localeNames = {
+  ja: "\u65E5\u672C\u8A9E",
+  en: "English",
+  vi: "Ti\u1EBFng Vi\u1EC7t"
+};
+var defaultLocale = "ja";
+var I18nContext = createContext2(null);
+function useLocale() {
+  const context = useContext2(I18nContext);
+  const { i18n: i18nInstance } = useTranslation();
+  if (context) {
+    return context.locale;
+  }
+  return i18nInstance?.language || defaultLocale;
+}
+
+// src/ant/components/LocaleSwitcher/LocaleSwitcher.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function LocaleSwitcher() {
+  const { i18n: i18n2 } = useTranslation2();
+  const locale = i18n2.language || "ja";
+  const handleChange = (newLocale) => {
+    i18n2.changeLanguage(newLocale);
+    document.cookie = `locale=${newLocale};path=/;max-age=31536000`;
+  };
+  return /* @__PURE__ */ jsx9(
+    Select4,
+    {
+      value: locale,
+      onChange: handleChange,
+      style: { width: 100 },
+      size: "small",
+      suffixIcon: /* @__PURE__ */ jsx9(GlobalOutlined, {}),
+      options: locales.map((l) => ({
+        value: l,
+        label: localeNames[l]
+      }))
+    }
+  );
+}
+
+// src/ant/components/UserRoleAssignModal/UserRoleAssignModal.tsx
+import {
+  SafetyOutlined,
+  BankOutlined as BankOutlined4
+} from "@ant-design/icons";
+import {
+  Modal as Modal3,
+  Form as Form3,
+  Select as Select5,
+  Radio,
+  Button as Button4,
+  Space as Space7,
+  Tag as Tag2,
+  Typography as Typography5
+} from "antd";
+import { useState as useState6 } from "react";
+
+// src/ant/components/ScopeUtils/ScopeUtils.tsx
+import { GlobalOutlined as GlobalOutlined2, BankOutlined as BankOutlined3, BranchesOutlined } from "@ant-design/icons";
+import { Tag, Space as Space6 } from "antd";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function getScopeIcon(scope) {
+  switch (scope) {
+    case "global":
+      return /* @__PURE__ */ jsx10(GlobalOutlined2, {});
+    case "org-wide":
+      return /* @__PURE__ */ jsx10(BankOutlined3, {});
+    case "branch":
+      return /* @__PURE__ */ jsx10(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__ */ jsx10(Tag, { color: getScopeColor(scope), icon: showIcon ? getScopeIcon(scope) : void 0, children: label || scope });
+}
+function ScopeLabel({ scope, label }) {
+  return /* @__PURE__ */ jsxs8(Space6, { children: [
+    getScopeIcon(scope),
+    label
+  ] });
+}
+
+// src/ant/components/UserRoleAssignModal/UserRoleAssignModal.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var { Text: Text4 } = Typography5;
+var defaultTranslations = {
+  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,
+  onAssign,
+  onCancel,
+  translations: t = {}
+}) {
+  const [form] = Form3.useForm();
+  const [isSubmitting, setIsSubmitting] = useState6(false);
+  const labels = { ...defaultTranslations, ...t };
+  const handleFinish = async (values) => {
+    setIsSubmitting(true);
+    try {
+      await onAssign(values);
+      form.resetFields();
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const handleCancel = () => {
+    form.resetFields();
+    onCancel();
+  };
+  return /* @__PURE__ */ jsx11(
+    Modal3,
+    {
+      title: /* @__PURE__ */ jsxs9(Space7, { children: [
+        /* @__PURE__ */ jsx11(SafetyOutlined, {}),
+        labels.title,
+        " ",
+        userName ? `- ${userName}` : ""
+      ] }),
+      open,
+      onCancel: handleCancel,
+      footer: null,
+      destroyOnHidden: true,
+      children: /* @__PURE__ */ jsxs9(
+        Form3,
+        {
+          form,
+          layout: "vertical",
+          onFinish: handleFinish,
+          initialValues: { scope: "org-wide", org_id: currentOrgId },
+          children: [
+            /* @__PURE__ */ jsx11(
+              Form3.Item,
+              {
+                name: "role_id",
+                label: labels.selectRole,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ jsx11(Select5, { placeholder: labels.selectRole, children: roles.map((role) => /* @__PURE__ */ jsx11(Select5.Option, { value: role.id, children: role.name }, role.id)) })
+              }
+            ),
+            /* @__PURE__ */ jsx11(Form3.Item, { name: "scope", label: labels.scope, children: /* @__PURE__ */ jsxs9(Radio.Group, { children: [
+              /* @__PURE__ */ jsx11(Radio, { value: "global", children: /* @__PURE__ */ jsx11(ScopeLabel, { scope: "global", label: labels.global }) }),
+              /* @__PURE__ */ jsx11(Radio, { value: "org-wide", children: /* @__PURE__ */ jsx11(ScopeLabel, { scope: "org-wide", label: labels.orgWide }) }),
+              /* @__PURE__ */ jsx11(Radio, { value: "branch", children: /* @__PURE__ */ jsx11(ScopeLabel, { scope: "branch", label: labels.branchSpecific }) })
+            ] }) }),
+            /* @__PURE__ */ jsx11(Form3.Item, { noStyle: true, shouldUpdate: (prev, curr) => prev.scope !== curr.scope, children: ({ getFieldValue }) => (getFieldValue("scope") === "org-wide" || getFieldValue("scope") === "branch") && /* @__PURE__ */ jsx11(
+              Form3.Item,
+              {
+                name: "org_id",
+                label: labels.organization,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ jsx11(Select5, { placeholder: labels.organization, children: organizations.map((org) => /* @__PURE__ */ jsx11(Select5.Option, { value: String(org.id), children: /* @__PURE__ */ jsxs9(Space7, { children: [
+                  /* @__PURE__ */ jsx11(BankOutlined4, {}),
+                  org.name
+                ] }) }, org.id)) })
+              }
+            ) }),
+            /* @__PURE__ */ jsx11(Form3.Item, { noStyle: true, shouldUpdate: (prev, curr) => prev.scope !== curr.scope, children: ({ getFieldValue }) => getFieldValue("scope") === "branch" && /* @__PURE__ */ jsx11(
+              Form3.Item,
+              {
+                name: "branch_ids",
+                label: labels.selectBranches,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ jsx11(Select5, { mode: "multiple", placeholder: labels.selectBranches, children: branches?.map((branch) => /* @__PURE__ */ jsx11(Select5.Option, { value: String(branch.id), children: branch.name }, branch.id)) })
+              }
+            ) }),
+            /* @__PURE__ */ jsx11(Form3.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__ */ jsx11(
+                "div",
+                {
+                  style: {
+                    padding: "8px 12px",
+                    background: "#f5f5f5",
+                    borderRadius: 4,
+                    marginBottom: 16
+                  },
+                  children: /* @__PURE__ */ jsxs9(Text4, { type: "secondary", children: [
+                    labels.assignRole,
+                    ": ",
+                    /* @__PURE__ */ jsx11(Text4, { strong: true, children: selectedRole.name }),
+                    " \u2192 ",
+                    /* @__PURE__ */ jsx11(Tag2, { color: getScopeColor(scope), children: scopeText })
+                  ] })
+                }
+              ) : null;
+            } }),
+            /* @__PURE__ */ jsx11(Form3.Item, { children: /* @__PURE__ */ jsxs9(Space7, { children: [
+              /* @__PURE__ */ jsx11(Button4, { type: "primary", htmlType: "submit", loading: loading || isSubmitting, children: labels.assign }),
+              /* @__PURE__ */ jsx11(Button4, { onClick: handleCancel, children: labels.cancel })
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/ant/components/UserPermissionsModal/UserPermissionsModal.tsx
+import {
+  UserOutlined,
+  SafetyOutlined as SafetyOutlined2,
+  GlobalOutlined as GlobalOutlined4,
+  BankOutlined as BankOutlined5,
+  BranchesOutlined as BranchesOutlined3,
+  TeamOutlined,
+  PlusOutlined as PlusOutlined2,
+  DeleteOutlined
+} from "@ant-design/icons";
+import {
+  Modal as Modal4,
+  Card as Card2,
+  Tag as Tag3,
+  Space as Space8,
+  Collapse,
+  Empty,
+  Spin as Spin3,
+  Button as Button5,
+  Popconfirm as Popconfirm2,
+  Typography as Typography6
+} from "antd";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var { Text: Text5 } = Typography6;
+var defaultTranslations2 = {
+  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 = { ...defaultTranslations2, ...t };
+  const getBranchName = (branchId) => {
+    if (!branchId || !branches) return "";
+    const branch = branches.find((b) => String(b.id) === branchId);
+    return branch?.name || branchId;
+  };
+  return /* @__PURE__ */ jsx12(
+    Modal4,
+    {
+      title: /* @__PURE__ */ jsxs10(Space8, { children: [
+        /* @__PURE__ */ jsx12(UserOutlined, {}),
+        userName,
+        " - ",
+        labels.permissionBreakdown
+      ] }),
+      open,
+      onCancel: onClose,
+      footer: null,
+      width: 800,
+      destroyOnHidden: true,
+      children: loading ? /* @__PURE__ */ jsx12("div", { style: { textAlign: "center", padding: 40 }, children: /* @__PURE__ */ jsx12(Spin3, { size: "large" }) }) : permissions ? /* @__PURE__ */ jsxs10("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
+        /* @__PURE__ */ jsx12(Card2, { size: "small", title: labels.userInfo, children: /* @__PURE__ */ jsxs10("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+          /* @__PURE__ */ jsxs10("div", { children: [
+            /* @__PURE__ */ jsxs10(Text5, { type: "secondary", children: [
+              labels.email,
+              ": "
+            ] }),
+            /* @__PURE__ */ jsx12(Text5, { children: permissions.user?.email })
+          ] }),
+          /* @__PURE__ */ jsxs10("div", { children: [
+            /* @__PURE__ */ jsxs10(Text5, { type: "secondary", children: [
+              labels.primaryOrganization,
+              ": "
+            ] }),
+            permissions.user?.organization ? /* @__PURE__ */ jsx12(Tag3, { icon: /* @__PURE__ */ jsx12(BankOutlined5, {}), color: "blue", children: permissions.user.organization.name }) : /* @__PURE__ */ jsx12(Tag3, { icon: /* @__PURE__ */ jsx12(GlobalOutlined4, {}), color: "purple", children: labels.global })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx12(Card2, { size: "small", title: labels.currentContext, children: /* @__PURE__ */ jsxs10(Space8, { wrap: true, children: [
+          currentOrg && /* @__PURE__ */ jsx12(Tag3, { icon: /* @__PURE__ */ jsx12(BankOutlined5, {}), color: "blue", children: currentOrg.name }),
+          currentBranch && /* @__PURE__ */ jsx12(Tag3, { icon: /* @__PURE__ */ jsx12(BranchesOutlined3, {}), color: "green", children: currentBranch.name })
+        ] }) }),
+        /* @__PURE__ */ jsx12(
+          Card2,
+          {
+            size: "small",
+            title: /* @__PURE__ */ jsxs10(Space8, { children: [
+              /* @__PURE__ */ jsx12(SafetyOutlined2, {}),
+              labels.roleAssignments,
+              " (",
+              permissions.role_assignments.length,
+              ")"
+            ] }),
+            extra: onAddRole && /* @__PURE__ */ jsx12(Button5, { type: "primary", size: "small", icon: /* @__PURE__ */ jsx12(PlusOutlined2, {}), onClick: onAddRole, children: labels.add }),
+            children: permissions.role_assignments.length === 0 ? /* @__PURE__ */ jsx12(Empty, { description: labels.noRolesAssigned }) : /* @__PURE__ */ jsx12(Collapse, { ghost: true, children: permissions.role_assignments.map((assignment, index) => /* @__PURE__ */ jsx12(
+              Collapse.Panel,
+              {
+                header: /* @__PURE__ */ jsxs10(Space8, { wrap: true, children: [
+                  getScopeIcon(assignment.scope),
+                  /* @__PURE__ */ jsx12(Text5, { strong: true, children: assignment.role.name }),
+                  /* @__PURE__ */ jsx12(Tag3, { 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__ */ jsx12(Tag3, { color: "blue", icon: /* @__PURE__ */ jsx12(BankOutlined5, {}), children: assignment.org_name }),
+                  /* @__PURE__ */ jsxs10(Tag3, { children: [
+                    assignment.permissions.length,
+                    " ",
+                    labels.permissions
+                  ] }),
+                  onRemoveRole && /* @__PURE__ */ jsx12(
+                    Popconfirm2,
+                    {
+                      title: labels.confirmRemoveRole,
+                      onConfirm: () => {
+                        onRemoveRole(
+                          assignment.role.id,
+                          assignment.console_org_id,
+                          assignment.console_branch_id
+                        );
+                      },
+                      children: /* @__PURE__ */ jsx12(
+                        Button5,
+                        {
+                          size: "small",
+                          danger: true,
+                          icon: /* @__PURE__ */ jsx12(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__ */ jsxs10("div", { style: { marginBottom: 8 }, children: [
+                  /* @__PURE__ */ jsx12(Text5, { type: "secondary", style: { fontSize: 12 }, children: group }),
+                  /* @__PURE__ */ jsx12("div", { style: { display: "flex", flexWrap: "wrap", gap: 4, marginTop: 4 }, children: perms.map((perm) => /* @__PURE__ */ jsx12(Tag3, { color: "blue", children: perm.name }, perm.slug)) })
+                ] }, group))
+              },
+              index
+            )) })
+          }
+        ),
+        /* @__PURE__ */ jsx12(
+          Card2,
+          {
+            size: "small",
+            title: /* @__PURE__ */ jsxs10(Space8, { children: [
+              /* @__PURE__ */ jsx12(TeamOutlined, {}),
+              labels.teamMemberships,
+              " (",
+              permissions.team_memberships.length,
+              ")"
+            ] }),
+            extra: onAddTeam && /* @__PURE__ */ jsx12(Button5, { size: "small", icon: /* @__PURE__ */ jsx12(PlusOutlined2, {}), onClick: onAddTeam, children: labels.add }),
+            children: permissions.team_memberships.length === 0 ? /* @__PURE__ */ jsx12(Empty, { description: labels.noTeamMemberships }) : /* @__PURE__ */ jsx12(Collapse, { ghost: true, children: permissions.team_memberships.map((membership, index) => /* @__PURE__ */ jsx12(
+              Collapse.Panel,
+              {
+                header: /* @__PURE__ */ jsxs10(Space8, { children: [
+                  /* @__PURE__ */ jsx12(TeamOutlined, {}),
+                  /* @__PURE__ */ jsx12(Text5, { strong: true, children: membership.team.name }),
+                  membership.is_leader && /* @__PURE__ */ jsx12(Tag3, { color: "gold", children: labels.teamLeader }),
+                  /* @__PURE__ */ jsxs10(Tag3, { 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__ */ jsxs10("div", { style: { marginBottom: 8 }, children: [
+                  /* @__PURE__ */ jsx12(Text5, { type: "secondary", style: { fontSize: 12 }, children: group }),
+                  /* @__PURE__ */ jsx12("div", { style: { display: "flex", flexWrap: "wrap", gap: 4, marginTop: 4 }, children: perms.map((perm) => /* @__PURE__ */ jsx12(Tag3, { color: "cyan", children: perm.name }, perm.slug)) })
+                ] }, group))
+              },
+              index
+            )) })
+          }
+        ),
+        /* @__PURE__ */ jsx12(
+          Card2,
+          {
+            size: "small",
+            title: /* @__PURE__ */ jsxs10(Space8, { children: [
+              /* @__PURE__ */ jsx12(SafetyOutlined2, {}),
+              labels.aggregatedPermissions,
+              " (",
+              permissions.aggregated_permissions.length,
+              ")"
+            ] }),
+            children: permissions.aggregated_permissions.length === 0 ? /* @__PURE__ */ jsx12(Empty, { description: labels.noData }) : /* @__PURE__ */ jsx12(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__ */ jsx12(
+              Collapse.Panel,
+              {
+                header: /* @__PURE__ */ jsxs10(Space8, { children: [
+                  /* @__PURE__ */ jsx12(SafetyOutlined2, {}),
+                  /* @__PURE__ */ jsx12(Text5, { strong: true, children: group }),
+                  /* @__PURE__ */ jsx12(Tag3, { color: "green", children: perms.length })
+                ] }),
+                children: /* @__PURE__ */ jsx12("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: perms.map((perm) => /* @__PURE__ */ jsx12(Tag3, { color: "green", children: perm.split(".").pop() }, perm)) })
+              },
+              group
+            )) })
+          }
+        )
+      ] }) : null
+    }
+  );
+}
+
+// src/ant/components/UserDetailCard/UserDetailCard.tsx
+import {
+  SafetyOutlined as SafetyOutlined3,
+  GlobalOutlined as GlobalOutlined5,
+  BankOutlined as BankOutlined6,
+  BranchesOutlined as BranchesOutlined4,
+  TeamOutlined as TeamOutlined2,
+  DeleteOutlined as DeleteOutlined2,
+  PlusOutlined as PlusOutlined3,
+  ReloadOutlined as ReloadOutlined2,
+  KeyOutlined
+} from "@ant-design/icons";
+import {
+  Card as Card3,
+  Typography as Typography7,
+  Button as Button6,
+  Space as Space9,
+  Tag as Tag4,
+  Table as Table2,
+  Tabs,
+  Input as Input2,
+  Select as Select6,
+  Popconfirm as Popconfirm3,
+  Empty as Empty2
+} from "antd";
+import { useState as useState7, useMemo as useMemo6 } from "react";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var { Title: Title3, Text: Text6, Link: AntLink } = Typography7;
+var defaultTranslations3 = {
+  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 = { ...defaultTranslations3, ...t };
+  const [permissionSearch, setPermissionSearch] = useState7("");
+  const [permissionTypeFilter, setPermissionTypeFilter] = useState7("all");
+  const getScopeLabel = (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 = useMemo6(
+    () => 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__ */ jsxs11("span", { children: [
+        /* @__PURE__ */ jsx13(KeyOutlined, {}),
+        " ",
+        labels.permissions
+      ] }),
+      children: /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsxs11(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              marginBottom: 16
+            },
+            children: [
+              /* @__PURE__ */ jsxs11("div", { children: [
+                /* @__PURE__ */ jsxs11(Title3, { level: 5, style: { margin: 0 }, children: [
+                  labels.permissionPolicies,
+                  " (",
+                  allPermissionsData.length,
+                  ")"
+                ] }),
+                /* @__PURE__ */ jsx13(Text6, { type: "secondary", style: { fontSize: 12 }, children: labels.permissionsDescription })
+              ] }),
+              /* @__PURE__ */ jsxs11(Space9, { children: [
+                onRefresh && /* @__PURE__ */ jsx13(Button6, { icon: /* @__PURE__ */ jsx13(ReloadOutlined2, {}), onClick: onRefresh }),
+                /* @__PURE__ */ jsx13(Button6, { type: "default", children: labels.remove }),
+                /* @__PURE__ */ jsx13(Button6, { type: "primary", icon: /* @__PURE__ */ jsx13(PlusOutlined3, {}), children: labels.addPermissions })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs11("div", { style: { display: "flex", gap: 16, marginBottom: 16 }, children: [
+          /* @__PURE__ */ jsx13(
+            Input2,
+            {
+              placeholder: labels.searchPermissions,
+              prefix: /* @__PURE__ */ jsx13(KeyOutlined, {}),
+              value: permissionSearch,
+              onChange: (e) => setPermissionSearch(e.target.value),
+              style: { width: 300 }
+            }
+          ),
+          /* @__PURE__ */ jsx13(
+            Select6,
+            {
+              value: permissionTypeFilter,
+              onChange: setPermissionTypeFilter,
+              style: { width: 200 },
+              options: [
+                { value: "all", label: labels.allTypes },
+                { value: "role", label: labels.viaRole },
+                { value: "team", label: labels.viaTeam }
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx13(
+          Table2,
+          {
+            dataSource: filteredPermissions,
+            pagination: { pageSize: 10 },
+            columns: [
+              {
+                title: labels.permissions,
+                dataIndex: "permission",
+                key: "permission",
+                render: (perm) => /* @__PURE__ */ jsxs11(Space9, { children: [
+                  /* @__PURE__ */ jsx13(KeyOutlined, { style: { color: "#faad14" } }),
+                  /* @__PURE__ */ jsx13(AntLink, { children: perm })
+                ] })
+              },
+              {
+                title: labels.filterByType,
+                dataIndex: "type",
+                key: "type",
+                width: 150,
+                render: (type) => /* @__PURE__ */ jsx13(Tag4, { 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__ */ jsxs11(Space9, { children: [
+                  record.type === "role" ? /* @__PURE__ */ jsx13(SafetyOutlined3, {}) : /* @__PURE__ */ jsx13(TeamOutlined2, {}),
+                  /* @__PURE__ */ jsx13(Text6, { children: via }),
+                  record.scope && record.scope !== "team" && /* @__PURE__ */ jsx13(Tag4, { color: getScopeColor(record.scope), style: { fontSize: 12 }, children: record.scope })
+                ] })
+              }
+            ]
+          }
+        )
+      ] })
+    },
+    {
+      key: "roles",
+      label: /* @__PURE__ */ jsxs11("span", { children: [
+        /* @__PURE__ */ jsx13(SafetyOutlined3, {}),
+        " ",
+        labels.roles,
+        " (",
+        roleAssignments.length,
+        ")"
+      ] }),
+      children: /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsxs11(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              marginBottom: 16
+            },
+            children: [
+              /* @__PURE__ */ jsx13(Title3, { level: 5, style: { margin: 0 }, children: labels.roleAssignments }),
+              onAssignRole && /* @__PURE__ */ jsx13(Button6, { type: "primary", icon: /* @__PURE__ */ jsx13(PlusOutlined3, {}), onClick: onAssignRole, children: labels.assignRole })
+            ]
+          }
+        ),
+        roleAssignments.length === 0 ? /* @__PURE__ */ jsx13(Empty2, { description: labels.noRolesAssigned }) : /* @__PURE__ */ jsx13(
+          Table2,
+          {
+            dataSource: roleAssignments,
+            rowKey: (r) => `${r.role.id}-${r.console_org_id}-${r.console_branch_id}`,
+            columns: [
+              {
+                title: labels.roles,
+                key: "role",
+                render: (_, record) => /* @__PURE__ */ jsxs11(Space9, { children: [
+                  /* @__PURE__ */ jsx13(SafetyOutlined3, { style: { color: "#1890ff" } }),
+                  /* @__PURE__ */ jsx13(
+                    Text6,
+                    {
+                      strong: true,
+                      style: { color: "#1890ff", cursor: onRoleClick ? "pointer" : "default" },
+                      onClick: () => onRoleClick?.(record.role.id),
+                      children: record.role.name
+                    }
+                  ),
+                  /* @__PURE__ */ jsx13(Tag4, { color: "default", children: record.role.slug })
+                ] })
+              },
+              {
+                title: labels.global,
+                key: "scope",
+                width: 200,
+                render: (_, record) => /* @__PURE__ */ jsx13(Tag4, { color: getScopeColor(record.scope), children: getScopeLabel(record) })
+              },
+              {
+                title: labels.level,
+                dataIndex: ["role", "level"],
+                key: "level",
+                width: 100
+              },
+              {
+                title: labels.permissions,
+                key: "permissions",
+                width: 150,
+                render: (_, record) => /* @__PURE__ */ jsxs11(Text6, { children: [
+                  record.permissions.length,
+                  " ",
+                  labels.permissions.toLowerCase()
+                ] })
+              },
+              {
+                title: labels.actions,
+                key: "actions",
+                width: 100,
+                render: (_, record) => onRemoveRole && /* @__PURE__ */ jsx13(
+                  Popconfirm3,
+                  {
+                    title: labels.confirmRemoveRole,
+                    onConfirm: () => onRemoveRole(
+                      record.role.id,
+                      record.console_org_id,
+                      record.console_branch_id
+                    ),
+                    children: /* @__PURE__ */ jsx13(
+                      Button6,
+                      {
+                        type: "text",
+                        danger: true,
+                        icon: /* @__PURE__ */ jsx13(DeleteOutlined2, {}),
+                        loading: removeLoading
+                      }
+                    )
+                  }
+                )
+              }
+            ]
+          }
+        )
+      ] })
+    },
+    {
+      key: "teams",
+      label: /* @__PURE__ */ jsxs11("span", { children: [
+        /* @__PURE__ */ jsx13(TeamOutlined2, {}),
+        " ",
+        labels.teams,
+        " (",
+        teamMemberships.length,
+        ")"
+      ] }),
+      children: /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx13(Title3, { level: 5, style: { marginBottom: 16 }, children: labels.teamMemberships }),
+        teamMemberships.length === 0 ? /* @__PURE__ */ jsx13(Empty2, { description: labels.noTeamMemberships }) : /* @__PURE__ */ jsx13(
+          Table2,
+          {
+            dataSource: teamMemberships,
+            rowKey: (m) => m.team.id,
+            columns: [
+              {
+                title: labels.teams,
+                key: "team",
+                render: (_, record) => /* @__PURE__ */ jsxs11(Space9, { children: [
+                  /* @__PURE__ */ jsx13(TeamOutlined2, { style: { color: "#52c41a" } }),
+                  /* @__PURE__ */ jsx13(Text6, { strong: true, children: record.team.name }),
+                  record.team.path && /* @__PURE__ */ jsxs11(Text6, { type: "secondary", children: [
+                    "(",
+                    record.team.path,
+                    ")"
+                  ] })
+                ] })
+              },
+              {
+                title: labels.teamLeader,
+                key: "leader",
+                width: 150,
+                render: (_, record) => record.is_leader ? /* @__PURE__ */ jsx13(Tag4, { color: "gold", children: labels.teamLeader }) : /* @__PURE__ */ jsx13(Text6, { type: "secondary", children: "-" })
+              },
+              {
+                title: labels.permissions,
+                key: "permissions",
+                width: 150,
+                render: (_, record) => /* @__PURE__ */ jsxs11(Text6, { children: [
+                  record.permissions.length,
+                  " ",
+                  labels.permissions.toLowerCase()
+                ] })
+              }
+            ]
+          }
+        )
+      ] })
+    },
+    {
+      key: "aggregated",
+      label: /* @__PURE__ */ jsxs11("span", { children: [
+        /* @__PURE__ */ jsx13(SafetyOutlined3, {}),
+        " ",
+        labels.aggregatedPermissions,
+        " (",
+        aggregatedPermissions.length,
+        ")"
+      ] }),
+      children: /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx13(Title3, { level: 5, style: { marginBottom: 16 }, children: labels.aggregatedPermissions }),
+        /* @__PURE__ */ jsx13(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__ */ jsx13(Empty2, { description: labels.noPermissions }) : /* @__PURE__ */ jsx13(
+          Table2,
+          {
+            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__ */ jsx13(Tag4, { icon: /* @__PURE__ */ jsx13(SafetyOutlined3, {}), color: "blue", children: group })
+              },
+              {
+                title: labels.permissions,
+                dataIndex: "permission",
+                key: "permission",
+                render: (perm) => /* @__PURE__ */ jsxs11(Space9, { children: [
+                  /* @__PURE__ */ jsx13(KeyOutlined, { style: { color: "#faad14" } }),
+                  /* @__PURE__ */ jsx13(Text6, { children: perm })
+                ] })
+              },
+              {
+                title: "Action",
+                dataIndex: "action",
+                key: "action",
+                width: 150,
+                render: (action) => /* @__PURE__ */ jsx13(Tag4, { color: "green", children: action })
+              }
+            ]
+          }
+        )
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ jsxs11("div", { children: [
+    /* @__PURE__ */ jsx13(Card3, { size: "small", style: { marginBottom: 24 }, styles: { body: { padding: "16px 24px" } }, children: /* @__PURE__ */ jsxs11(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "repeat(3, 1fr)",
+          gap: "20px 48px"
+        },
+        children: [
+          /* @__PURE__ */ jsxs11("div", { children: [
+            /* @__PURE__ */ jsx13(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.email }),
+            /* @__PURE__ */ jsx13(Text6, { copyable: true, style: { fontSize: 14 }, children: user?.email || "-" })
+          ] }),
+          /* @__PURE__ */ jsxs11("div", { children: [
+            /* @__PURE__ */ jsx13(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.primaryOrganization }),
+            user?.organization ? /* @__PURE__ */ jsxs11(Space9, { size: 4, children: [
+              /* @__PURE__ */ jsx13(BankOutlined6, { style: { color: "#1890ff" } }),
+              /* @__PURE__ */ jsx13(Text6, { style: { fontSize: 14 }, children: user.organization.name })
+            ] }) : /* @__PURE__ */ jsxs11(Space9, { size: 4, children: [
+              /* @__PURE__ */ jsx13(GlobalOutlined5, { style: { color: "#722ed1" } }),
+              /* @__PURE__ */ jsx13(Text6, { style: { fontSize: 14 }, children: labels.global })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs11("div", { children: [
+            /* @__PURE__ */ jsx13(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.currentContext }),
+            /* @__PURE__ */ jsxs11(Space9, { size: 16, wrap: true, children: [
+              currentOrg && /* @__PURE__ */ jsxs11(Space9, { size: 4, children: [
+                /* @__PURE__ */ jsx13(BankOutlined6, { style: { color: "#1890ff" } }),
+                /* @__PURE__ */ jsx13(Text6, { style: { fontSize: 14 }, children: currentOrg.name })
+              ] }),
+              currentBranch && /* @__PURE__ */ jsxs11(Space9, { size: 4, children: [
+                /* @__PURE__ */ jsx13(BranchesOutlined4, { style: { color: "#52c41a" } }),
+                /* @__PURE__ */ jsx13(Text6, { style: { fontSize: 14 }, children: currentBranch.name })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs11("div", { children: [
+            /* @__PURE__ */ jsx13(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.created }),
+            /* @__PURE__ */ jsx13(Text6, { style: { fontSize: 14 }, children: user?.created_at ? new Date(user.created_at).toLocaleDateString() : "-" })
+          ] }),
+          /* @__PURE__ */ jsxs11("div", { children: [
+            /* @__PURE__ */ jsx13(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.lastSignIn }),
+            /* @__PURE__ */ jsx13(Text6, { style: { fontSize: 14 }, children: "-" })
+          ] }),
+          /* @__PURE__ */ jsxs11("div", { children: [
+            /* @__PURE__ */ jsx13(Text6, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: labels.roleAssignments }),
+            /* @__PURE__ */ jsxs11(Text6, { style: { fontSize: 14 }, children: [
+              /* @__PURE__ */ jsx13(Text6, { strong: true, children: roleAssignments.length }),
+              " ",
+              labels.roles.toLowerCase()
+            ] })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx13(Card3, { children: /* @__PURE__ */ jsx13(Tabs, { defaultActiveKey: "permissions", items: tabItems }) })
+  ] });
+}
+
+// src/ant/components/RoleCreateModal/RoleCreateModal.tsx
+import { PlusOutlined as PlusOutlined4, GlobalOutlined as GlobalOutlined6, BankOutlined as BankOutlined7 } from "@ant-design/icons";
+import { Modal as Modal5, Form as Form4, Input as Input3, InputNumber as InputNumber2, Select as Select7, Radio as Radio2, Button as Button7, Space as Space10 } from "antd";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var defaultTranslations4 = {
+  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,
+  translations: t = {}
+}) {
+  const [form] = Form4.useForm();
+  const labels = { ...defaultTranslations4, ...t };
+  const handleFinish = async (values) => {
+    await onSubmit(values);
+    form.resetFields();
+  };
+  const handleCancel = () => {
+    form.resetFields();
+    onCancel();
+  };
+  return /* @__PURE__ */ jsx14(
+    Modal5,
+    {
+      title: /* @__PURE__ */ jsxs12(Space10, { children: [
+        /* @__PURE__ */ jsx14(PlusOutlined4, {}),
+        labels.title
+      ] }),
+      open,
+      onCancel: handleCancel,
+      footer: null,
+      destroyOnHidden: true,
+      children: /* @__PURE__ */ jsxs12(
+        Form4,
+        {
+          form,
+          layout: "vertical",
+          onFinish: handleFinish,
+          initialValues: { level: 50, scope: "org", org_id: currentOrgId },
+          children: [
+            /* @__PURE__ */ jsx14(
+              Form4.Item,
+              {
+                name: "scope",
+                label: labels.scope,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ jsxs12(Radio2.Group, { children: [
+                  /* @__PURE__ */ jsx14(Radio2, { value: "global", children: /* @__PURE__ */ jsxs12(Space10, { children: [
+                    /* @__PURE__ */ jsx14(GlobalOutlined6, {}),
+                    labels.global
+                  ] }) }),
+                  /* @__PURE__ */ jsx14(Radio2, { value: "org", children: /* @__PURE__ */ jsxs12(Space10, { children: [
+                    /* @__PURE__ */ jsx14(BankOutlined7, {}),
+                    labels.orgRole
+                  ] }) })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx14(Form4.Item, { noStyle: true, shouldUpdate: (prev, curr) => prev.scope !== curr.scope, children: ({ getFieldValue }) => getFieldValue("scope") === "org" && /* @__PURE__ */ jsx14(
+              Form4.Item,
+              {
+                name: "org_id",
+                label: labels.organization,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ jsx14(Select7, { placeholder: labels.organization, children: organizations.map((org) => /* @__PURE__ */ jsx14(Select7.Option, { value: String(org.id), children: /* @__PURE__ */ jsxs12(Space10, { children: [
+                  /* @__PURE__ */ jsx14(BankOutlined7, {}),
+                  org.name
+                ] }) }, org.id)) })
+              }
+            ) }),
+            /* @__PURE__ */ jsx14(
+              Form4.Item,
+              {
+                name: "name",
+                label: labels.name,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ jsx14(Input3, {})
+              }
+            ),
+            /* @__PURE__ */ jsx14(
+              Form4.Item,
+              {
+                name: "slug",
+                label: labels.slug,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ jsx14(Input3, {})
+              }
+            ),
+            /* @__PURE__ */ jsx14(Form4.Item, { name: "description", label: labels.description, children: /* @__PURE__ */ jsx14(Input3.TextArea, { rows: 3 }) }),
+            /* @__PURE__ */ jsx14(
+              Form4.Item,
+              {
+                name: "level",
+                label: labels.level,
+                rules: [{ required: true, message: labels.required }],
+                children: /* @__PURE__ */ jsx14(InputNumber2, { min: 1, max: 100, style: { width: "100%" } })
+              }
+            ),
+            /* @__PURE__ */ jsx14(Form4.Item, { children: /* @__PURE__ */ jsxs12(Space10, { children: [
+              /* @__PURE__ */ jsx14(Button7, { type: "primary", htmlType: "submit", loading, children: labels.create }),
+              /* @__PURE__ */ jsx14(Button7, { onClick: handleCancel, children: labels.cancel })
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/ant/components/RolesListCard/RolesListCard.tsx
+import {
+  SafetyOutlined as SafetyOutlined4,
+  PlusOutlined as PlusOutlined5,
+  EyeOutlined,
+  DeleteOutlined as DeleteOutlined3,
+  GlobalOutlined as GlobalOutlined7,
+  BankOutlined as BankOutlined8
+} from "@ant-design/icons";
+import { Card as Card4, Typography as Typography8, Button as Button8, Space as Space11, Tag as Tag5, Select as Select8, Table as Table3, Popconfirm as Popconfirm4 } from "antd";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var { Text: Text7 } = Typography8;
+var defaultTranslations5 = {
+  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 = { ...defaultTranslations5, ...t };
+  const columns = [
+    {
+      title: labels.name,
+      dataIndex: "name",
+      key: "name",
+      render: (name, record) => /* @__PURE__ */ jsxs13(Space11, { children: [
+        /* @__PURE__ */ jsx15(SafetyOutlined4, { style: { color: "#1890ff" } }),
+        /* @__PURE__ */ jsx15(Text7, { strong: true, children: name }),
+        /* @__PURE__ */ jsx15(Tag5, { children: record.slug })
+      ] })
+    },
+    {
+      title: labels.scope,
+      dataIndex: "console_org_id",
+      key: "scope",
+      width: 180,
+      render: (_, record) => record.console_org_id ? /* @__PURE__ */ jsx15(Tag5, { icon: /* @__PURE__ */ jsx15(BankOutlined8, {}), color: "blue", children: record.organization?.name || record.console_org_id }) : /* @__PURE__ */ jsx15(Tag5, { icon: /* @__PURE__ */ jsx15(GlobalOutlined7, {}), color: "purple", children: labels.global })
+    },
+    {
+      title: labels.level,
+      dataIndex: "level",
+      key: "level",
+      width: 100,
+      render: (level) => /* @__PURE__ */ jsx15(Tag5, { color: "blue", children: level })
+    },
+    {
+      title: labels.description,
+      dataIndex: "description",
+      key: "description",
+      ellipsis: true
+    },
+    {
+      title: labels.actions,
+      key: "actions",
+      width: 180,
+      render: (_, record) => /* @__PURE__ */ jsxs13(Space11, { children: [
+        /* @__PURE__ */ jsx15(Button8, { size: "small", icon: /* @__PURE__ */ jsx15(EyeOutlined, {}), onClick: () => onViewClick(record), children: labels.detail }),
+        /* @__PURE__ */ jsx15(Popconfirm4, { title: labels.confirmDeleteRole, onConfirm: () => onDeleteClick(record), children: /* @__PURE__ */ jsx15(Button8, { size: "small", danger: true, icon: /* @__PURE__ */ jsx15(DeleteOutlined3, {}) }) })
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ jsxs13(
+    Card4,
+    {
+      title: /* @__PURE__ */ jsxs13(Space11, { children: [
+        /* @__PURE__ */ jsx15(SafetyOutlined4, {}),
+        "Roles"
+      ] }),
+      extra: /* @__PURE__ */ jsx15(Button8, { type: "primary", icon: /* @__PURE__ */ jsx15(PlusOutlined5, {}), onClick: onCreateClick, children: "Create" }),
+      children: [
+        /* @__PURE__ */ jsx15("div", { style: { marginBottom: 16, display: "flex", gap: 16 }, children: /* @__PURE__ */ jsxs13(
+          Select8,
+          {
+            value: scopeFilter,
+            onChange: onScopeFilterChange,
+            style: { minWidth: 200 },
+            children: [
+              /* @__PURE__ */ jsx15(Select8.Option, { value: "all", children: /* @__PURE__ */ jsxs13(Space11, { children: [
+                /* @__PURE__ */ jsx15(SafetyOutlined4, {}),
+                labels.all
+              ] }) }),
+              /* @__PURE__ */ jsx15(Select8.Option, { value: "global", children: /* @__PURE__ */ jsxs13(Space11, { children: [
+                /* @__PURE__ */ jsx15(GlobalOutlined7, {}),
+                labels.global
+              ] }) }),
+              /* @__PURE__ */ jsx15(Select8.Option, { value: "org", children: /* @__PURE__ */ jsxs13(Space11, { children: [
+                /* @__PURE__ */ jsx15(BankOutlined8, {}),
+                labels.orgRole
+              ] }) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx15(
+          Table3,
+          {
+            columns,
+            dataSource: roles,
+            rowKey: "id",
+            loading,
+            pagination: { pageSize: 10 }
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/ant/components/PermissionsListCard/PermissionsListCard.tsx
+import { KeyOutlined as KeyOutlined2, AppstoreOutlined } from "@ant-design/icons";
+import { Card as Card5, Typography as Typography9, Tag as Tag6, Table as Table4, Input as Input4, Space as Space12, Collapse as Collapse2 } from "antd";
+import { useState as useState8, useMemo as useMemo7 } from "react";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+var { Text: Text8 } = Typography9;
+var defaultTranslations6 = {
+  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] = useState8("");
+  const labels = { ...defaultTranslations6, ...t };
+  const filteredPermissions = useMemo7(() => {
+    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 = useMemo7(() => {
+    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__ */ jsxs14(Space12, { children: [
+        /* @__PURE__ */ jsx16(KeyOutlined2, { style: { color: "#52c41a" } }),
+        /* @__PURE__ */ jsx16(Text8, { strong: true, children: name })
+      ] })
+    },
+    {
+      title: labels.slug,
+      dataIndex: "slug",
+      key: "slug",
+      render: (slug) => /* @__PURE__ */ jsx16(Tag6, { color: "blue", children: slug })
+    },
+    {
+      title: labels.group,
+      dataIndex: "group",
+      key: "group",
+      render: (group) => /* @__PURE__ */ jsx16(Tag6, { icon: /* @__PURE__ */ jsx16(AppstoreOutlined, {}), color: "purple", children: getGroupLabel(group || "other") })
+    }
+  ];
+  return /* @__PURE__ */ jsxs14(Card5, { children: [
+    /* @__PURE__ */ jsx16("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ jsx16(
+      Input4.Search,
+      {
+        placeholder: labels.searchPermissions,
+        allowClear: true,
+        onSearch: setSearch,
+        onChange: (e) => !e.target.value && setSearch(""),
+        style: { maxWidth: 300 }
+      }
+    ) }),
+    /* @__PURE__ */ jsx16(Collapse2, { defaultActiveKey: groups, ghost: true, children: Object.entries(groupedPermissions).map(([group, perms]) => /* @__PURE__ */ jsx16(
+      Collapse2.Panel,
+      {
+        header: /* @__PURE__ */ jsxs14(Space12, { children: [
+          /* @__PURE__ */ jsx16(AppstoreOutlined, { style: { color: "#722ed1" } }),
+          /* @__PURE__ */ jsx16(Text8, { strong: true, children: getGroupLabel(group) }),
+          /* @__PURE__ */ jsx16(Tag6, { children: perms.length })
+        ] }),
+        children: /* @__PURE__ */ jsx16(
+          Table4,
+          {
+            columns,
+            dataSource: perms,
+            rowKey: "id",
+            loading,
+            pagination: false,
+            size: "small"
+          }
+        )
+      },
+      group
+    )) }),
+    filteredPermissions.length === 0 && !loading && /* @__PURE__ */ jsx16("div", { style: { textAlign: "center", padding: 40 }, children: /* @__PURE__ */ jsx16(Text8, { type: "secondary", children: labels.noData }) })
+  ] });
+}
+
+// src/ant/components/TeamsListCard/TeamsListCard.tsx
+import { TeamOutlined as TeamOutlined3, KeyOutlined as KeyOutlined3, UserOutlined as UserOutlined2 } from "@ant-design/icons";
+import { Card as Card6, Typography as Typography10, Tag as Tag7, Table as Table5, Empty as Empty3 } from "antd";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+var { Text: Text9 } = Typography10;
+var defaultTranslations7 = {
+  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 = { ...defaultTranslations7, ...t };
+  const columns = [
+    {
+      title: labels.name,
+      dataIndex: "name",
+      key: "name",
+      render: (name) => /* @__PURE__ */ jsxs15("span", { children: [
+        /* @__PURE__ */ jsx17(TeamOutlined3, { style: { marginRight: 8, color: "#1890ff" } }),
+        /* @__PURE__ */ jsx17(Text9, { strong: true, children: name })
+      ] })
+    },
+    {
+      title: labels.memberCount,
+      dataIndex: "member_count",
+      key: "member_count",
+      width: 120,
+      render: (count) => /* @__PURE__ */ jsx17(Tag7, { icon: /* @__PURE__ */ jsx17(UserOutlined2, {}), children: count })
+    },
+    {
+      title: labels.permissions,
+      dataIndex: "permissions",
+      key: "permissions",
+      render: (permissions) => /* @__PURE__ */ jsx17("span", { children: permissions.length > 0 ? /* @__PURE__ */ jsxs15(Tag7, { color: "blue", children: [
+        permissions.length,
+        " ",
+        labels.permissions
+      ] }) : /* @__PURE__ */ jsxs15(Tag7, { children: [
+        "0 ",
+        labels.permissions
+      ] }) })
+    }
+  ];
+  return /* @__PURE__ */ jsx17(Card6, { children: teams.length === 0 ? /* @__PURE__ */ jsx17(
+    Empty3,
+    {
+      description: /* @__PURE__ */ jsxs15("span", { children: [
+        labels.noTeams,
+        /* @__PURE__ */ jsx17("br", {}),
+        /* @__PURE__ */ jsx17(Text9, { type: "secondary", style: { fontSize: 12 }, children: labels.teamsFromConsole })
+      ] })
+    }
+  ) : /* @__PURE__ */ jsx17(
+    Table5,
+    {
+      columns,
+      dataSource: teams,
+      rowKey: "id",
+      loading,
+      pagination: { pageSize: 10 },
+      expandable: {
+        expandedRowRender: (record) => /* @__PURE__ */ jsxs15("div", { style: { padding: "8px 0" }, children: [
+          /* @__PURE__ */ jsxs15(Text9, { strong: true, style: { marginBottom: 8, display: "block" }, children: [
+            /* @__PURE__ */ jsx17(KeyOutlined3, { style: { marginRight: 4 } }),
+            labels.teamPermissions,
+            ":"
+          ] }),
+          record.permissions.length === 0 ? /* @__PURE__ */ jsx17(Text9, { type: "secondary", children: labels.noData }) : /* @__PURE__ */ jsx17("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: record.permissions.map((perm) => /* @__PURE__ */ jsx17(Tag7, { color: "cyan", children: perm }, perm)) })
+        ] })
+      }
+    }
+  ) });
+}
+
+// src/ant/theme/AntdThemeProvider.tsx
+import { App, ConfigProvider, theme as theme3 } from "antd";
+import enUS from "antd/locale/en_US";
+import jaJP from "antd/locale/ja_JP";
+import viVN from "antd/locale/vi_VN";
+import { useEffect as useEffect6 } from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var antdLocales = {
+  ja: jaJP,
+  en: enUS,
+  vi: viVN
+};
+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] ?? jaJP;
+  const fontFamily = fontFamilies[locale] ?? fontFamilies.ja;
+  const colors = themeColors[variant];
+  useEffect6(() => {
+    setDayjsLocale?.(locale);
+  }, [locale, setDayjsLocale]);
+  return /* @__PURE__ */ jsx18(
+    ConfigProvider,
+    {
+      locale: antdLocale,
+      theme: {
+        algorithm: theme3.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__ */ jsx18(App, { children })
+    }
+  );
+}
+export {
+  AntdThemeProvider,
+  BranchGate,
+  LocaleSwitcher,
+  OrgBranchSelectorModal,
+  OrganizationSwitcher,
+  DEFAULT_TEXTS as PROTABLE_DEFAULT_TEXTS,
+  PageContainer,
+  PermissionsListCard,
+  ProTable,
+  ProtectedRoute,
+  RoleCreateModal,
+  RolesListCard,
+  ScopeLabel,
+  ScopeTag,
+  SsoCallback,
+  TeamsListCard,
+  UserDetailCard,
+  UserPermissionsModal,
+  UserRoleAssignModal,
+  getScopeColor,
+  getScopeIcon,
+  useBranchGate
+};
+//# sourceMappingURL=index.js.map