{"id":501,"date":"2025-11-25T07:20:00","date_gmt":"2025-11-25T07:20:00","guid":{"rendered":"https:\/\/chat.visual-paradigm.com\/ru\/?post_type=diagram&#038;p=501"},"modified":"2025-11-27T01:05:56","modified_gmt":"2025-11-27T01:05:56","slug":"c4-component-diagram","status":"publish","type":"diagram","link":"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/","title":{"rendered":"C4 Component Diagram"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"501\" class=\"elementor elementor-501\">\n\t\t\t\t<div class=\"elementor-element elementor-element-725249e e-flex e-con-boxed e-con e-parent\" data-id=\"725249e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99989b6 elementor-widget elementor-widget-heading\" data-id=\"99989b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">C4 Component Diagram<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67ade35 elementor-widget elementor-widget-text-editor\" data-id=\"67ade35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-YQryh8kNL6oR&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-4Kmzco_nQHNQ&quot;,&quot;shortId&quot;:&quot;JrB-uxoqNAOt&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:3,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(248, 250, 252); opacity: 1; padding: 15px; border-radius: 15px; border-color: rgb(245, 245, 245); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-dQws526zx7B8&quot;,&quot;shortId&quot;:&quot;M_t90j5-KVKA&quot;,&quot;index&quot;:2,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-ydTVWPmsu5QS&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-trqTaCFYpKej&quot;,&quot;shortId&quot;:&quot;wlFaQVpvh9qB&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-1ZJyHaBkL3jb&quot;,&quot;shortId&quot;:&quot;V8CVv4NtwcSQ&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">The C4 Component Diagram dives deeper into a single container to show the internal components and how they collaborate.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb9ae30 elementor-widget elementor-widget-image\" data-id=\"eb9ae30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1034\" height=\"613\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/ai-powered-chatbot-for-c4-component-diagram.jpg\" class=\"attachment-full size-full wp-image-503\" alt=\"Generate C4 Component Diagram with AI Chatbot.\" srcset=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/ai-powered-chatbot-for-c4-component-diagram.jpg 1034w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/ai-powered-chatbot-for-c4-component-diagram-300x178.jpg 300w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/ai-powered-chatbot-for-c4-component-diagram-1024x607.jpg 1024w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/ai-powered-chatbot-for-c4-component-diagram-768x455.jpg 768w\" sizes=\"(max-width: 1034px) 100vw, 1034px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9dc431d e-flex e-con-boxed e-con e-parent\" data-id=\"9dc431d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2f5a854 e-con-full e-flex e-con e-child\" data-id=\"2f5a854\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f799801 e-con-full e-flex e-con e-child\" data-id=\"f799801\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fff8864 elementor-widget elementor-widget-heading\" data-id=\"fff8864\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Instant Component-Level Architecture Generation<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a39b54 elementor-widget elementor-widget-text-editor\" data-id=\"5a39b54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>With the AI chatbot, you can outline the internal structure of any container in seconds. Simply describe how your service or application is organized \u2014 the functional areas, the core responsibilities, and the external dependencies \u2014 and the chatbot will convert your explanation into a complete C4 Component Diagram. It highlights the key components, their roles, and how they communicate, giving you an immediate architectural map before any code is written.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da96d73 e-con-full e-flex e-con e-child\" data-id=\"da96d73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b31d69f elementor-widget elementor-widget-image\" data-id=\"b31d69f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram-1024x488.png\" class=\"attachment-large size-large wp-image-204\" alt=\"The AI Chatbot can generate different diagrams according to your need in the chat.\" srcset=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram-1024x488.png 1024w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram-300x143.png 300w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram-768x366.png 768w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram.png 1067w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a180d68 e-con-full e-flex e-con e-child\" data-id=\"a180d68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8b10e92 e-con-full e-flex e-con e-child\" data-id=\"8b10e92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fd593e elementor-widget elementor-widget-heading\" data-id=\"5fd593e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Refine Internal Design Through Step-by-Step Conversation\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11a3247 elementor-widget elementor-widget-text-editor\" data-id=\"11a3247\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>As your design evolves, updating your diagram becomes effortless. You can ask the chatbot to add a new component, restructure responsibilities, or adjust dependencies, and the diagram will be regenerated instantly. This conversational workflow supports iterative thinking, helping you explore options, validate design decisions, and ensure that the container\u2019s internal architecture remains clear and well organized.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8442523 e-con-full e-flex e-con e-child\" data-id=\"8442523\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4360a25 elementor-widget elementor-widget-image\" data-id=\"4360a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"884\" height=\"264\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/featuresv2.png\" class=\"attachment-large size-large wp-image-248\" alt=\"\" srcset=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/featuresv2.png 884w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/featuresv2-300x90.png 300w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/featuresv2-768x229.png 768w\" sizes=\"(max-width: 884px) 100vw, 884px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5af0861 e-con-full e-flex e-con e-child\" data-id=\"5af0861\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-87fd6d3 e-con-full e-flex e-con e-child\" data-id=\"87fd6d3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7dfa45e e-con-full e-flex e-con e-child\" data-id=\"7dfa45e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd098dd elementor-widget elementor-widget-text-editor\" data-id=\"fd098dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Benefits of Creating C4 Component Diagrams with the AI Chatbot<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d92587 e-con-full e-flex e-con e-child\" data-id=\"4d92587\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9ab492a e-con-full e-flex e-con e-child\" data-id=\"9ab492a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31c3d3c elementor-widget elementor-widget-image\" data-id=\"31c3d3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/elementor\/thumbs\/tick-icon-3-rkyu7vw2vvv5vemz2fg0qi8odgysz8fn9uj5vtqgow.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd40282 e-con-full e-flex e-con e-child\" data-id=\"bd40282\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0644151 elementor-widget elementor-widget-text-editor\" data-id=\"0644151\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Builds detailed, Level 3 diagrams directly from natural-language descriptions.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e48b44 e-con-full e-flex e-con e-child\" data-id=\"6e48b44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-334d350 e-con-full e-flex e-con e-child\" data-id=\"334d350\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f5e28a elementor-widget elementor-widget-image\" data-id=\"0f5e28a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/elementor\/thumbs\/tick-icon-3-rkyu7vw2vvv5vemz2fg0qi8odgysz8fn9uj5vtqgow.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54c562d e-con-full e-flex e-con e-child\" data-id=\"54c562d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bd5c68 elementor-widget elementor-widget-text-editor\" data-id=\"1bd5c68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Automatically applies consistent C4 notation for clear communication.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c366499 e-con-full e-flex e-con e-child\" data-id=\"c366499\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c15b222 e-con-full e-flex e-con e-child\" data-id=\"c15b222\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-759d60e elementor-widget elementor-widget-image\" data-id=\"759d60e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/elementor\/thumbs\/tick-icon-3-rkyu7vw2vvv5vemz2fg0qi8odgysz8fn9uj5vtqgow.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-349d1d0 e-con-full e-flex e-con e-child\" data-id=\"349d1d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c08e9b elementor-widget elementor-widget-text-editor\" data-id=\"9c08e9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Enables fast architectural iteration as you refine internal structure.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34cbd75 e-con-full e-flex e-con e-child\" data-id=\"34cbd75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7107b48 e-con-full e-flex e-con e-child\" data-id=\"7107b48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fa1f6f elementor-widget elementor-widget-image\" data-id=\"3fa1f6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/elementor\/thumbs\/tick-icon-3-rkyu7vw2vvv5vemz2fg0qi8odgysz8fn9uj5vtqgow.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58aba42 e-con-full e-flex e-con e-child\" data-id=\"58aba42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9560b1e elementor-widget elementor-widget-text-editor\" data-id=\"9560b1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Helps teams discuss and compare design alternatives visually.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8928313 e-con-full e-flex e-con e-child\" data-id=\"8928313\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-eb924dc e-con-full e-flex e-con e-child\" data-id=\"eb924dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-357890a elementor-widget elementor-widget-image\" data-id=\"357890a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/elementor\/thumbs\/tick-icon-3-rkyu7vw2vvv5vemz2fg0qi8odgysz8fn9uj5vtqgow.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7165f75 e-con-full e-flex e-con e-child\" data-id=\"7165f75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1491be elementor-widget elementor-widget-text-editor\" data-id=\"b1491be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Keeps documentation synchronized with evolving source code.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd35f96 e-con-full e-flex e-con e-child\" data-id=\"dd35f96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b18703a e-con-full e-flex e-con e-child\" data-id=\"b18703a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7573603 elementor-widget elementor-widget-image\" data-id=\"7573603\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/elementor\/thumbs\/tick-icon-3-rkyu7vw2vvv5vemz2fg0qi8odgysz8fn9uj5vtqgow.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c31fe60 e-con-full e-flex e-con e-child\" data-id=\"c31fe60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adf6e43 elementor-widget elementor-widget-text-editor\" data-id=\"adf6e43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Provides developers with a clear structural reference before implementation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7609d8a e-con-full e-flex e-con e-child\" data-id=\"7609d8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0e52b15 e-con-full e-flex e-con e-child\" data-id=\"0e52b15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e8143c elementor-widget elementor-widget-image\" data-id=\"9e8143c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/elementor\/thumbs\/tick-icon-3-rkyu7vw2vvv5vemz2fg0qi8odgysz8fn9uj5vtqgow.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f91779 e-con-full e-flex e-con e-child\" data-id=\"5f91779\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e804125 elementor-widget elementor-widget-text-editor\" data-id=\"e804125\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Supports refactoring by modeling current and future component layouts.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a89a907 e-flex e-con-boxed e-con e-parent\" data-id=\"a89a907\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e30d2c4 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"e30d2c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Examples of Generating C4 Component Diagram<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f11e3a elementor-widget elementor-widget-text-editor\" data-id=\"9f11e3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(248, 250, 252); opacity: 1; border-radius: 0px; border-width: 0px;&quot;,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-4Z1vwDrZwr8v&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-NOEeKEMgj7SJ&quot;,&quot;shortId&quot;:&quot;BKfrAFBCDONK&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:true,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 40px;\\n padding-bottom: 40px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:&quot;Full Width&quot;,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column--yOM8TkGIF6j&quot;,&quot;shortId&quot;:&quot;iqTq1Qrl_2XG&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">Use simple text prompts to generate this diagram in seconds. Here are a few examples to get you started:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5fd651 e-con-full e-flex e-con e-child\" data-id=\"f5fd651\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a13b0d9 e-con-full e-flex e-con e-child\" data-id=\"a13b0d9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf191e7 elementor-widget elementor-widget-text-editor\" data-id=\"cf191e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-eG-9V87p_4HR&quot;,&quot;shortId&quot;:&quot;yLIgT1OZbu_o&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;SF4KpMM0WIu_&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-Yvx3ShXaQQTa&quot;,&quot;shortId&quot;:&quot;0C-bxtzAs0_g&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 15px;\\n padding-bottom: 15px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(242, 250, 255); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(212, 238, 252); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;_PZRsRIPKnnj&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-VRC00zPAUcln&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-mNYhxTItR0-T&quot;,&quot;shortId&quot;:&quot;0mOF9Ya5s_U6&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-ypuLsQ4c6OXL&quot;,&quot;shortId&quot;:&quot;gvaBTzmH0Uu0&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">Logistics and Delivery Tracking System<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56e87a0 elementor-widget elementor-widget-image\" data-id=\"56e87a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"749\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Logistics-and-Delivery-Tracking-System-1-1024x749.png\" class=\"attachment-large size-large wp-image-507\" alt=\"C4 Component Diagram Example of Logistics and Delivery Tracking System\" srcset=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Logistics-and-Delivery-Tracking-System-1-1024x749.png 1024w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Logistics-and-Delivery-Tracking-System-1-300x220.png 300w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Logistics-and-Delivery-Tracking-System-1-768x562.png 768w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Logistics-and-Delivery-Tracking-System-1.png 1066w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-986e8e0 elementor-widget elementor-widget-text-editor\" data-id=\"986e8e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UXfg4X10MsER&quot;,&quot;shortId&quot;:&quot;uXjQmAG6dmFY&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;ThOXM1BYRDQ4&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-o37rgI4qv-Ir&quot;,&quot;shortId&quot;:&quot;R-wAc8swfU8Z&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 15px;\\n                  padding-bottom: 15px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(242, 250, 255); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(212, 238, 252); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;WyilgNgJy5nr&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-pehWFDbFB7ti&quot;,&quot;shortId&quot;:&quot;hSuWyjF0o3ta&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;HplQ4AL9-znJ&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\"><em>&#8220;Show a C4 Component Diagram for a Logistics and Delivery Tracking System. &#8220;<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d8966c elementor-widget elementor-widget-button\" data-id=\"4d8966c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot\/?share=62e2f144-42c4-48cc-a4e4-ccf0d0e3a3dd\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Read Chat History \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3378c32 e-con-full e-flex e-con e-child\" data-id=\"3378c32\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efd0911 elementor-widget elementor-widget-text-editor\" data-id=\"efd0911\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UXfg4X10MsER&quot;,&quot;shortId&quot;:&quot;uXjQmAG6dmFY&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;ThOXM1BYRDQ4&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1qv2&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-V1lWzKP0mdsk&quot;,&quot;shortId&quot;:&quot;C1ge0aEc4Ssn&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 15px;\\n padding-bottom: 15px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(233, 233, 233); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;IUTb2upKf1vL&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-VRC00zPAUcln&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-EOWVn7Uw7zM6&quot;,&quot;shortId&quot;:&quot;1rgo72ZXmPqA&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-ypuLsQ4c6OXL&quot;,&quot;shortId&quot;:&quot;LSqLf_EZDrzw&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">Online Exam and Assessment System<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35b87dd elementor-widget elementor-widget-image\" data-id=\"35b87dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"749\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Online-Exam-and-Assessment-System-1-1024x749.png\" class=\"attachment-large size-large wp-image-508\" alt=\"C4 Component Diagram Example of\" srcset=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Online-Exam-and-Assessment-System-1-1024x749.png 1024w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Online-Exam-and-Assessment-System-1-300x220.png 300w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Online-Exam-and-Assessment-System-1-768x562.png 768w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Online-Exam-and-Assessment-System-1.png 1066w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a3a852 elementor-widget elementor-widget-text-editor\" data-id=\"4a3a852\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UXfg4X10MsER&quot;,&quot;shortId&quot;:&quot;uXjQmAG6dmFY&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;ThOXM1BYRDQ4&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1qv2&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-V1lWzKP0mdsk&quot;,&quot;shortId&quot;:&quot;C1ge0aEc4Ssn&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 15px;\\n                  padding-bottom: 15px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(233, 233, 233); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;IUTb2upKf1vL&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-EFHHdkKGfhnq&quot;,&quot;shortId&quot;:&quot;hQd7XUGamVev&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:&quot;Custom&quot;,&quot;customWidth&quot;:1000,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;7Gc6fljkkGb9&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\"><em>&#8220;Prepare a C4 Component Diagram for an Online Exam and Assessment System.&#8221;<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cc25a8 elementor-widget elementor-widget-button\" data-id=\"3cc25a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot\/?share=ec5c1b68-0412-4a76-833d-8391962df83d\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Read Chat History \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c719461 e-con-full e-flex e-con e-child\" data-id=\"c719461\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38c59b6 elementor-widget elementor-widget-text-editor\" data-id=\"38c59b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UXfg4X10MsER&quot;,&quot;shortId&quot;:&quot;uXjQmAG6dmFY&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;ThOXM1BYRDQ4&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1qv3&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-7Q6rpR3lbcUC&quot;,&quot;shortId&quot;:&quot;BFbOdDBdo4fi&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 15px;\\n padding-bottom: 15px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(242, 250, 255); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(212, 238, 252); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;tM_pRN7quby2&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-VRC00zPAUcln&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset--pbZZYyQbIUW&quot;,&quot;shortId&quot;:&quot;gxvoMrzv-0W6&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-ypuLsQ4c6OXL&quot;,&quot;shortId&quot;:&quot;GgAZ7GorttaJ&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">E-Commerce Platform<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a8e7ba elementor-widget elementor-widget-image\" data-id=\"2a8e7ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"749\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/E-Commerce-Platform-1-1024x749.png\" class=\"attachment-large size-large wp-image-506\" alt=\"C4 Component Diagram Example of E-Commerce Platform\" srcset=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/E-Commerce-Platform-1-1024x749.png 1024w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/E-Commerce-Platform-1-300x220.png 300w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/E-Commerce-Platform-1-768x562.png 768w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/E-Commerce-Platform-1.png 1066w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e7c889 elementor-widget elementor-widget-text-editor\" data-id=\"5e7c889\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UXfg4X10MsER&quot;,&quot;shortId&quot;:&quot;uXjQmAG6dmFY&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;ThOXM1BYRDQ4&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1qv3&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-7Q6rpR3lbcUC&quot;,&quot;shortId&quot;:&quot;BFbOdDBdo4fi&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 15px;\\n                  padding-bottom: 15px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(242, 250, 255); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(212, 238, 252); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;tM_pRN7quby2&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-t1YsqxRCR9WU&quot;,&quot;shortId&quot;:&quot;9D2E8OzBxgjh&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;GUKzrhE_pyne&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\"><em>&#8220;Generate a C4 Component Diagram for an E-Commerce Platform.&#8221;<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f741770 elementor-widget elementor-widget-button\" data-id=\"f741770\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot\/?share=f04d9baf-06fa-4f20-b0ef-98c2bbc804e8\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Read Chat History \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1751308 e-flex e-con-boxed e-con e-parent\" data-id=\"1751308\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c82eda elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"0c82eda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">What Is a C4 Component Diagram?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25a3d87 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"25a3d87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A C4 Component Diagram provides a deeper look into the internal structure of a single container, such as a web API, mobile app, or microservice. It illustrates the major components inside that container, how responsibilities are divided, and how each part interacts with others and with external systems.<\/p><p>Unlike class-level views, this diagram emphasizes conceptual groupings of functionality rather than individual classes. It gives developers a high-level yet practical understanding of how the codebase is organized, making it easier to plan work, perform reviews, and maintain architectural consistency.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1723333 elementor-widget elementor-widget-image\" data-id=\"1723333\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"470\" src=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Diagram-Example-Copy-of-Copy-of-Page-1-3-1-768x470.png\" class=\"attachment-medium_large size-medium_large wp-image-504\" alt=\"\" srcset=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Diagram-Example-Copy-of-Copy-of-Page-1-3-1-768x470.png 768w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Diagram-Example-Copy-of-Copy-of-Page-1-3-1-300x184.png 300w, https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/Diagram-Example-Copy-of-Copy-of-Page-1-3-1.png 1025w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21381b7 e-flex e-con-boxed e-con e-parent\" data-id=\"21381b7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bbf177 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3bbf177\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Key Concepts<\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b4ee11 e-con-full e-flex e-con e-child\" data-id=\"3b4ee11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92ce1c9 elementor-widget elementor-widget-n-accordion\" data-id=\"92ce1c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1530\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1530\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> C4 Component Diagram <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1530\" class=\"elementor-element elementor-element-54ecad2 e-con-full e-flex e-con e-child\" data-id=\"54ecad2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1069eda elementor-widget elementor-widget-text-editor\" data-id=\"1069eda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-t-odlbCGdbL8&quot;,&quot;shortId&quot;:&quot;VYk10zblnC7i&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KUgVSgiiOb_0&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-flYQUreeZXnO&quot;,&quot;shortId&quot;:&quot;zFhqQy3JZDnX&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(242, 250, 255); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-color: rgb(212, 238, 252); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;304C-Ta4NgDM&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-JuJBmdbCXt8r&quot;,&quot;shortId&quot;:&quot;f9huJEHUQZcz&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;tQnUT6KasoiQ&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">A C4 Component Diagram shows the components inside a container and how they interact. It helps visualize the internal structure of applications and the responsibilities of each component within a system.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1531\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1531\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Systems \/ External Systems <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1531\" class=\"elementor-element elementor-element-5b644a3 e-con-full e-flex e-con e-child\" data-id=\"5b644a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0c85a3 elementor-widget elementor-widget-text-editor\" data-id=\"a0c85a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-aMT99-7c3ZNc&quot;,&quot;shortId&quot;:&quot;jfVvwxEPD-VH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;N0531fQ3-5Ku&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-7rhNAhbTqvcz&quot;,&quot;shortId&quot;:&quot;e20vhSCI0oB9&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n width: auto;padding-top: 10px;\\n padding-bottom: 10px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;aWQlxPEreo54&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-rZ4CQGylmJU2&quot;,&quot;shortId&quot;:&quot;GlYb70pjiUHS&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><ul data-pm-slice=\"3 3 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-t-odlbCGdbL8&quot;,&quot;shortId&quot;:&quot;VYk10zblnC7i&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KUgVSgiiOb_0&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-Z68vx_ZMSw7z&quot;,&quot;shortId&quot;:&quot;MbXEMhGUaYpd&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;BV6ZUaF57ctE&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-MhpVtZiyTWix&quot;,&quot;shortId&quot;:&quot;DrowOVjH7B-s&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;8yAeThZrdAhS&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\"><li><p><strong>System<\/strong>\u00a0\u2013 An internal system that participates in interactions.<\/p><\/li><li><p><strong>SystemDb<\/strong>\u00a0\u2013 A database system storing persistent data.<\/p><\/li><li><p><strong>SystemQueue<\/strong>\u00a0\u2013 A messaging or queuing system for asynchronous communication.<\/p><\/li><li><p><strong>System_Ext<\/strong>\u00a0\u2013 An external system interacting with your system.<\/p><\/li><li><p><strong>SystemDb_Ext<\/strong>\u00a0\u2013 An external database system.<\/p><\/li><li><p><strong>SystemQueue_Ext<\/strong>\u00a0\u2013 An external queue or messaging system.<\/p><\/li><\/ul><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1532\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1532\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Boundaries <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1532\" class=\"elementor-element elementor-element-c8d1cff e-con-full e-flex e-con e-child\" data-id=\"c8d1cff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-598a949 elementor-widget elementor-widget-text-editor\" data-id=\"598a949\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-aMT99-7c3ZNc&quot;,&quot;shortId&quot;:&quot;jfVvwxEPD-VH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;N0531fQ3-5Ku&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-7rhNAhbTqvcz&quot;,&quot;shortId&quot;:&quot;e20vhSCI0oB9&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n width: auto;padding-top: 10px;\\n padding-bottom: 10px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;aWQlxPEreo54&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-rZ4CQGylmJU2&quot;,&quot;shortId&quot;:&quot;GlYb70pjiUHS&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><ul data-pm-slice=\"3 3 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-t-odlbCGdbL8&quot;,&quot;shortId&quot;:&quot;VYk10zblnC7i&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KUgVSgiiOb_0&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-s2RuGPKO_0b_&quot;,&quot;shortId&quot;:&quot;KBqvOHUAUIjX&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;77CPOKOVutdV&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-QTbLWRI3NriJ&quot;,&quot;shortId&quot;:&quot;M7jilCIoBvVA&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;T-wFWGG9za5i&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\"><li><p><strong>Boundary<\/strong>\u00a0\u2013 General boundary to group elements.<\/p><\/li><li><p><strong>Enterprise_Boundary<\/strong>\u00a0\u2013 Defines the organization or enterprise scope.<\/p><\/li><li><p><strong>System_Boundary<\/strong>\u00a0\u2013 Defines the boundary of a system, separating internal components from external systems.<\/p><\/li><li><p><strong>Container_Boundary<\/strong>\u00a0\u2013 Defines the boundary of a container, grouping its internal components.<\/p><\/li><\/ul><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-258cac4 elementor-widget elementor-widget-n-accordion\" data-id=\"258cac4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3930\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-3930\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> People \/ External Actors <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3930\" class=\"elementor-element elementor-element-dc1e322 e-con-full e-flex e-con e-child\" data-id=\"dc1e322\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec4314f elementor-widget elementor-widget-text-editor\" data-id=\"ec4314f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-aMT99-7c3ZNc&quot;,&quot;shortId&quot;:&quot;jfVvwxEPD-VH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;N0531fQ3-5Ku&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-7rhNAhbTqvcz&quot;,&quot;shortId&quot;:&quot;e20vhSCI0oB9&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n width: auto;padding-top: 10px;\\n padding-bottom: 10px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;aWQlxPEreo54&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-rZ4CQGylmJU2&quot;,&quot;shortId&quot;:&quot;GlYb70pjiUHS&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><ul data-pm-slice=\"3 3 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-t-odlbCGdbL8&quot;,&quot;shortId&quot;:&quot;VYk10zblnC7i&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KUgVSgiiOb_0&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-sTE7UpWTzBfD&quot;,&quot;shortId&quot;:&quot;h8jluoGouAoa&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;QeTkk-HRgA-G&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-VaIH4Wmr_eg2&quot;,&quot;shortId&quot;:&quot;p9mT--3wQGJr&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;k3P2EzT6Kv8w&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\"><li><p><strong>Person<\/strong>\u00a0\u2013 A human user interacting with the system.<\/p><\/li><li><p><strong>Person_Ext<\/strong>\u00a0\u2013 An external user or role outside the system boundary.<\/p><\/li><\/ul><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3931\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3931\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Components \/ External Components <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3931\" class=\"elementor-element elementor-element-5b62094 e-con-full e-flex e-con e-child\" data-id=\"5b62094\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-888122c elementor-widget elementor-widget-text-editor\" data-id=\"888122c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-aMT99-7c3ZNc&quot;,&quot;shortId&quot;:&quot;jfVvwxEPD-VH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;N0531fQ3-5Ku&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-7rhNAhbTqvcz&quot;,&quot;shortId&quot;:&quot;e20vhSCI0oB9&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n width: auto;padding-top: 10px;\\n padding-bottom: 10px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;aWQlxPEreo54&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-rZ4CQGylmJU2&quot;,&quot;shortId&quot;:&quot;GlYb70pjiUHS&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-aMT99-7c3ZNc&quot;,&quot;shortId&quot;:&quot;jfVvwxEPD-VH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;N0531fQ3-5Ku&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-DcwO3q6JyUc2&quot;,&quot;shortId&quot;:&quot;4B6j4fcLPsyH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n width: auto;padding-top: 10px;\\n padding-bottom: 10px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;3MfVNVNMEJJB&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-AmuVd30axcSQ&quot;,&quot;shortId&quot;:&quot;EZjv_5nXDmR1&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><ul data-pm-slice=\"3 3 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-t-odlbCGdbL8&quot;,&quot;shortId&quot;:&quot;VYk10zblnC7i&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KUgVSgiiOb_0&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-K1O1jNc9bo0m&quot;,&quot;shortId&quot;:&quot;CDwKesVRpmN2&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;Dmo0daxCmOX6&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-xSld1_rPXFDW&quot;,&quot;shortId&quot;:&quot;mJnwgS8a6aSK&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;DqDbG3bxaJht&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\"><li><p><strong>Component<\/strong>\u00a0\u2013 A modular part of a container providing specific functionality.<\/p><\/li><li><p><strong>ComponentDb<\/strong>\u00a0\u2013 A component focused on data persistence.<\/p><\/li><li><p><strong>ComponentQueue<\/strong>\u00a0\u2013 A component managing messaging or asynchronous tasks.<\/p><\/li><li><p><strong>Component_Ext<\/strong>\u00a0\u2013 An external component interacting with your system.<\/p><\/li><li><p><strong>ComponentDb_Ext<\/strong>\u00a0\u2013 An external database component.<\/p><\/li><li><p><strong>ComponentQueue_Ext<\/strong>\u00a0\u2013 An external messaging component.<\/p><\/li><\/ul><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3932\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3932\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Containers \/ External Containers <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3932\" class=\"elementor-element elementor-element-75f0703 e-con-full e-flex e-con e-child\" data-id=\"75f0703\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e706ab4 elementor-widget elementor-widget-text-editor\" data-id=\"e706ab4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-aMT99-7c3ZNc&quot;,&quot;shortId&quot;:&quot;jfVvwxEPD-VH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;N0531fQ3-5Ku&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-7rhNAhbTqvcz&quot;,&quot;shortId&quot;:&quot;e20vhSCI0oB9&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n width: auto;padding-top: 10px;\\n padding-bottom: 10px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;aWQlxPEreo54&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-rZ4CQGylmJU2&quot;,&quot;shortId&quot;:&quot;GlYb70pjiUHS&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-aMT99-7c3ZNc&quot;,&quot;shortId&quot;:&quot;jfVvwxEPD-VH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;N0531fQ3-5Ku&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-DcwO3q6JyUc2&quot;,&quot;shortId&quot;:&quot;4B6j4fcLPsyH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n width: auto;padding-top: 10px;\\n padding-bottom: 10px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;3MfVNVNMEJJB&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-AmuVd30axcSQ&quot;,&quot;shortId&quot;:&quot;EZjv_5nXDmR1&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><ul data-pm-slice=\"3 3 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-t-odlbCGdbL8&quot;,&quot;shortId&quot;:&quot;VYk10zblnC7i&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KUgVSgiiOb_0&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-9xUPos8PIc5h&quot;,&quot;shortId&quot;:&quot;Gj23a2910ABy&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;FE4XqaJ3wftp&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-HugdRkDP1ma9&quot;,&quot;shortId&quot;:&quot;3P0lPTxSJibX&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;0GpAWu4E4L3l&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\"><li><p><strong>Container<\/strong>\u00a0\u2013 A deployable application, service, or microservice that hosts components.<\/p><\/li><li><p><strong>ContainerDb<\/strong>\u00a0\u2013 A database container storing persistent data.<\/p><\/li><li><p><strong>ContainerQueue<\/strong>\u00a0\u2013 A messaging or queuing container.<\/p><\/li><li><p><strong>Container_Ext<\/strong>\u00a0\u2013 An external container interacting with your system.<\/p><\/li><li><p><strong>ContainerDb_Ext<\/strong>\u00a0\u2013 An external database container.<\/p><\/li><li><p><strong>ContainerQueue_Ext<\/strong>\u00a0\u2013 An external messaging container.<\/p><\/li><\/ul><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59120401 e-flex e-con-boxed e-con e-parent\" data-id=\"59120401\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75a3afaa elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"75a3afaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ready to Revolutionize Your Workflow with AI?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2deff012 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2deff012\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background-repeat: no-repeat; background-position: left top; background-size: cover; background-image: url(\\&quot;https:\/\/space-vtpl.visual-paradigm.com\/static\/rTOADwa2V6em\/58V10NXQDHCJ\/YEgH4ftDyBWr\/687ab10e51b7a4f156deb7a19a9c3f2d\/ai-chat.jpg\\&quot;); opacity: 1; border-radius: 0px; border-width: 0px;&quot;,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-ZRDxrRrBxufK&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-8fNMvtyQSYJl&quot;,&quot;shortId&quot;:&quot;J8G0oZe9CsCj&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:true,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 30px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:&quot;Full Width&quot;,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background-repeat: no-repeat; background-position: left top; background-size: auto; opacity: 1; padding-top: 5px; padding-bottom: 5px; border-radius: 0px; border-width: 0px;&quot;,&quot;componentName&quot;:&quot;column-8LHS4LnsDn_k&quot;,&quot;shortId&quot;:&quot;cHltN3IyaKPb&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-HUpOl1OElHLk&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-YPNwLKKlKExE&quot;,&quot;shortId&quot;:&quot;5mUfm4ex-13E&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:&quot;Custom&quot;,&quot;customWidth&quot;:960,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-NvnVCe9kepnU&quot;,&quot;shortId&quot;:&quot;qq9TPl99sPom&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">Stop wrestling with tools. Embrace AI-powered visual modeling. Let our AI handle the visualization so you can focus on solving the bigger problems.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f3b2a7b elementor-align-center elementor-widget elementor-widget-button\" data-id=\"6f3b2a7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Started with AI Chat<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":67,"template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"diagram-type":[6],"class_list":["post-501","diagram","type-diagram","status-publish","has-post-thumbnail","hentry","diagram-type-c4"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C4 Component Diagram - AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/title>\n<meta name=\"description\" content=\"Zoom into your software containers with an AI C4 Component Diagram tool. Map the internal building blocks and code structure for clear implementation blueprints.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C4 Component Diagram - AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439\" \/>\n<meta property=\"og:description\" content=\"Zoom into your software containers with an AI C4 Component Diagram tool. Map the internal building blocks and code structure for clear implementation blueprints.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/\" \/>\n<meta property=\"og:site_name\" content=\"AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-27T01:05:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/C4-Component-Diagram.png\" \/>\n\t<meta property=\"og:image:width\" content=\"984\" \/>\n\t<meta property=\"og:image:height\" content=\"614\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 \u043c\u0438\u043d\u0443\u0442\u044b\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/\",\"url\":\"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/\",\"name\":\"C4 Component Diagram - AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439\",\"isPartOf\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/C4-Component-Diagram.png\",\"datePublished\":\"2025-11-25T07:20:00+00:00\",\"dateModified\":\"2025-11-27T01:05:56+00:00\",\"description\":\"Zoom into your software containers with an AI C4 Component Diagram tool. Map the internal building blocks and code structure for clear implementation blueprints.\",\"breadcrumb\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/#breadcrumb\"},\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/#primaryimage\",\"url\":\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/C4-Component-Diagram.png\",\"contentUrl\":\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/C4-Component-Diagram.png\",\"width\":984,\"height\":614},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/chat.visual-paradigm.com\/ru\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C4 Component Diagram\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/#website\",\"url\":\"https:\/\/chat.visual-paradigm.com\/ru\/\",\"name\":\"AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/chat.visual-paradigm.com\/ru\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ru-RU\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/#organization\",\"name\":\"AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439\",\"url\":\"https:\/\/chat.visual-paradigm.com\/ru\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/visual-paradigm-ai-chatbotv3.png\",\"contentUrl\":\"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/visual-paradigm-ai-chatbotv3.png\",\"width\":240,\"height\":59,\"caption\":\"AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439\"},\"image\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/ru\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C4 Component Diagram - AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439","description":"Zoom into your software containers with an AI C4 Component Diagram tool. Map the internal building blocks and code structure for clear implementation blueprints.","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:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/","og_locale":"ru_RU","og_type":"article","og_title":"C4 Component Diagram - AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439","og_description":"Zoom into your software containers with an AI C4 Component Diagram tool. Map the internal building blocks and code structure for clear implementation blueprints.","og_url":"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/","og_site_name":"AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439","article_modified_time":"2025-11-27T01:05:56+00:00","og_image":[{"width":984,"height":614,"url":"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/C4-Component-Diagram.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f":"4 \u043c\u0438\u043d\u0443\u0442\u044b"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/","url":"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/","name":"C4 Component Diagram - AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439","isPartOf":{"@id":"https:\/\/chat.visual-paradigm.com\/ru\/#website"},"primaryImageOfPage":{"@id":"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/#primaryimage"},"image":{"@id":"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/#primaryimage"},"thumbnailUrl":"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/C4-Component-Diagram.png","datePublished":"2025-11-25T07:20:00+00:00","dateModified":"2025-11-27T01:05:56+00:00","description":"Zoom into your software containers with an AI C4 Component Diagram tool. Map the internal building blocks and code structure for clear implementation blueprints.","breadcrumb":{"@id":"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/"]}]},{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/#primaryimage","url":"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/C4-Component-Diagram.png","contentUrl":"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/C4-Component-Diagram.png","width":984,"height":614},{"@type":"BreadcrumbList","@id":"https:\/\/chat.visual-paradigm.com\/ru\/diagram\/c4-component-diagram\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chat.visual-paradigm.com\/ru\/"},{"@type":"ListItem","position":2,"name":"C4 Component Diagram"}]},{"@type":"WebSite","@id":"https:\/\/chat.visual-paradigm.com\/ru\/#website","url":"https:\/\/chat.visual-paradigm.com\/ru\/","name":"AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439","description":"","publisher":{"@id":"https:\/\/chat.visual-paradigm.com\/ru\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chat.visual-paradigm.com\/ru\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ru-RU"},{"@type":"Organization","@id":"https:\/\/chat.visual-paradigm.com\/ru\/#organization","name":"AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439","url":"https:\/\/chat.visual-paradigm.com\/ru\/","logo":{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/chat.visual-paradigm.com\/ru\/#\/schema\/logo\/image\/","url":"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/visual-paradigm-ai-chatbotv3.png","contentUrl":"https:\/\/chat.visual-paradigm.com\/ru\/wp-content\/uploads\/sites\/12\/2025\/11\/visual-paradigm-ai-chatbotv3.png","width":240,"height":59,"caption":"AI Chatbot \u0420\u0443\u0441\u0441\u043a\u0438\u0439"},"image":{"@id":"https:\/\/chat.visual-paradigm.com\/ru\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/chat.visual-paradigm.com\/ru\/wp-json\/wp\/v2\/diagram\/501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chat.visual-paradigm.com\/ru\/wp-json\/wp\/v2\/diagram"}],"about":[{"href":"https:\/\/chat.visual-paradigm.com\/ru\/wp-json\/wp\/v2\/types\/diagram"}],"version-history":[{"count":13,"href":"https:\/\/chat.visual-paradigm.com\/ru\/wp-json\/wp\/v2\/diagram\/501\/revisions"}],"predecessor-version":[{"id":1071,"href":"https:\/\/chat.visual-paradigm.com\/ru\/wp-json\/wp\/v2\/diagram\/501\/revisions\/1071"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chat.visual-paradigm.com\/ru\/wp-json\/wp\/v2\/media\/67"}],"wp:attachment":[{"href":"https:\/\/chat.visual-paradigm.com\/ru\/wp-json\/wp\/v2\/media?parent=501"}],"wp:term":[{"taxonomy":"diagram-type","embeddable":true,"href":"https:\/\/chat.visual-paradigm.com\/ru\/wp-json\/wp\/v2\/diagram-type?post=501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}