{"id":57287,"date":"2026-07-09T08:00:00","date_gmt":"2026-07-09T14:00:00","guid":{"rendered":"https:\/\/swimlane.com\/?post_type=sw_resource&#038;p=57287"},"modified":"2026-07-08T07:50:19","modified_gmt":"2026-07-08T13:50:19","slug":"widgets-de-turbine-dintroduction","status":"publish","type":"sw_resource","link":"https:\/\/swimlane.com\/fr\/blog\/intro-turbine-widgets\/","title":{"rendered":"Comment cr\u00e9er une interface utilisateur de s\u00e9curit\u00e9 personnalis\u00e9e avec Turbine Widgets et l&#039;IA"},"content":{"rendered":"\n\n\n<section class=\"bs-section bs-section-50ac0cc438dbf2f3b380783c05a3c736bb0670e7 bs-section---default bs-section--blog-inner-banner  \"><style>.bs-section.bs-section-50ac0cc438dbf2f3b380783c05a3c736bb0670e7{ background-color: #000743;} <\/style><div class=\"container\">\n<div class=\"bs-row row  flex-md-row-reverse bs-row---default\">\n<div class=\" bs-column col-sm-12 col-md-12 col-lg-6   bs-column-6770b3369b6c61539d3140cb52ed6bc5ec393625 bs-column---default bs-column--right d-flex flex-column justify-content-end    \"><figure class=\"wp-block-post-featured-image\"><img decoding=\"async\" src=\"https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"How to Build Custom Security UI with Turbine Widgets and AI\" style=\"object-fit:cover;\" srcset=\"https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead.webp 1120w, https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead-300x178.webp 300w, https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead-1024x609.webp 1024w, https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead-768x457.webp 768w, https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead-18x12.webp 18w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" \/><\/figure><\/div>\n\n\n\n<div class=\" bs-column col-sm-12  col-md-12 col-lg-6   bs-column-2ba18c9b6304620af4785b54fe900bf0ce0fc4d5 bs-column---default d-flex flex-column    \"><div class=\"wp-block-post-date\"><time datetime=\"2026-07-09T08:00:00-06:00\">Juil 9, 2026<\/time><\/div>\n\n<h1 class=\"wp-block-post-title has-text-color has-white-color\">How to Build Custom Security UI with Turbine Widgets and AI<\/h1>\n\n\n<div class=\"bs-div bs-div-4c0c357bf69b7e1367afb30b9d59be1945441399 bs-div---default\"><div class=\"bs-div__inner d-flex flex-wrap align-items-center    \">\n<a class=\"bs-post__author has-text-align-center\" href=\"https:\/\/swimlane.com\/fr\/author\/jonny-kline\/\">\n\t<div class=\"profile-desc\">\n\t\t<figure>\n\t\t\t<img decoding=\"async\" src=\"https:\/\/swimlane.com\/wp-content\/uploads\/JonnyKline-scaled.png\" alt=\"user-avatar\">\n\t\t<\/figure>\n\t\t<span class=\"prefix\"><\/span>\n\t\t<span class=\"name\">\n\t\t\tJonny Kline\t\t<\/span>\n\t<\/div>\n<\/a>\n\n\n\n<div class=\"reading-time\">\n    <span class=\"reading-time__time\">4 <\/span> Minute Read\n<\/div>\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n\n\n\n\n<section class=\"bs-section bs-section-205a03f93391472c82564395e3b5684e68c8ef7d bs-section---default bs-section--blog-inner-main-contents  \"><div class=\"container\">\n<div class=\"bs-row row justify-content-between  bs-row---default\">\n<div class=\" bs-column col-sm-12 col-md-1   bs-column-fa02c15a19a9c2952663733986e45d4eef708638 bs-column---default     \"><div class=\"heateor_sss_sharing_container heateor_sss_horizontal_sharing\" data-heateor-ss-offset=\"0\" data-heateor-sss-href='https:\/\/swimlane.com\/fr\/blog\/intro-turbine-widgets\/'><div class=\"heateor_sss_sharing_ul\"><a aria-label=\"Email\" class=\"heateor_sss_email\" href=\"https:\/\/swimlane.com\/fr\/blog\/intro-turbine-widgets\/\" onclick=\"event.preventDefault();window.open('mailto:?subject=' + decodeURIComponent('How%20to%20Build%20Custom%20Security%20UI%20with%20Turbine%20Widgets%20and%20AI').replace('&', '%26') + '&body=https%3A%2F%2Fswimlane.com%2Ffr%2Fblog%2Fintro-turbine-widgets%2F', '_blank')\" title=\"Email\" rel=\"noopener\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg\" style=\"background-color:#649a3f;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"-.75 -.5 36 36\"><path d=\"M 5.5 11 h 23 v 1 l -11 6 l -11 -6 v -1 m 0 2 l 11 6 l 11 -6 v 11 h -22 v -11\" stroke-width=\"1\" fill=\"#fff\"><\/path><\/svg><\/span><\/a><a aria-label=\"Twitter\" class=\"heateor_sss_button_twitter\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Custom%20Security%20UI%20with%20Turbine%20Widgets%20and%20AI&url=https%3A%2F%2Fswimlane.com%2Ffr%2Fblog%2Fintro-turbine-widgets%2F\" title=\"Twitter\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_twitter\" style=\"background-color:#55acee;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"-4 -4 39 39\"><path d=\"M28 8.557a9.913 9.913 0 0 1-2.828.775 4.93 4.93 0 0 0 2.166-2.725 9.738 9.738 0 0 1-3.13 1.194 4.92 4.92 0 0 0-3.593-1.55 4.924 4.924 0 0 0-4.794 6.049c-4.09-.21-7.72-2.17-10.15-5.15a4.942 4.942 0 0 0-.665 2.477c0 1.71.87 3.214 2.19 4.1a4.968 4.968 0 0 1-2.23-.616v.06c0 2.39 1.7 4.38 3.952 4.83-.414.115-.85.174-1.297.174-.318 0-.626-.03-.928-.086a4.935 4.935 0 0 0 4.6 3.42 9.893 9.893 0 0 1-6.114 2.107c-.398 0-.79-.023-1.175-.068a13.953 13.953 0 0 0 7.55 2.213c9.056 0 14.01-7.507 14.01-14.013 0-.213-.005-.426-.015-.637.96-.695 1.795-1.56 2.455-2.55z\" fill=\"#fff\"><\/path><\/svg><\/span><\/a><a aria-label=\"Facebook\" class=\"heateor_sss_facebook\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fswimlane.com%2Ffr%2Fblog%2Fintro-turbine-widgets%2F\" title=\"Facebook\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg\" style=\"background-color:#0765FE;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M28 16c0-6.627-5.373-12-12-12S4 9.373 4 16c0 5.628 3.875 10.35 9.101 11.647v-7.98h-2.474V16H13.1v-1.58c0-4.085 1.849-5.978 5.859-5.978.76 0 2.072.15 2.608.298v3.325c-.283-.03-.775-.045-1.386-.045-1.967 0-2.728.745-2.728 2.683V16h3.92l-.673 3.667h-3.247v8.245C23.395 27.195 28 22.135 28 16Z\"><\/path><\/svg><\/span><\/a><a aria-label=\"Linkedin\" class=\"heateor_sss_button_linkedin\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fswimlane.com%2Ffr%2Fblog%2Fintro-turbine-widgets%2F\" title=\"Linkedin\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_linkedin\" style=\"background-color:#0077b5;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path d=\"M6.227 12.61h4.19v13.48h-4.19V12.61zm2.095-6.7a2.43 2.43 0 0 1 0 4.86c-1.344 0-2.428-1.09-2.428-2.43s1.084-2.43 2.428-2.43m4.72 6.7h4.02v1.84h.058c.56-1.058 1.927-2.176 3.965-2.176 4.238 0 5.02 2.792 5.02 6.42v7.395h-4.183v-6.56c0-1.564-.03-3.574-2.178-3.574-2.18 0-2.514 1.7-2.514 3.46v6.668h-4.187V12.61z\" fill=\"#fff\"><\/path><\/svg><\/span><\/a><\/div><div class=\"heateorSssClear\"><\/div><\/div>\n<\/div>\n\n\n\n<div class=\" bs-column col-sm-12  col-lg-8 col-md-11   bs-column-0d83d6d9863f92131cc95492d42e5b50c72f00bb bs-column---default bs-column--contents     \">\n<h2 class=\"wp-block-heading\" id=\"h-how-to-build-custom-security-ui-with-turbine-widgets-and-ai\" style=\"font-size:34px\">How to Build Custom Security UI with Turbine Widgets and AI<\/h2>\n\n\n\n<p>Security teams rarely run short on data. They run short on the right view of it. The dashboard that almost shows what a shift lead needs. The case layout that makes an analyst open four tabs to reconstruct a single alert. Out-of-the-box screens get you close, and then they stop.<\/p>\n\n\n\n<p>Turbine Widgets cover that last mile. A widget is a small, custom interface component you build and drop into Swimlane Turbine, on an application record or a dashboard, so the platform shows exactly what your security operations center (SOC) needs, the way it needs it. This guide walks through what widgets are, where they run, a few examples worth borrowing, and the three ways to build one, from a single line of code to a plain-English prompt.<\/p>\n\n\n\n<p>Short on time? The video below covers the same ground in a few minutes.<\/p>\n\n\n<div class='media-elements bs-media-element---default enable'><div><script src=\"https:\/\/fast.wistia.com\/player.js\" async><\/script><script src=\"https:\/\/fast.wistia.com\/embed\/0rw58e111n.js\" async type=\"module\"><\/script><style>wistia-player[media-id='0rw58e111n']:not(:defined) { background: center \/ contain no-repeat url('https:\/\/fast.wistia.com\/embed\/medias\/0rw58e111n\/swatch'); display: block; filter: blur(5px); padding-top:56.25%; }<\/style> <wistia-player media-id=\"0rw58e111n\" aspect=\"1.7777777777777777\"><\/wistia-player><\/div>\n<\/div>\n\n\n<div style=\"height:65px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"bs-div bs-div-03496002f89e98265cd2c4cad8f49ac06b5639a7 bs-div---default bs-div--blog-inner-light\"><div class=\"bs-div__inner     \">\n<h2 class=\"wp-block-heading\" id=\"h-key-takeaways\">Key takeaways<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&nbsp;Widgets are custom web components that extend the Turbine UI on case records and dashboards.<\/li>\n\n\n\n<li>There are three ways to build a widget: import from the CDN, code it from scratch, or describe it to Hero AI.<\/li>\n\n\n\n<li>The widget catalog ships more than a hundred examples with full source you can adapt.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-a-turbine-widget\">What is a Turbine Widget?<\/h2>\n\n\n\n<p>A Turbine Widget is a custom web component that renders inside Swimlane Turbine and can read, display, and update your data. Widgets are built with Lit, a lightweight web-components library, and they extend a base class called SwimlaneElement. That base class is the bridge to the platform: it passes in the current record or report data, exposes session context, and lets the widget call any Turbine API without you handling tokens or authentication. If you have worked with HTML, CSS, and JavaScript, the model will feel familiar.<\/p>\n\n\n\n<p>The payoff is bigger than it sounds. Instead of accepting the screens Turbine ships with, you can extend the interface itself and put any view you can describe in front of your analysts.<\/p>\n\n\n<div class='media-elements bs-media-element---default enable'>    <div class='bs-common-image'>\n                            <figure class='figure justify-content-start d-flex'>\n                            <picture>\n                            \n                            <img src='https:\/\/swimlane.com\/wp-content\/uploads\/Turbine-Widget1.png' class='img-fluid'   alt='Widgets render inside Turbine itself. Here one sits on a record layout.' title=''  \/>\n                            <\/picture>\n                                \n                            <\/figure>\n                        <\/div><\/div>\n\n\n<p class=\"has-text-align-center\"><em>Widgets render inside Turbine itself. Here one sits on a record layout.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-record-widgets-vs-report-widgets\">Record Widgets vs. Report Widgets<\/h2>\n\n\n\n<p>Widgets render in two places, and the location decides what data they can see.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Record Widgets<\/strong> sit on a record layout, a case or an alert, and work with that one record&#8217;s fields. They are a natural fit for risk-score gauges, event timelines, status indicators, or a single consolidated view of an alert.<\/li>\n\n\n\n<li><strong>Report Widgets<\/strong> sit on a dashboard and read aggregated data from a report query, which makes them ideal for metrics, charts, health monitors, and multi-tenant rollups.<\/li>\n<\/ul>\n\n\n\n<p>Same framework, two scopes: the data on one record, or data across many.<\/p>\n\n\n<div class='media-elements bs-media-element---default enable'>    <div class='bs-common-image'>\n                            <figure class='figure justify-content-start d-flex'>\n                            <picture>\n                            \n                            <img src='https:\/\/swimlane.com\/wp-content\/uploads\/Record-Widgets-vs.-Report-Widgets.png' class='img-fluid'   alt='Record Widgets read one record. Report Widgets read across many.' title=''  \/>\n                            <\/picture>\n                                \n                            <\/figure>\n                        <\/div><\/div>\n\n\n<p class=\"has-text-align-center\"><em>Record Widgets read one record. Report Widgets read across many.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-top-3-turbine-widget-examples-worth-borrowing\">Top 3<strong> <\/strong>Turbine Widget Examples Worth Borrowing<\/h2>\n\n\n\n<p>The catalog ships more than a hundred widgets, each with full source, so the quickest way to learn the patterns is to start from one. Three we reach for often:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-roi-calculator-widget-nbsp\">#1<strong> <\/strong>ROI Calculator Widget&nbsp;<\/h3>\n\n\n\n<p>The ROI Calculator Widget is a report widget that turns playbook runs, action executions, and Hero AI usage into time and cost savings. It answers the question every SOC leader eventually fields from the business: what is this returning?<\/p>\n\n\n<div class='media-elements bs-media-element---default enable'>    <div class='bs-common-image'>\n                            <figure class='figure justify-content-start d-flex'>\n                            <picture>\n                            \n                            <img src='https:\/\/swimlane.com\/wp-content\/uploads\/ROI-Calculator-Widget.png' class='img-fluid'   alt='ROI Calculator: time and cost saved, by playbook, action, and Hero AI prompt.' title=''  \/>\n                            <\/picture>\n                                \n                            <\/figure>\n                        <\/div><\/div>\n\n\n<p class=\"has-text-align-center\"><em>ROI Calculator: time and cost saved, by playbook, action, and Hero AI prompt.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-2-case-summary\">#2 Case Summary<\/h2>\n\n\n\n<p>The Case Summary Widget operates at the record level. It gathers an alert in a single pane instead of half a dozen tabs.<\/p>\n\n\n<div class='media-elements bs-media-element---default enable'>    <div class='bs-common-image'>\n                            <figure class='figure justify-content-start d-flex'>\n                            <picture>\n                            \n                            <img src='https:\/\/swimlane.com\/wp-content\/uploads\/Case-Summary.png' class='img-fluid'   alt='Case Summary: an alert and everything related to it in one view.' title=''  \/>\n                            <\/picture>\n                                \n                            <\/figure>\n                        <\/div><\/div>\n\n\n<p class=\"has-text-align-center\"><em>Case Summary: an alert and everything related to it in one view.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-3-mitre-att-amp-ck-heatmap-widget\">#3 MITRE ATT&amp;CK Heatmap Widget<\/h2>\n\n\n\n<p>This report widget maps alert volume onto the MITRE ATT&amp;CK matrix. As you can see in the image below, color shows where detections cluster and, more usefully, where the gaps sit. It tends to earn a permanent spot on the SOC wall display.<\/p>\n\n\n<div class='media-elements bs-media-element---default enable'>    <div class='bs-common-image'>\n                            <figure class='figure justify-content-start d-flex'>\n                            <picture>\n                            \n                            <img src='https:\/\/swimlane.com\/wp-content\/uploads\/MITRE-ATTCK-Heatmap-Widget.png' class='img-fluid'   alt='MITRE ATT&#038;CK Heatmap: where detections cluster, and where the gaps are.' title=''  \/>\n                            <\/picture>\n                                \n                            <\/figure>\n                        <\/div><\/div>\n\n\n<p class=\"has-text-align-center\"><em>MITRE ATT&amp;CK Heatmap: where detections cluster, and where the gaps are<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-three-ways-to-build-a-turbine-widget\">Three Ways to Build a Turbine Widget<\/h2>\n\n\n\n<p>How you build a widget comes down to how much code you want to touch. The three paths share the same editor and the same component library, swim-ui, which keeps whatever you build looking native to Turbine.<\/p>\n\n\n\n<p>1.&nbsp; &nbsp; <strong>Import from the Content Delivery Network.<\/strong> Many widgets are hosted on the Swimlane CDN, ready to use. Paste a single import line into the widget editor, save, and it renders. Pin a version when you want stability. No framework knowledge required.<\/p>\n\n\n\n<p>2.&nbsp; &nbsp; <strong>Build from scratch.<\/strong> Open the widget editor and write the Lit code yourself: extend SwimlaneElement, pull in swim-ui, and define your render method. This path gives you full control and is the best way to learn the framework. The docs site at swimlane.github.io\/custom-Widgets has the API reference, the component library, and source for the entire catalog. swimlane.github.io\/custom-Widgets&nbsp;<\/p>\n\n\n\n<p>3.<strong> Build with Hero AI.<\/strong> Open the widget editor and choose \u201c<strong>build with Hero AI\u201d<\/strong>. Describe what you want in plain language, and Hero enters <strong>Widget Building Mode<\/strong>, generates the widget code in the code tab, and shows a live preview. Review it, click apply, and it is on the layout. You can keep refining in the same session, and Hero asks clarifying questions when it needs more detail. Hero AI has to be enabled in your tenant.<\/p>\n\n\n<div class='media-elements bs-media-element---default enable'>    <div class='bs-common-image'>\n                            <figure class='figure justify-content-start d-flex'>\n                            <picture>\n                            \n                            <img src='https:\/\/swimlane.com\/wp-content\/uploads\/Build-with-Hero-AI.png' class='img-fluid'   alt='Build with Hero AI: describe the Widget, preview the generated code, and click Apply.' title=''  \/>\n                            <\/picture>\n                                \n                            <\/figure>\n                        <\/div><\/div>\n\n\n<p class=\"has-text-align-center\"><em>Build with Hero AI: describe the Widget, preview the generated code, and click Apply.<\/em><\/p>\n\n\n\n<div class=\"bs-div bs-div-2291a409001be534f7188bbff8690459a4d30bc0 bs-div---default bs-div--blog-inner-download-guide\"><style>.bs-div.bs-div-2291a409001be534f7188bbff8690459a4d30bc0 {background-image: url(https:\/\/swimlane.com\/wp-content\/uploads\/2022\/10\/download-report.png); background-position: center center;\n    background-size: cover;} <\/style><div class=\"bs-div__inner d-flex flex-wrap justify-content-center  flex-md-row-reverse align-items-md-center justify-content-md-between flex-md-nowrap  \"><div class='media-elements bs-media-element---default enable'>    <div class='bs-common-image'>\n                            <figure class='figure justify-content-start d-flex'>\n                            <picture>\n                            \n                            <img src='https:\/\/swimlane.com\/wp-content\/uploads\/Swimlane-Turbine300dpi.png' class='img-fluid'   alt='Swimlane-Turbine' title=''  \/>\n                            <\/picture>\n                                \n                            <\/figure>\n                        <\/div><\/div>\n\n\n<div class=\"bs-div bs-div-773aef0a3852274bc6b23f7985e05efd194e399e bs-div---default\"><div class=\"bs-div__inner     \">\n<h3 class=\"wp-block-heading\" id=\"h-experience-the-swimlane-ai-soc\">Experience the Swimlane AI SOC<\/h3>\n\n\n\n<p>Swimlane Turbine transforms your security stack with agentic execution and low-code playbooks. Standardize every workflow to eliminate manual grinding and move at light speed.<\/p>\n\n\n\n<span class=\"bs-pro-button bs-pro-button---default bs-pro-button--primary-with-arrow-small bs-pro-button-p-btn-643359ee59efa6ac66555479170bb3596818ae53\"><style>.bs-pro-button-p-btn-643359ee59efa6ac66555479170bb3596818ae53 .bs-pro-button__container {background-color: #abb8c3; color: #000000;}<\/style><a href=\"\/demo\/\" target=\"\" rel=\"noopener noreferrer\" class=\"bs-pro-button__container\">Request a Demo<\/a><\/span>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-frequently-asked-questions\">Frequently Asked Questions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-a-turbine-widget-0\">What is a Turbine Widget?<\/h3>\n\n\n\n<p>A custom web component that runs inside Swimlane Turbine and can read, display, and update your data. Widgets extend the platform UI on record layouts and dashboards using the Lit framework and the Swimlane Element base class.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-where-do-turbine-widgets-run\">Where do Turbine Widgets run?<\/h3>\n\n\n\n<p>In two places. Record widgets run on a record layout and work with a single record&#8217;s fields. Report widgets run on a dashboard and read aggregated data from a report query.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-do-i-need-to-know-how-to-code-to-build-one\">Do I need to know how to code to build one?<\/h3>\n\n\n\n<p>Not necessarily. You can import a ready-made widget from the CDN with a single line, or describe what you want to Hero AI and have it generate the code. Coding from scratch is optional and gives you the most control.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-can-hero-ai-build-a-widget-for-me\">Can Hero AI build a Widget for me?<\/h3>\n\n\n\n<p>Yes. In the widget editor, choose build with Hero AI, describe the widget in plain language, and Hero generates the code for you to preview and apply. Hero AI must be enabled in your tenant.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-many-widgets-are-available\">How many Widgets are available?<\/h3>\n\n\n\n<p>The catalog includes more than a hundred widgets, each published with full source code you can study and adapt for your environment.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-ready-to-start-building-your-own-widgets\">Ready to start building your own widgets?<\/h2>\n\n\n\n<p>Pick a view your team keeps wishing for and build it, whether that means importing one from the CDN, coding it from scratch, or describing it to Hero AI. Then share it: post your widget on LinkedIn and tag Swimlane. If it is as sharp as we expect, we will send something your way.<\/p>\n<\/div>\n\n\n\n<div class=\" bs-column col-sm-12  col-md-12 col-lg-3   bs-column-0ad64702520e52820989c3b8a4a5574abd826112 bs-column---default     \">\n<div class=\"bs-div bs-div-fd8632a22b144e6798bea2d36e7aab62982f63eb bs-div---default bs-div--related-posts bs-div--right-sticky-related-posts\"><div class=\"bs-div__inner     \">\n<div class=\"bs-div bs-div-f0851be86a4542da358c10ec17ccebffa17efe07 bs-div---default bs-div--tags\"><div class=\"bs-div__inner     \">\n<h2 class=\"wp-block-heading\">Tags<\/h2>\n\n\n<div class=\"post-tag-wrapper\">\n    <p><a href='https:\/\/swimlane.com\/fr\/tag\/ai\/'><span class='tag-content'>AI<\/span><\/a><a href='https:\/\/swimlane.com\/fr\/tag\/platform\/'><span class='tag-content'>platform<\/span><\/a><\/p><\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-related-posts\" style=\"font-size:26px\">Related Posts<\/h3>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"bs-related-posts bs-related-posts-block---default\"><div class=\"bs-related-posts__container\"><div class=\"bs-related-posts__items\">\n<div class=\" bs-column col-sm-4   bs-column-b619eb984092e720779a969a873521d2ec1a85a5 bs-column---default     \">\t\t\t\t\t<div class=\"bs-post bs-post-6a506f81f3651 bs-single-post---default enable\" >\n\t\t\t<a class=\"bs-post__trigger\" href='https:\/\/swimlane.com\/fr\/blog\/ai-soc-platform-capabilities-architecture-use-cases\/' target='_self'>\t\t\t<div class=\"bs-post__inner\">\n\t\t\t\t<div class=\"bs-post__details\">    <div class=\"bs-post__title\">\n        <h5>AI SOC Platforms: Capabilities, Architecture, and Use Cases<\/h5>\n    <\/div>\n<div class=\"bs-post__learn-more\">\n    <span class='btn learn-more-text bs-post__learn-more-text'>Read More<\/span><\/div>\n<\/div>\t\t\t<\/div>\n\t\t\t<\/a>\t\t<\/div>\n\t<\/div>\n\n\n\n<div class=\" bs-column col-sm-4   bs-column-b619eb984092e720779a969a873521d2ec1a85a5 bs-column---default     \">\t\t\t\t\t<div class=\"bs-post bs-post-6a506f820091c bs-single-post---default enable\" >\n\t\t\t<a class=\"bs-post__trigger\" href='https:\/\/swimlane.com\/fr\/resources\/videos\/weekly-widgets-overview\/' target='_self'>\t\t\t<div class=\"bs-post__inner\">\n\t\t\t\t<div class=\"bs-post__details\">    <div class=\"bs-post__title\">\n        <h5>Weekly Widgets Episode 1: The Fundamentals of a Custom Widget<\/h5>\n    <\/div>\n<div class=\"bs-post__learn-more\">\n    <span class='btn learn-more-text bs-post__learn-more-text'>Read More<\/span><\/div>\n<\/div>\t\t\t<\/div>\n\t\t\t<\/a>\t\t<\/div>\n\t<\/div>\n\n\n\n<div class=\" bs-column col-sm-4   bs-column-b619eb984092e720779a969a873521d2ec1a85a5 bs-column---default     \">\t\t\t\t\t<div class=\"bs-post bs-post-6a506f82020e1 bs-single-post---default enable\" >\n\t\t\t<a class=\"bs-post__trigger\" href='https:\/\/swimlane.com\/fr\/resources\/reports\/autonomous-soc-enablement-guidebook\/' target='_self'>\t\t\t<div class=\"bs-post__inner\">\n\t\t\t\t<div class='bs-post__image'>\n                            <figure class='figure'>\n                                <img src='https:\/\/swimlane.com\/wp-content\/uploads\/OG-Your-Autonomous-SOC-GUide.png' class='img-fluid' alt='Autonomous SOC guidebook' title='OG Your Autonomous SOC GUide'   \/>\n                                <figcaption class='figure-caption'><\/figcaption>\n                            <\/figure>\n                        <\/div><div class=\"bs-post__details\">    <div class=\"bs-post__title\">\n        <h5>Analyst Report: Your Guidebook for Autonomous SOC Enablement<\/h5>\n    <\/div>\n<div class=\"bs-post__learn-more\">\n    <span class='btn learn-more-text bs-post__learn-more-text'>Read More<\/span><\/div>\n<\/div>\t\t\t<\/div>\n\t\t\t<\/a>\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\" bs-column col-sm-12   bs-column-601afe1d46256d3b13b7ac6679644286e4c6669e bs-column---default     \"><\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n<section class=\"bs-section bs-section-2a4a600ae9ab197b6a4ccafe05152bf1a2fde1d1 bs-section---default bs-section--newsletter bs-section--common-marketo-form bs-section--common-marketo-form-two-columns  \"><style>.bs-section.bs-section-2a4a600ae9ab197b6a4ccafe05152bf1a2fde1d1{ background-color: #000743;} <\/style><div class=\"container-fluid\">\n<div class=\"bs-row row   bs-row---default\">\n<div class=\" bs-column col-sm-0 col-md-0 col-lg-6   bs-column-df5e10bef85c15055718b4d93887855962017939 bs-column---default     \">\n<h2 class=\"wp-block-heading has-white-color has-text-color\" id=\"requestor\">Request a Live Demo<\/h2>\n<\/div>\n\n\n\n<div class=\" bs-column col-sm-0 col-md-0 col-lg-6   bs-column-df5e10bef85c15055718b4d93887855962017939 bs-column---default     \"><div class='media-elements bs-media-element---default enable'>    <div class='bs-common-image'>\n                            <figure class='figure justify-content-start d-flex'>\n                            <picture>\n                            \n                            <img src='https:\/\/swimlane.com\/wp-content\/uploads\/liitp.svg' class='img-fluid'   alt='' title=''  \/>\n                            <\/picture>\n                                \n                            <\/figure>\n                        <\/div><\/div>\n\n<script src=\"\/\/pages.swimlane.com\/js\/forms2\/js\/forms2.min.js\"><\/script>\n<form id=\"mktoForm_1017\"><\/form>\n<script>\n    var embeddedFormId = '05a6905d0187a23e165b2fd995e965fe15cb94f6';\n    var marketoBaseUrl = '\/\/pages.swimlane.com';\n    var munchkinId = '978-QCM-390';\n    var formId = '1017';\n    var responseType = 'redirect';\n    var responseMessage = 'Thank you!';\n    var redirectURL = '';\n    var downloadFileURL = '';\n    var linkOpenType = '_self';\n    var popupVideo = 'url';\n    var popupVideoURL = '';\n    var popupVideoUploadURL = '';\n    MktoForms2.loadForm(marketoBaseUrl, munchkinId, formId, function(form) {\n        form.onSuccess(function(values, followUpUrl) {\n            document.getElementById(\"int_mktoForm_\" + formId).innerHTML = responseMessage;\n                    });\n    });\n<\/script>\n<div class=\"form-submit-note\" id=\"int_mktoForm_1017\"><\/div>\n<!-- Incluing form response options -->\n\n\n\n<script>\n    (function() {\n        \/\/ Please include the email domains you would like to block in this list\n        var invalidDomains = [\"@gmail.\", \"@yahoo.\", \"@hotmail.\", \"@live.\", \"@icloud.\",\"@aol.\", \"@outlook.\", \"@proton.\", \"@mailinator.\"];\n\n\n        MktoForms2.whenReady(function(form) {\n            form.onValidate(function() {\n                var email = form.vals().Email;\n                if (email) {\n                    if (!isEmailGood(email)) {\n                        form.submitable(false);\n                        var emailElem = form.getFormElem().find(\"#Email\");\n                        form.showErrorMessage(\"Must be Business email.\", emailElem);\n                    } else {\n                        form.submitable(true);\n                    }\n                }\n            });\n        });\n\n        function isEmailGood(email) {\n            for (var i = 0; i < invalidDomains.length; i++) {\n                var domain = invalidDomains[i];\n                if (email.indexOf(domain) != -1) {\n                    return false;\n                }\n            }\n            return true;\n        }\n\n\n    })(); \n<\/script>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n<style>\n    .bs-section--blog-inner-main-contents .bs-column--contents .media-elements {\n        margin: 40px auto 10px;\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":104,"featured_media":57394,"template":"","meta":{"_acf_changed":false,"show_custom_date":false,"custom_date":"","featured":false,"featured_image":57396,"learn_more_label":"","image_alt_text":"","learn_more_type":"","learn_more_link":[],"show_popup":false,"disable_iframe":false,"enable_lazy_loading":false,"learn_more_link_file":0,"event_date":false,"event_start_date":"","event_end_date":"","featured_page_list":[],"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","footnotes":""},"tags":[202,250],"resource-type":[67],"resource-topic":[],"resource-industry":[],"blog-category":[],"class_list":["post-57287","sw_resource","type-sw_resource","status-publish","has-post-thumbnail","hentry","tag-ai","tag-platform","resource-type-blogs"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.5 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Custom Security UI with Turbine Widgets and AI<\/title>\n<meta name=\"description\" content=\"Widgets let you extend the Swimlane Turbine UI to fit how your SOC works. See what they are, where they render, and three ways to build them, including Hero AI.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/swimlane.com\/fr\/blog\/widgets-de-turbine-dintroduction\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom Security UI with Turbine Widgets and AI\" \/>\n<meta property=\"og:description\" content=\"Widgets let you extend the Swimlane Turbine UI to fit how your SOC works. See what they are, where they render, and three ways to build them, including Hero AI.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/swimlane.com\/fr\/blog\/widgets-de-turbine-dintroduction\/\" \/>\n<meta property=\"og:site_name\" content=\"AI Security Automation\" \/>\n<meta property=\"og:image\" content=\"https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_SocialTile_Text.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Custom Security UI with Turbine Widgets and AI\" \/>\n<meta name=\"twitter:description\" content=\"Widgets let you extend the Swimlane Turbine UI to fit how your SOC works. See what they are, where they render, and three ways to build them, including Hero AI.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_SocialTile_Text.webp\" \/>\n<meta name=\"twitter:site\" content=\"@swimlane\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/blog\\\/intro-turbine-widgets\\\/\",\"url\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/blog\\\/intro-turbine-widgets\\\/\",\"name\":\"Custom Security UI with Turbine Widgets and AI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/blog\\\/intro-turbine-widgets\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/blog\\\/intro-turbine-widgets\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/swimlane.com\\\/wp-content\\\/uploads\\\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead.webp\",\"datePublished\":\"2026-07-09T14:00:00+00:00\",\"description\":\"Widgets let you extend the Swimlane Turbine UI to fit how your SOC works. See what they are, where they render, and three ways to build them, including Hero AI.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/blog\\\/intro-turbine-widgets\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/swimlane.com\\\/fr\\\/blog\\\/intro-turbine-widgets\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/blog\\\/intro-turbine-widgets\\\/#primaryimage\",\"url\":\"https:\\\/\\\/swimlane.com\\\/wp-content\\\/uploads\\\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead.webp\",\"contentUrl\":\"https:\\\/\\\/swimlane.com\\\/wp-content\\\/uploads\\\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead.webp\",\"width\":1120,\"height\":666,\"caption\":\"How to Build Custom Security UI with Turbine Widgets and AI\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/blog\\\/intro-turbine-widgets\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/swimlane.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Build Custom Security UI with Turbine Widgets and AI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/\",\"name\":\"Low-Code Security Automation & SOAR Platform | Swimlane\",\"description\":\"Agentic AI automation for every security function\",\"publisher\":{\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/#organization\",\"name\":\"Low-Code Security Automation & SOAR Platform | Swimlane\",\"url\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/swimlane.com\\\/wp-content\\\/uploads\\\/sw-inline-logo-color-white.svg\",\"contentUrl\":\"https:\\\/\\\/swimlane.com\\\/wp-content\\\/uploads\\\/sw-inline-logo-color-white.svg\",\"width\":912,\"height\":190,\"caption\":\"Low-Code Security Automation & SOAR Platform | Swimlane\"},\"image\":{\"@id\":\"https:\\\/\\\/swimlane.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/swimlane\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/swimlane\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Interface utilisateur de s\u00e9curit\u00e9 personnalis\u00e9e avec widgets Turbine et IA","description":"Les widgets vous permettent d&#039;adapter l&#039;interface utilisateur de Swimlane Turbine au fonctionnement de votre SoC. D\u00e9couvrez leur fonctionnement, leur emplacement et trois fa\u00e7ons de les cr\u00e9er, notamment avec Hero AI.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/swimlane.com\/fr\/blog\/widgets-de-turbine-dintroduction\/","og_locale":"fr_FR","og_type":"article","og_title":"Custom Security UI with Turbine Widgets and AI","og_description":"Widgets let you extend the Swimlane Turbine UI to fit how your SOC works. See what they are, where they render, and three ways to build them, including Hero AI.","og_url":"https:\/\/swimlane.com\/fr\/blog\/widgets-de-turbine-dintroduction\/","og_site_name":"AI Security Automation","og_image":[{"width":1200,"height":630,"url":"https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_SocialTile_Text.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_title":"Custom Security UI with Turbine Widgets and AI","twitter_description":"Widgets let you extend the Swimlane Turbine UI to fit how your SOC works. See what they are, where they render, and three ways to build them, including Hero AI.","twitter_image":"https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_SocialTile_Text.webp","twitter_site":"@swimlane","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/swimlane.com\/fr\/blog\/intro-turbine-widgets\/","url":"https:\/\/swimlane.com\/fr\/blog\/intro-turbine-widgets\/","name":"Interface utilisateur de s\u00e9curit\u00e9 personnalis\u00e9e avec widgets Turbine et IA","isPartOf":{"@id":"https:\/\/swimlane.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/swimlane.com\/fr\/blog\/intro-turbine-widgets\/#primaryimage"},"image":{"@id":"https:\/\/swimlane.com\/fr\/blog\/intro-turbine-widgets\/#primaryimage"},"thumbnailUrl":"https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead.webp","datePublished":"2026-07-09T14:00:00+00:00","description":"Les widgets vous permettent d&#039;adapter l&#039;interface utilisateur de Swimlane Turbine au fonctionnement de votre SoC. D\u00e9couvrez leur fonctionnement, leur emplacement et trois fa\u00e7ons de les cr\u00e9er, notamment avec Hero AI.","breadcrumb":{"@id":"https:\/\/swimlane.com\/fr\/blog\/intro-turbine-widgets\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/swimlane.com\/fr\/blog\/intro-turbine-widgets\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/swimlane.com\/fr\/blog\/intro-turbine-widgets\/#primaryimage","url":"https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead.webp","contentUrl":"https:\/\/swimlane.com\/wp-content\/uploads\/How-to-Build-Custom-Security-UI-with-Turbine-Widgets-and-AI_Masthead.webp","width":1120,"height":666,"caption":"How to Build Custom Security UI with Turbine Widgets and AI"},{"@type":"BreadcrumbList","@id":"https:\/\/swimlane.com\/fr\/blog\/intro-turbine-widgets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/swimlane.com\/"},{"@type":"ListItem","position":2,"name":"How to Build Custom Security UI with Turbine Widgets and AI"}]},{"@type":"WebSite","@id":"https:\/\/swimlane.com\/fr\/#website","url":"https:\/\/swimlane.com\/fr\/","name":"Plateforme d&#039;automatisation de la s\u00e9curit\u00e9 low-code et SOAR | Swimlane","description":"Automatisation par IA agentique pour chaque fonction de s\u00e9curit\u00e9","publisher":{"@id":"https:\/\/swimlane.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/swimlane.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/swimlane.com\/fr\/#organization","name":"Plateforme d&#039;automatisation de la s\u00e9curit\u00e9 low-code et SOAR | Swimlane","url":"https:\/\/swimlane.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/swimlane.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/swimlane.com\/wp-content\/uploads\/sw-inline-logo-color-white.svg","contentUrl":"https:\/\/swimlane.com\/wp-content\/uploads\/sw-inline-logo-color-white.svg","width":912,"height":190,"caption":"Low-Code Security Automation & SOAR Platform | Swimlane"},"image":{"@id":"https:\/\/swimlane.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/swimlane","https:\/\/www.linkedin.com\/company\/swimlane\/"]}]}},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/sw_resource\/57287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/sw_resource"}],"about":[{"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/types\/sw_resource"}],"author":[{"embeddable":true,"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/users\/104"}],"version-history":[{"count":5,"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/sw_resource\/57287\/revisions"}],"predecessor-version":[{"id":57411,"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/sw_resource\/57287\/revisions\/57411"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/media\/57394"}],"wp:attachment":[{"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/media?parent=57287"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/tags?post=57287"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/resource-type?post=57287"},{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/resource-topic?post=57287"},{"taxonomy":"resource-industry","embeddable":true,"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/resource-industry?post=57287"},{"taxonomy":"blog-category","embeddable":true,"href":"https:\/\/swimlane.com\/fr\/wp-json\/wp\/v2\/blog-category?post=57287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}