feat: add organization-related models and update schemas for organization management

frontend/src/app/gateways/page.tsx

@@ -35,6 +35,10 @@ import {
   useDeleteGatewayApiV1GatewaysGatewayIdDelete,
   useListGatewaysApiV1GatewaysGet,
 } from "@/api/generated/gateways/gateways";
+import {
+  type getMyMembershipApiV1OrganizationsMeMemberGetResponse,
+  useGetMyMembershipApiV1OrganizationsMeMemberGet,
+} from "@/api/generated/organizations/organizations";
 import type { GatewayRead } from "@/api/generated/model";
 
 const truncate = (value?: string | null, max = 24) => {
@@ -58,6 +62,20 @@ const formatTimestamp = (value?: string | null) => {
 export default function GatewaysPage() {
   const { isSignedIn } = useAuth();
   const queryClient = useQueryClient();
+
+  const membershipQuery = useGetMyMembershipApiV1OrganizationsMeMemberGet<
+    getMyMembershipApiV1OrganizationsMeMemberGetResponse,
+    ApiError
+  >({
+    query: {
+      enabled: Boolean(isSignedIn),
+      refetchOnMount: "always",
+      retry: false,
+    },
+  });
+  const member =
+    membershipQuery.data?.status === 200 ? membershipQuery.data.data : null;
+  const isAdmin = member ? ["owner", "admin"].includes(member.role) : false;
   const [sorting, setSorting] = useState<SortingState>([
     { id: "name", desc: false },
   ]);
@@ -69,7 +87,7 @@ export default function GatewaysPage() {
     ApiError
   >(undefined, {
     query: {
-      enabled: Boolean(isSignedIn),
+      enabled: Boolean(isSignedIn && isAdmin),
       refetchInterval: 30_000,
       refetchOnMount: "always",
     },
@@ -240,7 +258,7 @@ export default function GatewaysPage() {
                     Manage OpenClaw gateway connections used by boards
                   </p>
                 </div>
-                {gateways.length > 0 ? (
+                {isAdmin && gateways.length > 0 ? (
                   <Link
                     href="/gateways/new"
                     className={buttonVariants({
@@ -256,9 +274,15 @@ export default function GatewaysPage() {
           </div>
 
           <div className="p-8">
-            <div className="overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm">
-              <div className="overflow-x-auto">
-                <table className="w-full text-left text-sm">
+            {!isAdmin ? (
+              <div className="rounded-xl border border-slate-200 bg-white px-6 py-5 text-sm text-slate-600 shadow-sm">
+                Only organization owners and admins can access gateways.
+              </div>
+            ) : (
+              <>
+                <div className="overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm">
+                  <div className="overflow-x-auto">
+                    <table className="w-full text-left text-sm">
                   <thead className="sticky top-0 z-10 bg-slate-50 text-xs font-semibold uppercase tracking-wider text-slate-500">
                     {table.getHeaderGroups().map((headerGroup) => (
                       <tr key={headerGroup.id}>
@@ -347,11 +371,13 @@ export default function GatewaysPage() {
               </div>
             </div>
 
-            {gatewaysQuery.error ? (
-              <p className="mt-4 text-sm text-red-500">
-                {gatewaysQuery.error.message}
-              </p>
-            ) : null}
+                {gatewaysQuery.error ? (
+                  <p className="mt-4 text-sm text-red-500">
+                    {gatewaysQuery.error.message}
+                  </p>
+                ) : null}
+              </>
+            )}
           </div>
         </main>
       </SignedIn>