chore: Add datasource link control

app/client/src/PluginActionEditor/components/PluginActionForm/components/UQIEditor/FormRender.tsx

@@ -183,6 +183,7 @@ const FormRender = (props: Props) => {
           <FieldWrapper
             className="uqi-form-wrapper"
             key={`${configProperty}_${idx}`}
+            style={{ ...(section.zoneCustomStyle || {}) }}
           >
             <FormControl config={modifiedSection} formName={formName} />
           </FieldWrapper>
@@ -221,7 +222,11 @@ const FormRender = (props: Props) => {
             ? "single_column"
             : "double_column";
 
-        return <Zone layout={layout}>{children}</Zone>;
+        return (
+          <Zone layout={layout} style={{ ...(section.zoneCustomStyle || {}) }}>
+            {children}
+          </Zone>
+        );
       }
       default:
         return children;

app/client/src/components/formControls/DatasourceLinkControl.tsx

@@ -0,0 +1,59 @@
+import React, { useCallback } from "react";
+import omit from "lodash/omit";
+import history from "utils/history";
+import { Button, type ButtonProps } from "@appsmith/ads";
+import type { ControlType } from "constants/PropertyControlConstants";
+
+import BaseControl from "./BaseControl";
+import type { ControlProps } from "./BaseControl";
+import { useParentEntityInfo } from "ee/IDE/hooks/useParentEntityInfo";
+import { getIDETypeByUrl } from "ee/entities/IDE/utils";
+import { datasourcesEditorIdURL } from "ee/RouteBuilder";
+import { getQueryParams } from "utils/URLUtils";
+
+export interface DatasourceLinkControlProps extends ControlProps {
+  href: string;
+  text: string;
+  size?: ButtonProps["size"];
+  kind?: ButtonProps["kind"];
+  icon?: ButtonProps["startIcon"];
+}
+
+class DatasourceLinkControl extends BaseControl<DatasourceLinkControlProps> {
+  getControlType(): ControlType {
+    return "DATASOURCE_LINK";
+  }
+  render() {
+    return <DatasourceLink {...this.props} />;
+  }
+}
+
+function DatasourceLink(props: DatasourceLinkControlProps) {
+  const { icon, kind = "secondary", size = "sm", text } = props;
+  const ideType = getIDETypeByUrl(location.pathname);
+  const { parentEntityId } = useParentEntityInfo(ideType);
+
+  const onPress = useCallback(() => {
+    const url = datasourcesEditorIdURL({
+      baseParentEntityId: parentEntityId,
+      datasourceId: props.datasourceId as string,
+      params: { ...omit(getQueryParams(), "viewMode"), viewMode: false },
+    });
+
+    history.push(url);
+  }, [parentEntityId, props.datasourceId]);
+
+  return (
+    <Button
+      UNSAFE_width="110px"
+      kind={kind}
+      onClick={onPress}
+      size={size}
+      startIcon={icon}
+    >
+      {text}
+    </Button>
+  );
+}
+
+export { DatasourceLinkControl };

app/client/src/components/formControls/FunctionCallingConfigControl/components/FunctionCallingConfigForm.tsx

@@ -59,6 +59,7 @@ export const FunctionCallingConfigForm = ({
         </div>
 
         <Button
+          UNSAFE_width="110px"
           kind="secondary"
           onClick={handleAddFunctionButtonClick}
           startIcon="plus"

app/client/src/utils/formControl/FormControlRegistry.tsx

@@ -47,6 +47,10 @@ import {
 } from "components/formControls/SliderControl";
 import { HybridSearchControl } from "components/formControls/HybridSearch";
 import FunctionCallingConfigControl from "components/formControls/FunctionCallingConfigControl";
+import {
+  DatasourceLinkControl,
+  type DatasourceLinkControlProps,
+} from "components/formControls/DatasourceLinkControl";
 
 /**
  * NOTE: If you are adding a component that uses FormControl
@@ -240,6 +244,16 @@ class FormControlRegistry {
         },
       },
     );
+    FormControlFactory.registerControlBuilder(
+      formControlTypes.DATASOURCE_LINK,
+      {
+        buildPropertyControl(
+          controlProps: DatasourceLinkControlProps,
+        ): JSX.Element {
+          return <DatasourceLinkControl {...controlProps} />;
+        },
+      },
+    );
   }
 }
 

app/client/src/utils/formControl/formControlTypes.ts

@@ -24,4 +24,5 @@ export default {
   RAG_DOCUMENTS_SELECTOR: "RAG_DOCUMENTS_SELECTOR",
   HYBRID_SEARCH: "HYBRID_SEARCH",
   FUNCTION_CALLING_CONFIG_FORM: "FUNCTION_CALLING_CONFIG_FORM",
+  DATASOURCE_LINK: "DATASOURCE_LINK",
 };