feat(editor): Add RAG starter template callouts experiment (#16282)

Co-authored-by: Charlie Kolb <charlie@n8n.io>

packages/@n8n/nodes-langchain/nodes/agents/Agent/V1/AgentV1.node.ts

@@ -303,8 +303,8 @@ export class AgentV1 implements INodeType {
 				{
 					displayName:
 						'Tip: Get a feel for agents with our quick <a href="https://docs.n8n.io/advanced-ai/intro-tutorial/" target="_blank">tutorial</a> or see an <a href="/templates/1954" target="_blank">example</a> of how this node works',
-					name: 'notice_tip',
-					type: 'notice',
+					name: 'aiAgentStarterCallout',
+					type: 'callout',
 					default: '',
 					displayOptions: {
 						show: {

packages/@n8n/nodes-langchain/nodes/agents/Agent/V2/AgentV2.node.ts

@@ -119,9 +119,9 @@ export class AgentV2 implements INodeType {
 			properties: [
 				{
 					displayName:
-						'Tip: Get a feel for agents with our quick <a href="https://docs.n8n.io/advanced-ai/intro-tutorial/" target="_blank">tutorial</a> or see an <a href="/templates/1954" target="_blank">example</a> of how this node works',
-					name: 'notice_tip',
-					type: 'notice',
+						'Tip: Get a feel for agents with our quick <a href="https://docs.n8n.io/advanced-ai/intro-tutorial/" target="_blank">tutorial</a> or see an <a href="/workflows/templates/1954" target="_blank">example</a> of how this node works',
+					name: 'aiAgentStarterCallout',
+					type: 'callout',
 					default: '',
 				},
 				promptTypeOptions,

packages/@n8n/nodes-langchain/nodes/vector_store/shared/createVectorStoreNode/__snapshots__/createVectorStoreNode.test.ts.snap

@@ -78,6 +78,18 @@ exports[`createVectorStoreNode retrieve mode supplies vector store as data 1`] =
 			})($parameter)
 		}}",
   "properties": [
+    {
+      "default": "",
+      "displayName": "Tip: Get a feel for vector stores in n8n with our",
+      "name": "ragStarterCallout",
+      "type": "callout",
+      "typeOptions": {
+        "calloutAction": {
+          "label": "RAG starter template",
+          "type": "openRagStarterTemplate",
+        },
+      },
+    },
     {
       "default": "retrieve",
       "displayName": "Operation Mode",

packages/@n8n/nodes-langchain/nodes/vector_store/shared/createVectorStoreNode/createVectorStoreNode.ts

@@ -10,6 +10,7 @@ import type {
 	SupplyData,
 	ISupplyDataFunctions,
 	INodeType,
+	INodeProperties,
 } from 'n8n-workflow';
 
 import { getConnectionHintNoticeField } from '@utils/sharedFields';
@@ -26,7 +27,18 @@ import type { NodeOperationMode, VectorStoreNodeConstructorArgs } from './types'
 // Import utility functions
 import { transformDescriptionForOperationMode, getOperationModeOptions } from './utils';
 
-// Import operation handlers
+const ragStarterCallout: INodeProperties = {
+	displayName: 'Tip: Get a feel for vector stores in n8n with our',
+	name: 'ragStarterCallout',
+	type: 'callout',
+	typeOptions: {
+		calloutAction: {
+			label: 'RAG starter template',
+			type: 'openRagStarterTemplate',
+		},
+	},
+	default: '',
+};
 
 /**
  * Creates a vector store node with the given configuration
@@ -105,6 +117,7 @@ export const createVectorStoreNode = <T extends VectorStore = VectorStore>(
 			})($parameter)
 		}}`,
 			properties: [
+				ragStarterCallout,
 				{
 					displayName: 'Operation Mode',
 					name: 'mode',