UN-2868 [FIX] Restrict connector configuration to workflow owners only

Extended ownership restrictions to source and destination connectors:
- Disabled connector type dropdown for non-owners
- Disabled Configure button for non-owners
- Added helpful tooltip messages explaining ownership requirements
- Passed isWorkflowOwner prop through WorkflowCard to DsSettingsCard

This ensures that only workflow owners can modify source and destination connector configurations in shared workflows.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: johnyrahul

frontend/src/components/agency/agency/Agency.jsx

@@ -1119,6 +1119,7 @@ function Agency() {
                 connType={sourceTypes.connectors[0]}
                 endpointDetails={source}
                 message={sourceMsg}
+                isWorkflowOwner={isWorkflowOwner()}
               />
             </Col>
 
@@ -1137,6 +1138,7 @@ function Agency() {
                 connType={sourceTypes.connectors[1]}
                 endpointDetails={destination}
                 message={destinationMsg}
+                isWorkflowOwner={isWorkflowOwner()}
               />
             </Col>
             <Col span={12}>

frontend/src/components/agency/ds-settings-card/DsSettingsCard.jsx

@@ -21,7 +21,12 @@ import { ConfigureConnectorModal } from "../configure-connector-modal/ConfigureC
 import { useExceptionHandler } from "../../../hooks/useExceptionHandler";
 import "./DsSettingsCard.css";
 
-function DsSettingsCard({ connType, endpointDetails, message }) {
+function DsSettingsCard({
+  connType,
+  endpointDetails,
+  message,
+  isWorkflowOwner,
+}) {
   const workflowStore = useWorkflowStore();
   const { source, destination, allowChangeEndpoint, details } = workflowStore;
   const [options, setOptions] = useState([]);
@@ -231,16 +236,19 @@ function DsSettingsCard({ connType, endpointDetails, message }) {
             <Space>
               <Tooltip
                 title={
-                  !allowChangeEndpoint &&
-                  "Workflow used in API/Task/ETL deployment"
+                  !allowChangeEndpoint
+                    ? "Workflow used in API/Task/ETL deployment"
+                    : !isWorkflowOwner
+                    ? "Only workflow owner can modify connectors"
+                    : ""
                 }
               >
                 <Select
                   className="ds-set-card-select"
                   options={options}
                   placeholder="Select Connector Type"
                   value={endpointDetails?.connection_type || undefined}
-                  disabled={!allowChangeEndpoint}
+                  disabled={!allowChangeEndpoint || !isWorkflowOwner}
                   onChange={(value) => {
                     handleEndpointUpdate({
                       connection_type: value,
@@ -251,14 +259,21 @@ function DsSettingsCard({ connType, endpointDetails, message }) {
                 />
               </Tooltip>
 
-              <Tooltip title={getConfigureTooltipMessage()}>
+              <Tooltip
+                title={
+                  !isWorkflowOwner
+                    ? "Only workflow owner can configure connectors"
+                    : getConfigureTooltipMessage()
+                }
+              >
                 <Button
                   type="primary"
                   onClick={() => setOpenModal(true)}
                   disabled={
                     !endpointDetails?.connection_type ||
                     connMode === "API" ||
-                    connMode === "APPDEPLOYMENT"
+                    connMode === "APPDEPLOYMENT" ||
+                    !isWorkflowOwner
                   }
                 >
                   Configure
@@ -310,6 +325,7 @@ DsSettingsCard.propTypes = {
   connType: PropTypes.string.isRequired,
   endpointDetails: PropTypes.object.isRequired,
   message: PropTypes.string,
+  isWorkflowOwner: PropTypes.bool,
 };
 
 export { DsSettingsCard };

frontend/src/components/agency/workflow-card/WorkflowCard.jsx

@@ -73,6 +73,7 @@ function WorkflowCard({
   message,
   customContent,
   connectorIcon,
+  isWorkflowOwner,
 }) {
   const isCompleted = isCompletedStatus(number);
   const isConnectorType = isConnectorTypeStatus(number);
@@ -100,6 +101,7 @@ function WorkflowCard({
                 connType={connType}
                 endpointDetails={endpointDetails}
                 message={message}
+                isWorkflowOwner={isWorkflowOwner}
               />
             )}
           </div>
@@ -118,6 +120,7 @@ WorkflowCard.propTypes = {
   message: PropTypes.string,
   customContent: PropTypes.node,
   connectorIcon: PropTypes.string,
+  isWorkflowOwner: PropTypes.bool,
 };
 
 export { WorkflowCard };