diff --git a/ui/components/spx/builder-component.lib.pen b/ui/components/spx/builder-component.lib.pen index 7dc5fc6b1..bb5f18402 100644 --- a/ui/components/spx/builder-component.lib.pen +++ b/ui/components/spx/builder-component.lib.pen @@ -553,7 +553,7 @@ "id": "VqgHQ", "type": "ref", "ref": "25uQE", - "x": 3.9999999999999982, + "x": 3.9999999999999964, "y": 4.000000000000003, "rotation": 2.227009479110685e-14, "children": [ @@ -30856,7 +30856,7 @@ "id": "bjHxy", "type": "ref", "ref": "1xCKp", - "x": 2.0000000000000027, + "x": 2.0000000000000018, "y": 1.9999999999999982, "rotation": -2.5444437451708134e-14, "children": [ @@ -38485,7 +38485,7 @@ "type": "frame", "id": "Bjo4r", "name": "Variant-Boring", - "width": 5.0095864195056086e+22, + "width": 6.075768777688828e+25, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38557,7 +38557,7 @@ "type": "frame", "id": "R1GYIk", "name": "Variant-Primary", - "width": 5.523390154839518e+22, + "width": 6.6989245497594786e+25, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38718,7 +38718,7 @@ "name": "Content", "clip": true, "width": 512, - "height": 1428, + "height": 1757.9999999999998, "fill": "$grey500", "cornerRadius": "$radius-1", "stroke": { @@ -38797,7 +38797,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3253.1648854800587, + "width": 3604.3503850447596, "content": "Modifying the username may have the following impacts.", "lineHeight": 1.5714285714285714, "textAlignVertical": "middle", @@ -38885,7 +38885,7 @@ "id": "GRZDs", "type": "ref", "ref": "0rSuk", - "x": 11.525068655279128, + "x": 11.52506865527912, "y": -0.0005697347882112069, "content": "Input Label", "fill": "$grey1000", @@ -38896,7 +38896,7 @@ "type": "ref", "ref": "bW00p", "x": 90.54325147882673, - "y": 3.033042670129243, + "y": 3.0330426701292463, "rotation": -0.06528681174053694, "children": [ { @@ -38917,7 +38917,7 @@ "id": "o8HzMf", "type": "ref", "ref": "koVOU", - "x": 121.0216207081469, + "x": 121.02162070814693, "y": 0, "width": "fit_content(392)", "children": [ @@ -38974,7 +38974,7 @@ "id": "lgzRb", "type": "ref", "ref": "0rSuk", - "x": 11.525068655279128, + "x": 11.52506865527912, "y": -0.0005697347882112069, "content": "Input Label", "fill": "$grey1000", @@ -38985,7 +38985,7 @@ "type": "ref", "ref": "bW00p", "x": 90.54325147882673, - "y": 3.033042670129243, + "y": 3.0330426701292463, "rotation": -0.06528681174053694, "children": [ { @@ -39006,7 +39006,7 @@ "id": "JlVTF", "type": "ref", "ref": "koVOU", - "x": 121.0216207081469, + "x": 121.02162070814693, "y": 0, "width": "fit_content(392)", "children": [ @@ -39078,7 +39078,7 @@ "id": "zqia1", "type": "ref", "ref": "0rSuk", - "x": 11.52506865527912, + "x": 11.525068655279128, "y": -0.0005697347882112069, "content": "Input Label", "fill": "$grey1000", @@ -39089,7 +39089,7 @@ "type": "ref", "ref": "bW00p", "x": 90.54325147882673, - "y": 3.033042670129243, + "y": 3.0330426701292463, "rotation": -0.06528681174053694, "children": [ { @@ -39110,7 +39110,7 @@ "id": "Y2dcYa", "type": "ref", "ref": "koVOU", - "x": 121.0216207081469, + "x": 121.02162070814693, "y": 0, "width": "fit_content(392)", "children": [ @@ -39172,7 +39172,7 @@ "id": "o9vgv", "type": "ref", "ref": "0rSuk", - "x": 11.52506865527912, + "x": 11.525068655279128, "y": -0.0005697347882112069, "content": "Input Label", "fill": "$grey1000", @@ -39183,7 +39183,7 @@ "type": "ref", "ref": "bW00p", "x": 90.54325147882673, - "y": 3.033042670129243, + "y": 3.0330426701292463, "rotation": -0.06528681174053694, "children": [ { @@ -39270,7 +39270,7 @@ "name": "input-box", "clip": true, "width": 512, - "height": 843.9999999999998, + "height": 1173.9999999999995, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39322,7 +39322,7 @@ "fill": "$grey800", "textGrowth": "fixed-width-height", "width": 131, - "height": 22.9092671995124, + "height": 7.69740095315767, "flipX": false, "flipY": false }, @@ -39332,8 +39332,8 @@ "name": "input-box", "rotation": 0.017214400057139954, "clip": true, - "width": 511.9999774008101, - "height": 561.9135372502274, + "width": 511.9999547915265, + "height": 190.98941123198438, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39482,7 +39482,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3234.437184123176, + "width": 3585.618225822944, "content": "There are errors in the project code. Some references may not be updated automatically. You can check the code and update them manually after renaming.", "lineHeight": 1.5714285714285714, "textAlignVertical": "middle", @@ -39753,7 +39753,7 @@ "type": "frame", "id": "J0bnt", "x": 20, - "y": 20, + "y": 8, "name": "Tabs/Combined/Default", "reusable": true, "slot": [ @@ -39766,7 +39766,9 @@ "EUls5", "oRaR5", "q342oC", - "s5DWy" + "s5DWy", + "OXU0P", + "UswqE" ], "width": "fit_content(100)", "height": "fit_content(32)" @@ -39775,7 +39777,7 @@ "type": "group", "id": "k1OVk6", "x": 20, - "y": 72, + "y": 38, "children": [ { "type": "frame", @@ -40038,7 +40040,7 @@ "type": "group", "id": "ojZMx", "x": 20, - "y": 124, + "y": 85, "children": [ { "type": "frame", @@ -40176,7 +40178,7 @@ "type": "group", "id": "odh13", "x": 20, - "y": 500, + "y": 557, "name": "Input/RadioGroup/Default", "children": [ { @@ -40291,7 +40293,7 @@ "type": "frame", "id": "z8hcSb", "x": 20, - "y": 460, + "y": 508, "name": "Input/RadioGroup/Default", "reusable": true, "slot": [ @@ -40309,7 +40311,7 @@ "type": "frame", "id": "EUls5", "x": 20, - "y": 280, + "y": 226, "name": "CombinationTab/TextIcon/Default", "reusable": true, "fill": "$grey100", @@ -40668,7 +40670,7 @@ "type": "frame", "id": "Zfq0h", "x": 20, - "y": 228, + "y": 177, "name": "CombinationTab/LongText/Default", "reusable": true, "clip": true, @@ -40761,8 +40763,8 @@ { "type": "frame", "id": "aLzom", - "x": 198, - "y": 124, + "x": 195, + "y": 85, "name": "CombinationTab/MultipleIcons/Default", "reusable": true, "clip": true, @@ -40851,8 +40853,8 @@ { "type": "frame", "id": "r63NQ", - "x": 20, - "y": 176, + "x": 316, + "y": 85, "name": "CombinationTab/Text/Default", "reusable": true, "clip": true, @@ -40930,7 +40932,7 @@ "type": "frame", "id": "q0tIpf", "x": 20, - "y": 344, + "y": 398, "name": "Tab/TextLine/Default", "reusable": true, "slot": [ @@ -40945,7 +40947,7 @@ "type": "frame", "id": "X9yn8", "x": 20, - "y": 392, + "y": 446, "name": "Tabs/Active/Default", "reusable": true, "height": 48, @@ -40991,8 +40993,8 @@ { "type": "frame", "id": "eNdDD", - "x": 77, - "y": 392, + "x": 78, + "y": 446, "name": "Tabs/Default/Default", "reusable": true, "height": 48, @@ -41035,8 +41037,8 @@ { "type": "frame", "id": "LwXFL", - "x": 143, - "y": 176, + "x": 20, + "y": 133, "name": "CombinationTab/KeyValue/Default", "reusable": true, "height": 32, @@ -41187,8 +41189,8 @@ { "type": "frame", "id": "oRaR5", - "x": 206, - "y": 70, + "x": 215, + "y": 36, "name": "Sprite Quick Config-3", "reusable": true, "fill": "$grey100", @@ -41401,6 +41403,673 @@ ] } ] + }, + { + "type": "frame", + "id": "OXU0P", + "x": 20, + "y": 283, + "name": "CombinationTab/TextIcon/TagLeadingDefault", + "reusable": true, + "fill": "$grey100", + "cornerRadius": "$border-radius-1", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "gap": "$space-1", + "padding": "$space-1", + "justifyContent": "end", + "children": [ + { + "type": "frame", + "id": "arYb8", + "name": "DurationItem", + "fill": "$grey100", + "cornerRadius": "$space-1", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$radius-3", + "padding": [ + 7, + "$space-3" + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "UUaDM", + "name": "Content", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "MfdCy", + "type": "ref", + "ref": "1xCKp", + "x": -3.552713678800501e-15, + "y": 1.000000000000007, + "children": [ + { + "id": "BYOoD", + "type": "ref", + "ref": "KZhGg" + } + ] + }, + { + "id": "EQOUV", + "type": "ref", + "ref": "tfxWX", + "x": 19.999999999999996, + "y": 0, + "children": [ + { + "id": "GfhdN", + "type": "ref", + "ref": "tUGoQ", + "fill": "$grey900", + "content": "Duration" + } + ] + }, + { + "type": "frame", + "id": "TXbD7", + "name": "Info", + "fill": "$grey400", + "cornerRadius": "$radius-full", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": [ + 0, + 5 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "j3ccu", + "type": "ref", + "ref": "tfxWX", + "x": 5, + "y": 0, + "children": [ + { + "id": "h8R9j", + "type": "ref", + "ref": "dj6sE", + "content": "1.2s", + "fill": "$grey800" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "d8jIeK", + "name": "BindingItem", + "fill": "$grey100", + "cornerRadius": "$space-1", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$radius-3", + "padding": [ + 7, + "$space-3" + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "E5lsEV", + "name": "Content", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "ar5o2", + "type": "ref", + "ref": "1xCKp", + "x": -3.552713678800501e-15, + "y": 1.000000000000007, + "children": [ + { + "id": "A2PGV0", + "type": "ref", + "ref": "9jzN4" + } + ] + }, + { + "id": "RkkJ5", + "type": "ref", + "ref": "tfxWX", + "x": 19.999999999999996, + "y": 0, + "children": [ + { + "id": "lIeuO", + "type": "ref", + "ref": "tUGoQ", + "fill": "$grey900", + "content": "Bingding" + } + ] + }, + { + "type": "frame", + "id": "wxEt8", + "name": "Info", + "fill": "$grey400", + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": [ + 0, + 5 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "TJioz", + "type": "ref", + "ref": "tfxWX", + "x": 5, + "y": 0, + "children": [ + { + "id": "t7jHys", + "type": "ref", + "ref": "dj6sE", + "content": "2", + "fill": "$grey800" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "rZVyN", + "name": "SoundItem", + "fill": "$turquoise200", + "cornerRadius": "$space-1", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$radius-3", + "padding": [ + 7, + "$space-3" + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "rdpVl", + "name": "Content", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "SIIwj", + "type": "ref", + "ref": "1xCKp", + "x": 0, + "y": 1.000000000000007, + "children": [ + { + "id": "FhIon", + "type": "ref", + "ref": "3jPzp", + "descendants": { + "XyacN": { + "fill": "$turquoise500" + } + } + } + ] + }, + { + "type": "frame", + "id": "tjMeJ", + "x": 19.999999999999996, + "y": 1.0000000000000036, + "name": "Info", + "enabled": false, + "fill": "#eaeff3ff", + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 10, + "padding": [ + 0, + 5 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "roBJP", + "name": "1.2s", + "fill": "#6e7781ff", + "content": "Sound01", + "lineHeight": 1.6, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + }, + { + "id": "KuSYu", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "y": 0, + "children": [ + { + "id": "zmTn9", + "type": "ref", + "ref": "tUGoQ", + "fill": "$turquoise500", + "content": "Sound" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "UswqE", + "x": 20, + "y": 338, + "name": "CombinationTab/TextIcon/TagTrailingDefault", + "reusable": true, + "fill": "$grey100", + "cornerRadius": "$border-radius-1", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "gap": "$space-1", + "padding": "$space-1", + "justifyContent": "end", + "children": [ + { + "type": "frame", + "id": "B3hrA", + "name": "DurationItem", + "fill": "$grey100", + "cornerRadius": "$space-1", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$radius-3", + "padding": [ + 7, + "$space-3" + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "wjJ42", + "name": "Content", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "ZFFqe", + "type": "ref", + "ref": "1xCKp", + "x": -3.552713678800501e-15, + "y": 1.000000000000007, + "children": [ + { + "id": "yLBwE", + "type": "ref", + "ref": "KZhGg" + } + ] + }, + { + "id": "U0SD4", + "type": "ref", + "ref": "tfxWX", + "x": 19.999999999999996, + "y": 0, + "children": [ + { + "id": "OvWce", + "type": "ref", + "ref": "tUGoQ", + "fill": "$grey900", + "content": "Duration" + } + ] + }, + { + "type": "frame", + "id": "KhbJh", + "name": "Info", + "fill": "$grey400", + "cornerRadius": "$radius-full", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": [ + 0, + 5 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "wcu29", + "type": "ref", + "ref": "tfxWX", + "x": 5, + "y": 0, + "children": [ + { + "id": "k80V3b", + "type": "ref", + "ref": "dj6sE", + "content": "1.2s", + "fill": "$grey800" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "M8d7Kj", + "name": "BindingItem", + "fill": "$grey100", + "cornerRadius": "$space-1", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$radius-3", + "padding": [ + 7, + "$space-3" + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "PgBB7", + "name": "Content", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "jZCpg", + "type": "ref", + "ref": "1xCKp", + "x": -3.552713678800501e-15, + "y": 1.000000000000007, + "children": [ + { + "id": "YDVIM", + "type": "ref", + "ref": "9jzN4" + } + ] + }, + { + "id": "kS7Mb", + "type": "ref", + "ref": "tfxWX", + "x": 19.999999999999996, + "y": 0, + "children": [ + { + "id": "eYFuv", + "type": "ref", + "ref": "tUGoQ", + "fill": "$grey900", + "content": "Bingding" + } + ] + }, + { + "type": "frame", + "id": "jFlAb", + "name": "Info", + "fill": "$grey400", + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": [ + 0, + 5 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "jjWxj", + "type": "ref", + "ref": "tfxWX", + "x": 5, + "y": 0, + "children": [ + { + "id": "Am0u9", + "type": "ref", + "ref": "dj6sE", + "content": "2", + "fill": "$grey800" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "LH63z", + "name": "SoundItem", + "fill": "$turquoise200", + "cornerRadius": "$space-1", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$radius-3", + "padding": [ + 7, + "$space-3" + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "SsE22", + "name": "Content", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "VXOee", + "type": "ref", + "ref": "1xCKp", + "x": 0, + "y": 1.000000000000007, + "children": [ + { + "id": "NYHGP", + "type": "ref", + "ref": "3jPzp", + "descendants": { + "XyacN": { + "fill": "$turquoise500" + } + } + } + ] + }, + { + "id": "DtgzO", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "y": 0, + "children": [ + { + "id": "na5J4", + "type": "ref", + "ref": "tUGoQ", + "fill": "$turquoise500", + "content": "Sound" + } + ] + }, + { + "type": "frame", + "id": "s1bNmY", + "name": "Info", + "fill": "$grey400", + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": [ + 0, + 5 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "o1HxK", + "type": "ref", + "ref": "dj6sE", + "content": "Sound01", + "fill": "$grey800", + "x": 5, + "y": 0 + } + ] + } + ] + } + ] + } + ] } ] }, @@ -49556,7 +50225,6 @@ "name": "Select", "clip": true, "fill": "$grey100", - "cornerRadius": 5, "stroke": { "align": "inside", "thickness": 1 @@ -49584,13 +50252,13 @@ "type": "ref", "ref": "0rSuk", "x": 0, - "y": -6, + "y": 5, "content": "Sort by", "fill": "$grey800", "flipX": false, "flipY": false, - "width": 48, - "height": 22, + "width": 49, + "height": 44, "textGrowth": "fixed-width" }, { @@ -49599,15 +50267,15 @@ "name": "Select trigger", "height": 32, "fill": "$grey300", - "cornerRadius": "$radius-1", + "cornerRadius": "$border-radius-1", "stroke": { "align": "inside", "thickness": 1 }, - "gap": "$space-1", + "gap": "$space-2", "padding": [ - 0, - "$space-4" + 5, + "$space-3" ], "alignItems": "center", "children": [ @@ -49615,7 +50283,7 @@ "id": "z8Qh5", "type": "ref", "ref": "0rSuk", - "x": 16, + "x": 12, "y": 5, "content": "Recently Updated", "fill": "$grey1000" @@ -49663,13 +50331,13 @@ "type": "ref", "ref": "0rSuk", "x": 0, - "y": -6, + "y": 5, "content": "Sort by", "fill": "$grey800", "flipX": false, "flipY": false, - "width": 48, - "height": 22, + "width": 49, + "height": 44, "textGrowth": "fixed-width" }, { @@ -49678,15 +50346,15 @@ "name": "Select trigger", "height": 32, "fill": "$grey400", - "cornerRadius": "$radius-1", + "cornerRadius": "$space-2", "stroke": { "align": "inside", "thickness": 1 }, - "gap": "$space-1", + "gap": "$space-2", "padding": [ - 0, - "$space-4" + 5, + "$space-3" ], "alignItems": "center", "children": [ @@ -49694,7 +50362,7 @@ "id": "IJ7I5", "type": "ref", "ref": "0rSuk", - "x": 16, + "x": 12, "y": 5, "content": "Recently Updated", "fill": "$grey800" @@ -49742,13 +50410,13 @@ "type": "ref", "ref": "0rSuk", "x": 0, - "y": -6, + "y": 5, "content": "Sort by", "fill": "$grey800", "flipX": false, "flipY": false, - "width": 48, - "height": 22, + "width": 49, + "height": 44, "textGrowth": "fixed-width" }, { @@ -49757,15 +50425,15 @@ "name": "Select trigger", "height": 32, "fill": "$grey500", - "cornerRadius": "$radius-1", + "cornerRadius": "$border-radius-1", "stroke": { "align": "inside", "thickness": 1 }, - "gap": "$space-1", + "gap": "$space-2", "padding": [ - 0, - "$space-4" + 5, + "$space-3" ], "alignItems": "center", "children": [ @@ -49773,7 +50441,7 @@ "id": "0mQ1A", "type": "ref", "ref": "0rSuk", - "x": 16, + "x": 12, "y": 5, "content": "Recently Updated", "fill": "$grey1000" @@ -49853,13 +50521,13 @@ "type": "ref", "ref": "0rSuk", "x": 0, - "y": -6, + "y": 5, "content": "Sort by", "fill": "$grey800", "flipX": false, "flipY": false, - "width": 48, - "height": 22, + "width": 49, + "height": 44, "textGrowth": "fixed-width" }, { @@ -49868,16 +50536,16 @@ "name": "Select trigger", "height": 32, "fill": "$grey400", - "cornerRadius": "$radius-1", + "cornerRadius": "$border-radius-1", "stroke": { "align": "outside", "thickness": 1, "fill": "$turquoise500" }, - "gap": "$space-1", + "gap": "$space-2", "padding": [ - 0, - "$space-4" + 5, + "$space-3" ], "alignItems": "center", "children": [ @@ -49917,7 +50585,7 @@ "id": "zgog4", "type": "ref", "ref": "0rSuk", - "x": 16, + "x": 12, "y": 5, "content": "Recently Updated", "fill": "$grey1000" @@ -54710,11 +55378,11 @@ "reusable": true, "fill": "$grey1000", "content": "Title", - "lineHeight": 1.7, + "lineHeight": 1.6923076923076923, "textAlignVertical": "middle", - "fontFamily": "Menlo", + "fontFamily": "Inter", "fontSize": 13, - "fontWeight": "normal" + "fontWeight": "500" }, { "type": "text", @@ -65756,7 +66424,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682153523993611e-14, + "y": 5.6823610259223876e-14, "children": [ { "id": "lpatT", @@ -65769,8 +66437,8 @@ "id": "OsOUh", "type": "ref", "ref": "m6A5K", - "x": 247.99152310485556, - "y": 5.682153523993611e-14, + "x": 247.99999501401834, + "y": 5.6823610259223876e-14, "children": [ { "id": "rfnOE", @@ -65783,8 +66451,8 @@ "id": "zRRXP", "type": "ref", "ref": "m6A5K", - "x": 495.9830462097111, - "y": 5.682153523993612e-14, + "x": 495.9999900280367, + "y": 5.682361025922386e-14, "children": [ { "id": "dJ1TI", @@ -65797,8 +66465,8 @@ "id": "ryGDv", "type": "ref", "ref": "m6A5K", - "x": 743.9745693145667, - "y": 5.682153523993609e-14, + "x": 743.999985042055, + "y": 5.682361025922386e-14, "children": [ { "id": "f38PK", @@ -65821,7 +66489,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682153523993611e-14, + "y": 5.6823610259223876e-14, "children": [ { "id": "eeHrD", @@ -65834,8 +66502,8 @@ "id": "z5Xx2", "type": "ref", "ref": "m6A5K", - "x": 247.99152310485556, - "y": 5.682153523993611e-14, + "x": 247.99999501401834, + "y": 5.6823610259223876e-14, "children": [ { "id": "aGosX", @@ -65848,8 +66516,8 @@ "id": "e6vJm", "type": "ref", "ref": "m6A5K", - "x": 495.9830462097111, - "y": 5.682153523993612e-14, + "x": 495.9999900280367, + "y": 5.682361025922386e-14, "children": [ { "id": "u0AjqQ", @@ -65862,8 +66530,8 @@ "id": "r7bhS", "type": "ref", "ref": "m6A5K", - "x": 743.9745693145667, - "y": 5.682153523993609e-14, + "x": 743.999985042055, + "y": 5.682361025922386e-14, "children": [ { "id": "TGis1", @@ -66429,7 +67097,7 @@ { "type": "frame", "id": "i1beJ", - "x": 25, + "x": 0, "y": 3469, "name": "Editor", "width": 6537, @@ -70079,7 +70747,7 @@ "id": "ZwJbr", "name": "Label", "clip": true, - "width": 497.6787391364614, + "width": 629.6787391364617, "alignItems": "center", "children": [ { @@ -97661,6 +98329,1213 @@ ] } ] + }, + { + "type": "frame", + "id": "mqDrZ", + "x": 2812, + "y": 2239, + "name": "Editor/AnimationTabModal", + "clip": true, + "width": 1348, + "height": 427, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "I2JLW", + "x": 457, + "y": 142, + "name": "Editor/AnimationTabModal/Hover", + "reusable": true, + "clip": true, + "width": 420, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-1", + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "JbLHV", + "name": "Surface", + "clip": true, + "fill": "$grey100", + "cornerRadius": "$border-radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "q6bz3", + "name": "Header", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$grey400" + }, + "gap": 4, + "padding": [ + "$space-2", + "$space-4" + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "id": "h1Q9Io", + "type": "ref", + "ref": "tfxWX", + "x": 16, + "y": 8.999999999999986, + "children": [ + { + "id": "ns8BK", + "type": "ref", + "ref": "OHwu4", + "content": "Sound select" + } + ] + }, + { + "type": "frame", + "id": "g99LZt", + "name": "IconAction", + "width": 28, + "height": 28, + "cornerRadius": 999, + "stroke": { + "align": "inside", + "thickness": 1.399999976158142 + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "n5xKgf", + "type": "ref", + "ref": "1xCKp", + "x": 6, + "y": 6, + "children": [ + { + "id": "g3zxV", + "type": "ref", + "ref": "aoj3Q", + "descendants": { + "Y2JaM": { + "fill": "$grey800" + } + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "CgSPR", + "name": "Body", + "fill": "$grey100", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": [ + "$space-3", + "$space-4" + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "o7nCmi", + "name": "Items", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", + "children": [ + { + "id": "dsRGt", + "type": "ref", + "ref": "N4Jb2H", + "x": 0, + "y": 0, + "children": [ + { + "id": "k7iXzD", + "type": "ref", + "ref": "TXdAv" + } + ] + }, + { + "id": "YJWUd", + "type": "ref", + "ref": "N4Jb2H", + "x": 100, + "y": 0, + "children": [ + { + "id": "H81pNa", + "type": "ref", + "ref": "TILlI" + } + ] + }, + { + "id": "HaV4V", + "type": "ref", + "ref": "N4Jb2H", + "x": 200, + "y": 0, + "children": [ + { + "id": "kDxoL", + "type": "ref", + "ref": "KnvmP" + } + ] + }, + { + "id": "TrJMJ", + "type": "ref", + "ref": "N4Jb2H", + "x": 300, + "y": 0, + "children": [ + { + "id": "dFvZ9", + "type": "ref", + "ref": "w1wOoP" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "sHuqI", + "name": "Footer", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": "$space-4", + "justifyContent": "center", + "alignItems": "end", + "children": [ + { + "type": "frame", + "id": "fi2D6", + "name": "Actions", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 10, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "E8OHI", + "name": "Leading", + "width": 142, + "height": 32, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "group", + "id": "KKF3A", + "x": 0, + "y": 0, + "name": "Field", + "children": [ + { + "type": "frame", + "id": "ZYiIm", + "x": 0, + "y": 0, + "name": "Control", + "height": 32, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-2", + "alignItems": "center", + "children": [ + { + "id": "rAgW9", + "type": "ref", + "ref": "tfxWX", + "x": 0, + "y": 5, + "children": [ + { + "id": "DUPFM", + "type": "ref", + "ref": "0rSuk", + "content": "Playback", + "fill": "$grey900" + } + ] + }, + { + "id": "mTrTs", + "type": "ref", + "ref": "XihxW", + "x": 69, + "y": 0, + "children": [ + { + "id": "EmddC", + "type": "ref", + "ref": "HT1zi", + "descendants": { + "Ng1TV": { + "enabled": false + }, + "IJ7I5": { + "content": "One", + "fill": "$grey1000" + } + } + } + ] + } + ] + } + ] + }, + { + "id": "oDdMJ", + "type": "ref", + "ref": "vPC5e", + "x": 69, + "y": -40, + "name": "Tooltip", + "children": [ + { + "id": "OtZIl", + "type": "ref", + "ref": "rdlfm", + "descendants": { + "o5cp9": { + "content": "Play Once" + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "DSE4L", + "name": "Actions", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", + "children": [ + { + "id": "n2eeE", + "type": "ref", + "ref": "z8hcSb", + "x": 0, + "y": 0, + "children": [ + { + "id": "gb9GV", + "type": "ref", + "ref": "vN0Kk", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$grey400" + }, + "descendants": { + "aoHIs": { + "content": "Cancel" + } + } + } + ] + }, + { + "id": "L9Y1xk", + "type": "ref", + "ref": "z8hcSb", + "x": 91, + "y": 0, + "children": [ + { + "id": "qzbnY", + "type": "ref", + "ref": "JwST5", + "descendants": { + "LOmxV": { + "content": "Confirm" + } + } + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "id": "DPvuh", + "type": "ref", + "ref": "J0bnt", + "x": 12.5, + "y": 224, + "name": "Tabs", + "children": [ + { + "id": "pVKWt", + "type": "ref", + "ref": "UswqE" + } + ] + } + ] + }, + { + "type": "frame", + "id": "GQY1w", + "x": 920, + "y": 142, + "name": "Editor/AnimationTabModal/Active", + "reusable": true, + "clip": true, + "width": 420, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-1", + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Z9trqX", + "name": "Surface", + "clip": true, + "fill": "$grey100", + "cornerRadius": "$border-radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Zvfhb", + "name": "Header", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$grey400" + }, + "gap": 4, + "padding": [ + "$space-2", + "$space-4" + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "id": "acBKw", + "type": "ref", + "ref": "tfxWX", + "x": 16, + "y": 8.999999999999986, + "children": [ + { + "id": "lO5Ed", + "type": "ref", + "ref": "OHwu4", + "content": "Sound select" + } + ] + }, + { + "type": "frame", + "id": "VpD6D", + "name": "IconAction", + "width": 28, + "height": 28, + "cornerRadius": 999, + "stroke": { + "align": "inside", + "thickness": 1.399999976158142 + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "Lqesk", + "type": "ref", + "ref": "1xCKp", + "x": 6, + "y": 6, + "children": [ + { + "id": "aytsz", + "type": "ref", + "ref": "aoj3Q", + "descendants": { + "Y2JaM": { + "fill": "$grey800" + } + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "kLagS", + "name": "Body", + "fill": "$grey100", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": [ + "$space-3", + "$space-4" + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "B8Dx26", + "name": "Items", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", + "children": [ + { + "id": "PGWOJ", + "type": "ref", + "ref": "N4Jb2H", + "x": 0, + "y": 0, + "children": [ + { + "id": "SQd4p", + "type": "ref", + "ref": "TXdAv" + } + ] + }, + { + "id": "A0JcUz", + "type": "ref", + "ref": "N4Jb2H", + "x": 100, + "y": 0, + "children": [ + { + "id": "T3C9BQ", + "type": "ref", + "ref": "TXdAv" + } + ] + }, + { + "id": "U5MPb", + "type": "ref", + "ref": "N4Jb2H", + "x": 200, + "y": 0, + "children": [ + { + "id": "L4QyBa", + "type": "ref", + "ref": "KnvmP" + } + ] + }, + { + "id": "QhDtv", + "type": "ref", + "ref": "N4Jb2H", + "x": 300, + "y": 0, + "children": [ + { + "id": "POjtM", + "type": "ref", + "ref": "w1wOoP" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "V9wSAp", + "name": "Footer", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": "$space-4", + "justifyContent": "center", + "alignItems": "end", + "children": [ + { + "type": "frame", + "id": "zoe7a", + "name": "Actions", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 10, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "LSheI", + "name": "Leading", + "width": 142, + "height": 32, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "group", + "id": "x2Oqgu", + "x": 0, + "y": 0, + "name": "Field", + "children": [ + { + "type": "frame", + "id": "pp3Tj", + "x": 0, + "y": 0, + "name": "Control", + "height": 32, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-2", + "alignItems": "center", + "children": [ + { + "id": "S1zwV", + "type": "ref", + "ref": "tfxWX", + "x": 0, + "y": 5, + "children": [ + { + "id": "SElS4", + "type": "ref", + "ref": "0rSuk", + "content": "Playback", + "fill": "$grey900" + } + ] + }, + { + "id": "noMq6", + "type": "ref", + "ref": "XihxW", + "x": 69, + "y": 0, + "cornerRadius": 0, + "children": [ + { + "id": "N195Tr", + "type": "ref", + "ref": "b1OHc", + "gap": 0, + "cornerRadius": 0, + "descendants": { + "bE2BZ": { + "enabled": false + }, + "z8Qh5": { + "content": "One" + } + } + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "e89ZnE", + "name": "Actions", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", + "children": [ + { + "id": "X0ZBP", + "type": "ref", + "ref": "z8hcSb", + "x": 0, + "y": 0, + "children": [ + { + "id": "ceLkD", + "type": "ref", + "ref": "vN0Kk", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$grey400" + }, + "descendants": { + "aoHIs": { + "content": "Cancel" + } + } + } + ] + }, + { + "id": "l0CKtB", + "type": "ref", + "ref": "z8hcSb", + "x": 91, + "y": 0, + "children": [ + { + "id": "p0USXy", + "type": "ref", + "ref": "JwST5", + "descendants": { + "LOmxV": { + "content": "Confirm" + } + } + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "id": "gUsI7", + "type": "ref", + "ref": "J0bnt", + "x": 12.5, + "y": 224, + "name": "Tabs", + "children": [ + { + "id": "K5ajvW", + "type": "ref", + "ref": "UswqE" + } + ] + } + ] + }, + { + "type": "frame", + "id": "nGemn", + "x": -1, + "y": 142, + "name": "Editor/AnimationTabModal/Default", + "reusable": true, + "clip": true, + "width": 420, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-1", + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "CiNSE", + "name": "Surface", + "clip": true, + "width": "fill_container", + "fill": "$grey100", + "cornerRadius": "$border-radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "HUkUE", + "name": "Header", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$grey400" + }, + "gap": 4, + "padding": [ + "$space-2", + "$space-4" + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "id": "qK236", + "type": "ref", + "ref": "tfxWX", + "x": 16, + "y": 8.999999999999986, + "children": [ + { + "id": "YJ78p", + "type": "ref", + "ref": "OHwu4", + "content": "Sound select" + } + ] + }, + { + "type": "frame", + "id": "wUnDk", + "name": "IconAction", + "width": 28, + "height": 28, + "cornerRadius": 999, + "stroke": { + "align": "inside", + "thickness": 1.399999976158142 + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "XfLyY", + "type": "ref", + "ref": "1xCKp", + "x": 6, + "y": 6, + "children": [ + { + "id": "KyRFm", + "type": "ref", + "ref": "aoj3Q", + "descendants": { + "Y2JaM": { + "fill": "$grey800" + } + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "E6YWL", + "name": "Body", + "fill": "$grey100", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": [ + "$space-3", + "$space-4" + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "JDnHm", + "name": "Items", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", + "children": [ + { + "id": "pT86F", + "type": "ref", + "ref": "N4Jb2H", + "x": 0, + "y": 0, + "children": [ + { + "id": "W8egFH", + "type": "ref", + "ref": "TXdAv" + } + ] + }, + { + "id": "BrFCH", + "type": "ref", + "ref": "N4Jb2H", + "x": 100, + "y": 0, + "children": [ + { + "id": "VQVIW", + "type": "ref", + "ref": "TXdAv" + } + ] + }, + { + "id": "piHOL", + "type": "ref", + "ref": "N4Jb2H", + "x": 200, + "y": 0, + "children": [ + { + "id": "vvFNK", + "type": "ref", + "ref": "TXdAv" + } + ] + }, + { + "id": "tHX1m", + "type": "ref", + "ref": "N4Jb2H", + "x": 300, + "y": 0, + "children": [ + { + "id": "i5YGp", + "type": "ref", + "ref": "w1wOoP" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "iy3X5", + "name": "Footer", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": "$space-4", + "justifyContent": "center", + "alignItems": "end", + "children": [ + { + "type": "frame", + "id": "Azp7R", + "name": "Actions", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 10, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "hwklP", + "name": "Leading", + "width": 142, + "height": 32, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "S3zU7z", + "layoutPosition": "absolute", + "x": 6.5, + "y": -40, + "name": "Tooltip", + "enabled": false, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "GeKTf", + "name": "Content", + "clip": true, + "fill": "#24292fff", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 10, + "padding": [ + 7, + 8 + ], + "children": [ + { + "type": "text", + "id": "t0u1QN", + "name": "Text", + "fill": "#ffffffff", + "content": "播放方式：播放一次，随动画循环", + "lineHeight": 1.5, + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "path", + "id": "egyhM", + "name": "Arrow", + "rotation": -179.99999499104388, + "geometry": "M5.19615 0l5.19615 4.5-10.3923 0 5.19615-4.5z", + "fill": "#24292fff", + "width": 11.999999046325684, + "height": 6.000000953674316, + "stroke": { + "align": "inside", + "thickness": 1 + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "ZK7ZE", + "name": "Actions", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", + "children": [ + { + "id": "yor0T", + "type": "ref", + "ref": "z8hcSb", + "x": 0, + "y": 0, + "children": [ + { + "id": "E0mas", + "type": "ref", + "ref": "vN0Kk", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$grey400" + }, + "descendants": { + "aoHIs": { + "content": "Cancel" + } + } + } + ] + }, + { + "id": "JHOEt", + "type": "ref", + "ref": "z8hcSb", + "x": 91, + "y": 0, + "children": [ + { + "id": "PtXVC", + "type": "ref", + "ref": "JwST5", + "descendants": { + "LOmxV": { + "content": "Confirm" + } + } + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "id": "MLyas", + "type": "ref", + "ref": "J0bnt", + "x": 40.5, + "y": 224, + "name": "Tabs", + "children": [ + { + "id": "FAc5z", + "type": "ref", + "ref": "OXU0P" + } + ] + } + ] + }, + { + "type": "frame", + "id": "gYRi7", + "x": 0, + "y": 71, + "name": "Editor/AnimationTabModal", + "reusable": true, + "slot": [ + "GQY1w", + "nGemn", + "I2JLW" + ], + "clip": true, + "width": "fit_content(420)", + "height": "fit_content(50)", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center" + } + ] } ] }, @@ -135485,7 +137360,7 @@ "id": "Q28NZ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2514.534808627041, + "width": 3838.957617958339, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -135773,7 +137648,7 @@ "id": "05ZuN", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2514.534808627041, + "width": 3838.957617958339, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -136334,7 +138209,7 @@ "id": "cNqrQ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2517.0815348695546, + "width": 3841.5457668497857, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -144372,6 +146247,3300 @@ "fill": "#ff000038", "width": 3602, "height": 400 + }, + { + "type": "frame", + "id": "hyjQ3", + "x": -14421, + "y": 6794, + "name": "Copilot", + "clip": true, + "width": 1851, + "height": 1043, + "fill": "$grey500", + "layout": "none", + "children": [ + { + "type": "frame", + "id": "bcHZp", + "x": 724, + "y": 51, + "name": "Docs/CopilotSendButton/States", + "clip": true, + "width": 94, + "fill": "$grey100", + "cornerRadius": 5, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-5", + "padding": "$space-5", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tV8Lj", + "name": "Copilot/SendButton", + "reusable": true, + "slot": [ + "JuaeI", + "YzaRv", + "jti0x" + ], + "width": "fit_content(32)", + "height": "fit_content(32)", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center" + }, + { + "type": "frame", + "id": "JuaeI", + "name": "Copilot/SendButton/Default", + "reusable": true, + "clip": true, + "width": 32, + "height": 32, + "fill": "$grey400", + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$radius-3", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "HuF8L", + "type": "ref", + "ref": "bW00p", + "x": 6, + "y": 6, + "children": [ + { + "id": "UZ9TR", + "type": "ref", + "ref": "wQNMk", + "descendants": { + "18XkQ": { + "fill": "$grey800", + "fontSize": 20 + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "jti0x", + "name": "Copilot/SendButton/Active", + "reusable": true, + "clip": true, + "width": 32, + "height": 32, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": -180, + "size": { + "height": 0.9999999999999999 + }, + "colors": [ + { + "color": "#9a77ffff", + "position": 0 + }, + { + "color": "#735ffaff", + "position": 1 + } + ], + "center": { + "y": 0.49999999999999994 + } + }, + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$radius-3", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "Z88yzL", + "type": "ref", + "ref": "bW00p", + "x": 6, + "y": 6, + "children": [ + { + "id": "t0Vw4q", + "type": "ref", + "ref": "wQNMk", + "descendants": { + "18XkQ": { + "fill": "$grey100", + "fontSize": 20 + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "YzaRv", + "name": "Copilot/SendButton/Loading", + "reusable": true, + "clip": true, + "width": 32, + "height": 32, + "cornerRadius": 999, + "stroke": { + "align": "inside", + "thickness": 2, + "fill": "$purple300" + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "Yjsca", + "type": "ref", + "ref": "U0vzG", + "x": 9, + "y": 9, + "descendants": { + "m7zjA": { + "fill": "$purple500", + "fontSize": 14 + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "Xrq79", + "x": 53, + "y": 51, + "name": "Docs/CopilotInput/States", + "clip": true, + "width": 380, + "height": 461, + "fill": "$grey100", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-2", + "padding": "$space-5", + "children": [ + { + "type": "frame", + "id": "v6bX84", + "name": "Copilot/Input", + "reusable": true, + "slot": [ + "kZRHM", + "rnjXi", + "c6PIVN", + "yaNmu" + ], + "clip": true, + "width": "fit_content(340)", + "height": "fit_content(50)", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center" + }, + { + "type": "frame", + "id": "kZRHM", + "name": "Copilot/Input/Default", + "reusable": true, + "clip": true, + "width": "fill_container", + "height": 62, + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + } + }, + "gap": 16, + "padding": [ + "$space-2", + "$space-4" + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "G2cZJ", + "name": "Content", + "width": 308, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 12, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "id": "VgnFU", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 5, + "children": [ + { + "id": "PMmJQ", + "type": "ref", + "ref": "P228e", + "content": " input your problem here", + "fill": "$grey700", + "fontFamily": "Inter", + "fontStyle": "normal", + "fontWeight": "500" + } + ] + }, + { + "id": "fdR0z", + "type": "ref", + "ref": "tV8Lj", + "x": 276, + "y": 0, + "children": [ + { + "id": "BmQTp", + "type": "ref", + "ref": "JuaeI" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "rnjXi", + "name": "Copilot/Input/Focus", + "reusable": true, + "clip": true, + "width": "fill_container", + "height": 62, + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + } + }, + "gap": 16, + "padding": [ + "$space-2", + "$space-4" + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "CGk3L", + "name": "Content", + "width": 308, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 12, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "id": "Z8hCoH", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 5, + "children": [ + { + "id": "ciAP6", + "type": "ref", + "ref": "P228e", + "content": " |input your problem here", + "fill": "$grey700", + "fontFamily": "Inter" + } + ] + }, + { + "id": "GAcGw", + "type": "ref", + "ref": "tV8Lj", + "x": 276, + "y": 0, + "children": [ + { + "id": "ESmsv", + "type": "ref", + "ref": "JuaeI" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "c6PIVN", + "name": "Copilot/Input/Filled", + "reusable": true, + "clip": true, + "width": "fill_container", + "height": 62, + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + } + }, + "gap": 16, + "padding": [ + "$space-2", + "$space-4" + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "YAn5A", + "name": "Content", + "width": 308, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 12, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "id": "RkMxV", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 5, + "children": [ + { + "id": "XXy4C", + "type": "ref", + "ref": "P228e", + "content": "How to add a background to the stage?", + "fill": "$grey1000", + "fontFamily": "Inter" + } + ] + }, + { + "id": "uQ6so", + "type": "ref", + "ref": "tV8Lj", + "x": 276, + "y": 0, + "children": [ + { + "id": "THFMu", + "type": "ref", + "ref": "jti0x" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "yaNmu", + "name": "Copilot/Input/Loading", + "reusable": true, + "clip": true, + "width": "fill_container", + "height": 62, + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + } + }, + "gap": 16, + "padding": [ + "$space-2", + "$space-4" + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "SOweR", + "name": "Content", + "width": 308, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 12, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "fQrVv", + "name": "Leading", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "p4vEhT", + "name": "Loader", + "clip": true, + "width": 20, + "height": 20, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "ellipse", + "id": "dPUt3", + "x": 2.400390625, + "y": 7.8798828125, + "name": "DotLeading", + "sweepAngle": -360.00001001791264, + "fill": "$grey700", + "width": 4, + "height": 4, + "stroke": { + "align": "inside", + "thickness": 1 + } + }, + { + "type": "ellipse", + "id": "e5Sv5A", + "x": 8.5, + "y": 8, + "name": "DotCenter", + "sweepAngle": -360.00001001791264, + "fill": "$grey700", + "width": 3.5999999046325684, + "height": 3.5999999046325684, + "stroke": { + "align": "inside", + "thickness": 1 + } + }, + { + "type": "ellipse", + "id": "NiKdd", + "x": 14.800000190734863, + "y": 8.39990234375, + "name": "DotTrailing", + "sweepAngle": -360.00001001791264, + "fill": "$grey700", + "width": 2.799999952316284, + "height": 2.799999952316284, + "stroke": { + "align": "inside", + "thickness": 1 + } + } + ] + }, + { + "id": "uWok6", + "type": "ref", + "ref": "lE3p0", + "x": 28, + "y": 0, + "children": [ + { + "id": "hYY59", + "type": "ref", + "ref": "P228e", + "content": "Thinking", + "fill": "$grey700", + "fontFamily": "Inter" + } + ] + } + ] + }, + { + "id": "vHKSp", + "type": "ref", + "ref": "tV8Lj", + "x": 276, + "y": 0, + "children": [ + { + "id": "BTtaY", + "type": "ref", + "ref": "YzaRv" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "PtWm4", + "x": 502, + "y": 51, + "name": "Docs/CopilotTutorialFoldButton/States", + "width": "fit_content(136)", + "height": 461, + "fill": "$grey100", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "elYOY", + "x": 20, + "y": 17, + "name": "Copilot/TutorialFoldButton", + "reusable": true, + "slot": [ + "j9lKP", + "HOhm1", + "B7qHIJ", + "AwlFY", + "f9UZIN", + "kpVBS", + "lEey5" + ], + "width": "fit_content(81)", + "height": "fit_content(22)", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center" + }, + { + "type": "frame", + "id": "j9lKP", + "x": 20, + "y": 54, + "name": "Copilot/TutorialFoldButton/BadgeDefault", + "reusable": true, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "ME87x", + "name": "Root", + "fill": "$grey100", + "cornerRadius": "$radius-full", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "gap": "$shadow-y-2", + "padding": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "rnWet", + "name": "Trigger", + "fill": "$turquoise200", + "cornerRadius": 999, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": [ + 0, + "$space-2", + 0, + "$space-1" + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "e8HuOW", + "name": "Leading", + "width": 28, + "height": 28, + "cornerRadius": 116.66667175292969, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "J5MJu", + "type": "ref", + "ref": "1xCKp", + "x": 4, + "y": 4, + "children": [ + { + "id": "sMxGh", + "type": "ref", + "ref": "tvZKB", + "descendants": { + "1fCX6": { + "fill": "$turquoise500", + "fontSize": 20 + } + } + } + ] + } + ] + }, + { + "id": "qx7lW", + "type": "ref", + "ref": "bW00p", + "x": 32, + "y": 10, + "children": [ + { + "id": "aLjjM", + "type": "ref", + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "content": "s", + "fontSize": 8, + "fill": "$turquoise500" + } + } + } + ] + } + ] + }, + { + "type": "path", + "id": "L6DMmv", + "name": "Divider", + "geometry": "M0 0l0 17.5", + "width": 0, + "height": 12, + "stroke": { + "align": "center", + "thickness": 1, + "join": "round", + "cap": "square", + "fill": "$grey400" + } + }, + { + "type": "frame", + "id": "reoj1", + "name": "IconAction", + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": "$shadow-y-2", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "Lk8Dv", + "type": "ref", + "ref": "bW00p", + "x": 6, + "y": 6, + "children": [ + { + "id": "h40M3", + "type": "ref", + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "fill": "$grey800" + } + } + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "HOhm1", + "x": 20, + "y": 144, + "name": "Copilot/TutorialFoldButton/BadgeHover", + "reusable": true, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "t6P9Jt", + "name": "Root", + "fill": "$grey100", + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "gap": "$shadow-y-2", + "padding": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "E5JqgU", + "name": "Trigger", + "fill": "$turquoise300", + "cornerRadius": 999, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": [ + 0, + "$space-2", + 0, + "$space-1" + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "nmcJ2", + "name": "Leading", + "width": 28, + "height": 28, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "QUB0l", + "type": "ref", + "ref": "1xCKp", + "x": 4, + "y": 4, + "cornerRadius": 0, + "children": [ + { + "id": "ZDpNV", + "type": "ref", + "ref": "tvZKB", + "descendants": { + "1fCX6": { + "fill": "$turquoise500", + "fontSize": 20 + } + } + } + ] + } + ] + }, + { + "id": "M3dEHc", + "type": "ref", + "ref": "bW00p", + "x": 32, + "y": 10, + "children": [ + { + "id": "OKT7I", + "type": "ref", + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "content": "s", + "fontSize": 8, + "fill": "$turquoise500" + } + } + } + ] + } + ] + }, + { + "type": "path", + "id": "hqfVy", + "name": "Divider", + "geometry": "M0 0l0 17.5", + "width": 0, + "height": 12, + "stroke": { + "align": "center", + "thickness": 1, + "join": "round", + "cap": "square", + "fill": "$grey400" + } + }, + { + "type": "frame", + "id": "YEsE4", + "name": "IconAction", + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": "$shadow-y-2", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "g1vrfF", + "type": "ref", + "ref": "bW00p", + "x": 6, + "y": 6, + "children": [ + { + "id": "OYhAh", + "type": "ref", + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "fill": "$grey800" + } + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "olqfl", + "layoutPosition": "absolute", + "x": -6, + "y": -40, + "name": "Tooltip", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "id": "Rvbtd", + "type": "ref", + "ref": "vPC5e", + "x": 0, + "y": 0, + "children": [ + { + "id": "RTirE", + "type": "ref", + "ref": "rdlfm", + "descendants": { + "o5cp9": { + "content": "In Tutorial" + } + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "B7qHIJ", + "x": 20, + "y": 244, + "name": "Copilot/TutorialFoldButton/BadgeMenuOpen", + "reusable": true, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "nLR7p", + "name": "Root", + "fill": "$grey100", + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "gap": "$shadow-y-2", + "padding": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "CrIga", + "name": "Trigger", + "fill": "$turquoise300", + "cornerRadius": 999, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": [ + 0, + "$space-2", + 0, + "$space-1" + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "hzO8i", + "name": "Leading", + "width": 28, + "height": 28, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "ry25y", + "type": "ref", + "ref": "1xCKp", + "x": 4, + "y": 4, + "cornerRadius": 0, + "children": [ + { + "id": "hcLXQ", + "type": "ref", + "ref": "tvZKB", + "descendants": { + "1fCX6": { + "fill": "$turquoise500", + "fontSize": 20 + } + } + } + ] + } + ] + }, + { + "id": "Z87W5d", + "type": "ref", + "ref": "bW00p", + "x": 32, + "y": 10, + "children": [ + { + "id": "njo10", + "type": "ref", + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "content": "s", + "fontSize": 8, + "fill": "$turquoise500" + } + } + } + ] + } + ] + }, + { + "type": "path", + "id": "WmWQy", + "name": "Divider", + "geometry": "M0 0l0 17.5", + "width": 0, + "height": 12, + "stroke": { + "align": "center", + "thickness": 1, + "join": "round", + "cap": "square", + "fill": "$grey400" + } + }, + { + "type": "frame", + "id": "pkd1m", + "name": "IconAction", + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": "$shadow-y-2", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "i2nuDD", + "type": "ref", + "ref": "bW00p", + "x": 6, + "y": 6, + "children": [ + { + "id": "Un857", + "type": "ref", + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "fill": "$grey800" + } + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "zGDkh", + "layoutPosition": "absolute", + "x": -16, + "y": -50, + "name": "Menu", + "clip": true, + "fill": "$grey100", + "cornerRadius": "$border-radius-1", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "layout": "vertical", + "gap": "$space-1", + "padding": [ + "$space-1", + "$space-2" + ], + "children": [ + { + "type": "frame", + "id": "zgA2I", + "name": "Item", + "clip": true, + "fill": "$grey100", + "cornerRadius": "$border-radius-1", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-2", + "padding": "$space-2", + "alignItems": "center", + "children": [ + { + "id": "N3hJN", + "type": "ref", + "ref": "tfxWX", + "x": 8, + "y": 8, + "children": [ + { + "id": "lIOLT", + "type": "ref", + "ref": "0rSuk", + "content": "Exit Tutorial" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "f9UZIN", + "x": 20, + "y": 302, + "name": "Copilot/TutorialFoldButton/EntryFilled", + "reusable": true, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "L5pYD", + "name": "Root", + "fill": "$grey100", + "cornerRadius": "$radius-full", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "gap": "$shadow-y-2", + "padding": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "J9VRzw", + "name": "Trigger", + "fill": "$turquoise200", + "cornerRadius": 999, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": [ + 0, + "$space-2", + 0, + "$space-1" + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "xROpu", + "name": "Leading", + "width": 28, + "height": 28, + "cornerRadius": 116.66667175292969, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "cBp9k", + "type": "ref", + "ref": "1xCKp", + "x": 4, + "y": 4, + "children": [ + { + "id": "Fr1Fh", + "type": "ref", + "ref": "tvZKB", + "descendants": { + "1fCX6": { + "fill": "$turquoise500", + "fontSize": 20 + } + } + } + ] + } + ] + }, + { + "id": "kZhhK", + "type": "ref", + "ref": "bW00p", + "x": 32, + "y": 10, + "children": [ + { + "id": "nSwyG", + "type": "ref", + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "content": "s", + "fontSize": 8, + "fill": "$turquoise500" + } + } + } + ] + } + ] + }, + { + "type": "path", + "id": "EAoRv", + "name": "Divider", + "geometry": "M0 0l0 17.5", + "width": 0, + "height": 12, + "stroke": { + "align": "center", + "thickness": 1, + "join": "round", + "cap": "square", + "fill": "$grey400" + } + }, + { + "type": "frame", + "id": "ADRW6", + "name": "IconAction", + "fill": "$turquoise200", + "cornerRadius": 116.66667175292969, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": "$shadow-y-2", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "u9daRO", + "type": "ref", + "ref": "bW00p", + "x": 6, + "y": 6, + "children": [ + { + "id": "QFZJU", + "type": "ref", + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "fill": "$grey800" + } + } + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "kpVBS", + "x": 20, + "y": 363, + "name": "Copilot/TutorialFoldButton/IconFilled", + "reusable": true, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "y6wFMo", + "name": "Root", + "fill": "$grey100", + "cornerRadius": "$radius-full", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "gap": "$space-1", + "padding": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mxdJq", + "name": "IconAction", + "fill": "$turquoise200", + "cornerRadius": 116.66667175292969, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": "$shadow-y-2", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "kR6jo", + "type": "ref", + "ref": "bW00p", + "x": 6, + "y": 6, + "cornerRadius": 0, + "children": [ + { + "id": "g0iwP", + "type": "ref", + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "fill": "$grey800" + } + } + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "lEey5", + "x": 80, + "y": 363, + "name": "Copilot/TutorialFoldButton/IconGhost", + "reusable": true, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "L3uNi", + "name": "Root", + "fill": "$grey100", + "cornerRadius": "$radius-full", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" + }, + "blur": "$shadow-blur-2" + }, + "gap": "$space-1", + "padding": "$space-1", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "H17awo", + "name": "IconAction", + "cornerRadius": 116.66667175292969, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": "$shadow-y-2", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "qrrsT", + "type": "ref", + "ref": "bW00p", + "x": 6, + "y": 6, + "children": [ + { + "id": "OlZXZ", + "type": "ref", + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "fill": "$grey800" + } + } + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Y4tzQF", + "x": 878, + "y": 347, + "name": "Docs/CopilotHighlightLink/States", + "clip": true, + "width": 111, + "height": 165, + "fill": "$grey100", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "xQaFr", + "x": 6, + "y": 38, + "name": "Copilot/HighlightLink/Default", + "reusable": true, + "fill": "$turquoise500", + "cornerRadius": "$space-1", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$turquoise500" + }, + "gap": "$radius-3", + "padding": [ + 0, + "$space-1" + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "tNDVi", + "type": "ref", + "ref": "lE3p0", + "x": 4, + "y": 0, + "children": [ + { + "id": "Mge7b", + "type": "ref", + "ref": "P228e", + "content": "Project Menu", + "fill": "$grey100" + } + ] + } + ] + }, + { + "type": "frame", + "id": "K0nSxf", + "x": 6, + "y": 74, + "name": "Copilot/HighlightLink/Hover", + "reusable": true, + "fill": "$turquoise400", + "cornerRadius": "$space-1", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$turquoise400" + }, + "gap": "$radius-3", + "padding": [ + 0, + "$space-1" + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "eWLtp", + "type": "ref", + "ref": "lE3p0", + "x": 4, + "y": 0, + "children": [ + { + "id": "ydFN5", + "type": "ref", + "ref": "P228e", + "content": "Project Menu", + "fill": "$grey100" + } + ] + } + ] + }, + { + "type": "frame", + "id": "kHqA3", + "x": 6, + "y": 109, + "name": "Copilot/HighlightLink/Click", + "reusable": true, + "fill": "$turquoise600", + "cornerRadius": "$space-1", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$turquoise600" + }, + "gap": "$radius-3", + "padding": [ + 0, + "$space-1" + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "qorkG", + "type": "ref", + "ref": "lE3p0", + "x": 4, + "y": 0, + "children": [ + { + "id": "j86at", + "type": "ref", + "ref": "P228e", + "content": "Project Menu", + "fill": "$grey100" + } + ] + } + ] + }, + { + "type": "frame", + "id": "j8QZC7", + "x": 0, + "y": 0, + "name": "Copilot/HighlightLink", + "reusable": true, + "slot": [ + "kHqA3", + "xQaFr", + "K0nSxf" + ], + "clip": true, + "width": "fit_content(104)", + "height": "fit_content(30)", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center" + } + ] + }, + { + "type": "frame", + "id": "vHRHI", + "x": 854, + "y": 50, + "name": "Docs/CopilotDragHandle/States", + "clip": true, + "width": 380, + "height": 102, + "cornerRadius": 5, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "H56llU", + "x": 20, + "y": 52, + "name": "Copilot/DragHandle/Filled", + "reusable": true, + "width": 340, + "fill": "$grey300", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$radius-3", + "padding": [ + 0, + 163 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "vJl2P", + "name": "Icon", + "clip": true, + "width": 14.000000953674316, + "height": 14.000000953674316, + "stroke": { + "align": "inside", + "thickness": 0.6111119985580444 + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "B4lpUE", + "type": "ref", + "ref": "1xCKp", + "x": 4.76837158203125e-7, + "y": 4.76837158203125e-7, + "children": [ + { + "id": "HEo82", + "type": "ref", + "ref": "PeDF9", + "descendants": { + "Ugu4g": { + "fontSize": 14, + "fill": "$grey700" + } + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "nxMzA", + "x": 20, + "y": 79, + "name": "Copilot/DragHandle/Default", + "reusable": true, + "width": 340, + "fill": "$grey100", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$radius-3", + "padding": [ + 0, + 163 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "RvgV3", + "name": "Icon", + "clip": true, + "width": 14.000000953674316, + "height": 14.000000953674316, + "stroke": { + "align": "inside", + "thickness": 0.6111119985580444 + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "qFLHA", + "type": "ref", + "ref": "1xCKp", + "x": 4.76837158203125e-7, + "y": 4.76837158203125e-7, + "children": [ + { + "id": "XmXRJ", + "type": "ref", + "ref": "PeDF9", + "descendants": { + "Ugu4g": { + "fontSize": 14, + "fill": "$grey700" + } + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "L2oW9", + "x": 20, + "y": 11, + "name": "Copilot/DragHandle", + "reusable": true, + "slot": [ + "H56llU", + "nxMzA" + ], + "clip": true, + "width": "fit_content(228)", + "height": "fit_content(25)", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center" + } + ] + }, + { + "type": "frame", + "id": "s4feG", + "x": 724, + "y": 347, + "name": "Docs/CopilotRetryButton/States", + "clip": true, + "width": 94, + "height": 165, + "fill": "$grey100", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$radius-3", + "padding": "$space-5", + "children": [ + { + "type": "frame", + "id": "wpRQe", + "name": "Copilot/RetryButton", + "reusable": true, + "slot": [ + "lPfhC", + "ki9Od", + "bXNWg" + ], + "clip": true, + "width": "fit_content(54)", + "height": "fit_content(26)", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center" + }, + { + "type": "frame", + "id": "lPfhC", + "name": "Copilot/RetryButton/Default", + "reusable": true, + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "alignItems": "center", + "children": [ + { + "id": "i4XPw", + "type": "ref", + "ref": "bW00p", + "x": 0, + "y": 1.0000000000000036, + "children": [ + { + "id": "Z0QSVw", + "type": "ref", + "ref": "BKf9n", + "descendants": { + "LYLuV": { + "content": "V", + "fill": "$grey800" + } + } + } + ] + }, + { + "id": "CJ2Ql", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "y": 0, + "children": [ + { + "id": "W7LFCc", + "type": "ref", + "ref": "tUGoQ", + "content": "Retry", + "fill": "$grey800" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ki9Od", + "name": "Copilot/RetryButton/Disabled", + "reusable": true, + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "alignItems": "center", + "children": [ + { + "id": "D5dNOM", + "type": "ref", + "ref": "bW00p", + "x": 0, + "y": 1.0000000000000036, + "children": [ + { + "id": "lVLP9", + "type": "ref", + "ref": "BKf9n", + "descendants": { + "LYLuV": { + "content": "V", + "fill": "$grey700" + } + } + } + ] + }, + { + "id": "FqWeq", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "y": 0, + "children": [ + { + "id": "g7jMGH", + "type": "ref", + "ref": "tUGoQ", + "content": "Retry", + "fill": "$grey700" + } + ] + } + ] + }, + { + "type": "frame", + "id": "bXNWg", + "name": "Copilot/RetryButton/Hover", + "reusable": true, + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "alignItems": "center", + "children": [ + { + "id": "KL1w1", + "type": "ref", + "ref": "bW00p", + "x": 0, + "y": 1.0000000000000036, + "children": [ + { + "id": "Q4xjk", + "type": "ref", + "ref": "BKf9n", + "descendants": { + "LYLuV": { + "content": "V", + "fill": "$grey900" + } + } + } + ] + }, + { + "id": "N3R4qm", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "y": 0, + "children": [ + { + "id": "q2db7", + "type": "ref", + "ref": "tUGoQ", + "content": "Retry", + "fill": "$grey900" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "GZV1E", + "x": 1044, + "y": 324, + "name": "Docs/CopilotStatus/States", + "clip": true, + "width": 348, + "fill": "$grey100", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-5", + "padding": "$space-5", + "children": [ + { + "type": "frame", + "id": "vybBL", + "name": "Copilot/Status", + "reusable": true, + "slot": [ + "iTfe0", + "lqZJ7" + ], + "clip": true, + "width": "fit_content(308)", + "height": "fit_content(30)", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center" + }, + { + "type": "frame", + "id": "iTfe0", + "name": "Copilot/Status/Warning", + "reusable": true, + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-1", + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "E8idm", + "name": "Content", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-2", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "r1McuK", + "name": "Leading", + "stroke": { + "align": "inside", + "thickness": 0.8333333134651184 + }, + "gap": "$space-2", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "bTaxw", + "name": "Icon", + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 0.6666666865348816 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "pP16K", + "x": 1.3333333730697632, + "y": 1.3333333730697632, + "name": "exclamation-circle", + "geometry": "M10 0c-5.523 0-10 4.477-10 10 0 5.523 4.477 10 10 10 5.523 0 10-4.477 10-10 0-5.523-4.477-10-10-10z m-0.75 5.5c0-0.414 0.336-0.75 0.75-0.75 0.414 0 0.75 0.336 0.75 0.75l0 4.57104c0 0.414-0.336 0.75-0.75 0.75-0.414 0-0.75-0.336-0.75-0.75l0-4.57104z m0.77002 9c-0.552 0-1.00513-0.448-1.00513-1 0-0.552 0.44312-1 0.99512-1l0.01001 0c0.553 0 1 0.448 1 1 0 0.552-0.448 1-1 1z", + "fill": "$yellow500", + "width": 13.333333969116211, + "height": 13.333333969116211, + "stroke": { + "align": "inside", + "thickness": 0.6666666865348816 + } + } + ] + } + ] + }, + { + "id": "lJMvX", + "type": "ref", + "ref": "tfxWX", + "x": 24, + "y": 0, + "children": [ + { + "id": "encGU", + "type": "ref", + "ref": "tUGoQ", + "content": "Your quota is used up. It will reset in 50 seconds.", + "fill": "$yellow500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "VUSpF", + "name": "Actions", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + } + }, + "gap": "$space-1", + "padding": [ + "$space-0", + 0, + "$space-0", + "$space-6" + ], + "alignItems": "center", + "children": [ + { + "id": "vQZc9", + "type": "ref", + "ref": "wpRQe", + "x": 24, + "y": 2, + "children": [ + { + "id": "WlGSX", + "type": "ref", + "ref": "lPfhC" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "lqZJ7", + "name": "Copilot/Status/Error", + "reusable": true, + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-1", + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "T9AaC", + "name": "Content", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-2", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "ZzCsZ", + "name": "Leading", + "stroke": { + "align": "inside", + "thickness": 0.8333333134651184 + }, + "gap": "$space-2", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "FCdbi", + "name": "Icon", + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 0.6666666865348816 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "TNsjG", + "x": 1.3330078125, + "y": 2.0003256797790527, + "name": "triangle-exclamation", + "geometry": "M19.60736 14.1517l-6.60694-12.3562c-1.28-2.394-4.719-2.394-6 0l-6.60693 12.3562c-1.174 2.196 0.42004 4.8479 2.91504 4.8479l13.38379 0c2.494 0 4.08904-2.6529 2.91504-4.8479z m-10.35694-7.1521c0-0.414 0.336-0.75 0.75-0.75 0.414 0 0.75 0.336 0.75 0.75l0 4c0 0.414-0.336 0.75-0.75 0.75-0.414 0-0.75-0.336-0.75-0.75l0-4z m0.77002 8c-0.552 0-1.00513-0.448-1.00512-1 0-0.552 0.44312-1 0.99511-1l0.01001 0c0.553 0 1 0.448 1 1 0 0.552-0.448 1-1 1z", + "fill": "$red500", + "width": 13.333815574645996, + "height": 12.666400909423828, + "stroke": { + "align": "inside", + "thickness": 0.6666666865348816 + } + } + ] + } + ] + }, + { + "id": "AXoXB", + "type": "ref", + "ref": "tfxWX", + "x": 24, + "y": 0, + "children": [ + { + "id": "S6Jnh", + "type": "ref", + "ref": "tUGoQ", + "content": "Something went wrong, please try again later.", + "fill": "$red500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "jpSMc", + "name": "Actions", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + } + }, + "gap": "$space-1", + "padding": [ + "$space-0", + 0, + "$space-0", + "$space-6" + ], + "alignItems": "center", + "children": [ + { + "id": "qQtdj", + "type": "ref", + "ref": "wpRQe", + "x": 24, + "y": 2, + "children": [ + { + "id": "juWZF", + "type": "ref", + "ref": "lPfhC" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "tAFCq", + "x": 53, + "y": 581, + "name": "Docs/CopilotCodeContainer/States", + "clip": true, + "width": 508, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-6", + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "MvbVf", + "name": "Copilot/CodeContainer", + "reusable": true, + "slot": [ + "SAyOH", + "I4FpDD" + ], + "clip": true, + "width": "fit_content(278)", + "height": "fit_content(50)", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center" + }, + { + "type": "frame", + "id": "SAyOH", + "name": "Copilot/CodeContainer/Inset", + "reusable": true, + "clip": true, + "width": 468, + "fill": "$grey100", + "cornerRadius": "$space-2", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$grey500" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "r1ZBf", + "name": "Code", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-2", + "padding": "$space-3", + "children": [ + { + "id": "x8q2g1", + "type": "ref", + "ref": "lE3p0", + "x": 12, + "y": 12, + "children": [ + { + "id": "iGbWY", + "type": "ref", + "ref": "P228e", + "fill": "$grey600", + "content": "1\n2\n3\n4\n5" + } + ] + }, + { + "type": "group", + "id": "US1jq", + "children": [ + { + "type": "frame", + "id": "E8Z26", + "x": 0, + "y": 12, + "name": "Content", + "rotation": -360, + "clip": true, + "cornerRadius": "$radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "padding": [ + 2, + 0 + ], + "children": [ + { + "id": "FCRpp", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 2, + "children": [ + { + "id": "cF9Pb", + "type": "ref", + "ref": "j2X5BP", + "content": "onStart", + "fill": "$code-turmeric" + } + ] + }, + { + "id": "r6fYUQ", + "type": "ref", + "ref": "lE3p0", + "x": 55.00000000000001, + "y": 2, + "children": [ + { + "id": "M47X5", + "type": "ref", + "ref": "j2X5BP", + "content": "=> {", + "fill": "$code-black" + } + ] + } + ] + }, + { + "type": "frame", + "id": "aDQL4", + "x": 15, + "y": 34, + "name": "Content", + "rotation": -360, + "clip": true, + "cornerRadius": "$radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "padding": [ + 2, + 0 + ], + "children": [ + { + "id": "Hiaji", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 2, + "children": [ + { + "id": "m6Nu01", + "type": "ref", + "ref": "j2X5BP", + "content": "setXYpos", + "fill": "$code-turmeric" + } + ] + }, + { + "id": "rOm7Z", + "type": "ref", + "ref": "lE3p0", + "x": 62.00000000000001, + "y": 2, + "children": [ + { + "id": "KlnKz", + "type": "ref", + "ref": "j2X5BP", + "content": "0", + "fill": "$code-green" + } + ] + }, + { + "id": "o5x9B6", + "type": "ref", + "ref": "lE3p0", + "x": 74.00000000000001, + "y": 2, + "rotation": 0, + "children": [ + { + "id": "vH2zZ", + "type": "ref", + "ref": "j2X5BP", + "content": ",", + "fill": "$code-black" + } + ] + }, + { + "id": "JXb1Q", + "type": "ref", + "ref": "lE3p0", + "x": 86.00000000000001, + "y": 2, + "rotation": 0, + "children": [ + { + "id": "A2uC8o", + "type": "ref", + "ref": "j2X5BP", + "content": "0", + "fill": "$code-green" + } + ] + } + ] + }, + { + "type": "frame", + "id": "pvItN", + "x": 15, + "y": 56, + "name": "Content", + "rotation": -360, + "clip": true, + "cornerRadius": "$radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "padding": [ + 2, + 0 + ], + "children": [ + { + "id": "U8cBn3", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 2, + "children": [ + { + "id": "As6dQ", + "type": "ref", + "ref": "j2X5BP", + "content": "show", + "fill": "$code-turmeric" + } + ] + } + ] + }, + { + "type": "frame", + "id": "sgZqz", + "x": 15, + "y": 78, + "name": "Content", + "rotation": -360, + "clip": true, + "cornerRadius": "$radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "padding": [ + 2, + 0 + ], + "children": [ + { + "id": "keBLO", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 2, + "children": [ + { + "id": "zZjiu", + "type": "ref", + "ref": "j2X5BP", + "fill": "$code-turmeric" + } + ] + }, + { + "id": "Onf7T", + "type": "ref", + "ref": "lE3p0", + "x": 55.00000000000001, + "y": 2, + "children": [ + { + "id": "kOdFF", + "type": "ref", + "ref": "j2X5BP", + "content": "\"游戏开始啦！\"", + "fill": "$code-operator", + "rotation": -720, + "x": 0, + "y": 4.2617708610327895e-14 + } + ] + } + ] + }, + { + "type": "frame", + "id": "nu7KZ", + "x": 102, + "y": 56, + "name": "Content", + "rotation": 1.4033418597069752e-14, + "clip": true, + "cornerRadius": "$radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "padding": [ + 2, + 0 + ], + "children": [ + { + "id": "y6xhv", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 2, + "children": [ + { + "id": "K4JKj", + "type": "ref", + "ref": "j2X5BP", + "content": "//make it visible", + "fill": "$grey700" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ZU8Cl", + "x": 0, + "y": 100, + "name": "Content", + "rotation": 1.4033418597069752e-14, + "clip": true, + "cornerRadius": "$radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "padding": [ + 2, + 0 + ], + "children": [ + { + "id": "O1kgjW", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 2, + "children": [ + { + "id": "A3WjV5", + "type": "ref", + "ref": "j2X5BP", + "content": "}", + "fill": "$code-black" + } + ] + } + ] + }, + { + "type": "frame", + "id": "TpNF5", + "x": 122, + "y": 34, + "name": "Content", + "rotation": 1.4033418597069752e-14, + "clip": true, + "cornerRadius": "$radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "padding": [ + 2, + 0 + ], + "children": [ + { + "id": "puBPC", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 2, + "children": [ + { + "id": "dFbby", + "type": "ref", + "ref": "j2X5BP", + "content": "//Move the sprite to the center", + "fill": "$grey700" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Lc7fy", + "x": 164, + "y": 78, + "name": "Content", + "rotation": 1.4033418597069752e-14, + "clip": true, + "cornerRadius": "$radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "padding": [ + 2, + 0 + ], + "children": [ + { + "id": "mt1r3", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 2, + "children": [ + { + "id": "n5gxLJ", + "type": "ref", + "ref": "j2X5BP", + "content": "//say a message", + "fill": "$grey700" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "BxbSX", + "name": "Footer", + "clip": true, + "width": "fill_container", + "fill": "$grey200", + "stroke": { + "align": "outside", + "thickness": { + "top": 1 + }, + "fill": "$grey400" + }, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "h3mMh", + "name": "Actions", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-5", + "padding": [ + 0, + 0, + 0, + "$space-3" + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "DApKJ", + "name": "InsetAction", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + } + }, + "gap": "$space-1", + "padding": [ + "$shadow-y-2", + 0 + ], + "alignItems": "center", + "children": [ + { + "id": "KpUNq", + "type": "ref", + "ref": "bW00p", + "x": 0, + "y": 7.0000000000000036, + "children": [ + { + "id": "NbjJw", + "type": "ref", + "ref": "KRAsk" + } + ] + }, + { + "id": "DxgpI", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "y": 6, + "children": [ + { + "id": "Xam3C", + "type": "ref", + "ref": "tUGoQ", + "content": "Inset", + "fill": "$grey900" + } + ] + } + ] + }, + { + "type": "frame", + "id": "uh6La", + "name": "CopyAction", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + } + }, + "gap": "$space-1", + "padding": [ + "$shadow-y-2", + 0 + ], + "alignItems": "center", + "children": [ + { + "id": "gwsRy", + "type": "ref", + "ref": "1xCKp", + "x": 0, + "y": 7.0000000000000036, + "children": [ + { + "id": "E043G", + "type": "ref", + "ref": "ey2kE" + } + ] + }, + { + "id": "RWHNT", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "y": 6, + "children": [ + { + "id": "lXv8a", + "type": "ref", + "ref": "tUGoQ", + "content": "Copy", + "fill": "$grey900" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "I4FpDD", + "name": "Copilot/CodeContainer/Apply", + "reusable": true, + "clip": true, + "width": 424, + "fill": "$grey100", + "cornerRadius": "$border-radius-1", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$grey500" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "IJu4d", + "name": "Code", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", + "padding": "$space-2", + "children": [ + { + "type": "frame", + "id": "S0H5R6", + "name": "Content", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-2", + "children": [ + { + "type": "frame", + "id": "eZXd0", + "name": "ReferenceLink", + "width": 126, + "height": 22, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "justifyContent": "center", + "children": [ + { + "id": "IdKy2", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 0, + "children": [ + { + "id": "ArS0a", + "type": "ref", + "ref": "P228e", + "content": "Enemy: Line 57-L58", + "fill": "$turquoise500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "o2qw0R", + "name": "Highlights", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "YmmPN", + "name": "BeforeHighlight", + "width": 415, + "height": 22, + "fill": "$red100", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "padding": [ + 0, + "$space-2" + ], + "alignItems": "center", + "children": [ + { + "id": "cCu8o", + "type": "ref", + "ref": "bW00p", + "x": 8, + "y": 5, + "children": [ + { + "id": "syS8h", + "type": "ref", + "ref": "OVM36", + "descendants": { + "lIkdP": { + "fontSize": 12, + "fill": "$grey1000" + } + } + } + ] + }, + { + "type": "frame", + "id": "ftmZK", + "name": "Content", + "rotation": 1.4033418597069752e-14, + "clip": true, + "cornerRadius": "$radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "padding": [ + 2, + 0 + ], + "children": [ + { + "id": "h9YQh", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 2, + "children": [ + { + "id": "A0VXwt", + "type": "ref", + "ref": "j2X5BP", + "content": "onMsg msgBattle,", + "fill": "$code-turmeric" + } + ] + }, + { + "id": "ETROb", + "type": "ref", + "ref": "lE3p0", + "x": 120, + "y": 2, + "children": [ + { + "id": "Qw8cV", + "type": "ref", + "ref": "j2X5BP", + "content": "=> {", + "fill": "$code-black" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "LgSzN", + "name": "AfterHighlight", + "width": 415, + "height": 22, + "fill": "#e0f8e3ff", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "id": "W0iWe8", + "type": "ref", + "ref": "1xCKp", + "x": 8, + "y": 5, + "children": [ + { + "id": "ttRFl", + "type": "ref", + "ref": "M1iDu", + "descendants": { + "NagpS": { + "fill": "$grey1000", + "fontSize": 12 + } + } + } + ] + }, + { + "type": "frame", + "id": "pzcBi", + "name": "Content", + "rotation": 1.4033418597069752e-14, + "clip": true, + "cornerRadius": "$radius-2", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-1", + "padding": [ + 2, + 0 + ], + "children": [ + { + "id": "NZ3a4", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 2, + "children": [ + { + "id": "M99zzC", + "type": "ref", + "ref": "j2X5BP", + "content": "onMsg messageBattle,", + "fill": "$code-turmeric" + } + ] + }, + { + "id": "k62HO", + "type": "ref", + "ref": "lE3p0", + "x": 149, + "y": 2, + "children": [ + { + "id": "c26D4", + "type": "ref", + "ref": "j2X5BP", + "content": "=> {", + "fill": "$code-black" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "vbkqp", + "name": "Footer", + "clip": true, + "width": "fill_container", + "fill": "$grey200", + "stroke": { + "align": "outside", + "thickness": { + "top": 1 + }, + "fill": "$grey400" + }, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "MlLnX", + "name": "Actions", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-5", + "padding": [ + 0, + 0, + 0, + "$space-3" + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "TZ5oT", + "name": "ApplyAction", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + } + }, + "gap": "$space-1", + "padding": [ + "$shadow-y-2", + 0 + ], + "alignItems": "center", + "children": [ + { + "id": "tlM1B", + "type": "ref", + "ref": "bW00p", + "x": 0, + "y": 7.0000000000000036, + "children": [ + { + "id": "YDaZz", + "type": "ref", + "ref": "7qxnB" + } + ] + }, + { + "id": "zffE9", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "y": 6, + "children": [ + { + "id": "zDesg", + "type": "ref", + "ref": "tUGoQ", + "content": "Apply", + "fill": "$grey900" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] } ], "themes": { diff --git a/ui/pages/spx/copilot-conversation.pen b/ui/pages/spx/copilot-conversation.pen new file mode 100644 index 000000000..135437d17 --- /dev/null +++ b/ui/pages/spx/copilot-conversation.pen @@ -0,0 +1,402 @@ +{ + "version": "2.11", + "children": [ + { + "type": "frame", + "id": "EVab1", + "x": -7.592736864159178, + "y": -210.9484614689968, + "name": "CopilotConversation", + "width": 340, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$H:space-2", + "children": [ + { + "type": "frame", + "id": "de9T2", + "name": "Surface", + "clip": true, + "width": "fill_container", + "fill": "$H:grey100", + "cornerRadius": "$H:border-radius-2", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": -270.00000005692806, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#c390ffff", + "position": 0 + }, + { + "color": "#72bbffff", + "position": 1 + } + ], + "center": { + "x": 0.49999999950320895, + "y": 0.5000003172770562 + } + } + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000d", + "offset": { + "x": 0, + "y": "$H:shadow-y-3" + }, + "blur": "$H:shadow-blur-4", + "spread": 8 + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "id": "jmoSb", + "type": "ref", + "ref": "H:L2oW9", + "x": 0, + "y": 0, + "children": [ + { + "id": "TIUn4", + "type": "ref", + "ref": "H:nxMzA" + } + ] + }, + { + "type": "frame", + "id": "O45OnR", + "name": "Body", + "clip": true, + "width": 340, + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$H:purple300" + }, + "layout": "vertical", + "gap": "$H:space-4", + "padding": [ + "$H:space-3", + "$H:space-4", + "$H:space-4", + "$H:space-4" + ], + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "R7Nku", + "name": "Content", + "width": 308, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$H:space-3", + "children": [ + { + "id": "xsg44", + "type": "ref", + "ref": "H:lE3p0", + "x": 0, + "y": 0, + "children": [ + { + "id": "BSAm8", + "type": "ref", + "ref": "H:P228e", + "content": " Return to the code editor to start coding. Click on", + "fill": "$H:grey900" + } + ] + }, + { + "type": "frame", + "id": "TKmq6", + "name": "HighlightLink", + "clip": true, + "gap": "$H:space-1", + "children": [ + { + "id": "RZWpi", + "type": "ref", + "ref": "H:lE3p0", + "x": 0, + "y": 0, + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$H:turquoise500" + }, + "children": [ + { + "id": "cZ4Wf", + "type": "ref", + "ref": "H:P228e", + "content": "second line", + "fill": "$H:turquoise500", + "effect": [] + } + ] + }, + { + "id": "WxefF", + "type": "ref", + "ref": "H:lE3p0", + "x": 76, + "y": 0, + "children": [ + { + "id": "wckGs", + "type": "ref", + "ref": "H:P228e", + "content": "to edit it.", + "fill": "$H:grey900", + "x": 0, + "y": 0 + } + ] + } + ] + }, + { + "id": "T36W5", + "type": "ref", + "ref": "H:lE3p0", + "x": 0, + "y": 68, + "children": [ + { + "id": "IyqZw", + "type": "ref", + "ref": "H:P228e", + "content": "Next, we need to complete the following steps:", + "fill": "$H:grey900", + "x": 0, + "y": 0 + } + ] + }, + { + "type": "frame", + "id": "po1is", + "name": "StepList", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$H:space-2", + "children": [ + { + "id": "Q9VNUL", + "type": "ref", + "ref": "H:lE3p0", + "x": 0, + "y": 0, + "children": [ + { + "id": "m7jarH", + "type": "ref", + "ref": "H:P228e", + "content": "1. xxxxxxxxxxx", + "fill": "$H:grey900", + "x": 0, + "y": 0 + } + ] + }, + { + "id": "ApJh0", + "type": "ref", + "ref": "H:lE3p0", + "x": 0, + "y": 30, + "children": [ + { + "id": "mbShh", + "type": "ref", + "ref": "H:P228e", + "content": "2. xxxxxxxxxxx", + "fill": "$H:grey900", + "x": 0, + "y": 0 + } + ] + }, + { + "id": "dUWyL", + "type": "ref", + "ref": "H:lE3p0", + "x": 0, + "y": 60, + "children": [ + { + "id": "mDcDq", + "type": "ref", + "ref": "H:P228e", + "content": "3. xxxxxxxxxxx", + "fill": "$H:grey900", + "x": 0, + "y": 0 + } + ] + } + ] + }, + { + "id": "xutiO", + "type": "ref", + "ref": "H:MvbVf", + "x": 0, + "y": 196, + "children": [ + { + "id": "P8JixI", + "type": "ref", + "ref": "H:SAyOH" + } + ] + } + ] + }, + { + "type": "frame", + "id": "OC5jS", + "name": "Actions", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$H:space-2", + "children": [ + { + "id": "oMsJ8", + "type": "ref", + "ref": "H:z8hcSb", + "x": 0, + "y": 0, + "children": [ + { + "id": "CTL1i", + "type": "ref", + "ref": "H:vN0Kk", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$H:grey400" + }, + "descendants": { + "H:aoHIs": { + "content": "Explain More" + } + } + } + ] + }, + { + "id": "cGE6W", + "type": "ref", + "ref": "H:z8hcSb", + "x": 127, + "y": 0, + "children": [ + { + "id": "G4CuDv", + "type": "ref", + "ref": "H:vN0Kk", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$H:grey400" + }, + "descendants": { + "H:aoHIs": { + "content": "Next Step" + } + } + } + ] + } + ] + } + ] + }, + { + "id": "VmJ7A", + "type": "ref", + "ref": "H:v6bX84", + "x": 0, + "y": 450.0000009536743, + "children": [ + { + "id": "ui1C8", + "type": "ref", + "ref": "H:rnjXi" + } + ] + } + ] + }, + { + "type": "frame", + "id": "WhAfw", + "name": "Handle", + "width": "fill_container", + "height": 36, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$H:radius-3", + "justifyContent": "center", + "children": [ + { + "id": "euXgJ", + "type": "ref", + "ref": "H:elYOY", + "x": 122, + "y": 0, + "flipX": false, + "flipY": false, + "width": 96, + "height": "fit_content", + "children": [ + { + "id": "yELqc", + "type": "ref", + "ref": "H:j9lKP" + } + ] + } + ] + } + ] + } + ], + "imports": { + "H": "../../components/spx/builder-component.lib.pen" + } +} \ No newline at end of file diff --git a/ui/pages/spx/copilot-error.pen b/ui/pages/spx/copilot-error.pen new file mode 100644 index 000000000..c46ab7d7e --- /dev/null +++ b/ui/pages/spx/copilot-error.pen @@ -0,0 +1,171 @@ +{ + "version": "2.11", + "children": [ + { + "type": "frame", + "id": "Io8FW", + "x": -170, + "y": -96, + "name": "CopilotError", + "width": 340, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$l:space-2", + "children": [ + { + "type": "frame", + "id": "Zsn3f", + "name": "Surface", + "clip": true, + "width": "fill_container", + "fill": "$l:grey100", + "cornerRadius": "$l:border-radius-2", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": -270.00000005692806, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#c390ffff", + "position": 0 + }, + { + "color": "#72bbffff", + "position": 1 + } + ], + "center": { + "x": 0.49999999950320895, + "y": 0.5000003172770562 + } + } + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000d", + "offset": { + "x": 0, + "y": "$l:shadow-y-3" + }, + "blur": "$l:shadow-blur-4", + "spread": 8 + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "id": "YKVfn", + "type": "ref", + "ref": "l:L2oW9", + "x": 0, + "y": 0, + "children": [ + { + "id": "c05vdd", + "type": "ref", + "ref": "l:nxMzA" + } + ] + }, + { + "type": "frame", + "id": "POs5I", + "name": "Body", + "clip": true, + "width": 340, + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$l:purple300" + }, + "layout": "vertical", + "gap": "$l:space-4", + "padding": [ + "$l:space-3", + "$l:space-4", + "$l:space-4", + "$l:space-4" + ], + "justifyContent": "center", + "children": [ + { + "id": "s8g7ZB", + "type": "ref", + "ref": "l:vybBL", + "x": 16, + "y": 12, + "children": [ + { + "id": "kqx8p", + "type": "ref", + "ref": "l:lqZJ7" + } + ] + } + ] + }, + { + "id": "RM7iQ", + "type": "ref", + "ref": "l:v6bX84", + "x": 0, + "y": 86.00000095367439, + "children": [ + { + "id": "Uv0IA", + "type": "ref", + "ref": "l:kZRHM" + } + ] + } + ] + }, + { + "type": "frame", + "id": "LZ49W", + "name": "Handle", + "width": "fill_container", + "height": 36, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$l:radius-3", + "justifyContent": "center", + "children": [ + { + "id": "Gt1xS", + "type": "ref", + "ref": "l:elYOY", + "x": 152, + "y": 0, + "children": [ + { + "id": "gbBLz", + "type": "ref", + "ref": "l:lEey5" + } + ] + } + ] + } + ] + } + ], + "imports": { + "l": "../../components/spx/builder-component.lib.pen" + } +} \ No newline at end of file diff --git a/ui/pages/spx/copilot-prompt.pen b/ui/pages/spx/copilot-prompt.pen new file mode 100644 index 000000000..74cba815c --- /dev/null +++ b/ui/pages/spx/copilot-prompt.pen @@ -0,0 +1,223 @@ +{ + "version": "2.11", + "children": [ + { + "type": "frame", + "id": "vVxlX", + "x": -170, + "y": -109, + "name": "CopilotPrompt", + "width": 340, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$x:space-2", + "children": [ + { + "type": "frame", + "id": "giU1r", + "name": "Surface", + "clip": true, + "width": "fill_container", + "fill": "$x:grey100", + "cornerRadius": "$x:space-3", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": -270.00000005692806, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#c390ffff", + "position": 0 + }, + { + "color": "#72bbffff", + "position": 1 + } + ], + "center": { + "x": 0.49999999950320895, + "y": 0.5000003172770562 + } + } + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000d", + "offset": { + "x": 0, + "y": "$x:shadow-y-3" + }, + "blur": "$x:shadow-blur-4", + "spread": 8 + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "id": "MsEHp", + "type": "ref", + "ref": "x:L2oW9", + "x": 0, + "y": 0, + "name": "Handle", + "children": [ + { + "id": "uIsao", + "type": "ref", + "ref": "x:nxMzA" + } + ] + }, + { + "type": "frame", + "id": "Nl3Yo", + "name": "Body", + "clip": true, + "width": 340, + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$x:purple300" + }, + "layout": "vertical", + "gap": "$x:space-4", + "padding": [ + "$x:space-3", + "$x:space-4", + "$x:space-4", + "$x:space-4" + ], + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "c1Eba3", + "name": "Info", + "width": 308, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "children": [ + { + "id": "P1mEL", + "type": "ref", + "ref": "x:lE3p0", + "x": 0, + "y": 0, + "children": [ + { + "id": "O3ZYU", + "type": "ref", + "ref": "x:P228e", + "content": "Please sign in to continue.", + "fill": "$x:grey800" + } + ] + } + ] + }, + { + "type": "frame", + "id": "EGR3B", + "name": "Actions", + "width": "fill_container", + "cornerRadius": 999, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "alignItems": "center", + "children": [ + { + "id": "zwKQ2", + "type": "ref", + "ref": "x:z8hcSb", + "x": 0, + "y": 0, + "children": [ + { + "id": "WqnWP", + "type": "ref", + "ref": "x:JwST5", + "descendants": { + "x:LOmxV": { + "content": "Sign in" + } + } + } + ] + } + ] + } + ] + }, + { + "id": "D0Wm7", + "type": "ref", + "ref": "x:v6bX84", + "x": 0, + "y": 112.00000095367432, + "name": "Composer", + "children": [ + { + "id": "e35VeV", + "type": "ref", + "ref": "x:kZRHM" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Z9AaW", + "name": "Footer", + "width": "fill_container", + "height": 36, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$x:radius-3", + "justifyContent": "center", + "children": [ + { + "id": "RtnNs", + "type": "ref", + "ref": "x:elYOY", + "x": 152, + "y": 0, + "name": "FoldAction", + "children": [ + { + "id": "OVoZM", + "type": "ref", + "ref": "x:lEey5" + } + ] + } + ] + } + ] + } + ], + "imports": { + "x": "../../components/spx/builder-component.lib.pen" + } +} \ No newline at end of file diff --git a/ui/pages/spx/copilot-recommendation.pen b/ui/pages/spx/copilot-recommendation.pen new file mode 100644 index 000000000..6a6c193a4 --- /dev/null +++ b/ui/pages/spx/copilot-recommendation.pen @@ -0,0 +1,356 @@ +{ + "version": "2.11", + "children": [ + { + "type": "frame", + "id": "KnHoD", + "x": -170, + "y": -196, + "name": "CopilotRecommendation", + "width": 340, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$N:space-2", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "B9eHAj", + "name": "Surface", + "clip": true, + "width": "fill_container", + "fill": "$N:grey100", + "cornerRadius": "$N:border-radius-2", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": -270.00000005692806, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#c390ffff", + "position": 0 + }, + { + "color": "#72bbffff", + "position": 1 + } + ], + "center": { + "x": 0.49999999950320895, + "y": 0.5000003172770562 + } + } + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000d", + "offset": { + "x": 0, + "y": "$N:shadow-y-3" + }, + "blur": "$N:shadow-blur-4", + "spread": 8 + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "w39XE", + "name": "Body", + "width": "fill_container", + "cornerRadius": [ + 16, + 16, + 0, + 0 + ], + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$N:purple300" + }, + "layout": "vertical", + "gap": "$N:space-3", + "alignItems": "center", + "children": [ + { + "id": "X9rVy", + "type": "ref", + "ref": "N:L2oW9", + "x": 0, + "y": 0, + "name": "Handle", + "children": [ + { + "id": "Z8Ai88", + "type": "ref", + "ref": "N:nxMzA" + } + ] + }, + { + "type": "frame", + "id": "fbtqf", + "name": "Content", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$N:space-6", + "padding": [ + 0, + "$N:space-6", + "$N:space-6", + "$N:space-6" + ], + "children": [ + { + "type": "frame", + "id": "KuXma", + "name": "Intro", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$N:space-1", + "children": [ + { + "id": "NqsVX", + "type": "ref", + "ref": "N:tfxWX", + "x": 0, + "y": 0, + "children": [ + { + "id": "QKo6K", + "type": "ref", + "ref": "N:Lm2P8", + "content": "Hi,friend", + "lineHeight": 1.4, + "fontStyle": "normal", + "fontWeight": "600" + } + ] + }, + { + "id": "ZgQ6Y", + "type": "ref", + "ref": "N:lE3p0", + "x": 0, + "y": 32, + "children": [ + { + "id": "h4anWm", + "type": "ref", + "ref": "N:P228e", + "content": "If you have any questions, just ask!", + "fill": "$N:grey700" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Q2h3h", + "name": "RecommendationList", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$N:space-2", + "children": [ + { + "type": "frame", + "id": "AkWr0", + "name": "RecommendationItem", + "width": "fill_container", + "height": 40, + "fill": "$N:grey100", + "cornerRadius": "$N:border-radius-1", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$N:grey400" + }, + "gap": "$N:space-1", + "padding": [ + 5, + "$N:space-3" + ], + "alignItems": "center", + "children": [ + { + "id": "DBZcR", + "type": "ref", + "ref": "N:tfxWX", + "x": 12, + "y": 10, + "children": [ + { + "id": "tGtDy", + "type": "ref", + "ref": "N:qjr9H", + "content": "How to create my first game project ?", + "fill": "$N:grey900" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ZtvCK", + "name": "RecommendationItem", + "width": "fill_container", + "height": 40, + "fill": "$N:grey100", + "cornerRadius": "$N:border-radius-1", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$N:grey400" + }, + "gap": "$N:space-1", + "padding": [ + 5, + "$N:space-3" + ], + "alignItems": "center", + "children": [ + { + "id": "zC1Li", + "type": "ref", + "ref": "N:tfxWX", + "x": 12, + "y": 10, + "children": [ + { + "id": "DdHga", + "type": "ref", + "ref": "N:qjr9H", + "content": "How can I make my Sprite move ?", + "fill": "$N:grey900" + } + ] + } + ] + }, + { + "type": "frame", + "id": "mWu1F", + "name": "RecommendationItem", + "width": "fill_container", + "height": 62, + "fill": "$N:grey100", + "cornerRadius": "$N:space-2", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$N:grey400" + }, + "gap": "$N:space-1", + "padding": [ + 5, + "$N:space-3" + ], + "alignItems": "center", + "children": [ + { + "id": "kxC41", + "type": "ref", + "ref": "N:tfxWX", + "x": 12, + "y": 11, + "children": [ + { + "id": "xiLkU", + "type": "ref", + "ref": "N:qjr9H", + "content": "How to play sounds and animations in the\ngame?", + "fill": "$N:grey900", + "textAlign": "left" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "id": "HM2iI", + "type": "ref", + "ref": "N:v6bX84", + "x": 0, + "y": 286.0000009536743, + "name": "Composer", + "children": [ + { + "id": "t7zwII", + "type": "ref", + "ref": "N:kZRHM" + } + ] + } + ] + }, + { + "type": "frame", + "id": "KMKku", + "name": "Footer", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$N:radius-3", + "justifyContent": "center", + "children": [ + { + "id": "A58P74", + "type": "ref", + "ref": "N:elYOY", + "x": 152, + "y": 0, + "name": "TutorialAction", + "children": [ + { + "id": "IIzhD", + "type": "ref", + "ref": "N:lEey5" + } + ] + } + ] + } + ] + } + ], + "imports": { + "N": "../../components/spx/builder-component.lib.pen" + } +} \ No newline at end of file