refactor(ui): shared HTTP client + location-pinned fetch() lint rule

ui/litellm-dashboard/eslint-suppressions.json

@@ -4,11 +4,86 @@
       "count": 1
     }
   },
+  "src/app/(dashboard)/hooks/accessGroups/useAccessGroupDetails.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/accessGroups/useAccessGroups.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/accessGroups/useCreateAccessGroup.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/accessGroups/useDeleteAccessGroup.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/accessGroups/useEditAccessGroup.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/blogPosts/useBlogPosts.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/cloudzero/useCloudZeroCreate.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/cloudzero/useCloudZeroDryRun.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/cloudzero/useCloudZeroExport.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/cloudzero/useCloudZeroSettings.ts": {
+    "no-restricted-syntax": {
+      "count": 3
+    }
+  },
+  "src/app/(dashboard)/hooks/configOverrides/hashicorpVaultApi.ts": {
+    "no-restricted-syntax": {
+      "count": 4
+    }
+  },
+  "src/app/(dashboard)/hooks/guardrails/useRegisterGuardrail.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/healthReadiness/useHealthReadinessDetails.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/app/(dashboard)/hooks/keys/useKeyAliases.test.ts": {
     "react/display-name": {
       "count": 1
     }
   },
+  "src/app/(dashboard)/hooks/keys/useKeys.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/keys/useResetKeySpend.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/app/(dashboard)/hooks/models/useModels.ts": {
     "max-params": {
       "count": 1
@@ -19,26 +94,76 @@
       "count": 1
     }
   },
+  "src/app/(dashboard)/hooks/projects/useCreateProject.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/app/(dashboard)/hooks/projects/useDeleteProject.test.ts": {
     "react/display-name": {
       "count": 1
     }
   },
+  "src/app/(dashboard)/hooks/projects/useDeleteProject.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/app/(dashboard)/hooks/projects/useProjectDetails.test.ts": {
     "react/display-name": {
       "count": 1
     }
   },
+  "src/app/(dashboard)/hooks/projects/useProjectDetails.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/app/(dashboard)/hooks/projects/useProjects.test.ts": {
     "react/display-name": {
       "count": 1
     }
   },
+  "src/app/(dashboard)/hooks/projects/useProjects.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/app/(dashboard)/hooks/projects/useUpdateProject.test.ts": {
     "react/display-name": {
       "count": 1
     }
   },
+  "src/app/(dashboard)/hooks/projects/useUpdateProject.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/proxyConfig/useProxyConfig.ts": {
+    "no-restricted-syntax": {
+      "count": 2
+    }
+  },
+  "src/app/(dashboard)/hooks/router/useRouterFields.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/storeModelInDB/useStoreModelInDB.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/storeRequestInSpendLogs/useStoreRequestInSpendLogs.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/app/(dashboard)/hooks/teams/useTeams.ts": {
+    "no-restricted-syntax": {
+      "count": 2
+    }
+  },
   "src/app/(dashboard)/layout.tsx": {
     "react-hooks/set-state-in-effect": {
       "count": 1
@@ -231,6 +356,11 @@
       "count": 1
     }
   },
+  "src/components/CostTrackingSettings/pricing_calculator/use_multi_cost_estimate.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/components/CostTrackingSettings/provider_discount_table.test.tsx": {
     "unused-imports/no-unused-imports": {
       "count": 1
@@ -251,6 +381,16 @@
       "count": 1
     }
   },
+  "src/components/CostTrackingSettings/use_discount_config.ts": {
+    "no-restricted-syntax": {
+      "count": 2
+    }
+  },
+  "src/components/CostTrackingSettings/use_margin_config.ts": {
+    "no-restricted-syntax": {
+      "count": 2
+    }
+  },
   "src/components/CreateUserButton.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -562,6 +702,9 @@
     }
   },
   "src/components/WebRTCTester.jsx": {
+    "no-restricted-syntax": {
+      "count": 2
+    },
     "react/no-unescaped-entities": {
       "count": 2
     }
@@ -830,6 +973,9 @@
     "no-restricted-imports": {
       "count": 1
     },
+    "no-restricted-syntax": {
+      "count": 3
+    },
     "react-hooks/immutability": {
       "count": 1
     }
@@ -1032,6 +1178,9 @@
     "no-restricted-imports": {
       "count": 1
     },
+    "no-restricted-syntax": {
+      "count": 1
+    },
     "react-hooks/set-state-in-effect": {
       "count": 1
     }
@@ -1104,6 +1253,11 @@
       "count": 1
     }
   },
