> [!note] Migrated issue > > <!--Drupal.org comment--> > > <!--Migrated from issue #3590309.--> > > Reported by: [akhil babu](https://www.drupal.org/user/3632866) ### Overview Extracted from <span dir=""> https://git.drupalcode.org/project/canvas/-/work_items/3584136</span> When Canvas AI is used with AI ^1.3 or above, it is no longer possible to create code components due to the hostname filtering functionality added to AI Core. See https://www.drupal.org/project/canvas/issues/3584136#comment-16558197\\ https://www.drupal.org/project/canvas/issues/3584136#comment-16558197 ### Proposed resolution * Get the 1.2.4 release of ai_agents and install Canvas AI using AI 1.3.5 (Current stable release) * Go to Configuration → AI → AI Agents. * Edit "Drupal Canvas Component Agent", navigate to the "Security settings" tab, enable "Disable hostname filtering", and save. * Edit the other Canvas AI agents ("Drupal Canvas AI Orchestrator", "Drupal Canvas Metadata Generation Agent", "Drupal Canvas Page Builder Agent", "Drupal Canvas Template Builder Agent", and "Drupal Canvas Title Generation Agent"), ensure "Disable hostname filtering" remains disabled, and save each agent. * Single-export the agent configurations from `/admin/config/development/configuration/single/export/ai_agent`. Remove the `uuid` and `default_config_hash` values, but keep all other configuration. * Replace the configuration files under `canvas_ai/config/install` with the newly exported versions. * Add a post-update hook that sets this value to `TRUE` for the Drupal Canvas Component Agent and `FALSE` for all other Canvas AI agents. * Verify that code component generation works in the Canvas chatbot. For example, use the following prompt: > Create a minimal, modern hero banner code component with a deep navy blue background. Include a bold headline and a CTA button. Use white text throughout. Style the CTA button with a bright blue color and rounded corners. Keep the design clean, spacious, professional, and visually appealing. Avoid gradients, illustrations, and unnecessary effects. Make it fully responsive.\ > \ > \ > Colors:\ > \ > • Background: #1E3A8A\ > \ > • Button: #3B82F6\ > \ > • Text: #FFFFFF The component should be generated successfully. ### User interface changes