{"id":256,"date":"2025-11-24T07:59:11","date_gmt":"2025-11-24T07:59:11","guid":{"rendered":"https:\/\/chat.visual-paradigm.com\/vn\/?post_type=diagram&#038;p=256"},"modified":"2025-11-27T01:08:06","modified_gmt":"2025-11-27T01:08:06","slug":"c4-system-context","status":"publish","type":"diagram","link":"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/","title":{"rendered":"C4 System Context"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"256\" class=\"elementor elementor-256\">\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 System Context 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-prrr2Sh1nSz-&quot;,&quot;shortId&quot;:&quot;k2f0okrNblxc&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;sDBD-uYU7gad&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-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-DlMBO7tKXUJU&quot;,&quot;shortId&quot;:&quot;FXSsehbMZVDb&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;H64fAcwO9j0V&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 System Context Diagram provides a high-level overview of a software system and its interactions with external users and systems.<\/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\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/ai-powered-chatbot-for-c4-sytem-context-diagram-1.jpg\" class=\"attachment-full size-full wp-image-314\" alt=\"Generate C4 System Context Diagram with AI Chatbot.\" srcset=\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/ai-powered-chatbot-for-c4-sytem-context-diagram-1.jpg 1034w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/ai-powered-chatbot-for-c4-sytem-context-diagram-1-300x178.jpg 300w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/ai-powered-chatbot-for-c4-sytem-context-diagram-1-1024x607.jpg 1024w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/ai-powered-chatbot-for-c4-sytem-context-diagram-1-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 System Context Diagram 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>Creating a C4 System Context Diagram becomes remarkably fast with the AI Chatbot. Simply describe the environment of your system\u2014such as \u201cBuild a C4 System Context Diagram for an Online Banking Platform\u201d\u2014and the chatbot produces a complete, high-level view in seconds. It identifies the main actors, external systems, and interactions automatically, giving you a ready-to-use diagram without touching any layout tools.<\/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\/vn\/wp-content\/uploads\/sites\/13\/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\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram-1024x488.png 1024w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram-300x143.png 300w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram-768x366.png 768w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/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 and Explore Through Conversation<\/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>You can expand and clarify the diagram through natural conversation. Ask the AI to add new people, adjust system boundaries, rename components, or describe relationships more clearly. You can also request deeper insights\u2014like \u201cWhat elements seem missing?\u201d or \u201cSuggest external dependencies.\u201d The chatbot becomes an active thinking partner, helping you shape a clean and accurate architectural context.<\/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\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/featuresv2.png\" class=\"attachment-large size-large wp-image-248\" alt=\"\" srcset=\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/featuresv2.png 884w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/featuresv2-300x90.png 300w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/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 System Context Diagram\u200b 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\/vn\/wp-content\/uploads\/sites\/13\/elementor\/thumbs\/tick-icon-3-rkyubry1676vxazjclzfk0wcvvshu4vnh3qie1ysxs.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>Produce clear, C4-compliant diagrams instantly from simple text prompts.<\/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\/vn\/wp-content\/uploads\/sites\/13\/elementor\/thumbs\/tick-icon-3-rkyubry1676vxazjclzfk0wcvvshu4vnh3qie1ysxs.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>Easily adjust system scope, actors, and dependencies through conversational commands.<\/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\/vn\/wp-content\/uploads\/sites\/13\/elementor\/thumbs\/tick-icon-3-rkyubry1676vxazjclzfk0wcvvshu4vnh3qie1ysxs.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>Maintain architectural clarity with AI guidance that prevents unnecessary detail.<\/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\/vn\/wp-content\/uploads\/sites\/13\/elementor\/thumbs\/tick-icon-3-rkyubry1676vxazjclzfk0wcvvshu4vnh3qie1ysxs.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>Build a shared understanding quickly during early-stage discussions or kickoffs.<\/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\/vn\/wp-content\/uploads\/sites\/13\/elementor\/thumbs\/tick-icon-3-rkyubry1676vxazjclzfk0wcvvshu4vnh3qie1ysxs.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>Use the generated context as a foundation for deeper C4 modeling, such as Container or Component diagrams.<\/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 System Context 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}]\">News Publishing Platform<\/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\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/News-Publishing-Platform-1-1024x749.png\" class=\"attachment-large size-large wp-image-317\" alt=\"\" srcset=\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/News-Publishing-Platform-1-1024x749.png 1024w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/News-Publishing-Platform-1-300x220.png 300w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/News-Publishing-Platform-1-768x562.png 768w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/News-Publishing-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-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-dY5NG1sp0mgT&quot;,&quot;shortId&quot;:&quot;UCkvjHWLNYwL&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;rUnXMR20biWb&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-H3rx-2jCMIii&quot;,&quot;shortId&quot;:&quot;Lju_OExC-EdZ&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;h7MaX7L46xXh&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-ZSAs5sHs_9hi&quot;,&quot;shortId&quot;:&quot;TZUy6zFirwdM&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;yBkcKwcnP_nQ&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;Create a C4 System Context Diagram for a News Publishing Platform. &#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=53638e2e-7c16-4bca-9044-44a15176430e\">\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-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_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-NXO8-IBKDyGR&quot;,&quot;shortId&quot;:&quot;4t4hQOejpGdd&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;kkLtk-dwwFJW&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-j-EeBZrjg53M&quot;,&quot;shortId&quot;:&quot;LtF7EPLc4Iz9&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;JEx6TAWra1M5&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}]\">Insurance Claim Processing 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\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Insurance-Claim-Processing-System-1-1024x749.png\" class=\"attachment-large size-large wp-image-316\" alt=\"Creating diagram for &quot;Prepare a C4 System Context Diagram for an Insurance Claim Processing System.&quot;\" srcset=\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Insurance-Claim-Processing-System-1-1024x749.png 1024w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Insurance-Claim-Processing-System-1-300x220.png 300w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Insurance-Claim-Processing-System-1-768x562.png 768w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Insurance-Claim-Processing-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-dY5NG1sp0mgT&quot;,&quot;shortId&quot;:&quot;UCkvjHWLNYwL&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;rUnXMR20biWb&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-Ukuqhv7457KH&quot;,&quot;shortId&quot;:&quot;BwhwaNAliQ8U&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;sheH4SXb7TV6&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-VQW4MgXODwEv&quot;,&quot;shortId&quot;:&quot;JwUBw3p0G6Bw&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;ZPt88sHmiODA&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 System Context Diagram for an Insurance Claim Processing 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=2b7eb7bd-f8e5-4516-80c0-849d19310003\">\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-dY5NG1sp0mgT&quot;,&quot;shortId&quot;:&quot;UCkvjHWLNYwL&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;rUnXMR20biWb&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-uSwnoRBYxL3p&quot;,&quot;shortId&quot;:&quot;LnAcGM81-Pdl&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;6HyURTLch03v&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-meya0LtD2v-6&quot;,&quot;shortId&quot;:&quot;IQ_YkggSbhzC&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;glfZilmMfdbc&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}]\">Public Transportation Ticketing System<\/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\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Public-Transportation-Ticketing-System-1-1024x749.png\" class=\"attachment-large size-large wp-image-315\" alt=\"Creating diagram for &quot;Build a C4 System Context Diagram for a Public Transportation Ticketing System.&quot;\" srcset=\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Public-Transportation-Ticketing-System-1-1024x749.png 1024w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Public-Transportation-Ticketing-System-1-300x220.png 300w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Public-Transportation-Ticketing-System-1-768x562.png 768w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Public-Transportation-Ticketing-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-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-dY5NG1sp0mgT&quot;,&quot;shortId&quot;:&quot;UCkvjHWLNYwL&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;rUnXMR20biWb&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-uSwnoRBYxL3p&quot;,&quot;shortId&quot;:&quot;LnAcGM81-Pdl&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;6HyURTLch03v&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-XVORJd-bu7ns&quot;,&quot;shortId&quot;:&quot;vCIN8bmQNRwT&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;ywklIw0ZwJdr&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;Build a C4 System Context Diagram for a Public Transportation Ticketing System.&#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=4b0a802c-5523-4075-8960-38f444266848\">\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 System Context 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 System Context Diagram provides the top-level view of how your software system fits into its surrounding environment. It highlights the system, the people who use it, and the external systems it depends on\u2014all presented in a simple, high-level structure that anyone can understand.<\/p><p>This diagram is designed to establish a shared vision from the very beginning of a project. By defining boundaries early, it becomes easier to communicate scope, clarify responsibilities, and ensure that both technical and non-technical stakeholders are aligned before moving into deeper levels of design.<\/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=\"482\" src=\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Diagram-Example-Page-1-2-768x482.png\" class=\"attachment-medium_large size-medium_large wp-image-318\" alt=\"Key Concepts of a C4 System Context Diagram\" srcset=\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Diagram-Example-Page-1-2-768x482.png 768w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Diagram-Example-Page-1-2-300x188.png 300w, https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/Diagram-Example-Page-1-2.png 1000w\" 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 System Context 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-sIY02SbSnE5g&quot;,&quot;shortId&quot;:&quot;z8sM9jMZdRIB&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;gV4Z2dJJruky&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-0BD0481dQGCj&quot;,&quot;shortId&quot;:&quot;ss2yKs39Q_qw&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;7yILr_J1d1Tt&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-OIdJFmoFPsSU&quot;,&quot;shortId&quot;:&quot;YKHm2Kvb02xB&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;WA5xqfBDxyWt&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 System Context Diagram provides a high-level view of the system and its environment. It shows the system, its users, external systems, and how they interact, helping stakeholders understand the overall scope.<\/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\"> 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-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-sIY02SbSnE5g&quot;,&quot;shortId&quot;:&quot;z8sM9jMZdRIB&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;gV4Z2dJJruky&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-lncxBCL0q79y&quot;,&quot;shortId&quot;:&quot;aNpBVx5BeKru&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;nSrcg-Q1SPQ7&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-xiZ2ciLmr0oG&quot;,&quot;shortId&quot;:&quot;bU7mOYPFSsMM&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;5jNFXxGTqbmo&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 A general boundary grouping elements in the diagram.<\/p><\/li><li><p><strong>Enterprise_Boundary<\/strong>\u00a0\u2013 Defines the scope of the organization or enterprise.<\/p><\/li><li><p><strong>System_Boundary<\/strong>\u00a0\u2013 Defines the boundary of the system, separating it from external systems and actors.<\/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-sIY02SbSnE5g&quot;,&quot;shortId&quot;:&quot;z8sM9jMZdRIB&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;gV4Z2dJJruky&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-3W8P-SUMcqZY&quot;,&quot;shortId&quot;:&quot;1U3yN5oB9mOy&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;zEpU6Occ7GLy&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-nkJDjByny5oE&quot;,&quot;shortId&quot;:&quot;97psCJ0xKr5M&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;6Qa4Rc6Cp7FJ&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\"> 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-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-sIY02SbSnE5g&quot;,&quot;shortId&quot;:&quot;z8sM9jMZdRIB&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;gV4Z2dJJruky&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-vVIHtH_LEt4Z&quot;,&quot;shortId&quot;:&quot;_8XvVEbvtJXG&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;I6UyfYeSi8g6&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-HVzgitUDrfex&quot;,&quot;shortId&quot;:&quot;RSrECfzJPKQn&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;MG3WAmo9HVVN&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 The internal system being modeled.<\/p><\/li><li><p><strong>SystemDb<\/strong>\u00a0\u2013 A database within the system.<\/p><\/li><li><p><strong>SystemQueue<\/strong>\u00a0\u2013 A messaging or queuing system within the system.<\/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 messaging or queuing system.<\/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":70,"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-256","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 System Context - AI Chatbot Ti\u1ebfng Vi\u1ec7t<\/title>\n<meta name=\"description\" content=\"Create C4 System Context Diagrams instantly with our AI Chatbot. Define system boundaries, users, and external dependencies through simple prompts.\" \/>\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\/vn\/diagram\/c4-system-context\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C4 System Context - AI Chatbot Ti\u1ebfng Vi\u1ec7t\" \/>\n<meta property=\"og:description\" content=\"Create C4 System Context Diagrams instantly with our AI Chatbot. Define system boundaries, users, and external dependencies through simple prompts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/\" \/>\n<meta property=\"og:site_name\" content=\"AI Chatbot Ti\u1ebfng Vi\u1ec7t\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-27T01:08:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/C4-System-Context-Diagram-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1212\" \/>\n\t<meta property=\"og:image:height\" content=\"781\" \/>\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=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/\",\"url\":\"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/\",\"name\":\"C4 System Context - AI Chatbot Ti\u1ebfng Vi\u1ec7t\",\"isPartOf\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/C4-System-Context-Diagram-1.png\",\"datePublished\":\"2025-11-24T07:59:11+00:00\",\"dateModified\":\"2025-11-27T01:08:06+00:00\",\"description\":\"Create C4 System Context Diagrams instantly with our AI Chatbot. Define system boundaries, users, and external dependencies through simple prompts.\",\"breadcrumb\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/#primaryimage\",\"url\":\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/C4-System-Context-Diagram-1.png\",\"contentUrl\":\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/C4-System-Context-Diagram-1.png\",\"width\":1212,\"height\":781},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/chat.visual-paradigm.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C4 System Context\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/#website\",\"url\":\"https:\/\/chat.visual-paradigm.com\/vn\/\",\"name\":\"AI Chatbot Ti\u1ebfng Vi\u1ec7t\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/chat.visual-paradigm.com\/vn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/#organization\",\"name\":\"AI Chatbot Ti\u1ebfng Vi\u1ec7t\",\"url\":\"https:\/\/chat.visual-paradigm.com\/vn\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/visual-paradigm-ai-chatbotv3.png\",\"contentUrl\":\"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/visual-paradigm-ai-chatbotv3.png\",\"width\":240,\"height\":59,\"caption\":\"AI Chatbot Ti\u1ebfng Vi\u1ec7t\"},\"image\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/vn\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C4 System Context - AI Chatbot Ti\u1ebfng Vi\u1ec7t","description":"Create C4 System Context Diagrams instantly with our AI Chatbot. Define system boundaries, users, and external dependencies through simple prompts.","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\/vn\/diagram\/c4-system-context\/","og_locale":"vi_VN","og_type":"article","og_title":"C4 System Context - AI Chatbot Ti\u1ebfng Vi\u1ec7t","og_description":"Create C4 System Context Diagrams instantly with our AI Chatbot. Define system boundaries, users, and external dependencies through simple prompts.","og_url":"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/","og_site_name":"AI Chatbot Ti\u1ebfng Vi\u1ec7t","article_modified_time":"2025-11-27T01:08:06+00:00","og_image":[{"width":1212,"height":781,"url":"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/C4-System-Context-Diagram-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"1 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/","url":"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/","name":"C4 System Context - AI Chatbot Ti\u1ebfng Vi\u1ec7t","isPartOf":{"@id":"https:\/\/chat.visual-paradigm.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/#primaryimage"},"image":{"@id":"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/#primaryimage"},"thumbnailUrl":"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/C4-System-Context-Diagram-1.png","datePublished":"2025-11-24T07:59:11+00:00","dateModified":"2025-11-27T01:08:06+00:00","description":"Create C4 System Context Diagrams instantly with our AI Chatbot. Define system boundaries, users, and external dependencies through simple prompts.","breadcrumb":{"@id":"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/#primaryimage","url":"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/C4-System-Context-Diagram-1.png","contentUrl":"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/C4-System-Context-Diagram-1.png","width":1212,"height":781},{"@type":"BreadcrumbList","@id":"https:\/\/chat.visual-paradigm.com\/vn\/diagram\/c4-system-context\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chat.visual-paradigm.com\/vn\/"},{"@type":"ListItem","position":2,"name":"C4 System Context"}]},{"@type":"WebSite","@id":"https:\/\/chat.visual-paradigm.com\/vn\/#website","url":"https:\/\/chat.visual-paradigm.com\/vn\/","name":"AI Chatbot Ti\u1ebfng Vi\u1ec7t","description":"","publisher":{"@id":"https:\/\/chat.visual-paradigm.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chat.visual-paradigm.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/chat.visual-paradigm.com\/vn\/#organization","name":"AI Chatbot Ti\u1ebfng Vi\u1ec7t","url":"https:\/\/chat.visual-paradigm.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/chat.visual-paradigm.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/visual-paradigm-ai-chatbotv3.png","contentUrl":"https:\/\/chat.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2025\/11\/visual-paradigm-ai-chatbotv3.png","width":240,"height":59,"caption":"AI Chatbot Ti\u1ebfng Vi\u1ec7t"},"image":{"@id":"https:\/\/chat.visual-paradigm.com\/vn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/chat.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/diagram\/256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chat.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/diagram"}],"about":[{"href":"https:\/\/chat.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/types\/diagram"}],"version-history":[{"count":22,"href":"https:\/\/chat.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/diagram\/256\/revisions"}],"predecessor-version":[{"id":1101,"href":"https:\/\/chat.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/diagram\/256\/revisions\/1101"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chat.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media\/70"}],"wp:attachment":[{"href":"https:\/\/chat.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media?parent=256"}],"wp:term":[{"taxonomy":"diagram-type","embeddable":true,"href":"https:\/\/chat.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/diagram-type?post=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}