+  "src/components/mcp_tools/ByokCredentialModal.tsx": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/components/mcp_tools/MCPLogoSelector.test.tsx": {
     "unused-imports/no-unused-imports": {
       "count": 1
@@ -1348,6 +1502,9 @@
   "src/components/networking.tsx": {
     "max-params": {
       "count": 23
+    },
+    "no-restricted-syntax": {
+      "count": 241
     }
   },
   "src/components/object_permissions_view.tsx": {
@@ -1464,6 +1621,11 @@
       "count": 13
     }
   },
+  "src/components/playground/chat_ui/CodeInterpreterOutput.tsx": {
+    "no-restricted-syntax": {
+      "count": 2
+    }
+  },
   "src/components/playground/chat_ui/CodeInterpreterTool.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -1495,6 +1657,9 @@
   "src/components/playground/llm_calls/a2a_send_message.tsx": {
     "max-params": {
       "count": 2
+    },
+    "no-restricted-syntax": {
+      "count": 2
     }
   },
   "src/components/playground/llm_calls/anthropic_messages.tsx": {
@@ -1520,6 +1685,14 @@
   "src/components/playground/llm_calls/embeddings_api.tsx": {
     "max-params": {
       "count": 1
+    },
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
+  "src/components/playground/llm_calls/fetch_agents.tsx": {
+    "no-restricted-syntax": {
+      "count": 1
     }
   },
   "src/components/playground/llm_calls/image_edits.tsx": {
@@ -1535,6 +1708,9 @@
   "src/components/playground/llm_calls/interactions_api.tsx": {
     "max-params": {
       "count": 1
+    },
+    "no-restricted-syntax": {
+      "count": 1
     }
   },
   "src/components/playground/llm_calls/responses_api.tsx": {
@@ -1728,6 +1904,11 @@
       "count": 1
     }
   },
+  "src/components/prompts/prompt_editor_view/conversation_panel/useConversation.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/components/prompts/prompt_info.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -1789,6 +1970,11 @@
       "count": 1
     }
   },
+  "src/components/survey/SurveyModal.tsx": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/components/tag_management/TagTable.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -1851,6 +2037,11 @@
       "count": 1
     }
   },
+  "src/components/team/useMyTeamMember.ts": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/components/templates/key_edit_view.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -1878,6 +2069,9 @@
     "no-restricted-imports": {
       "count": 1
     },
+    "no-restricted-syntax": {
+      "count": 3
+    },
     "react-hooks/immutability": {
       "count": 1
     }
@@ -2029,6 +2223,9 @@
     }
   },
   "src/components/workflow_runs/index.tsx": {
+    "no-restricted-syntax": {
+      "count": 3
+    },
     "react-hooks/set-state-in-effect": {
       "count": 1
     }
@@ -2038,6 +2235,11 @@
       "count": 1
     }
   },
+  "src/contexts/ThemeContext.tsx": {
+    "no-restricted-syntax": {
+      "count": 1
+    }
+  },
   "src/data/claimsCompliancePrompts.ts": {
     "max-params": {
       "count": 1

ui/litellm-dashboard/eslint.config.mjs

@@ -32,6 +32,14 @@ const eslintConfig = [
       "max-depth": ["warn", 4],
       "max-params": ["error", 4],
       "max-nested-callbacks": ["error", 4],
+      "no-restricted-syntax": [
+        "error",
+        {
+          selector: "CallExpression[callee.name='fetch']",
+          message:
+            "Raw fetch() is only allowed in src/lib/http/. Use the shared client (createApiClient / apiClient) from @/lib/http/client instead.",
+        },
+      ],
       "no-restricted-imports": [
         "error",
         {
@@ -45,6 +53,12 @@ const eslintConfig = [
       ],
     },
   },
+  {
+    files: ["src/lib/http/**"],
+    rules: {
+      "no-restricted-syntax": "off",
+    },
+  },
 ];
 
 export default eslintConfig;