diff --git a/app/api/v1/connector.py b/app/api/v1/connector.py
index 550db14e..f3f746d0 100644
--- a/app/api/v1/connector.py
+++ b/app/api/v1/connector.py
@@ -1,3 +1,4 @@
+from typing import Optional
 from fastapi import APIRouter, Depends
 from sqlalchemy.orm import Session
 import app.schemas.connector as schemas
@@ -26,10 +27,10 @@
 actions = APIRouter()
 
 @router.get("/list", response_model=resp_schemas.CommonResponse, dependencies=[Depends(verify_token)])
-def list_connectors(db: Session = Depends(get_db)):
+def list_connectors(db: Session = Depends(get_db), provider_category_id: Optional[int] = None ):
 
     """
-    Retrieves a list of all connectors from the database.
+    Retrieves a list of all connectors from the database. If a provider category ID is provided, only connectors from that category are returned.
 
     Args:
         db (Session): Database session dependency.
@@ -38,7 +39,10 @@ def list_connectors(db: Session = Depends(get_db)):
         CommonResponse: A response containing either the list of connectors or an error message.
     """
 
-    result, error = svc.list_connectors(db)
+    if provider_category_id:
+        result, error = svc.list_connectors_by_provider_category(provider_category_id, db)
+    else:
+        result, error = svc.list_connectors(db)
 
     if error:
         return commons.is_error_response("DB Error", result, {"connectors": []})
diff --git a/app/schemas/connector.py b/app/schemas/connector.py
index 5894c493..01574f53 100644
--- a/app/schemas/connector.py
+++ b/app/schemas/connector.py
@@ -14,6 +14,7 @@ class ConnectorResponse(ConnectorBase):
     connector_id:int
     connector_key :Optional[str]=None
     icon:Optional[str]=None
+    provider_id: Optional[int] = None
 
 class ConnectorUpdate(BaseModel):
     connector_type: Optional[int] = None
diff --git a/app/services/connector.py b/app/services/connector.py
index 384f4700..2d5d2c5f 100644
--- a/app/services/connector.py
+++ b/app/services/connector.py
@@ -45,11 +45,34 @@ def list_connectors(db: Session):
         connector_docs=connector.connector_docs,
         connector_key=connector.provider.key,
         enable=connector.enable,
-        icon=connector.provider.icon
+        icon=connector.provider.icon,
+        provider_id=connector.provider.category_id
     ) for connector in connectors]
 
     return connectors_response, None
 
+def list_connectors_by_provider_category(category_id: int, db: Session):
+    """
+    Retrieves all connector records from the database filtered by provider category.
+
+    Args:
+        category_id (int): The ID of the provider category.
+        db (Session): Database session object.
+
+    Returns:
+        Tuple: List of connector responses and error message (if any).
+    """
+    connectors, error = list_connectors(db)
+
+    if error:
+        return [], error
+
+    filtered_connectors = [connector for connector in connectors if connector.provider_id == category_id]
+
+    return filtered_connectors, None
+
+
+
 def get_connector(connector_id: int, db: Session):
 
     """
diff --git a/ui/.env.example b/ui/.env.example
deleted file mode 100644
index 54f4d9c9..00000000
--- a/ui/.env.example
+++ /dev/null
@@ -1,2 +0,0 @@
-# Backend URL
-VITE_BACKEND_URL=http://your-backend-url
\ No newline at end of file
diff --git a/ui/src/pages/Samples/SampleForm.jsx b/ui/src/pages/Samples/SampleForm.jsx
index 93d7cc10..68e5a613 100644
--- a/ui/src/pages/Samples/SampleForm.jsx
+++ b/ui/src/pages/Samples/SampleForm.jsx
@@ -20,7 +20,7 @@ const SampleForm = ({ sample = {}, afterCreate = ()=>{}, onCancel = ()=>{}})=>{
 
 
     const getAllConnectors = ()=>{
-        getConnectors().then(response=>{
+        getConnectors(2).then(response=>{
 
             let tempOptions = [];
             response.data?.data?.connectors?.map(item=>{
@@ -29,7 +29,7 @@ const SampleForm = ({ sample = {}, afterCreate = ()=>{}, onCancel = ()=>{}})=>{
             setConnectors(tempOptions)
         })
     }
-    
+
 
     const saveSample = (data)=>{
         saveSamples(sample.id, {
@@ -66,23 +66,23 @@ const SampleForm = ({ sample = {}, afterCreate = ()=>{}, onCancel = ()=>{}})=>{
                     <Input label={<span className="span-important">Question</span>} hasError={errors["question"]?.message} errorMessage={errors["question"]?.message} {...register("question", {required: "This is required"})} />
                 </div>
                 <div>
-                    <Controller 
+                    <Controller
                         control={control}
                         name="connector"
                         rules={{
                             required: "This field is required"
                         }}
                         render={({ field: { onChange, value, ref } })=>(
-                            <Select 
-                                inputRef={ref} 
-                                label={ <span className="span-important">Connector</span> } 
+                            <Select
+                                inputRef={ref}
+                                label={ <span className="span-important">Connector</span> }
                                 value={connectors.find(c => c.value === value)}
-                                options={connectors} 
+                                options={connectors}
                                 onChange={val=>onChange(val.value)} />
                         )}
-                    
+
                     />
-                    
+
                 </div>
                 <div>
                     <Textarea label={<span className="span-important">Query</span>} rows={6} style={{resize: "vertical"}} hasError={errors["query"]?.message} errorMessage={errors["query"]?.message} {...register("query", {required: "This is required"})}  />
@@ -91,11 +91,11 @@ const SampleForm = ({ sample = {}, afterCreate = ()=>{}, onCancel = ()=>{}})=>{
                     <Textarea label="Metadata" rows={6} style={{resize: "vertical"}} hasError={errors["metadata"]?.message} errorMessage={errors["metadata"]?.message} {...register("metadata")} />
                 </div>
                 <div className="flex flex-gap-10 justify-content-end">
-                    <div> 
-                        <Button variant="secondary-danger" onClick={onCancel}>Cancel <FiXCircle/></Button> 
+                    <div>
+                        <Button variant="secondary-danger" onClick={onCancel}>Cancel <FiXCircle/></Button>
                     </div>
-                    <div> 
-                        <Button  buttonType="submit" disabled={isFormValid ? false: true} onClick={onCancel}>Save <FiCheckCircle/></Button> 
+                    <div>
+                        <Button  buttonType="submit" disabled={isFormValid ? false: true} onClick={onCancel}>Save <FiCheckCircle/></Button>
                     </div>
                 </div>
             </form>
diff --git a/ui/src/services/Connectors.js b/ui/src/services/Connectors.js
index 3885d2a9..9eaa5df5 100644
--- a/ui/src/services/Connectors.js
+++ b/ui/src/services/Connectors.js
@@ -3,7 +3,10 @@ import DeleteService from "src/utils/http/DeleteService";
 import GetService from "src/utils/http/GetService";
 import PostService from "src/utils/http/PostService";
 
-export const getConnectors = ()=>{
+export const getConnectors = (provider_category_id = null)=>{
+    if (provider_category_id) {
+        return GetService(API_URL + `/connector/list?provider_category_id=${provider_category_id}`);
+    }
     return GetService(API_URL + "/connector/list")
 }