{"id":2958404,"date":"2026-02-26T13:30:31","date_gmt":"2026-02-26T21:30:31","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=2958404"},"modified":"2026-03-16T13:22:41","modified_gmt":"2026-03-16T20:22:41","slug":"introducing-ai-components-beta-in-the-js-maps-sdk","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/introducing-ai-components-beta-in-the-js-maps-sdk","title":{"rendered":"Introducing AI components (beta) in the ArcGIS Maps SDK for JavaScript"},"author":6561,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[770712,37101,738191],"tags":[758311,781002,769562,780994,780938],"industry":[],"product":[36831,36551,36601],"class_list":["post-2958404","blog","type-blog","status-publish","format-standard","hentry","category-geoai","category-announcements","category-developers","tag-ai","tag-ai-components","tag-arcgis-maps-sdk-for-javascript","tag-web-components","tag-whats-new-february-2026","product-js-api-arcgis","product-arcgis-online","product-developers"],"acf":{"short_description":"We're pleased to announce the beta release of the AI components package in the ArcGIS Maps SDK for JavaScript (JS Maps SDK). ","flexible_content":[{"acf_fc_layout":"content","content":"

We are pleased to announce the beta release of the AI components package<\/a> in version 5.0 of the ArcGIS Maps SDK for JavaScript<\/a> (JS Maps SDK).<\/p>\n

This package contains a set of components that enables developers to build agentic web mapping applications. Agentic web mapping applications<\/a><\/strong> provide a chat interface for users to navigate and explore data in web maps using natural language queries. This has the benefit of allowing end users to interact with web maps with a simplified, accessible UX.<\/p>\n"},{"acf_fc_layout":"content","content":"

Assistant component<\/h2>\n

The primary star of this package is the arcgis-assistant<\/a> component. This component provides a chat interface for end users to interact with a web map via one or more agents.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2958570,"id":2958570,"title":"ai-assistant-component","filename":"ai-assistant-component.png","filesize":691482,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ai-assistant-component.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/introducing-ai-components-beta-in-the-js-maps-sdk\/ai-assistant-component","alt":"The Assistant component with a red border highlighting its place in the UI.","author":"6561","description":"","caption":"The arcgis-assistant component (outlined in red), provides a chat interface for users to interact with web maps using natural language.","name":"ai-assistant-component","status":"inherit","uploaded_to":2958404,"date":"2026-02-26 16:43:19","modified":"2026-02-26 16:44:34","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2550,"height":1430,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ai-assistant-component-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ai-assistant-component.png","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ai-assistant-component.png","medium_large-width":768,"medium_large-height":431,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ai-assistant-component.png","large-width":1920,"large-height":1077,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ai-assistant-component-1536x861.png","1536x1536-width":1536,"1536x1536-height":861,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ai-assistant-component-2048x1148.png","2048x2048-width":2048,"2048x2048-height":1148,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ai-assistant-component-826x463.png","card_image-width":826,"card_image-height":463,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/ai-assistant-component-1920x1077.png","wide_image-width":1920,"wide_image-height":1077}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/ai-assistant\/"},{"acf_fc_layout":"content","content":"

To get started<\/a>, simply import the 5.0 version of the JS Maps SDK, and add the arcgis-assistant<\/code> component to your application. The assistant must reference a web map<\/a>, and contain at least one agent<\/a> to function.<\/p>\n

<arcgis-map<\/span> id<\/span>="wheat-map"<\/span> item-id<\/span>="dd6e8957e7a94765bf32bc07097cbf46"<\/span>><\/span><\/arcgis-map<\/span>><\/span>\r\n<arcgis-assistant<\/span> reference-element<\/span>="#wheat-map"<\/span>><\/span>\r\n  <arcgis-assistant-navigation-agent<\/span>><\/span><\/arcgis-assistant-navigation-agent<\/span>><\/span>\r\n  <arcgis-assistant-data-exploration-agent<\/span>><\/span><\/arcgis-assistant-data-exploration-agent<\/span>><\/span>\r\n  <arcgis-assistant-help-agent<\/span>><\/span><\/arcgis-assistant-help-agent<\/span>><\/span>\r\n<\/arcgis-assistant<\/span>><\/span>\r\n<\/code><\/pre>\n
Each agent is an unrendered subcomponent of arcgis-assistant<\/code>.<\/p>\n
Users who access apps built with the arcgis-assistant<\/code> component will always be prompted for a sign in. To interact with the component and its associated agents, you must be signed in as a named user to an ArcGIS Online organization<\/strong>. See the Access and security FAQ<\/a> for more details.<\/p>\n","image_reference":false,"layout":"standard","image_reference_figure":"","snippet":"","spotlight_name":"","section_title":"","position":"Center","spotlight_image":false},{"acf_fc_layout":"content","content":"
Agents<\/h2>\n
One or more agents<\/a> must be registered to the arcgis-assistant<\/code> component. Agents process natural language inputs using a large language model (LLM)<\/a> to generate responses as either plain text or by executing a tool or action that interacts with the map. <\/p>\n
Behind the scenes, agents ask the LLM to determine a user’s intent, determine tool parameters, or summarize information. While the LLM calls are made to a server, the JS Maps SDK defines and executes an agent’s core logic within the browser<\/em>, making for performant interactions between users and the client application.<\/p>\n
The JS Maps SDK provides three out-of-the-box agents for interacting with a web map:<\/p>\n
Check out the sample<\/a> in the JS Maps SDK documentation to see this component in action.<\/p>\n"},{"acf_fc_layout":"sidebar","content":"