{
  "version": "2.7",
  "children": [
    {
      "type": "frame",
      "id": "AIChatbotScreen",
      "x": 0,
      "y": 0,
      "name": "Screen/AI Chatbot",
      "reusable": true,
      "clip": true,
      "width": 2063,
      "height": 800,
      "fill": "$bg-page",
      "children": [
        {
          "type": "frame",
          "id": "Sidebar",
          "width": 240,
          "height": "fill_container",
          "fill": "$bg-card",
          "stroke": {
            "align": "inside",
            "thickness": 3,
            "fill": "$yellow-primary"
          },
          "layout": "vertical",
          "padding": [
            24,
            16
          ],
          "justifyContent": "space_between",
          "children": [
            {
              "type": "frame",
              "id": "SidebarTop",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 32,
              "children": [
                {
                  "type": "frame",
                  "id": "LogoSection",
                  "width": "fill_container",
                  "stroke": {
                    "align": "inside",
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "gap": 8,
                  "padding": [
                    0,
                    0,
                    16,
                    0
                  ],
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "frame",
                      "id": "LogoMark",
                      "width": 32,
                      "height": 32,
                      "fill": "$yellow-primary",
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "LogoLetter",
                          "fill": "$bg-card",
                          "content": "M",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 16,
                          "fontWeight": "700"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "LogoText",
                      "fill": "$text-primary",
                      "content": "tMARKETING",
                      "fontFamily": "JetBrains Mono",
                      "fontSize": 14,
                      "fontWeight": "700"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "NavSection",
                  "width": "fill_container",
                  "layout": "vertical",
                  "gap": 2,
                  "children": [
                    {
                      "type": "frame",
                      "id": "NavHub",
                      "width": "fill_container",
                      "gap": 10,
                      "padding": [
                        10,
                        12
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "NavHubNum",
                          "fill": "$text-tertiary",
                          "content": "01",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        },
                        {
                          "type": "text",
                          "id": "NavHubLabel",
                          "fill": "$text-secondary",
                          "content": "HUB",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "500"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "NavChat",
                      "width": "fill_container",
                      "gap": 10,
                      "padding": [
                        10,
                        12
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "NavChatNum",
                          "fill": "$text-tertiary",
                          "content": "02",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        },
                        {
                          "type": "text",
                          "id": "NavChatLabel",
                          "fill": "$text-secondary",
                          "content": "CHAT",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "500"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "NavBot",
                      "width": "fill_container",
                      "gap": 10,
                      "padding": [
                        10,
                        12
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "NavBotNum",
                          "fill": "$text-tertiary",
                          "content": "03",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        },
                        {
                          "type": "text",
                          "id": "NavBotLabel",
                          "fill": "$text-secondary",
                          "content": "BOT",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "500"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "NavAIBot",
                      "width": "fill_container",
                      "fill": "#FACC1515",
                      "stroke": {
                        "align": "inside",
                        "thickness": 1,
                        "fill": "$yellow-primary"
                      },
                      "gap": 10,
                      "padding": [
                        10,
                        12
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "NavAIBotNum",
                          "fill": "$yellow-primary",
                          "content": "04",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        },
                        {
                          "type": "text",
                          "id": "NavAIBotLabel",
                          "fill": "$text-primary",
                          "content": "AI BOT",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "NavCRM",
                      "width": "fill_container",
                      "gap": 10,
                      "padding": [
                        10,
                        12
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "NavCRMNum",
                          "fill": "$text-tertiary",
                          "content": "05",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        },
                        {
                          "type": "text",
                          "id": "NavCRMLabel",
                          "fill": "$text-secondary",
                          "content": "CRM",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "500"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "NavStats",
                      "width": "fill_container",
                      "gap": 10,
                      "padding": [
                        10,
                        12
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "NavStatsNum",
                          "fill": "$text-tertiary",
                          "content": "06",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        },
                        {
                          "type": "text",
                          "id": "NavStatsLabel",
                          "fill": "$text-secondary",
                          "content": "ANALYTICS",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "500"
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "type": "frame",
              "id": "SidebarBottom",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 20,
              "children": [
                {
                  "type": "frame",
                  "id": "AICredits",
                  "width": "fill_container",
                  "fill": "#A855F715",
                  "stroke": {
                    "thickness": 1,
                    "fill": "#A855F730"
                  },
                  "layout": "vertical",
                  "gap": 12,
                  "padding": 16,
                  "children": [
                    {
                      "type": "frame",
                      "id": "CreditsHeader",
                      "gap": 8,
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "CreditsIcon",
                          "width": 14,
                          "height": 14,
                          "iconFontName": "sparkles",
                          "iconFontFamily": "lucide",
                          "fill": "#A855F7"
                        },
                        {
                          "type": "text",
                          "id": "CreditsLabel",
                          "fill": "#A855F7",
                          "content": "GEMINI API",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "700"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "CreditsValue",
                      "fill": "$text-primary",
                      "content": "8.2K tokens left",
                      "fontFamily": "JetBrains Mono",
                      "fontSize": 12,
                      "fontWeight": "normal"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "AccountRow",
                  "width": "fill_container",
                  "stroke": {
                    "align": "inside",
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "gap": 10,
                  "padding": [
                    20,
                    0,
                    0,
                    0
                  ],
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "frame",
                      "id": "Avatar",
                      "width": 32,
                      "height": 32,
                      "fill": "$border",
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "AvatarText",
                          "fill": "$text-primary",
                          "content": "AD",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 10,
                          "fontWeight": "700"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "UserName",
                      "fill": "$text-primary",
                      "content": "ADMIN",
                      "fontFamily": "JetBrains Mono",
                      "fontSize": 12,
                      "fontWeight": "600"
                    },
                    {
                      "type": "icon_font",
                      "id": "ChevronIcon",
                      "width": 14,
                      "height": 14,
                      "iconFontName": "chevron-right",
                      "iconFontFamily": "lucide",
                      "fill": "$text-tertiary"
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          "type": "frame",
          "id": "MainContent",
          "width": "fill_container",
          "height": "fill_container",
          "fill": "$bg-page",
          "children": [
            {
              "type": "frame",
              "id": "ScenariosList",
              "width": 320,
              "height": "fill_container",
              "fill": "$bg-card",
              "stroke": {
                "thickness": 1,
                "fill": "$border"
              },
              "layout": "vertical",
              "children": [
                {
                  "type": "frame",
                  "id": "ScenariosHeader",
                  "width": "fill_container",
                  "stroke": {
                    "align": "inside",
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "padding": [
                    16,
                    20
                  ],
                  "justifyContent": "space_between",
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "frame",
                      "id": "ScenariosLeft",
                      "gap": 10,
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "ScenariosIcon",
                          "width": 16,
                          "height": 16,
                          "iconFontName": "layers",
                          "iconFontFamily": "lucide",
                          "fill": "$yellow-primary"
                        },
                        {
                          "type": "text",
                          "id": "ScenariosTitle",
                          "fill": "$text-primary",
                          "content": "SCENARIOS",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "700"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "AddScenarioBtn",
                      "width": 28,
                      "height": 28,
                      "fill": "$yellow-primary",
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "AddScenarioIcon",
                          "width": 14,
                          "height": 14,
                          "iconFontName": "plus",
                          "iconFontFamily": "lucide",
                          "fill": "$bg-card"
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "ScenarioItems",
                  "width": "fill_container",
                  "height": "fill_container",
                  "layout": "vertical",
                  "children": [
                    {
                      "type": "frame",
                      "id": "Scenario1",
                      "width": "fill_container",
                      "fill": "#FACC1510",
                      "stroke": {
                        "align": "inside",
                        "thickness": 2,
                        "fill": "$yellow-primary"
                      },
                      "layout": "vertical",
                      "gap": 12,
                      "padding": 16,
                      "children": [
                        {
                          "type": "frame",
                          "id": "S1Header",
                          "width": "fill_container",
                          "justifyContent": "space_between",
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "frame",
                              "id": "S1Left",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "icon_font",
                                  "id": "S1Icon",
                                  "width": 14,
                                  "height": 14,
                                  "iconFontName": "sparkles",
                                  "iconFontFamily": "lucide",
                                  "fill": "#A855F7"
                                },
                                {
                                  "type": "text",
                                  "id": "S1Name",
                                  "fill": "$text-primary",
                                  "content": "Product Consultant",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 12,
                                  "fontWeight": "600"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "S1Status",
                              "fill": "#22C55E20",
                              "padding": [
                                4,
                                8
                              ],
                              "children": [
                                {
                                  "type": "text",
                                  "id": "S1StatusText",
                                  "fill": "$success",
                                  "content": "ACTIVE",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 9,
                                  "fontWeight": "700"
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "S1Desc",
                          "fill": "$text-secondary",
                          "content": "Tư vấn sản phẩm tự động với AI",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "normal"
                        },
                        {
                          "type": "frame",
                          "id": "S1Stats",
                          "gap": 16,
                          "children": [
                            {
                              "type": "text",
                              "id": "S1Convos",
                              "fill": "$text-tertiary",
                              "content": "2.4K convos",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 10,
                              "fontWeight": "normal"
                            },
                            {
                              "type": "text",
                              "id": "S1Rate",
                              "fill": "$success",
                              "content": "92% success",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 10,
                              "fontWeight": "normal"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "Scenario2",
                      "width": "fill_container",
                      "stroke": {
                        "align": "inside",
                        "thickness": 1,
                        "fill": "$border"
                      },
                      "layout": "vertical",
                      "gap": 12,
                      "padding": 16,
                      "children": [
                        {
                          "type": "frame",
                          "id": "S2Header",
                          "width": "fill_container",
                          "justifyContent": "space_between",
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "frame",
                              "id": "S2Left",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "icon_font",
                                  "id": "S2Icon",
                                  "width": 14,
                                  "height": 14,
                                  "iconFontName": "sparkles",
                                  "iconFontFamily": "lucide",
                                  "fill": "#A855F7"
                                },
                                {
                                  "type": "text",
                                  "id": "S2Name",
                                  "fill": "$text-primary",
                                  "content": "FAQ Handler",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 12,
                                  "fontWeight": "600"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "S2Status",
                              "fill": "#22C55E20",
                              "padding": [
                                4,
                                8
                              ],
                              "children": [
                                {
                                  "type": "text",
                                  "id": "S2StatusText",
                                  "fill": "$success",
                                  "content": "ACTIVE",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 9,
                                  "fontWeight": "700"
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "S2Desc",
                          "fill": "$text-secondary",
                          "content": "Trả lời câu hỏi thường gặp",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "normal"
                        },
                        {
                          "type": "frame",
                          "id": "S2Stats",
                          "gap": 16,
                          "children": [
                            {
                              "type": "text",
                              "id": "S2Convos",
                              "fill": "$text-tertiary",
                              "content": "5.1K convos",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 10,
                              "fontWeight": "normal"
                            },
                            {
                              "type": "text",
                              "id": "S2Rate",
                              "fill": "$success",
                              "content": "88% success",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 10,
                              "fontWeight": "normal"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "Scenario3",
                      "width": "fill_container",
                      "stroke": {
                        "align": "inside",
                        "thickness": 1,
                        "fill": "$border"
                      },
                      "layout": "vertical",
                      "gap": 12,
                      "padding": 16,
                      "children": [
                        {
                          "type": "frame",
                          "id": "S3Header",
                          "width": "fill_container",
                          "justifyContent": "space_between",
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "frame",
                              "id": "S3Left",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "icon_font",
                                  "id": "S3Icon",
                                  "width": 14,
                                  "height": 14,
                                  "iconFontName": "sparkles",
                                  "iconFontFamily": "lucide",
                                  "fill": "#A855F7"
                                },
                                {
                                  "type": "text",
                                  "id": "S3Name",
                                  "fill": "$text-primary",
                                  "content": "Lead Generator",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 12,
                                  "fontWeight": "600"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "S3Status",
                              "fill": "#FACC1520",
                              "padding": [
                                4,
                                8
                              ],
                              "children": [
                                {
                                  "type": "text",
                                  "id": "S3StatusText",
                                  "fill": "$warning",
                                  "content": "TRAINING",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 9,
                                  "fontWeight": "700"
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "S3Desc",
                          "fill": "$text-secondary",
                          "content": "Thu thập thông tin khách hàng",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "normal"
                        },
                        {
                          "type": "frame",
                          "id": "S3Stats",
                          "gap": 16,
                          "children": [
                            {
                              "type": "text",
                              "id": "S3Convos",
                              "fill": "$text-tertiary",
                              "content": "342 test runs",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 10,
                              "fontWeight": "normal"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "Scenario4",
                      "width": "fill_container",
                      "stroke": {
                        "align": "inside",
                        "thickness": 1,
                        "fill": "$border"
                      },
                      "layout": "vertical",
                      "gap": 12,
                      "padding": 16,
                      "children": [
                        {
                          "type": "frame",
                          "id": "S4Header",
                          "width": "fill_container",
                          "justifyContent": "space_between",
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "frame",
                              "id": "S4Left",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "icon_font",
                                  "id": "S4Icon",
                                  "width": 14,
                                  "height": 14,
                                  "iconFontName": "sparkles",
                                  "iconFontFamily": "lucide",
                                  "fill": "#A855F7"
                                },
                                {
                                  "type": "text",
                                  "id": "S4Name",
                                  "fill": "$text-primary",
                                  "content": "Promo Campaign",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 12,
                                  "fontWeight": "600"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "S4Status",
                              "fill": "$bg-page",
                              "padding": [
                                4,
                                8
                              ],
                              "children": [
                                {
                                  "type": "text",
                                  "id": "S4StatusText",
                                  "fill": "$text-tertiary",
                                  "content": "DRAFT",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 9,
                                  "fontWeight": "700"
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "S4Desc",
                          "fill": "$text-secondary",
                          "content": "Giới thiệu khuyến mãi mới",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "normal"
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "type": "frame",
              "id": "ConfigPanel",
              "width": "fill_container",
              "height": "fill_container",
              "layout": "vertical",
              "children": [
                {
                  "type": "frame",
                  "id": "ConfigHeader",
                  "width": "fill_container",
                  "fill": "$bg-card",
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "padding": [
                    16,
                    24
                  ],
                  "justifyContent": "space_between",
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "frame",
                      "id": "ConfigLeft",
                      "layout": "vertical",
                      "gap": 4,
                      "children": [
                        {
                          "type": "frame",
                          "id": "ConfigTitleRow",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "ConfigIcon",
                              "width": 20,
                              "height": 20,
                              "iconFontName": "sparkles",
                              "iconFontFamily": "lucide",
                              "fill": "#A855F7"
                            },
                            {
                              "type": "text",
                              "id": "ConfigTitle",
                              "fill": "$text-primary",
                              "content": "PRODUCT CONSULTANT",
                              "fontFamily": "Space Grotesk",
                              "fontSize": 20,
                              "fontWeight": "700"
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "ConfigDesc",
                          "fill": "$text-secondary",
                          "content": "Powered by Gemini 2.0 Flash",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "normal"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "ConfigActions",
                      "gap": 12,
                      "children": [
                        {
                          "type": "frame",
                          "id": "TrainBtn",
                          "fill": "#A855F715",
                          "stroke": {
                            "thickness": 1,
                            "fill": "#A855F7"
                          },
                          "gap": 6,
                          "padding": [
                            10,
                            16
                          ],
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "TrainIcon",
                              "width": 14,
                              "height": 14,
                              "iconFontName": "brain",
                              "iconFontFamily": "lucide",
                              "fill": "#A855F7"
                            },
                            {
                              "type": "text",
                              "id": "TrainText",
                              "fill": "#A855F7",
                              "content": "TRAIN",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 11,
                              "fontWeight": "600"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "SaveBtn",
                          "fill": "$yellow-primary",
                          "gap": 6,
                          "padding": [
                            10,
                            18
                          ],
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "SaveIcon",
                              "width": 14,
                              "height": 14,
                              "iconFontName": "save",
                              "iconFontFamily": "lucide",
                              "fill": "$bg-card"
                            },
                            {
                              "type": "text",
                              "id": "SaveText",
                              "fill": "$bg-card",
                              "content": "SAVE",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 11,
                              "fontWeight": "700"
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "ConfigBody",
                  "width": "fill_container",
                  "height": "fill_container",
                  "gap": 20,
                  "padding": 24,
                  "children": [
                    {
                      "type": "frame",
                      "id": "SystemPrompt",
                      "width": "fill_container",
                      "height": "fill_container",
                      "fill": "$bg-card",
                      "stroke": {
                        "thickness": 1,
                        "fill": "$border"
                      },
                      "layout": "vertical",
                      "children": [
                        {
                          "type": "frame",
                          "id": "PromptHeader",
                          "width": "fill_container",
                          "stroke": {
                            "align": "inside",
                            "thickness": 1,
                            "fill": "$border"
                          },
                          "gap": 10,
                          "padding": [
                            14,
                            20
                          ],
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "PromptIcon",
                              "width": 14,
                              "height": 14,
                              "iconFontName": "file-text",
                              "iconFontFamily": "lucide",
                              "fill": "$yellow-primary"
                            },
                            {
                              "type": "text",
                              "id": "PromptTitle",
                              "fill": "$text-primary",
                              "content": "SYSTEM PROMPT",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 11,
                              "fontWeight": "700"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "PromptBody",
                          "width": "fill_container",
                          "height": "fill_container",
                          "padding": 16,
                          "children": [
                            {
                              "type": "text",
                              "id": "PromptText",
                              "fill": "$text-secondary",
                              "content": "Bạn là trợ lý bán hàng chuyên nghiệp của GoodGo. Nhiệm vụ của bạn là:\n\n1. Chào đón khách hàng thân thiện\n2. Tư vấn sản phẩm phù hợp nhu cầu\n3. Trả lời câu hỏi về giá và tính năng\n4. Hướng dẫn đặt hàng\n\nLuôn giữ giọng điệu lịch sự, chuyên nghiệp và hữu ích.",
                              "lineHeight": 1.6,
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 12,
                              "fontWeight": "normal"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "TrainingData",
                      "width": "fill_container",
                      "height": "fill_container",
                      "fill": "$bg-card",
                      "stroke": {
                        "thickness": 1,
                        "fill": "$border"
                      },
                      "layout": "vertical",
                      "children": [
                        {
                          "type": "frame",
                          "id": "TrainingHeader",
                          "width": "fill_container",
                          "stroke": {
                            "align": "inside",
                            "thickness": 1,
                            "fill": "$border"
                          },
                          "padding": [
                            14,
                            20
                          ],
                          "justifyContent": "space_between",
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "frame",
                              "id": "TrainingLeft",
                              "gap": 10,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "icon_font",
                                  "id": "TrainingIcon",
                                  "width": 14,
                                  "height": 14,
                                  "iconFontName": "database",
                                  "iconFontFamily": "lucide",
                                  "fill": "$yellow-primary"
                                },
                                {
                                  "type": "text",
                                  "id": "TrainingTitle",
                                  "fill": "$text-primary",
                                  "content": "TRAINING DATA",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 11,
                                  "fontWeight": "700"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "UploadBtn",
                              "stroke": {
                                "thickness": 1,
                                "fill": "$border"
                              },
                              "gap": 6,
                              "padding": [
                                6,
                                10
                              ],
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "icon_font",
                                  "id": "UploadIcon",
                                  "width": 12,
                                  "height": 12,
                                  "iconFontName": "upload",
                                  "iconFontFamily": "lucide",
                                  "fill": "$text-secondary"
                                },
                                {
                                  "type": "text",
                                  "id": "UploadText",
                                  "fill": "$text-secondary",
                                  "content": "UPLOAD",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 10,
                                  "fontWeight": "600"
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "TrainingBody",
                          "width": "fill_container",
                          "height": "fill_container",
                          "layout": "vertical",
                          "gap": 10,
                          "padding": 16,
                          "children": [
                            {
                              "type": "frame",
                              "id": "DataFile1",
                              "width": "fill_container",
                              "fill": "$bg-page",
                              "stroke": {
                                "thickness": 1,
                                "fill": "$border"
                              },
                              "padding": 12,
                              "justifyContent": "space_between",
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "DF1Left",
                                  "gap": 10,
                                  "alignItems": "center",
                                  "children": [
                                    {
                                      "type": "icon_font",
                                      "id": "DF1Icon",
                                      "width": 14,
                                      "height": 14,
                                      "iconFontName": "file-text",
                                      "iconFontFamily": "lucide",
                                      "fill": "$text-tertiary"
                                    },
                                    {
                                      "type": "text",
                                      "id": "DF1Name",
                                      "fill": "$text-primary",
                                      "content": "products.json",
                                      "fontFamily": "JetBrains Mono",
                                      "fontSize": 11,
                                      "fontWeight": "normal"
                                    }
                                  ]
                                },
                                {
                                  "type": "text",
                                  "id": "DF1Size",
                                  "fill": "$text-tertiary",
                                  "content": "2.4 MB",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 10,
                                  "fontWeight": "normal"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "DataFile2",
                              "width": "fill_container",
                              "fill": "$bg-page",
                              "stroke": {
                                "thickness": 1,
                                "fill": "$border"
                              },
                              "padding": 12,
                              "justifyContent": "space_between",
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "DF2Left",
                                  "gap": 10,
                                  "alignItems": "center",
                                  "children": [
                                    {
                                      "type": "icon_font",
                                      "id": "DF2Icon",
                                      "width": 14,
                                      "height": 14,
                                      "iconFontName": "file-text",
                                      "iconFontFamily": "lucide",
                                      "fill": "$text-tertiary"
                                    },
                                    {
                                      "type": "text",
                                      "id": "DF2Name",
                                      "fill": "$text-primary",
                                      "content": "faq-responses.csv",
                                      "fontFamily": "JetBrains Mono",
                                      "fontSize": 11,
                                      "fontWeight": "normal"
                                    }
                                  ]
                                },
                                {
                                  "type": "text",
                                  "id": "DF2Size",
                                  "fill": "$text-tertiary",
                                  "content": "856 KB",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 10,
                                  "fontWeight": "normal"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "DataFile3",
                              "width": "fill_container",
                              "fill": "$bg-page",
                              "stroke": {
                                "thickness": 1,
                                "fill": "$border"
                              },
                              "padding": 12,
                              "justifyContent": "space_between",
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "DF3Left",
                                  "gap": 10,
                                  "alignItems": "center",
                                  "children": [
                                    {
                                      "type": "icon_font",
                                      "id": "DF3Icon",
                                      "width": 14,
                                      "height": 14,
                                      "iconFontName": "file-text",
                                      "iconFontFamily": "lucide",
                                      "fill": "$text-tertiary"
                                    },
                                    {
                                      "type": "text",
                                      "id": "DF3Name",
                                      "fill": "$text-primary",
                                      "content": "chat-history.json",
                                      "fontFamily": "JetBrains Mono",
                                      "fontSize": 11,
                                      "fontWeight": "normal"
                                    }
                                  ]
                                },
                                {
                                  "type": "text",
                                  "id": "DF3Size",
                                  "fill": "$text-tertiary",
                                  "content": "5.1 MB",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 10,
                                  "fontWeight": "normal"
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "type": "frame",
              "id": "TestPanel",
              "width": 340,
              "height": "fill_container",
              "fill": "$bg-card",
              "stroke": {
                "align": "inside",
                "thickness": 1,
                "fill": "$border"
              },
              "layout": "vertical",
              "children": [
                {
                  "type": "frame",
                  "id": "TestHeader",
                  "width": "fill_container",
                  "stroke": {
                    "align": "inside",
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "gap": 10,
                  "padding": [
                    16,
                    20
                  ],
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "icon_font",
                      "id": "TestIcon",
                      "width": 16,
                      "height": 16,
                      "iconFontName": "message-square",
                      "iconFontFamily": "lucide",
                      "fill": "$yellow-primary"
                    },
                    {
                      "type": "text",
                      "id": "TestTitle",
                      "fill": "$text-primary",
                      "content": "TEST CHAT",
                      "fontFamily": "JetBrains Mono",
                      "fontSize": 12,
                      "fontWeight": "700"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "TestMessages",
                  "width": "fill_container",
                  "height": "fill_container",
                  "layout": "vertical",
                  "gap": 12,
                  "padding": 16,
                  "children": [
                    {
                      "type": "frame",
                      "id": "UserMsg1",
                      "width": "fill_container",
                      "justifyContent": "end",
                      "children": [
                        {
                          "type": "frame",
                          "id": "UserBubble1",
                          "fill": "$yellow-primary",
                          "layout": "vertical",
                          "gap": 4,
                          "padding": [
                            10,
                            14
                          ],
                          "children": [
                            {
                              "type": "text",
                              "id": "UserText1",
                              "fill": "$bg-card",
                              "content": "Cho mình hỏi sản phẩm X giá bao nhiêu?",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 12,
                              "fontWeight": "500"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "BotMsg1",
                      "width": "fill_container",
                      "gap": 10,
                      "children": [
                        {
                          "type": "frame",
                          "id": "BotAvatar",
                          "width": 28,
                          "height": 28,
                          "fill": "#A855F720",
                          "justifyContent": "center",
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "BotAvatarIcon",
                              "width": 14,
                              "height": 14,
                              "iconFontName": "bot",
                              "iconFontFamily": "lucide",
                              "fill": "#A855F7"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "BotBubble1",
                          "width": "fill_container",
                          "fill": "$bg-page",
                          "stroke": {
                            "thickness": 1,
                            "fill": "$border"
                          },
                          "layout": "vertical",
                          "gap": 8,
                          "padding": [
                            10,
                            14
                          ],
                          "children": [
                            {
                              "type": "text",
                              "id": "BotText1",
                              "fill": "$text-primary",
                              "content": "Chào bạn! 👋 Dạ sản phẩm X hiện đang có giá:\n\n• Size S: 250.000đ\n• Size M: 290.000đ\n• Size L: 350.000đ\n\nBạn muốn mình tư vấn thêm về sản phẩm không ạ?",
                              "lineHeight": 1.5,
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 12,
                              "fontWeight": "normal"
                            },
                            {
                              "type": "frame",
                              "id": "BotInfo",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "icon_font",
                                  "id": "BotInfoIcon",
                                  "width": 10,
                                  "height": 10,
                                  "iconFontName": "sparkles",
                                  "iconFontFamily": "lucide",
                                  "fill": "#A855F7"
                                },
                                {
                                  "type": "text",
                                  "id": "BotInfoText",
                                  "fill": "#A855F7",
                                  "content": "Gemini 2.0",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 10,
                                  "fontWeight": "normal"
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "TestInput",
                  "width": "fill_container",
                  "stroke": {
                    "align": "inside",
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "gap": 10,
                  "padding": [
                    12,
                    16
                  ],
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "frame",
                      "id": "TestInputField",
                      "width": "fill_container",
                      "height": 36,
                      "fill": "$bg-page",
                      "stroke": {
                        "thickness": 1,
                        "fill": "$border"
                      },
                      "padding": [
                        0,
                        12
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "TestInputPlaceholder",
                          "fill": "$text-tertiary",
                          "content": "Test a message...",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "normal"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "TestSendBtn",
                      "width": 36,
                      "height": 36,
                      "fill": "$yellow-primary",
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "TestSendIcon",
                          "width": 16,
                          "height": 16,
                          "iconFontName": "send",
                          "iconFontFamily": "lucide",
                          "fill": "$bg-card"
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    }
  ],
  "variables": {
    "bg-page": {
      "type": "color",
      "value": "#18181B"
    },
    "bg-card": {
      "type": "color",
      "value": "#0F0F10"
    },
    "yellow-primary": {
      "type": "color",
      "value": "#FACC15"
    },
    "text-primary": {
      "type": "color",
      "value": "#FAFAFA"
    },
    "text-secondary": {
      "type": "color",
      "value": "#71717A"
    },
    "text-tertiary": {
      "type": "color",
      "value": "#52525B"
    },
    "border": {
      "type": "color",
      "value": "#27272A"
    },
    "success": {
      "type": "color",
      "value": "#22C55E"
    },
    "warning": {
      "type": "color",
      "value": "#FACC15"
    },
    "error": {
      "type": "color",
      "value": "#EF4444"
    },
    "info": {
      "type": "color",
      "value": "#3B82F6"
    }
  }
}