From 36425f0620824de1965597980230ecb1ad92998e Mon Sep 17 00:00:00 2001 From: jiaxinLiu1 Date: Thu, 28 May 2026 18:50:38 +0800 Subject: [PATCH 1/5] add Define Animation, Sound & Behavior Selection components --- ui/components/spx/builder-component.lib.pen | 2588 ++++++++++++++++++- 1 file changed, 2517 insertions(+), 71 deletions(-) diff --git a/ui/components/spx/builder-component.lib.pen b/ui/components/spx/builder-component.lib.pen index 7dc5fc6b1..bc50100b3 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": 9.553164799987438e+22, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38557,7 +38557,7 @@ "type": "frame", "id": "R1GYIk", "name": "Variant-Primary", - "width": 5.523390154839518e+22, + "width": 1.0532976574345127e+23, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38718,7 +38718,7 @@ "name": "Content", "clip": true, "width": 512, - "height": 1428, + "height": 1458, "fill": "$grey500", "cornerRadius": "$radius-1", "stroke": { @@ -38797,7 +38797,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3253.1648854800587, + "width": 3285.087311032508, "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.02162070814695, "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.02162070814695, "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.02162070814695, "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": 873.9999999999998, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39322,7 +39322,7 @@ "fill": "$grey800", "textGrowth": "fixed-width-height", "width": 131, - "height": 22.9092671995124, + "height": 24.169096065674726, "flipX": false, "flipY": false }, @@ -39333,7 +39333,7 @@ "rotation": 0.017214400057139954, "clip": true, "width": 511.9999774008101, - "height": 561.9135372502274, + "height": 593.1304110169428, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39482,7 +39482,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3234.437184123176, + "width": 3266.3591651845722, "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": 0, + "y": 1.0000000000000053, + "children": [ + { + "id": "BYOoD", + "type": "ref", + "ref": "KZhGg" + } + ] + }, + { + "id": "EQOUV", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "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": 0, + "y": 1.0000000000000053, + "children": [ + { + "id": "A2PGV0", + "type": "ref", + "ref": "9jzN4" + } + ] + }, + { + "id": "RkkJ5", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "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.0000000000000036, + "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": 0, + "y": 1.0000000000000053, + "children": [ + { + "id": "yLBwE", + "type": "ref", + "ref": "KZhGg" + } + ] + }, + { + "id": "U0SD4", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "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": 0, + "y": 1.000000000000007, + "children": [ + { + "id": "YDVIM", + "type": "ref", + "ref": "9jzN4" + } + ] + }, + { + "id": "kS7Mb", + "type": "ref", + "ref": "tfxWX", + "x": 20, + "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.0000000000000053, + "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 + } + ] + } + ] + } + ] + } + ] } ] }, @@ -49599,15 +50268,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 +50284,7 @@ "id": "z8Qh5", "type": "ref", "ref": "0rSuk", - "x": 16, + "x": 12, "y": 5, "content": "Recently Updated", "fill": "$grey1000" @@ -49678,15 +50347,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 +50363,7 @@ "id": "IJ7I5", "type": "ref", "ref": "0rSuk", - "x": 16, + "x": 12, "y": 5, "content": "Recently Updated", "fill": "$grey800" @@ -65756,7 +66425,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682153523993611e-14, + "y": 5.682255563645541e-14, "children": [ { "id": "lpatT", @@ -65769,8 +66438,8 @@ "id": "OsOUh", "type": "ref", "ref": "m6A5K", - "x": 247.99152310485556, - "y": 5.682153523993611e-14, + "x": 247.99568918980356, + "y": 5.682255563645541e-14, "children": [ { "id": "rfnOE", @@ -65783,8 +66452,8 @@ "id": "zRRXP", "type": "ref", "ref": "m6A5K", - "x": 495.9830462097111, - "y": 5.682153523993612e-14, + "x": 495.9913783796071, + "y": 5.6822555636455426e-14, "children": [ { "id": "dJ1TI", @@ -65797,8 +66466,8 @@ "id": "ryGDv", "type": "ref", "ref": "m6A5K", - "x": 743.9745693145667, - "y": 5.682153523993609e-14, + "x": 743.9870675694108, + "y": 5.68225556364554e-14, "children": [ { "id": "f38PK", @@ -65821,7 +66490,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682153523993611e-14, + "y": 5.682255563645541e-14, "children": [ { "id": "eeHrD", @@ -65834,8 +66503,8 @@ "id": "z5Xx2", "type": "ref", "ref": "m6A5K", - "x": 247.99152310485556, - "y": 5.682153523993611e-14, + "x": 247.99568918980356, + "y": 5.682255563645541e-14, "children": [ { "id": "aGosX", @@ -65848,8 +66517,8 @@ "id": "e6vJm", "type": "ref", "ref": "m6A5K", - "x": 495.9830462097111, - "y": 5.682153523993612e-14, + "x": 495.9913783796071, + "y": 5.6822555636455426e-14, "children": [ { "id": "u0AjqQ", @@ -65862,8 +66531,8 @@ "id": "r7bhS", "type": "ref", "ref": "m6A5K", - "x": 743.9745693145667, - "y": 5.682153523993609e-14, + "x": 743.9870675694108, + "y": 5.68225556364554e-14, "children": [ { "id": "TGis1", @@ -66429,8 +67098,8 @@ { "type": "frame", "id": "i1beJ", - "x": 25, - "y": 3469, + "x": 120, + "y": 3502, "name": "Editor", "width": 6537, "height": 2952, @@ -70079,7 +70748,7 @@ "id": "ZwJbr", "name": "Label", "clip": true, - "width": 497.6787391364614, + "width": 509.6787391364614, "alignItems": "center", "children": [ { @@ -97661,6 +98330,1519 @@ ] } ] + }, + { + "type": "frame", + "id": "GQY1w", + "x": 2849, + "y": 1738, + "name": "Editor/animation-tab-modal", + "clip": true, + "width": 420, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-1", + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Z9trqX", + "name": "modal/sprite-animation-panel", + "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": "Close-add-button", + "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": "Frame 1000002914", + "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": "Frame 162923", + "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": "Frame 1000002913", + "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": "Frame 1010106334", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 10, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "LSheI", + "name": "Frame 1010106335", + "width": 142, + "height": 32, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "group", + "id": "x2Oqgu", + "x": 0, + "y": 0, + "name": "Group 1000004650", + "children": [ + { + "type": "frame", + "id": "pp3Tj", + "x": 0, + "y": 0, + "name": "Frame 1000004627", + "height": 32, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "AshM5", + "x": 76, + "y": 5, + "name": "Frame 1000004741", + "enabled": false, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 20, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "f1BtP9", + "name": "Selection-checkbox", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "c09xLt", + "name": ".Selection-icon", + "stroke": { + "align": "inside", + "thickness": 0.888888955116272 + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "CDEfx", + "name": "Frame 1000004775", + "width": 16, + "height": 16, + "cornerRadius": 1110, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#36c2cfff" + }, + "gap": 10, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "path", + "id": "nlGkn", + "name": "bg", + "geometry": "M8 16c4.41828 0 8-3.58172 8-8 0-4.41828-3.58172-8-8-8-4.41828 0-8 3.58172-8 8 0 4.41828 3.58172 8 8 8z", + "fillRule": "evenodd", + "fill": "#36c2cfff", + "width": 10, + "height": 10, + "stroke": { + "align": "inside", + "thickness": 0.5555555820465088 + } + } + ] + } + ] + }, + { + "type": "text", + "id": "IiCQU", + "name": "label", + "fill": "#57606aff", + "content": "Default", + "lineHeight": 1.5714285714285714, + "textAlignVertical": "middle", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "pEcIO", + "name": "Selection-checkbox", + "width": 72, + "height": 22, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "wVm7W", + "name": ".Selection-icon", + "stroke": { + "align": "inside", + "thickness": 0.888888955116272 + }, + "gap": 7.111111640930176, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "sRXaZ", + "name": "Frame 1000004775", + "width": "fit_content(16)", + "height": 16, + "cornerRadius": 1110, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#cbd2d8ff" + }, + "layout": "vertical", + "gap": 10 + } + ] + }, + { + "type": "text", + "id": "CvB9w", + "name": "label", + "fill": "#57606aff", + "content": "Vertical", + "lineHeight": 1.5714285714285714, + "textAlignVertical": "middle", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + } + ] + }, + { + "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": "dEkbp", + "layoutPosition": "absolute", + "x": 6.5, + "y": -40, + "name": "Tooltip", + "enabled": false, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "AnThi", + "name": "Frame 1000002778", + "clip": true, + "fill": "#24292fff", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 10, + "padding": [ + 7, + 8 + ], + "children": [ + { + "type": "text", + "id": "pVwdQ", + "name": "Text", + "fill": "#ffffffff", + "content": "播放方式：播放一次，随动画循环", + "lineHeight": 1.5, + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "path", + "id": "uKvVu", + "name": "Polygon 1", + "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": "e89ZnE", + "name": "Frame 1000002914", + "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, + "children": [ + { + "id": "K5ajvW", + "type": "ref", + "ref": "UswqE" + } + ] + } + ] + }, + { + "type": "frame", + "id": "I2JLW", + "x": 2855, + "y": 2048, + "name": "Editor/animation-tab-modal", + "clip": true, + "width": 408, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-1", + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "JbLHV", + "name": "modal/sprite-animation-panel", + "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": "Close-add-button", + "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": "Frame 1000002914", + "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": "Frame 162923", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-2", + "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": 96, + "y": 0, + "children": [ + { + "id": "H81pNa", + "type": "ref", + "ref": "TILlI" + } + ] + }, + { + "id": "HaV4V", + "type": "ref", + "ref": "N4Jb2H", + "x": 192, + "y": 0, + "children": [ + { + "id": "kDxoL", + "type": "ref", + "ref": "KnvmP" + } + ] + }, + { + "id": "TrJMJ", + "type": "ref", + "ref": "N4Jb2H", + "x": 288, + "y": 0, + "children": [ + { + "id": "dFvZ9", + "type": "ref", + "ref": "w1wOoP" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "sHuqI", + "name": "Frame 1000002913", + "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": "Frame 1010106334", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 10, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "E8OHI", + "name": "Frame 1010106335", + "width": 142, + "height": 32, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "group", + "id": "KKF3A", + "x": 0, + "y": 0, + "name": "Group 1000004650", + "children": [ + { + "type": "frame", + "id": "ZYiIm", + "x": 0, + "y": 0, + "name": "Frame 1000004627", + "height": 32, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "TXTwN", + "x": 76, + "y": 5, + "name": "Frame 1000004741", + "enabled": false, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 20, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "aZHaf", + "name": "Selection-checkbox", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "lxMZ8", + "name": ".Selection-icon", + "stroke": { + "align": "inside", + "thickness": 0.888888955116272 + }, + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "CAoJ5", + "name": "Frame 1000004775", + "width": 16, + "height": 16, + "cornerRadius": 1110, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#36c2cfff" + }, + "gap": 10, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "path", + "id": "vCqHw", + "name": "bg", + "geometry": "M8 16c4.41828 0 8-3.58172 8-8 0-4.41828-3.58172-8-8-8-4.41828 0-8 3.58172-8 8 0 4.41828 3.58172 8 8 8z", + "fillRule": "evenodd", + "fill": "#36c2cfff", + "width": 10, + "height": 10, + "stroke": { + "align": "inside", + "thickness": 0.5555555820465088 + } + } + ] + } + ] + }, + { + "type": "text", + "id": "E3q17w", + "name": "label", + "fill": "#57606aff", + "content": "Default", + "lineHeight": 1.5714285714285714, + "textAlignVertical": "middle", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "rGIbF", + "name": "Selection-checkbox", + "width": 72, + "height": 22, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "TAnPy", + "name": ".Selection-icon", + "stroke": { + "align": "inside", + "thickness": 0.888888955116272 + }, + "gap": 7.111111640930176, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "M69sX", + "name": "Frame 1000004775", + "width": "fit_content(16)", + "height": 16, + "cornerRadius": 1110, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#cbd2d8ff" + }, + "layout": "vertical", + "gap": 10 + } + ] + }, + { + "type": "text", + "id": "a7aJn", + "name": "label", + "fill": "#57606aff", + "content": "Vertical", + "lineHeight": 1.5714285714285714, + "textAlignVertical": "middle", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + } + ] + }, + { + "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, + "children": [ + { + "id": "OtZIl", + "type": "ref", + "ref": "rdlfm", + "descendants": { + "o5cp9": { + "content": "Play Once" + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "DSE4L", + "name": "Frame 1000002914", + "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": 6.5, + "y": 224, + "name": "Tabs/Combined/Default", + "children": [ + { + "id": "pVKWt", + "type": "ref", + "ref": "UswqE" + } + ] + } + ] + }, + { + "type": "frame", + "id": "nGemn", + "x": 2843, + "y": 1453, + "name": "Editor/animation-tab-modal", + "clip": true, + "width": 420, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": "$space-1", + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "CiNSE", + "name": "modal/sprite-animation-panel", + "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": "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": "Close-add-button", + "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": "Frame 1000002914", + "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": "Frame 162923", + "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": "Frame 1000002913", + "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": "Frame 1010106334", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 10, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "hwklP", + "name": "Frame 1010106335", + "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": "Frame 1000002778", + "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": "Polygon 1", + "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": "Frame 1000002914", + "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, + "children": [ + { + "id": "FAc5z", + "type": "ref", + "ref": "OXU0P" + } + ] + } + ] } ] }, @@ -135485,7 +137667,7 @@ "id": "Q28NZ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2514.534808627041, + "width": 2633.9635737652206, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -135773,7 +137955,7 @@ "id": "05ZuN", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2514.534808627041, + "width": 2633.9635737652206, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -136334,7 +138516,7 @@ "id": "cNqrQ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2517.0815348695546, + "width": 2636.515701484793, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -144372,6 +146554,270 @@ "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": 77, + "y": 60, + "name": "icon/copilot send", + "clip": true, + "width": 72, + "fill": "#ffffffff", + "cornerRadius": 5, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#8a38f5ff" + }, + "layout": "vertical", + "gap": 20, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "JuaeI", + "name": "Property 1=Default", + "width": "fill_container", + "height": 32, + "fill": "#eaeff3ff", + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 10, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "pgi8a", + "name": " icon/copilot-send-outlined", + "rotation": 90.00000250447808, + "clip": true, + "width": 20, + "height": 20, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "group", + "id": "Y51zL", + "x": 2.4883729219436646, + "y": 4.366292595863342, + "name": "Original", + "enabled": false, + "rotation": 3.365046679720184e-22, + "children": [ + { + "type": "path", + "id": "l6nhA", + "x": 0, + "y": -1.1368683772161603e-13, + "name": "Icon", + "rotation": 3.365046679720184e-22, + "geometry": "M10 0l6 6-6 6", + "width": 15.023136138916016, + "height": 11.267353057861328, + "stroke": { + "align": "center", + "thickness": 1.6431554555892944, + "join": "round", + "cap": "round", + "fill": "#6e7781ff" + } + } + ] + }, + { + "type": "group", + "id": "yvgOr", + "x": 1.666911633743041, + "y": 3.5445148878475834, + "name": "Outlined", + "children": [ + { + "type": "path", + "id": "U2P66T", + "x": 16.666216460930627, + "y": 7.28503437130712e-7, + "name": "Outlined", + "rotation": -90.00000250447808, + "geometry": "M0.28849 8.44282c-0.38448-0.38506-0.38484-1.00969 0-1.39453l6.76075-6.75977c0.38488-0.38482 1.0095-0.38457 1.39453 0l6.75976 6.75977c0.385 0.385 0.38496 1.00951 0 1.39453-0.38502 0.38497-1.00953 0.385-1.39453 0l-5.07715-5.07813 0 15.64844c0 0.54438-0.44101 0.98615-0.98535 0.98633-0.54433-0.0002-0.98633-0.44196-0.98633-0.98633l0-15.64746-5.07715 5.07715c-0.38502 0.38502-1.00952 0.38501-1.39453 0z", + "fill": "#d9d9d9ff", + "width": 12.910221099853516, + "height": 16.666215896606445, + "stroke": { + "align": "inside", + "thickness": 0.938946008682251 + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "jti0x", + "name": "Property 1=send", + "width": "fill_container", + "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": 10, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "ZXMSG", + "name": " icon/copilot-send-outlined", + "rotation": 90.00000250447808, + "clip": true, + "width": 20, + "height": 20, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "group", + "id": "QtH3c", + "x": 2.4883729219436646, + "y": 4.366292595863342, + "name": "Original", + "enabled": false, + "rotation": 3.365046679720184e-22, + "children": [ + { + "type": "path", + "id": "IngR5", + "x": 0, + "y": -1.1368683772161603e-13, + "name": "Icon", + "rotation": 3.365046679720184e-22, + "geometry": "M10 0l6 6-6 6", + "width": 15.023136138916016, + "height": 11.267353057861328, + "stroke": { + "align": "center", + "thickness": 1.6431554555892944, + "join": "round", + "cap": "round", + "fill": "#ffffffff" + } + } + ] + }, + { + "type": "group", + "id": "D7WYkd", + "x": 1.666911633743041, + "y": 3.5445148878475834, + "name": "Outlined", + "children": [ + { + "type": "path", + "id": "kfdDb", + "x": 16.666216460930627, + "y": 7.28503437130712e-7, + "name": "Outlined", + "rotation": -90.00000250447808, + "geometry": "M0.28849 8.44282c-0.38448-0.38506-0.38484-1.00969 0-1.39453l6.76075-6.75977c0.38488-0.38482 1.0095-0.38457 1.39453 0l6.75976 6.75977c0.385 0.385 0.38496 1.00951 0 1.39453-0.38502 0.38497-1.00953 0.385-1.39453 0l-5.07715-5.07813 0 15.64844c0 0.54438-0.44101 0.98615-0.98535 0.98633-0.54433-0.0002-0.98633-0.44196-0.98633-0.98633l0-15.64746-5.07715 5.07715c-0.38502 0.38502-1.00952 0.38501-1.39453 0z", + "fill": "#d9d9d9ff", + "width": 12.910221099853516, + "height": 16.666215896606445, + "stroke": { + "align": "inside", + "thickness": 0.938946008682251 + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "YzaRv", + "name": "Property 1= loading", + "clip": true, + "width": 32, + "height": 32, + "cornerRadius": 999, + "stroke": { + "align": "inside", + "thickness": 2, + "fill": "#e2d4ffff" + }, + "layout": "none", + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jibjK", + "x": 11, + "y": 11, + "name": "Rectangle 868", + "fill": "#a074ffff", + "width": 10, + "height": 10, + "stroke": { + "align": "inside", + "thickness": 1 + } + } + ] + } + ] + } + ] } ], "themes": { From 4fedb47dc1d52f9bfab0fc1fa879f102db3876b3 Mon Sep 17 00:00:00 2001 From: jiaxinLiu1 Date: Fri, 29 May 2026 10:45:16 +0800 Subject: [PATCH 2/5] add editor/animationtabmodol components --- ui/components/spx/builder-component.lib.pen | 2074 ++++++++----------- 1 file changed, 884 insertions(+), 1190 deletions(-) diff --git a/ui/components/spx/builder-component.lib.pen b/ui/components/spx/builder-component.lib.pen index bc50100b3..78612b5c6 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.9999999999999964, + "x": 3.9999999999999982, "y": 4.000000000000003, "rotation": 2.227009479110685e-14, "children": [ @@ -30856,7 +30856,7 @@ "id": "bjHxy", "type": "ref", "ref": "1xCKp", - "x": 2.0000000000000018, + "x": 2.0000000000000027, "y": 1.9999999999999982, "rotation": -2.5444437451708134e-14, "children": [ @@ -38485,7 +38485,7 @@ "type": "frame", "id": "Bjo4r", "name": "Variant-Boring", - "width": 9.553164799987438e+22, + "width": 1.8217663106952787e+23, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38557,7 +38557,7 @@ "type": "frame", "id": "R1GYIk", "name": "Variant-Primary", - "width": 1.0532976574345127e+23, + "width": 2.0086141374332565e+23, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38718,7 +38718,7 @@ "name": "Content", "clip": true, "width": 512, - "height": 1458, + "height": 1488, "fill": "$grey500", "cornerRadius": "$radius-1", "stroke": { @@ -38797,7 +38797,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3285.087311032508, + "width": 3317.0104826829943, "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.52506865527912, + "x": 11.525068655279128, "y": -0.0005697347882112069, "content": "Input Label", "fill": "$grey1000", @@ -38896,7 +38896,7 @@ "type": "ref", "ref": "bW00p", "x": 90.54325147882673, - "y": 3.0330426701292463, + "y": 3.033042670129243, "rotation": -0.06528681174053694, "children": [ { @@ -38917,7 +38917,7 @@ "id": "o8HzMf", "type": "ref", "ref": "koVOU", - "x": 121.02162070814695, + "x": 121.02162070814693, "y": 0, "width": "fit_content(392)", "children": [ @@ -38974,7 +38974,7 @@ "id": "lgzRb", "type": "ref", "ref": "0rSuk", - "x": 11.52506865527912, + "x": 11.525068655279128, "y": -0.0005697347882112069, "content": "Input Label", "fill": "$grey1000", @@ -38985,7 +38985,7 @@ "type": "ref", "ref": "bW00p", "x": 90.54325147882673, - "y": 3.0330426701292463, + "y": 3.033042670129243, "rotation": -0.06528681174053694, "children": [ { @@ -39006,7 +39006,7 @@ "id": "JlVTF", "type": "ref", "ref": "koVOU", - "x": 121.02162070814695, + "x": 121.02162070814693, "y": 0, "width": "fit_content(392)", "children": [ @@ -39078,7 +39078,7 @@ "id": "zqia1", "type": "ref", "ref": "0rSuk", - "x": 11.525068655279128, + "x": 11.52506865527912, "y": -0.0005697347882112069, "content": "Input Label", "fill": "$grey1000", @@ -39089,7 +39089,7 @@ "type": "ref", "ref": "bW00p", "x": 90.54325147882673, - "y": 3.0330426701292463, + "y": 3.033042670129243, "rotation": -0.06528681174053694, "children": [ { @@ -39110,7 +39110,7 @@ "id": "Y2dcYa", "type": "ref", "ref": "koVOU", - "x": 121.02162070814695, + "x": 121.02162070814693, "y": 0, "width": "fit_content(392)", "children": [ @@ -39172,7 +39172,7 @@ "id": "o9vgv", "type": "ref", "ref": "0rSuk", - "x": 11.525068655279128, + "x": 11.52506865527912, "y": -0.0005697347882112069, "content": "Input Label", "fill": "$grey1000", @@ -39183,7 +39183,7 @@ "type": "ref", "ref": "bW00p", "x": 90.54325147882673, - "y": 3.0330426701292463, + "y": 3.033042670129243, "rotation": -0.06528681174053694, "children": [ { @@ -39270,7 +39270,7 @@ "name": "input-box", "clip": true, "width": 512, - "height": 873.9999999999998, + "height": 903.9999999999998, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39322,7 +39322,7 @@ "fill": "$grey800", "textGrowth": "fixed-width-height", "width": 131, - "height": 24.169096065674726, + "height": 25.479594399094253, "flipX": false, "flipY": false }, @@ -39333,7 +39333,7 @@ "rotation": 0.017214400057139954, "clip": true, "width": 511.9999774008101, - "height": 593.1304110169428, + "height": 625.6071107750435, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39482,7 +39482,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3266.3591651845722, + "width": 3298.281900866588, "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", @@ -41465,8 +41465,8 @@ "id": "MfdCy", "type": "ref", "ref": "1xCKp", - "x": 0, - "y": 1.0000000000000053, + "x": -3.552713678800501e-15, + "y": 1.000000000000007, "children": [ { "id": "BYOoD", @@ -41479,7 +41479,7 @@ "id": "EQOUV", "type": "ref", "ref": "tfxWX", - "x": 20, + "x": 19.999999999999996, "y": 0, "children": [ { @@ -41566,8 +41566,8 @@ "id": "ar5o2", "type": "ref", "ref": "1xCKp", - "x": 0, - "y": 1.0000000000000053, + "x": -3.552713678800501e-15, + "y": 1.000000000000007, "children": [ { "id": "A2PGV0", @@ -41580,7 +41580,7 @@ "id": "RkkJ5", "type": "ref", "ref": "tfxWX", - "x": 20, + "x": 19.999999999999996, "y": 0, "children": [ { @@ -41668,7 +41668,7 @@ "type": "ref", "ref": "1xCKp", "x": 0, - "y": 1.0000000000000036, + "y": 1.000000000000007, "children": [ { "id": "FhIon", @@ -41802,8 +41802,8 @@ "id": "ZFFqe", "type": "ref", "ref": "1xCKp", - "x": 0, - "y": 1.0000000000000053, + "x": -3.552713678800501e-15, + "y": 1.000000000000007, "children": [ { "id": "yLBwE", @@ -41816,7 +41816,7 @@ "id": "U0SD4", "type": "ref", "ref": "tfxWX", - "x": 20, + "x": 19.999999999999996, "y": 0, "children": [ { @@ -41903,7 +41903,7 @@ "id": "jZCpg", "type": "ref", "ref": "1xCKp", - "x": 0, + "x": -3.552713678800501e-15, "y": 1.000000000000007, "children": [ { @@ -41917,7 +41917,7 @@ "id": "kS7Mb", "type": "ref", "ref": "tfxWX", - "x": 20, + "x": 19.999999999999996, "y": 0, "children": [ { @@ -42005,7 +42005,7 @@ "type": "ref", "ref": "1xCKp", "x": 0, - "y": 1.0000000000000053, + "y": 1.000000000000007, "children": [ { "id": "NYHGP", @@ -66425,7 +66425,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682255563645541e-14, + "y": 5.682307454725545e-14, "children": [ { "id": "lpatT", @@ -66438,8 +66438,8 @@ "id": "OsOUh", "type": "ref", "ref": "m6A5K", - "x": 247.99568918980356, - "y": 5.682255563645541e-14, + "x": 247.99780780392314, + "y": 5.682307454725544e-14, "children": [ { "id": "rfnOE", @@ -66452,8 +66452,8 @@ "id": "zRRXP", "type": "ref", "ref": "m6A5K", - "x": 495.9913783796071, - "y": 5.6822555636455426e-14, + "x": 495.9956156078463, + "y": 5.682307454725545e-14, "children": [ { "id": "dJ1TI", @@ -66466,8 +66466,8 @@ "id": "ryGDv", "type": "ref", "ref": "m6A5K", - "x": 743.9870675694108, - "y": 5.68225556364554e-14, + "x": 743.9934234117693, + "y": 5.6823074547255434e-14, "children": [ { "id": "f38PK", @@ -66490,7 +66490,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682255563645541e-14, + "y": 5.682307454725545e-14, "children": [ { "id": "eeHrD", @@ -66503,8 +66503,8 @@ "id": "z5Xx2", "type": "ref", "ref": "m6A5K", - "x": 247.99568918980356, - "y": 5.682255563645541e-14, + "x": 247.99780780392314, + "y": 5.682307454725544e-14, "children": [ { "id": "aGosX", @@ -66517,8 +66517,8 @@ "id": "e6vJm", "type": "ref", "ref": "m6A5K", - "x": 495.9913783796071, - "y": 5.6822555636455426e-14, + "x": 495.9956156078463, + "y": 5.682307454725545e-14, "children": [ { "id": "u0AjqQ", @@ -66531,8 +66531,8 @@ "id": "r7bhS", "type": "ref", "ref": "m6A5K", - "x": 743.9870675694108, - "y": 5.68225556364554e-14, + "x": 743.9934234117693, + "y": 5.6823074547255434e-14, "children": [ { "id": "TGis1", @@ -67098,8 +67098,8 @@ { "type": "frame", "id": "i1beJ", - "x": 120, - "y": 3502, + "x": 0, + "y": 3469, "name": "Editor", "width": 6537, "height": 2952, @@ -70748,7 +70748,7 @@ "id": "ZwJbr", "name": "Label", "clip": true, - "width": 509.6787391364614, + "width": 521.6787391364614, "alignItems": "center", "children": [ { @@ -98333,447 +98333,337 @@ }, { "type": "frame", - "id": "GQY1w", - "x": 2849, - "y": 1738, - "name": "Editor/animation-tab-modal", + "id": "mqDrZ", + "x": 2812, + "y": 2239, + "name": "Editor/AnimationTabModal", "clip": true, - "width": 420, - "stroke": { - "align": "inside", - "thickness": 1 - }, - "layout": "vertical", - "gap": "$space-1", - "justifyContent": "end", - "alignItems": "center", + "width": 1348, + "height": 427, + "layout": "none", "children": [ { "type": "frame", - "id": "Z9trqX", - "name": "modal/sprite-animation-panel", + "id": "I2JLW", + "x": 457, + "y": 142, + "name": "Editor/AnimationTabModal/Hover", + "reusable": true, "clip": true, - "fill": "$grey100", - "cornerRadius": "$border-radius-2", + "width": 420, "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", + "justifyContent": "end", "alignItems": "center", "children": [ { "type": "frame", - "id": "Zvfhb", - "name": "header", - "width": "fill_container", + "id": "JbLHV", + "name": "Surface", + "clip": true, + "fill": "$grey100", + "cornerRadius": "$border-radius-2", "stroke": { "align": "inside", - "thickness": { - "bottom": 1 + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" }, - "fill": "$grey400" + "blur": "$shadow-blur-2" }, - "gap": 4, - "padding": [ - "$space-2", - "$space-4" - ], - "justifyContent": "space_between", + "layout": "vertical", "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": "Close-add-button", - "width": 28, - "height": 28, - "cornerRadius": 999, + "id": "q6bz3", + "name": "Header", + "width": "fill_container", "stroke": { "align": "inside", - "thickness": 1.399999976158142 + "thickness": { + "bottom": 1 + }, + "fill": "$grey400" }, - "layout": "vertical", - "justifyContent": "center", + "gap": 4, + "padding": [ + "$space-2", + "$space-4" + ], + "justifyContent": "space_between", "alignItems": "center", "children": [ { - "id": "Lqesk", + "id": "h1Q9Io", "type": "ref", - "ref": "1xCKp", - "x": 6, - "y": 6, + "ref": "tfxWX", + "x": 16, + "y": 8.999999999999986, "children": [ { - "id": "aytsz", + "id": "ns8BK", "type": "ref", - "ref": "aoj3Q", - "descendants": { - "Y2JaM": { - "fill": "$grey800" + "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": "kLagS", - "name": "Frame 1000002914", - "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": "Frame 162923", + "id": "CgSPR", + "name": "Body", + "fill": "$grey100", "stroke": { "align": "inside", "thickness": 1 }, - "gap": "$space-3", + "layout": "vertical", + "gap": "$radius-3", + "padding": [ + "$space-3", + "$space-4" + ], + "alignItems": "center", "children": [ { - "id": "PGWOJ", - "type": "ref", - "ref": "N4Jb2H", - "x": 0, - "y": 0, + "type": "frame", + "id": "o7nCmi", + "name": "Items", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", "children": [ { - "id": "SQd4p", + "id": "dsRGt", "type": "ref", - "ref": "TXdAv" - } - ] - }, - { - "id": "A0JcUz", - "type": "ref", - "ref": "N4Jb2H", - "x": 100, - "y": 0, - "children": [ + "ref": "N4Jb2H", + "x": 0, + "y": 0, + "children": [ + { + "id": "k7iXzD", + "type": "ref", + "ref": "TXdAv" + } + ] + }, { - "id": "T3C9BQ", + "id": "YJWUd", "type": "ref", - "ref": "TXdAv" - } - ] - }, - { - "id": "U5MPb", - "type": "ref", - "ref": "N4Jb2H", - "x": 200, - "y": 0, - "children": [ + "ref": "N4Jb2H", + "x": 100, + "y": 0, + "children": [ + { + "id": "H81pNa", + "type": "ref", + "ref": "TILlI" + } + ] + }, { - "id": "L4QyBa", + "id": "HaV4V", "type": "ref", - "ref": "KnvmP" - } - ] - }, - { - "id": "QhDtv", - "type": "ref", - "ref": "N4Jb2H", - "x": 300, - "y": 0, - "children": [ + "ref": "N4Jb2H", + "x": 200, + "y": 0, + "children": [ + { + "id": "kDxoL", + "type": "ref", + "ref": "KnvmP" + } + ] + }, { - "id": "POjtM", + "id": "TrJMJ", "type": "ref", - "ref": "w1wOoP" + "ref": "N4Jb2H", + "x": 300, + "y": 0, + "children": [ + { + "id": "dFvZ9", + "type": "ref", + "ref": "w1wOoP" + } + ] } ] } ] - } - ] - }, - { - "type": "frame", - "id": "V9wSAp", - "name": "Frame 1000002913", - "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": "Frame 1010106334", + "id": "sHuqI", + "name": "Footer", "width": "fill_container", "stroke": { "align": "inside", "thickness": 1 }, - "gap": 10, - "justifyContent": "space_between", + "layout": "vertical", + "gap": "$radius-3", + "padding": "$space-4", + "justifyContent": "center", + "alignItems": "end", "children": [ { "type": "frame", - "id": "LSheI", - "name": "Frame 1010106335", - "width": 142, - "height": 32, + "id": "fi2D6", + "name": "Actions", + "width": "fill_container", "stroke": { "align": "inside", "thickness": 1 }, - "layout": "none", + "gap": 10, + "justifyContent": "space_between", "children": [ { - "type": "group", - "id": "x2Oqgu", - "x": 0, - "y": 0, - "name": "Group 1000004650", + "type": "frame", + "id": "E8OHI", + "name": "Leading", + "width": 142, + "height": 32, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", "children": [ { - "type": "frame", - "id": "pp3Tj", + "type": "group", + "id": "KKF3A", "x": 0, "y": 0, - "name": "Frame 1000004627", - "height": 32, - "stroke": { - "align": "inside", - "thickness": 1 - }, - "gap": 8, - "alignItems": "center", + "name": "Field", "children": [ { "type": "frame", - "id": "AshM5", - "x": 76, - "y": 5, - "name": "Frame 1000004741", - "enabled": false, + "id": "ZYiIm", + "x": 0, + "y": 0, + "name": "Control", + "height": 32, "stroke": { "align": "inside", "thickness": 1 }, - "gap": 20, + "gap": "$space-2", "alignItems": "center", "children": [ { - "type": "frame", - "id": "f1BtP9", - "name": "Selection-checkbox", - "stroke": { - "align": "inside", - "thickness": 1 - }, - "gap": 4, - "alignItems": "center", + "id": "rAgW9", + "type": "ref", + "ref": "tfxWX", + "x": 0, + "y": 5, "children": [ { - "type": "frame", - "id": "c09xLt", - "name": ".Selection-icon", - "stroke": { - "align": "inside", - "thickness": 0.888888955116272 - }, - "layout": "vertical", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "CDEfx", - "name": "Frame 1000004775", - "width": 16, - "height": 16, - "cornerRadius": 1110, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#36c2cfff" - }, - "gap": 10, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "path", - "id": "nlGkn", - "name": "bg", - "geometry": "M8 16c4.41828 0 8-3.58172 8-8 0-4.41828-3.58172-8-8-8-4.41828 0-8 3.58172-8 8 0 4.41828 3.58172 8 8 8z", - "fillRule": "evenodd", - "fill": "#36c2cfff", - "width": 10, - "height": 10, - "stroke": { - "align": "inside", - "thickness": 0.5555555820465088 - } - } - ] - } - ] - }, - { - "type": "text", - "id": "IiCQU", - "name": "label", - "fill": "#57606aff", - "content": "Default", - "lineHeight": 1.5714285714285714, - "textAlignVertical": "middle", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" + "id": "DUPFM", + "type": "ref", + "ref": "0rSuk", + "content": "Playback", + "fill": "$grey900" } ] }, { - "type": "frame", - "id": "pEcIO", - "name": "Selection-checkbox", - "width": 72, - "height": 22, - "stroke": { - "align": "inside", - "thickness": 1 - }, - "gap": 4, - "alignItems": "center", + "id": "mTrTs", + "type": "ref", + "ref": "XihxW", + "x": 69, + "y": 0, "children": [ { - "type": "frame", - "id": "wVm7W", - "name": ".Selection-icon", - "stroke": { - "align": "inside", - "thickness": 0.888888955116272 - }, - "gap": 7.111111640930176, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "sRXaZ", - "name": "Frame 1000004775", - "width": "fit_content(16)", - "height": 16, - "cornerRadius": 1110, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#cbd2d8ff" - }, - "layout": "vertical", - "gap": 10 + "id": "EmddC", + "type": "ref", + "ref": "HT1zi", + "descendants": { + "Ng1TV": { + "enabled": false + }, + "IJ7I5": { + "content": "One", + "fill": "$grey1000" } - ] - }, - { - "type": "text", - "id": "CvB9w", - "name": "label", - "fill": "#57606aff", - "content": "Vertical", - "lineHeight": 1.5714285714285714, - "textAlignVertical": "middle", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" + } } ] } ] - }, - { - "id": "S1zwV", - "type": "ref", - "ref": "tfxWX", - "x": 0, - "y": 5, - "children": [ - { - "id": "SElS4", - "type": "ref", - "ref": "0rSuk", - "content": "Playback", - "fill": "$grey900" - } - ] - }, + } + ] + }, + { + "id": "oDdMJ", + "type": "ref", + "ref": "vPC5e", + "x": 69, + "y": -40, + "name": "Tooltip", + "children": [ { - "id": "noMq6", + "id": "OtZIl", "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" - } - } + "ref": "rdlfm", + "descendants": { + "o5cp9": { + "content": "Play Once" } - ] + } } ] } @@ -98781,117 +98671,56 @@ }, { "type": "frame", - "id": "dEkbp", - "layoutPosition": "absolute", - "x": 6.5, - "y": -40, - "name": "Tooltip", - "enabled": false, + "id": "DSE4L", + "name": "Actions", "stroke": { "align": "inside", "thickness": 1 }, - "layout": "vertical", - "alignItems": "center", + "gap": "$space-3", "children": [ { - "type": "frame", - "id": "AnThi", - "name": "Frame 1000002778", - "clip": true, - "fill": "#24292fff", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1 - }, - "gap": 10, - "padding": [ - 7, - 8 - ], + "id": "n2eeE", + "type": "ref", + "ref": "z8hcSb", + "x": 0, + "y": 0, "children": [ { - "type": "text", - "id": "pVwdQ", - "name": "Text", - "fill": "#ffffffff", - "content": "播放方式：播放一次，随动画循环", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" + "id": "gb9GV", + "type": "ref", + "ref": "vN0Kk", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$grey400" + }, + "descendants": { + "aoHIs": { + "content": "Cancel" + } + } } ] }, { - "type": "path", - "id": "uKvVu", - "name": "Polygon 1", - "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": "e89ZnE", - "name": "Frame 1000002914", - "stroke": { - "align": "inside", - "thickness": 1 - }, - "gap": "$space-3", - "children": [ - { - "id": "X0ZBP", - "type": "ref", - "ref": "z8hcSb", - "x": 0, - "y": 0, - "children": [ - { - "id": "ceLkD", + "id": "L9Y1xk", "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" + "ref": "z8hcSb", + "x": 91, + "y": 0, + "children": [ + { + "id": "qzbnY", + "type": "ref", + "ref": "JwST5", + "descendants": { + "LOmxV": { + "content": "Confirm" + } + } } - } + ] } ] } @@ -98900,542 +98729,385 @@ ] } ] - } - ] - }, - { - "id": "gUsI7", - "type": "ref", - "ref": "J0bnt", - "x": 12.5, - "y": 224, - "children": [ + }, { - "id": "K5ajvW", + "id": "DPvuh", "type": "ref", - "ref": "UswqE" + "ref": "J0bnt", + "x": 12.5, + "y": 224, + "name": "Tabs", + "children": [ + { + "id": "pVKWt", + "type": "ref", + "ref": "UswqE" + } + ] } ] - } - ] - }, - { - "type": "frame", - "id": "I2JLW", - "x": 2855, - "y": 2048, - "name": "Editor/animation-tab-modal", - "clip": true, - "width": 408, - "stroke": { - "align": "inside", - "thickness": 1 - }, - "layout": "vertical", - "gap": "$space-1", - "justifyContent": "end", - "alignItems": "center", - "children": [ + }, { "type": "frame", - "id": "JbLHV", - "name": "modal/sprite-animation-panel", + "id": "GQY1w", + "x": 920, + "y": 142, + "name": "Editor/AnimationTabModal/Active", + "reusable": true, "clip": true, - "fill": "$grey100", - "cornerRadius": "$border-radius-2", + "width": 420, "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", + "justifyContent": "end", "alignItems": "center", "children": [ { "type": "frame", - "id": "q6bz3", - "name": "header", - "width": "fill_container", + "id": "Z9trqX", + "name": "Surface", + "clip": true, + "fill": "$grey100", + "cornerRadius": "$border-radius-2", "stroke": { "align": "inside", - "thickness": { - "bottom": 1 + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" }, - "fill": "$grey400" + "blur": "$shadow-blur-2" }, - "gap": 4, - "padding": [ - "$space-2", - "$space-4" - ], - "justifyContent": "space_between", + "layout": "vertical", "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": "Close-add-button", - "width": 28, - "height": 28, - "cornerRadius": 999, + "id": "Zvfhb", + "name": "Header", + "width": "fill_container", "stroke": { "align": "inside", - "thickness": 1.399999976158142 + "thickness": { + "bottom": 1 + }, + "fill": "$grey400" }, - "layout": "vertical", - "justifyContent": "center", + "gap": 4, + "padding": [ + "$space-2", + "$space-4" + ], + "justifyContent": "space_between", "alignItems": "center", "children": [ { - "id": "n5xKgf", + "id": "acBKw", "type": "ref", - "ref": "1xCKp", - "x": 6, - "y": 6, + "ref": "tfxWX", + "x": 16, + "y": 8.999999999999986, "children": [ { - "id": "g3zxV", + "id": "lO5Ed", "type": "ref", - "ref": "aoj3Q", - "descendants": { - "Y2JaM": { - "fill": "$grey800" + "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": "CgSPR", - "name": "Frame 1000002914", - "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": "Frame 162923", + "id": "kLagS", + "name": "Body", + "fill": "$grey100", "stroke": { "align": "inside", "thickness": 1 }, - "gap": "$space-2", + "layout": "vertical", + "gap": "$radius-3", + "padding": [ + "$space-3", + "$space-4" + ], + "alignItems": "center", "children": [ { - "id": "dsRGt", - "type": "ref", - "ref": "N4Jb2H", - "x": 0, - "y": 0, + "type": "frame", + "id": "B8Dx26", + "name": "Items", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", "children": [ { - "id": "k7iXzD", + "id": "PGWOJ", "type": "ref", - "ref": "TXdAv" - } - ] - }, - { - "id": "YJWUd", - "type": "ref", - "ref": "N4Jb2H", - "x": 96, - "y": 0, - "children": [ + "ref": "N4Jb2H", + "x": 0, + "y": 0, + "children": [ + { + "id": "SQd4p", + "type": "ref", + "ref": "TXdAv" + } + ] + }, { - "id": "H81pNa", + "id": "A0JcUz", "type": "ref", - "ref": "TILlI" - } - ] - }, - { - "id": "HaV4V", - "type": "ref", - "ref": "N4Jb2H", - "x": 192, - "y": 0, - "children": [ + "ref": "N4Jb2H", + "x": 100, + "y": 0, + "children": [ + { + "id": "T3C9BQ", + "type": "ref", + "ref": "TXdAv" + } + ] + }, { - "id": "kDxoL", + "id": "U5MPb", "type": "ref", - "ref": "KnvmP" - } - ] - }, - { - "id": "TrJMJ", - "type": "ref", - "ref": "N4Jb2H", - "x": 288, - "y": 0, - "children": [ + "ref": "N4Jb2H", + "x": 200, + "y": 0, + "children": [ + { + "id": "L4QyBa", + "type": "ref", + "ref": "KnvmP" + } + ] + }, { - "id": "dFvZ9", + "id": "QhDtv", "type": "ref", - "ref": "w1wOoP" + "ref": "N4Jb2H", + "x": 300, + "y": 0, + "children": [ + { + "id": "POjtM", + "type": "ref", + "ref": "w1wOoP" + } + ] } ] } ] - } - ] - }, - { - "type": "frame", - "id": "sHuqI", - "name": "Frame 1000002913", - "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": "Frame 1010106334", + "id": "V9wSAp", + "name": "Footer", "width": "fill_container", "stroke": { "align": "inside", "thickness": 1 }, - "gap": 10, - "justifyContent": "space_between", + "layout": "vertical", + "gap": "$radius-3", + "padding": "$space-4", + "justifyContent": "center", + "alignItems": "end", "children": [ { "type": "frame", - "id": "E8OHI", - "name": "Frame 1010106335", - "width": 142, - "height": 32, + "id": "zoe7a", + "name": "Actions", + "width": "fill_container", "stroke": { "align": "inside", "thickness": 1 }, - "layout": "none", + "gap": 10, + "justifyContent": "space_between", "children": [ { - "type": "group", - "id": "KKF3A", - "x": 0, - "y": 0, - "name": "Group 1000004650", + "type": "frame", + "id": "LSheI", + "name": "Leading", + "width": 142, + "height": 32, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", "children": [ { - "type": "frame", - "id": "ZYiIm", + "type": "group", + "id": "x2Oqgu", "x": 0, "y": 0, - "name": "Frame 1000004627", - "height": 32, - "stroke": { - "align": "inside", - "thickness": 1 - }, - "gap": 8, - "alignItems": "center", + "name": "Field", "children": [ { "type": "frame", - "id": "TXTwN", - "x": 76, - "y": 5, - "name": "Frame 1000004741", - "enabled": false, + "id": "pp3Tj", + "x": 0, + "y": 0, + "name": "Control", + "height": 32, "stroke": { "align": "inside", "thickness": 1 }, - "gap": 20, + "gap": "$space-2", "alignItems": "center", "children": [ { - "type": "frame", - "id": "aZHaf", - "name": "Selection-checkbox", - "stroke": { - "align": "inside", - "thickness": 1 - }, - "gap": 4, - "alignItems": "center", + "id": "S1zwV", + "type": "ref", + "ref": "tfxWX", + "x": 0, + "y": 5, "children": [ { - "type": "frame", - "id": "lxMZ8", - "name": ".Selection-icon", - "stroke": { - "align": "inside", - "thickness": 0.888888955116272 - }, - "layout": "vertical", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "CAoJ5", - "name": "Frame 1000004775", - "width": 16, - "height": 16, - "cornerRadius": 1110, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#36c2cfff" - }, - "gap": 10, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "path", - "id": "vCqHw", - "name": "bg", - "geometry": "M8 16c4.41828 0 8-3.58172 8-8 0-4.41828-3.58172-8-8-8-4.41828 0-8 3.58172-8 8 0 4.41828 3.58172 8 8 8z", - "fillRule": "evenodd", - "fill": "#36c2cfff", - "width": 10, - "height": 10, - "stroke": { - "align": "inside", - "thickness": 0.5555555820465088 - } - } - ] - } - ] - }, - { - "type": "text", - "id": "E3q17w", - "name": "label", - "fill": "#57606aff", - "content": "Default", - "lineHeight": 1.5714285714285714, - "textAlignVertical": "middle", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" + "id": "SElS4", + "type": "ref", + "ref": "0rSuk", + "content": "Playback", + "fill": "$grey900" } ] }, { - "type": "frame", - "id": "rGIbF", - "name": "Selection-checkbox", - "width": 72, - "height": 22, - "stroke": { - "align": "inside", - "thickness": 1 - }, - "gap": 4, - "alignItems": "center", + "id": "noMq6", + "type": "ref", + "ref": "XihxW", + "x": 69, + "y": 0, + "cornerRadius": 0, "children": [ { - "type": "frame", - "id": "TAnPy", - "name": ".Selection-icon", - "stroke": { - "align": "inside", - "thickness": 0.888888955116272 - }, - "gap": 7.111111640930176, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "M69sX", - "name": "Frame 1000004775", - "width": "fit_content(16)", - "height": 16, - "cornerRadius": 1110, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#cbd2d8ff" - }, - "layout": "vertical", - "gap": 10 + "id": "N195Tr", + "type": "ref", + "ref": "b1OHc", + "gap": 0, + "cornerRadius": 0, + "descendants": { + "bE2BZ": { + "enabled": false + }, + "z8Qh5": { + "content": "One" } - ] - }, - { - "type": "text", - "id": "a7aJn", - "name": "label", - "fill": "#57606aff", - "content": "Vertical", - "lineHeight": 1.5714285714285714, - "textAlignVertical": "middle", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" + } } ] } ] - }, - { - "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, - "children": [ - { - "id": "OtZIl", - "type": "ref", - "ref": "rdlfm", - "descendants": { - "o5cp9": { - "content": "Play Once" - } - } - } - ] - } - ] - }, - { - "type": "frame", - "id": "DSE4L", - "name": "Frame 1000002914", - "stroke": { - "align": "inside", - "thickness": 1 - }, - "gap": "$space-3", - "children": [ - { - "id": "n2eeE", - "type": "ref", - "ref": "z8hcSb", - "x": 0, - "y": 0, + "type": "frame", + "id": "e89ZnE", + "name": "Actions", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", "children": [ { - "id": "gb9GV", + "id": "X0ZBP", "type": "ref", - "ref": "vN0Kk", - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$grey400" - }, - "descendants": { - "aoHIs": { - "content": "Cancel" + "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": "L9Y1xk", - "type": "ref", - "ref": "z8hcSb", - "x": 91, - "y": 0, - "children": [ + ] + }, { - "id": "qzbnY", + "id": "l0CKtB", "type": "ref", - "ref": "JwST5", - "descendants": { - "LOmxV": { - "content": "Confirm" + "ref": "z8hcSb", + "x": 91, + "y": 0, + "children": [ + { + "id": "p0USXy", + "type": "ref", + "ref": "JwST5", + "descendants": { + "LOmxV": { + "content": "Confirm" + } + } } - } + ] } ] } @@ -99444,379 +99116,381 @@ ] } ] - } - ] - }, - { - "id": "DPvuh", - "type": "ref", - "ref": "J0bnt", - "x": 6.5, - "y": 224, - "name": "Tabs/Combined/Default", - "children": [ + }, { - "id": "pVKWt", + "id": "gUsI7", "type": "ref", - "ref": "UswqE" + "ref": "J0bnt", + "x": 12.5, + "y": 224, + "name": "Tabs", + "children": [ + { + "id": "K5ajvW", + "type": "ref", + "ref": "UswqE" + } + ] } ] - } - ] - }, - { - "type": "frame", - "id": "nGemn", - "x": 2843, - "y": 1453, - "name": "Editor/animation-tab-modal", - "clip": true, - "width": 420, - "stroke": { - "align": "inside", - "thickness": 1 - }, - "layout": "vertical", - "gap": "$space-1", - "justifyContent": "end", - "alignItems": "center", - "children": [ + }, { "type": "frame", - "id": "CiNSE", - "name": "modal/sprite-animation-panel", + "id": "nGemn", + "x": -1, + "y": 142, + "name": "Editor/AnimationTabModal/Default", + "reusable": true, "clip": true, - "fill": "$grey100", - "cornerRadius": "$border-radius-2", + "width": 420, "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", + "justifyContent": "end", "alignItems": "center", "children": [ { "type": "frame", - "id": "HUkUE", - "name": "header", + "id": "CiNSE", + "name": "Surface", + "clip": true, "width": "fill_container", + "fill": "$grey100", + "cornerRadius": "$border-radius-2", "stroke": { "align": "inside", - "thickness": { - "bottom": 1 + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": "$shadow-y-1" }, - "fill": "$grey400" + "blur": "$shadow-blur-2" }, - "gap": 4, - "padding": [ - "$space-2", - "$space-4" - ], - "justifyContent": "space_between", + "layout": "vertical", "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": "Close-add-button", - "width": 28, - "height": 28, - "cornerRadius": 999, + "id": "HUkUE", + "name": "Header", + "width": "fill_container", "stroke": { "align": "inside", - "thickness": 1.399999976158142 + "thickness": { + "bottom": 1 + }, + "fill": "$grey400" }, - "layout": "vertical", - "justifyContent": "center", + "gap": 4, + "padding": [ + "$space-2", + "$space-4" + ], + "justifyContent": "space_between", "alignItems": "center", "children": [ { - "id": "XfLyY", + "id": "qK236", "type": "ref", - "ref": "1xCKp", - "x": 6, - "y": 6, + "ref": "tfxWX", + "x": 16, + "y": 8.999999999999986, "children": [ { - "id": "KyRFm", + "id": "YJ78p", "type": "ref", - "ref": "aoj3Q", - "descendants": { - "Y2JaM": { - "fill": "$grey800" + "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": "Frame 1000002914", - "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": "Frame 162923", + "id": "E6YWL", + "name": "Body", + "fill": "$grey100", "stroke": { "align": "inside", "thickness": 1 }, - "gap": "$space-3", + "layout": "vertical", + "gap": "$radius-3", + "padding": [ + "$space-3", + "$space-4" + ], + "alignItems": "center", "children": [ { - "id": "pT86F", - "type": "ref", - "ref": "N4Jb2H", - "x": 0, - "y": 0, + "type": "frame", + "id": "JDnHm", + "name": "Items", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", "children": [ { - "id": "W8egFH", + "id": "pT86F", "type": "ref", - "ref": "TXdAv" - } - ] - }, - { - "id": "BrFCH", - "type": "ref", - "ref": "N4Jb2H", - "x": 100, - "y": 0, - "children": [ + "ref": "N4Jb2H", + "x": 0, + "y": 0, + "children": [ + { + "id": "W8egFH", + "type": "ref", + "ref": "TXdAv" + } + ] + }, { - "id": "VQVIW", + "id": "BrFCH", "type": "ref", - "ref": "TXdAv" - } - ] - }, - { - "id": "piHOL", - "type": "ref", - "ref": "N4Jb2H", - "x": 200, - "y": 0, - "children": [ + "ref": "N4Jb2H", + "x": 100, + "y": 0, + "children": [ + { + "id": "VQVIW", + "type": "ref", + "ref": "TXdAv" + } + ] + }, { - "id": "vvFNK", + "id": "piHOL", "type": "ref", - "ref": "TXdAv" - } - ] - }, - { - "id": "tHX1m", - "type": "ref", - "ref": "N4Jb2H", - "x": 300, - "y": 0, - "children": [ + "ref": "N4Jb2H", + "x": 200, + "y": 0, + "children": [ + { + "id": "vvFNK", + "type": "ref", + "ref": "TXdAv" + } + ] + }, { - "id": "i5YGp", + "id": "tHX1m", "type": "ref", - "ref": "w1wOoP" + "ref": "N4Jb2H", + "x": 300, + "y": 0, + "children": [ + { + "id": "i5YGp", + "type": "ref", + "ref": "w1wOoP" + } + ] } ] } ] - } - ] - }, - { - "type": "frame", - "id": "iy3X5", - "name": "Frame 1000002913", - "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": "Frame 1010106334", + "id": "iy3X5", + "name": "Footer", "width": "fill_container", "stroke": { "align": "inside", "thickness": 1 }, - "gap": 10, - "justifyContent": "space_between", + "layout": "vertical", + "gap": "$radius-3", + "padding": "$space-4", + "justifyContent": "center", + "alignItems": "end", "children": [ { "type": "frame", - "id": "hwklP", - "name": "Frame 1010106335", - "width": 142, - "height": 32, + "id": "Azp7R", + "name": "Actions", + "width": "fill_container", "stroke": { "align": "inside", "thickness": 1 }, - "layout": "none", + "gap": 10, + "justifyContent": "space_between", "children": [ { "type": "frame", - "id": "S3zU7z", - "layoutPosition": "absolute", - "x": 6.5, - "y": -40, - "name": "Tooltip", - "enabled": false, + "id": "hwklP", + "name": "Leading", + "width": 142, + "height": 32, "stroke": { "align": "inside", "thickness": 1 }, - "layout": "vertical", - "alignItems": "center", + "layout": "none", "children": [ { "type": "frame", - "id": "GeKTf", - "name": "Frame 1000002778", - "clip": true, - "fill": "#24292fff", - "cornerRadius": 8, + "id": "S3zU7z", + "layoutPosition": "absolute", + "x": 6.5, + "y": -40, + "name": "Tooltip", + "enabled": false, "stroke": { "align": "inside", "thickness": 1 }, - "gap": 10, - "padding": [ - 7, - 8 - ], + "layout": "vertical", + "alignItems": "center", "children": [ { - "type": "text", - "id": "t0u1QN", - "name": "Text", - "fill": "#ffffffff", - "content": "播放方式：播放一次，随动画循环", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" + "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": "path", - "id": "egyhM", - "name": "Polygon 1", - "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": "Frame 1000002914", - "stroke": { - "align": "inside", - "thickness": 1 - }, - "gap": "$space-3", - "children": [ + }, { - "id": "yor0T", - "type": "ref", - "ref": "z8hcSb", - "x": 0, - "y": 0, + "type": "frame", + "id": "ZK7ZE", + "name": "Actions", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": "$space-3", "children": [ { - "id": "E0mas", + "id": "yor0T", "type": "ref", - "ref": "vN0Kk", - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$grey400" - }, - "descendants": { - "aoHIs": { - "content": "Cancel" + "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", + "id": "JHOEt", "type": "ref", - "ref": "JwST5", - "descendants": { - "LOmxV": { - "content": "Confirm" + "ref": "z8hcSb", + "x": 91, + "y": 0, + "children": [ + { + "id": "PtXVC", + "type": "ref", + "ref": "JwST5", + "descendants": { + "LOmxV": { + "content": "Confirm" + } + } } - } + ] } ] } @@ -99825,22 +99499,42 @@ ] } ] - } - ] - }, - { - "id": "MLyas", - "type": "ref", - "ref": "J0bnt", - "x": 40.5, - "y": 224, - "children": [ + }, { - "id": "FAc5z", + "id": "MLyas", "type": "ref", - "ref": "OXU0P" + "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" } ] } @@ -137667,7 +137361,7 @@ "id": "Q28NZ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2633.9635737652206, + "width": 2753.6348923337996, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -137955,7 +137649,7 @@ "id": "05ZuN", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2633.9635737652206, + "width": 2753.6348923337996, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -138516,7 +138210,7 @@ "id": "cNqrQ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2636.515701484793, + "width": 2756.191973950626, "height": 16, "cornerRadius": "$radius-full", "stroke": { From a7494b3f84ffabeed0020cde85ac4ea757ce25c0 Mon Sep 17 00:00:00 2001 From: jiaxinLiu1 Date: Fri, 29 May 2026 16:58:11 +0800 Subject: [PATCH 3/5] add copilot components --- ui/components/spx/builder-component.lib.pen | 2516 +++++++++++++++++-- 1 file changed, 2339 insertions(+), 177 deletions(-) diff --git a/ui/components/spx/builder-component.lib.pen b/ui/components/spx/builder-component.lib.pen index 78612b5c6..695ebb7be 100644 --- a/ui/components/spx/builder-component.lib.pen +++ b/ui/components/spx/builder-component.lib.pen @@ -38485,7 +38485,7 @@ "type": "frame", "id": "Bjo4r", "name": "Variant-Boring", - "width": 1.8217663106952787e+23, + "width": 6.62496304657385e+23, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38557,7 +38557,7 @@ "type": "frame", "id": "R1GYIk", "name": "Variant-Primary", - "width": 2.0086141374332565e+23, + "width": 7.304446435966042e+23, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38718,7 +38718,7 @@ "name": "Content", "clip": true, "width": 512, - "height": 1488, + "height": 1548.0000000000005, "fill": "$grey500", "cornerRadius": "$radius-1", "stroke": { @@ -38797,7 +38797,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3317.0104826829943, + "width": 3380.859007887089, "content": "Modifying the username may have the following impacts.", "lineHeight": 1.5714285714285714, "textAlignVertical": "middle", @@ -38917,7 +38917,7 @@ "id": "o8HzMf", "type": "ref", "ref": "koVOU", - "x": 121.02162070814693, + "x": 121.02162070814695, "y": 0, "width": "fit_content(392)", "children": [ @@ -39006,7 +39006,7 @@ "id": "JlVTF", "type": "ref", "ref": "koVOU", - "x": 121.02162070814693, + "x": 121.02162070814695, "y": 0, "width": "fit_content(392)", "children": [ @@ -39110,7 +39110,7 @@ "id": "Y2dcYa", "type": "ref", "ref": "koVOU", - "x": 121.02162070814693, + "x": 121.02162070814695, "y": 0, "width": "fit_content(392)", "children": [ @@ -39270,7 +39270,7 @@ "name": "input-box", "clip": true, "width": 512, - "height": 903.9999999999998, + "height": 963.9999999999998, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39322,7 +39322,7 @@ "fill": "$grey800", "textGrowth": "fixed-width-height", "width": 131, - "height": 25.479594399094253, + "height": 28.261200005431768, "flipX": false, "flipY": false }, @@ -39333,7 +39333,7 @@ "rotation": 0.017214400057139954, "clip": true, "width": 511.9999774008101, - "height": 625.6071107750435, + "height": 694.2371149943164, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39482,7 +39482,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3298.281900866588, + "width": 3362.129578740235, "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", @@ -50225,7 +50225,6 @@ "name": "Select", "clip": true, "fill": "$grey100", - "cornerRadius": 5, "stroke": { "align": "inside", "thickness": 1 @@ -55381,9 +55380,9 @@ "content": "Title", "lineHeight": 1.7, "textAlignVertical": "middle", - "fontFamily": "Menlo", + "fontFamily": "Inter", "fontSize": 13, - "fontWeight": "normal" + "fontWeight": "500" }, { "type": "text", @@ -66425,7 +66424,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682307454725545e-14, + "y": 5.682347262618056e-14, "children": [ { "id": "lpatT", @@ -66438,8 +66437,8 @@ "id": "OsOUh", "type": "ref", "ref": "m6A5K", - "x": 247.99780780392314, - "y": 5.682307454725544e-14, + "x": 247.99943308447502, + "y": 5.682347262618056e-14, "children": [ { "id": "rfnOE", @@ -66452,8 +66451,8 @@ "id": "zRRXP", "type": "ref", "ref": "m6A5K", - "x": 495.9956156078463, - "y": 5.682307454725545e-14, + "x": 495.99886616895003, + "y": 5.682347262618056e-14, "children": [ { "id": "dJ1TI", @@ -66466,8 +66465,8 @@ "id": "ryGDv", "type": "ref", "ref": "m6A5K", - "x": 743.9934234117693, - "y": 5.6823074547255434e-14, + "x": 743.9982992534251, + "y": 5.682347262618055e-14, "children": [ { "id": "f38PK", @@ -66490,7 +66489,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682307454725545e-14, + "y": 5.682347262618056e-14, "children": [ { "id": "eeHrD", @@ -66503,8 +66502,8 @@ "id": "z5Xx2", "type": "ref", "ref": "m6A5K", - "x": 247.99780780392314, - "y": 5.682307454725544e-14, + "x": 247.99943308447502, + "y": 5.682347262618056e-14, "children": [ { "id": "aGosX", @@ -66517,8 +66516,8 @@ "id": "e6vJm", "type": "ref", "ref": "m6A5K", - "x": 495.9956156078463, - "y": 5.682307454725545e-14, + "x": 495.99886616895003, + "y": 5.682347262618056e-14, "children": [ { "id": "u0AjqQ", @@ -66531,8 +66530,8 @@ "id": "r7bhS", "type": "ref", "ref": "m6A5K", - "x": 743.9934234117693, - "y": 5.6823074547255434e-14, + "x": 743.9982992534251, + "y": 5.682347262618055e-14, "children": [ { "id": "TGis1", @@ -70748,7 +70747,7 @@ "id": "ZwJbr", "name": "Label", "clip": true, - "width": 521.6787391364614, + "width": 545.6787391364614, "alignItems": "center", "children": [ { @@ -137361,7 +137360,7 @@ "id": "Q28NZ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2753.6348923337996, + "width": 2993.6285570040304, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -137649,7 +137648,7 @@ "id": "05ZuN", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2753.6348923337996, + "width": 2993.6285570040304, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -138210,7 +138209,7 @@ "id": "cNqrQ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2756.191973950626, + "width": 2996.194406229052, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -146264,105 +146263,74 @@ { "type": "frame", "id": "bcHZp", - "x": 77, - "y": 60, - "name": "icon/copilot send", + "x": 724, + "y": 51, + "name": "Docs/CopilotSendButton/States", "clip": true, - "width": 72, - "fill": "#ffffffff", + "width": 94, + "fill": "$grey100", "cornerRadius": 5, "stroke": { "align": "inside", - "thickness": 1, - "fill": "#8a38f5ff" + "thickness": 1 }, "layout": "vertical", - "gap": 20, - "padding": 20, + "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": "Property 1=Default", - "width": "fill_container", + "name": "Copilot/SendButton/Default", + "reusable": true, + "clip": true, + "width": 32, "height": 32, - "fill": "#eaeff3ff", + "fill": "$grey400", "cornerRadius": 100, "stroke": { "align": "inside", "thickness": 1 }, - "gap": 10, + "gap": "$radius-3", "justifyContent": "center", "alignItems": "center", "children": [ { - "type": "frame", - "id": "pgi8a", - "name": " icon/copilot-send-outlined", - "rotation": 90.00000250447808, - "clip": true, - "width": 20, - "height": 20, - "stroke": { - "align": "inside", - "thickness": 1 - }, - "layout": "none", + "id": "HuF8L", + "type": "ref", + "ref": "bW00p", + "x": 6, + "y": 6, "children": [ { - "type": "group", - "id": "Y51zL", - "x": 2.4883729219436646, - "y": 4.366292595863342, - "name": "Original", - "enabled": false, - "rotation": 3.365046679720184e-22, - "children": [ - { - "type": "path", - "id": "l6nhA", - "x": 0, - "y": -1.1368683772161603e-13, - "name": "Icon", - "rotation": 3.365046679720184e-22, - "geometry": "M10 0l6 6-6 6", - "width": 15.023136138916016, - "height": 11.267353057861328, - "stroke": { - "align": "center", - "thickness": 1.6431554555892944, - "join": "round", - "cap": "round", - "fill": "#6e7781ff" - } - } - ] - }, - { - "type": "group", - "id": "yvgOr", - "x": 1.666911633743041, - "y": 3.5445148878475834, - "name": "Outlined", - "children": [ - { - "type": "path", - "id": "U2P66T", - "x": 16.666216460930627, - "y": 7.28503437130712e-7, - "name": "Outlined", - "rotation": -90.00000250447808, - "geometry": "M0.28849 8.44282c-0.38448-0.38506-0.38484-1.00969 0-1.39453l6.76075-6.75977c0.38488-0.38482 1.0095-0.38457 1.39453 0l6.75976 6.75977c0.385 0.385 0.38496 1.00951 0 1.39453-0.38502 0.38497-1.00953 0.385-1.39453 0l-5.07715-5.07813 0 15.64844c0 0.54438-0.44101 0.98615-0.98535 0.98633-0.54433-0.0002-0.98633-0.44196-0.98633-0.98633l0-15.64746-5.07715 5.07715c-0.38502 0.38502-1.00952 0.38501-1.39453 0z", - "fill": "#d9d9d9ff", - "width": 12.910221099853516, - "height": 16.666215896606445, - "stroke": { - "align": "inside", - "thickness": 0.938946008682251 - } + "id": "UZ9TR", + "type": "ref", + "ref": "wQNMk", + "descendants": { + "18XkQ": { + "fill": "$grey800", + "fontSize": 20 } - ] + } } ] } @@ -146371,8 +146339,10 @@ { "type": "frame", "id": "jti0x", - "name": "Property 1=send", - "width": "fill_container", + "name": "Copilot/SendButton/Active", + "reusable": true, + "clip": true, + "width": 32, "height": 32, "fill": { "type": "gradient", @@ -146401,111 +146371,2303 @@ "align": "inside", "thickness": 1 }, - "gap": 10, + "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 + } + } + } + ] + } + ] + }, + { + "id": "F7PA3T", + "type": "ref", + "ref": "1xCKp", + "x": 104.61287838135104, + "y": 131.730855967573, + "children": [] + }, + { + "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": "ZXMSG", - "name": " icon/copilot-send-outlined", - "rotation": 90.00000250447808, - "clip": true, - "width": 20, - "height": 20, + "id": "G2cZJ", + "name": "Content", + "width": 308, "stroke": { "align": "inside", "thickness": 1 }, - "layout": "none", + "gap": 12, + "justifyContent": "space_between", + "alignItems": "center", "children": [ { - "type": "group", - "id": "QtH3c", - "x": 2.4883729219436646, - "y": 4.366292595863342, - "name": "Original", - "enabled": false, - "rotation": 3.365046679720184e-22, + "id": "VgnFU", + "type": "ref", + "ref": "lE3p0", + "x": 0, + "y": 5, "children": [ { - "type": "path", - "id": "IngR5", - "x": 0, - "y": -1.1368683772161603e-13, - "name": "Icon", - "rotation": 3.365046679720184e-22, - "geometry": "M10 0l6 6-6 6", - "width": 15.023136138916016, - "height": 11.267353057861328, - "stroke": { - "align": "center", - "thickness": 1.6431554555892944, - "join": "round", - "cap": "round", - "fill": "#ffffffff" - } + "id": "PMmJQ", + "type": "ref", + "ref": "P228e", + "content": " input your problem here", + "fill": "$grey700", + "fontFamily": "Inter", + "fontStyle": "normal", + "fontWeight": "500" } ] }, { - "type": "group", - "id": "D7WYkd", - "x": 1.666911633743041, - "y": 3.5445148878475834, - "name": "Outlined", + "id": "fdR0z", + "type": "ref", + "ref": "tV8Lj", + "x": 276, + "y": 0, "children": [ { - "type": "path", - "id": "kfdDb", - "x": 16.666216460930627, - "y": 7.28503437130712e-7, - "name": "Outlined", - "rotation": -90.00000250447808, - "geometry": "M0.28849 8.44282c-0.38448-0.38506-0.38484-1.00969 0-1.39453l6.76075-6.75977c0.38488-0.38482 1.0095-0.38457 1.39453 0l6.75976 6.75977c0.385 0.385 0.38496 1.00951 0 1.39453-0.38502 0.38497-1.00953 0.385-1.39453 0l-5.07715-5.07813 0 15.64844c0 0.54438-0.44101 0.98615-0.98535 0.98633-0.54433-0.0002-0.98633-0.44196-0.98633-0.98633l0-15.64746-5.07715 5.07715c-0.38502 0.38502-1.00952 0.38501-1.39453 0z", - "fill": "#d9d9d9ff", - "width": 12.910221099853516, - "height": 16.666215896606445, + "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": 0.938946008682251 - } + "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": "YzaRv", - "name": "Property 1= loading", - "clip": true, - "width": 32, - "height": 32, - "cornerRadius": 999, + "id": "j9lKP", + "x": 20, + "y": 54, + "name": "Copilot/TutorialFoldButton/BadgeDefault", + "reusable": true, + "width": "fill_container(96)", "stroke": { "align": "inside", - "thickness": 2, - "fill": "#e2d4ffff" + "thickness": 1 }, - "layout": "none", + "gap": "$space-1", + "alignItems": "center", "children": [ { - "type": "rectangle", - "cornerRadius": 2, - "id": "jibjK", - "x": 11, - "y": 11, - "name": "Rectangle 868", - "fill": "#a074ffff", - "width": 10, - "height": 10, + "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", + "children": [ + { + "id": "jLzBi", + "type": "ref", + "ref": "jLzBi", + "content": "s", + "fill": "$turquoise500", + "fontSize": 8 + } + ] + } + ] + } + ] + }, + { + "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": "UB4oM", + "type": "ref", + "ref": "bW00p", + "x": 32, + "y": 10, + "children": [ + { + "id": "Y1mhQk", + "type": "ref", + "ref": "T3zzC", + "children": [ + { + "id": "jLzBi", + "type": "ref", + "ref": "jLzBi", + "content": "s", + "fill": "$turquoise500", + "fontSize": 8 + } + ] + } + ] + } + ] + }, + { + "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, + "width": "fill_container(96)", + "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": "XLoKT", + "type": "ref", + "ref": "bW00p", + "x": 32, + "y": 10, + "children": [ + { + "id": "VUc6V", + "type": "ref", + "ref": "T3zzC", + "children": [ + { + "id": "jLzBi", + "type": "ref", + "ref": "jLzBi", + "content": "s", + "fill": "$turquoise500", + "fontSize": 8 + } + ] + } + ] + } + ] + }, + { + "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": "AwlFY", + "x": 20, + "y": 296, + "name": "Copilot/TutorialFoldButton/EntryDefault", + "reusable": true, + "width": "fill_container(96)", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "n0tBfJ", + "name": "Root", + "fill": "#ffffffff", + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#24292f14", + "offset": { + "x": 0, + "y": 4 + }, + "blur": 10.5 + }, + "gap": 6, + "padding": 4, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "L8oTFx", + "name": "Trigger", + "fill": "#eaf9faff", + "cornerRadius": 999, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": [ + 0, + 8, + 0, + 4 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "o5J9F4", + "name": "Leading", + "width": 28, + "height": 28, + "cornerRadius": 116.66667175292969, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "M6GE1O", + "name": "icon/tutorial entry-outlined", + "clip": true, + "width": 20, + "height": 20, + "stroke": { + "align": "inside", + "thickness": 0.9259259700775146 + }, + "layout": "none", + "children": [ + { + "type": "group", + "id": "q76Reg", + "x": 2.5699869990348816, + "y": 2.2800697088241577, + "name": "Original", + "enabled": false, + "children": [ + { + "type": "path", + "id": "pd3NI", + "x": 0, + "y": 0.6399030089378357, + "name": "Vector", + "geometry": "M8.33333 0l-6.01852 0c-0.61393 0-1.20271 0.17293-1.63682 0.48076-0.43411 0.30782-0.67799 0.72532-0.67799 1.16065l0 11.19192m15-3.33333l0 4.26471c0 0.19501-0.09877 0.38204-0.27459 0.51993-0.17582 0.1379-0.41427 0.21536-0.66291 0.21536l-11.71875 0c-0.6216 0-1.21774-0.19367-1.65728-0.53841-0.43954-0.34474-0.68647-0.8123-0.68647-1.29983 0-0.48753 0.24693-0.95509 0.68647-1.29982 0.43954-0.34474 1.03568-0.53841 1.65728-0.53841l12.65625 0", + "width": 15, + "height": 14.170000076293945, + "stroke": { + "align": "center", + "thickness": 1.9444445371627808, + "join": "round", + "cap": "round", + "fill": "#24292fff" + } + }, + { + "type": "path", + "id": "b2wV10", + "x": 9.83327180147171, + "y": 0, + "name": "Vector", + "geometry": "M3.79468 0.34348c0.01803-0.09651 0.06924-0.18368 0.14477-0.24641 0.07553-0.06273 0.17062-0.09707 0.2688-0.09707 0.09818 0 0.19327 0.03434 0.2688 0.09707 0.07553 0.06273 0.12674 0.1499 0.14477 0.24641l0.44219 2.33838c0.03141 0.16625 0.1122 0.31917 0.23183 0.43881 0.11963 0.11963 0.27255 0.20043 0.4388 0.23183l2.33839 0.44218c0.09651 0.01803 0.18368 0.06924 0.24641 0.14477 0.06273 0.07553 0.09707 0.17062 0.09706 0.2688 0 0.09818-0.03434 0.19327-0.09706 0.2688-0.06273 0.07553-0.1499 0.12674-0.24641 0.14477l-2.33839 0.44219c-0.16625 0.03141-0.31917 0.1122-0.4388 0.23183-0.11963 0.11963-0.20043 0.27255-0.23183 0.4388l-0.44219 2.33839c-0.01803 0.09651-0.06924 0.18368-0.14477 0.24641-0.07553 0.06273-0.17062 0.09707-0.2688 0.09706-0.09818 0-0.19327-0.03434-0.2688-0.09706-0.07553-0.06273-0.12674-0.1499-0.14477-0.24641l-0.44218-2.33839c-0.0314-0.16625-0.1122-0.31917-0.23183-0.4388-0.11963-0.11963-0.27255-0.20043-0.43881-0.23183l-2.33838-0.44219c-0.09651-0.01803-0.18368-0.06924-0.24641-0.14477-0.06273-0.07553-0.09707-0.17062-0.09707-0.2688 0-0.09818 0.03434-0.19327 0.09707-0.2688 0.06273-0.07553 0.1499-0.12674 0.24641-0.14477l2.33838-0.44218c0.16625-0.0314 0.31917-0.1122 0.43881-0.23183 0.11963-0.11963 0.20043-0.27255 0.23183-0.43881l0.44218-2.33838z", + "fill": "#24292fff", + "width": 7.013753414154053, + "height": 7.013753414154053, + "stroke": { + "align": "center", + "thickness": 0.5555555820465088, + "join": "round", + "cap": "round", + "fill": "#24292fff" + } + } + ] + }, + { + "type": "group", + "id": "M4JkW", + "x": 1.8408203125, + "y": 2.1908060908317566, + "name": "Outlined", + "children": [ + { + "type": "path", + "id": "neuaq", + "x": 0, + "y": 0, + "name": "Outlined", + "geometry": "M10.875 0c0.48325 0 0.875 0.39175 0.875 0.875 0 0.48325-0.39175 0.875-0.875 0.875l-7.22266 0c-0.5882 0.00008-1.11407 0.16445-1.46582 0.4082-0.34891 0.24192-0.4365 0.48833-0.43652 0.6416l0 10.34083c0.58779-0.29597 1.26116-0.44824 1.9375-0.44825l14.3125 0 0-0.67675c0-0.48325 0.39175-0.875 0.875-0.875 0.48325 0 0.875 0.39175 0.875 0.875l0 5.00097c0 0.54723-0.28455 1.0078-0.67188 1.30469-0.3823 0.29302-0.8621 0.43262-1.32812 0.43262l-14.0625 0c-0.91358 0-1.82272-0.27594-2.52148-0.81153-0.57511-0.44085-0.98798-1.04895-1.12012-1.74218-0.02882-0.08672-0.04587-0.179-0.0459-0.2754l0-13.125c0.00002-0.86766 0.49787-1.60017 1.19043-2.08007 0.6899-0.47804 1.57704-0.71965 2.46191-0.71973l7.22266 0z m-7.1875 14.44238c-0.57814 0-1.09994 0.17831-1.45605 0.45117-0.35108 0.26909-0.48145 0.57692-0.48145 0.83008l0.00586 0.09668c0.02958 0.23223 0.16823 0.49685 0.47559 0.73242 0.35612 0.27293 0.87782 0.45117 1.45605 0.45118l14.0625 0c0.11857 0 0.20519-0.0354 0.25-0.06446l0-2.49707-14.3125 0z m13.19531-13.32129c0.15639 0 0.30835 0.05445 0.42871 0.1543 0.12022 0.09984 0.2016 0.23901 0.23047 0.39258l0.44239 2.33887c0.02211 0.11673 0.07908 0.22458 0.16308 0.30859 0.08403 0.08393 0.19189 0.14004 0.3086 0.16211l2.33789 0.44238 0.1123 0.03125c0.10847 0.0407 0.20536 0.10912 0.28027 0.19922 0.09995 0.12035 0.15522 0.27228 0.15528 0.42871-0.00002 0.15649-0.05529 0.30832-0.15528 0.42871-0.0749 0.09016-0.17178 0.15848-0.28027 0.19922l-0.1123 0.03125-2.33789 0.44238c-0.1168 0.02209-0.22453 0.07903-0.3086 0.16309-0.08404 0.08408-0.14102 0.19178-0.16308 0.30859l-0.44239 2.33789c-0.0288 0.15372-0.11015 0.29265-0.23047 0.39258-0.12039 0.09994-0.27224 0.15527-0.42871 0.15528-0.15639-0.00009-0.30839-0.05535-0.42871-0.15528-0.09009-0.07491-0.15853-0.17181-0.19922-0.28027l-0.03125-0.11231-0.44238-2.33789c-0.02205-0.11674-0.07815-0.22454-0.16211-0.30859-0.08403-0.08401-0.19185-0.14098-0.30859-0.16309l-2.33887-0.44238c-0.15345-0.02891-0.2928-0.11033-0.39258-0.23047-0.09984-0.12035-0.15428-0.27233-0.1543-0.42871 0.00006-0.1564 0.0544-0.30838 0.1543-0.42871 0.09983-0.12019 0.23904-0.2016 0.39258-0.23047l2.33887-0.44238c0.11668-0.02211 0.2246-0.07815 0.30859-0.16211 0.08399-0.08399 0.13998-0.1919 0.16211-0.30859l0.44238-2.33887c0.02884-0.15354 0.1103-0.29273 0.23047-0.39258 0.12032-0.09992 0.27232-0.15421 0.42871-0.1543z", + "fill": "#d9d9d9ff", + "width": 17.78483009338379, + "height": 15.628254890441895, + "stroke": { + "align": "inside", + "thickness": 1.1111111640930176 + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "ALuKf", + "name": "icon/tutorial-down-mini-outlined", + "clip": true, + "width": 8, + "height": 8, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "group", + "id": "P2gQzG", + "x": 1.878679537231068, + "y": 0.7998045682907104, + "name": "Original", + "enabled": false, + "children": [ + { + "type": "path", + "id": "f1gL7M", + "x": 2.121320343559546, + "y": 0, + "name": "Vector 15", + "opacity": 0.6000000238418579, + "rotation": -45, + "geometry": "M3 0l0 3-3 0", + "width": 3, + "height": 3, + "stroke": { + "align": "center", + "thickness": 1.2999999523162842, + "cap": "round", + "fill": "#24292fff" + } + } + ] + }, + { + "type": "group", + "id": "WkbJ8", + "x": 1.2283935546875, + "y": 2.2705078125, + "name": "Outlined", + "children": [ + { + "type": "path", + "id": "BtfFw", + "x": 0, + "y": 0, + "name": "Outlined", + "geometry": "M4.43257 0.19034c0.25377-0.25377 0.66606-0.25364 0.91992 0 0.25384 0.25384 0.25384 0.66608 0 0.91992l-2.05078 2.05078c-0.29283 0.29249-0.76774 0.29251-1.06055 0l-2.05078-2.05078c-0.25384-0.25384-0.25384-0.66608 0-0.91992 0.25385-0.25376 0.66611-0.25381 0.91992 0l1.66114 1.66113 1.66113-1.66113z", + "fill": "#d9d9d9ff", + "width": 5.54287052154541, + "height": 3.3804166316986084, + "stroke": { + "align": "inside", + "thickness": 1 + } + } + ] + } + ] + } + ] + }, + { + "type": "path", + "id": "Dy7Xs", + "name": "Divider", + "geometry": "M0 0l0 17.5", + "width": 0, + "height": 12, + "stroke": { + "align": "center", + "thickness": 1, + "join": "round", + "cap": "square", + "fill": "#eaeff3ff" + } + }, + { + "type": "frame", + "id": "onC3e", + "name": "IconAction", + "fill": "#eaf9faff", + "cornerRadius": 116.66667175292969, + "stroke": { + "align": "inside", + "thickness": 1.1666667461395264 + }, + "padding": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "C0SB4C", + "name": "icon/One-click-collapse-outlined", + "clip": true, + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 0.6666666865348816 + }, + "layout": "none", + "children": [ + { + "type": "group", + "id": "b8Lch", + "x": 3.59228515625, + "y": 3.259241819381714, + "name": "Original", + "enabled": false, + "children": [ + { + "type": "path", + "id": "E9kyP", + "x": 8.804362297058105, + "y": 9.481481552124023, + "name": "Vector", + "rotation": 90, + "geometry": "M0 0l36 0", + "width": 9.481481552124023, + "height": 0, + "stroke": { + "align": "center", + "thickness": 1.1666667461395264, + "join": "round", + "cap": "round", + "fill": "#24292fff" + } + }, + { + "type": "path", + "id": "i8weOm", + "x": 0, + "y": 0.000035643577575683594, + "name": "Vector", + "geometry": "M0 0l12 12-12 12", + "width": 5.417989730834961, + "height": 9.481481552124023, + "stroke": { + "align": "center", + "thickness": 1.1666667461395264, + "join": "round", + "cap": "round", + "fill": "#24292fff" + } + } + ] + }, + { + "type": "group", + "id": "VcZzE", + "x": 3.0091147422790527, + "y": 2.6759440898895264, + "name": "Outlined", + "children": [ + { + "type": "path", + "id": "MqzR6", + "x": 0, + "y": 0, + "name": "Outlined", + "geometry": "M14.08089 0c0.48311 0 0.87477 0.39195 0.875 0.875l0 14.22266c-0.00023 0.48305-0.39189 0.875-0.875 0.875-0.48296-0.00017-0.87477-0.39205-0.875-0.875l0-14.22266c0.00023-0.48295 0.39204-0.87483 0.875-0.875z m-13.86426 0.29883c0.31826-0.36344 0.87078-0.40018 1.23437-0.08203l8.12696 7.11035c0.18983 0.16614 0.29881 0.40692 0.29883 0.65918-0.00006 0.25217-0.10908 0.4921-0.29883 0.6582l-8.12696 7.11133c-0.36354 0.31802-0.91611 0.28121-1.23437-0.08203-0.31822-0.36368-0.28165-0.91713 0.08203-1.23535l7.37402-6.45313-7.37402-6.45215c-0.36355-0.31824-0.40021-0.87074-0.08203-1.23437z", + "fill": "#d9d9d9ff", + "width": 9.970592498779297, + "height": 10.6484375, + "stroke": { + "align": "inside", + "thickness": 0.6666666865348816 + } + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "f9UZIN", + "x": 20, + "y": 350, + "name": "Copilot/TutorialFoldButton/EntryFilled", + "reusable": true, + "width": "fill_container(96)", + "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": "eDSsx", + "type": "ref", + "ref": "bW00p", + "x": 32, + "y": 10, + "children": [ + { + "id": "t1ZGv", + "type": "ref", + "ref": "T3zzC", + "children": [ + { + "id": "jLzBi", + "type": "ref", + "ref": "jLzBi", + "content": "s", + "fill": "$turquoise500", + "fontSize": 8 + } + ] + } + ] + } + ] + }, + { + "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": 409, + "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": 409, + "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": "MMwft", + "type": "ref", + "ref": "B1Ftl", + "x": 4.768371573149466e-7, + "y": 4.768371573149466e-7, + "children": [ + { + "id": "k1il2", + "type": "ref", + "ref": "QJj0u", + "descendants": { + "MWsuc": { + "fill": "$grey700", + "fontSize": 14, + "rotation": -270, + "x": 2.5717582782094417e-15, + "y": 14.000000000000002 + } + } + } + ] + } + ] + } + ] + }, + { + "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": "K46Tc", + "type": "ref", + "ref": "B1Ftl", + "x": 4.768371573149466e-7, + "y": 4.768371573149466e-7, + "children": [ + { + "id": "yDD4o", + "type": "ref", + "ref": "QJj0u", + "descendants": { + "MWsuc": { + "fill": "$grey700", + "fontSize": 14, + "rotation": -270, + "x": 2.5717582782094417e-15, + "y": 14.000000000000002 + } + } + } + ] + } + ] + } + ] + }, + { + "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" + } + ] } ] } From 46d34a0d6b849cffa532f356ffc9609b5b384ef5 Mon Sep 17 00:00:00 2001 From: jiaxinLiu1 Date: Fri, 29 May 2026 18:30:02 +0800 Subject: [PATCH 4/5] update input components --- ui/components/spx/builder-component.lib.pen | 1450 +++++++++++++++++-- 1 file changed, 1319 insertions(+), 131 deletions(-) diff --git a/ui/components/spx/builder-component.lib.pen b/ui/components/spx/builder-component.lib.pen index 695ebb7be..3646d0dda 100644 --- a/ui/components/spx/builder-component.lib.pen +++ b/ui/components/spx/builder-component.lib.pen @@ -38485,7 +38485,7 @@ "type": "frame", "id": "Bjo4r", "name": "Variant-Boring", - "width": 6.62496304657385e+23, + "width": 2.40920776231274e+24, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38557,7 +38557,7 @@ "type": "frame", "id": "R1GYIk", "name": "Variant-Primary", - "width": 7.304446435966042e+23, + "width": 2.656305994344816e+24, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38718,7 +38718,7 @@ "name": "Content", "clip": true, "width": 512, - "height": 1548.0000000000005, + "height": 1608.0000000000005, "fill": "$grey500", "cornerRadius": "$radius-1", "stroke": { @@ -38797,7 +38797,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3380.859007887089, + "width": 3444.710352232691, "content": "Modifying the username may have the following impacts.", "lineHeight": 1.5714285714285714, "textAlignVertical": "middle", @@ -38917,7 +38917,7 @@ "id": "o8HzMf", "type": "ref", "ref": "koVOU", - "x": 121.02162070814695, + "x": 121.0216207081469, "y": 0, "width": "fit_content(392)", "children": [ @@ -39006,7 +39006,7 @@ "id": "JlVTF", "type": "ref", "ref": "koVOU", - "x": 121.02162070814695, + "x": 121.0216207081469, "y": 0, "width": "fit_content(392)", "children": [ @@ -39110,7 +39110,7 @@ "id": "Y2dcYa", "type": "ref", "ref": "koVOU", - "x": 121.02162070814695, + "x": 121.0216207081469, "y": 0, "width": "fit_content(392)", "children": [ @@ -39270,7 +39270,7 @@ "name": "input-box", "clip": true, "width": 512, - "height": 963.9999999999998, + "height": 1023.9999999999999, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39322,7 +39322,7 @@ "fill": "$grey800", "textGrowth": "fixed-width-height", "width": 131, - "height": 28.261200005431768, + "height": 4.875097186656176, "flipX": false, "flipY": false }, @@ -39332,8 +39332,8 @@ "name": "input-box", "rotation": 0.017214400057139954, "clip": true, - "width": 511.9999774008101, - "height": 694.2371149943164, + "width": 511.9999547915265, + "height": 120.10900313040409, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39482,7 +39482,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3362.129578740235, + "width": 3425.9801070505778, "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", @@ -50252,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" }, { @@ -50331,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" }, { @@ -50410,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" }, { @@ -50425,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": [ @@ -50441,7 +50441,7 @@ "id": "0mQ1A", "type": "ref", "ref": "0rSuk", - "x": 16, + "x": 12, "y": 5, "content": "Recently Updated", "fill": "$grey1000" @@ -50521,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" }, { @@ -50536,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": [ @@ -50585,7 +50585,7 @@ "id": "zgog4", "type": "ref", "ref": "0rSuk", - "x": 16, + "x": 12, "y": 5, "content": "Recently Updated", "fill": "$grey1000" @@ -55378,7 +55378,7 @@ "reusable": true, "fill": "$grey1000", "content": "Title", - "lineHeight": 1.7, + "lineHeight": 1.6923076923076923, "textAlignVertical": "middle", "fontFamily": "Inter", "fontSize": 13, @@ -66424,7 +66424,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682347262618056e-14, + "y": 5.682357557194143e-14, "children": [ { "id": "lpatT", @@ -66437,8 +66437,8 @@ "id": "OsOUh", "type": "ref", "ref": "m6A5K", - "x": 247.99943308447502, - "y": 5.682347262618056e-14, + "x": 247.9998533924403, + "y": 5.6823575571941434e-14, "children": [ { "id": "rfnOE", @@ -66451,8 +66451,8 @@ "id": "zRRXP", "type": "ref", "ref": "m6A5K", - "x": 495.99886616895003, - "y": 5.682347262618056e-14, + "x": 495.9997067848806, + "y": 5.682357557194143e-14, "children": [ { "id": "dJ1TI", @@ -66465,8 +66465,8 @@ "id": "ryGDv", "type": "ref", "ref": "m6A5K", - "x": 743.9982992534251, - "y": 5.682347262618055e-14, + "x": 743.9995601773209, + "y": 5.682357557194144e-14, "children": [ { "id": "f38PK", @@ -66489,7 +66489,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682347262618056e-14, + "y": 5.682357557194143e-14, "children": [ { "id": "eeHrD", @@ -66502,8 +66502,8 @@ "id": "z5Xx2", "type": "ref", "ref": "m6A5K", - "x": 247.99943308447502, - "y": 5.682347262618056e-14, + "x": 247.9998533924403, + "y": 5.6823575571941434e-14, "children": [ { "id": "aGosX", @@ -66516,8 +66516,8 @@ "id": "e6vJm", "type": "ref", "ref": "m6A5K", - "x": 495.99886616895003, - "y": 5.682347262618056e-14, + "x": 495.9997067848806, + "y": 5.682357557194143e-14, "children": [ { "id": "u0AjqQ", @@ -66530,8 +66530,8 @@ "id": "r7bhS", "type": "ref", "ref": "m6A5K", - "x": 743.9982992534251, - "y": 5.682347262618055e-14, + "x": 743.9995601773209, + "y": 5.682357557194144e-14, "children": [ { "id": "TGis1", @@ -70747,7 +70747,7 @@ "id": "ZwJbr", "name": "Label", "clip": true, - "width": 545.6787391364614, + "width": 569.6787391364614, "alignItems": "center", "children": [ { @@ -137360,7 +137360,7 @@ "id": "Q28NZ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2993.6285570040304, + "width": 3234.3833733924544, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -137648,7 +137648,7 @@ "id": "05ZuN", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2993.6285570040304, + "width": 3234.3833733924544, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -138209,7 +138209,7 @@ "id": "cNqrQ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 2996.194406229052, + "width": 3236.9567372512847, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -146432,14 +146432,6 @@ } ] }, - { - "id": "F7PA3T", - "type": "ref", - "ref": "1xCKp", - "x": 104.61287838135104, - "y": 131.730855967573, - "children": [] - }, { "type": "frame", "id": "Xrq79", @@ -146970,22 +146962,12 @@ "type": "ref", "ref": "bW00p", "x": 32, - "y": 10, + "y": 6, "children": [ { "id": "aLjjM", "type": "ref", - "ref": "T3zzC", - "children": [ - { - "id": "jLzBi", - "type": "ref", - "ref": "jLzBi", - "content": "s", - "fill": "$turquoise500", - "fontSize": 8 - } - ] + "ref": "T3zzC" } ] } @@ -147141,22 +147123,12 @@ "type": "ref", "ref": "bW00p", "x": 32, - "y": 10, + "y": 6, "children": [ { "id": "Y1mhQk", "type": "ref", - "ref": "T3zzC", - "children": [ - { - "id": "jLzBi", - "type": "ref", - "ref": "jLzBi", - "content": "s", - "fill": "$turquoise500", - "fontSize": 8 - } - ] + "ref": "T3zzC" } ] } @@ -147348,22 +147320,12 @@ "type": "ref", "ref": "bW00p", "x": 32, - "y": 10, + "y": 6, "children": [ { "id": "VUc6V", "type": "ref", - "ref": "T3zzC", - "children": [ - { - "id": "jLzBi", - "type": "ref", - "ref": "jLzBi", - "content": "s", - "fill": "$turquoise500", - "fontSize": 8 - } - ] + "ref": "T3zzC" } ] } @@ -147931,22 +147893,12 @@ "type": "ref", "ref": "bW00p", "x": 32, - "y": 10, + "y": 6, "children": [ { "id": "t1ZGv", "type": "ref", - "ref": "T3zzC", - "children": [ - { - "id": "jLzBi", - "type": "ref", - "ref": "jLzBi", - "content": "s", - "fill": "$turquoise500", - "fontSize": 8 - } - ] + "ref": "T3zzC" } ] } @@ -148374,23 +148326,20 @@ "alignItems": "center", "children": [ { - "id": "MMwft", + "id": "B4lpUE", "type": "ref", - "ref": "B1Ftl", - "x": 4.768371573149466e-7, - "y": 4.768371573149466e-7, + "ref": "1xCKp", + "x": 4.76837158203125e-7, + "y": 4.76837158203125e-7, "children": [ { - "id": "k1il2", + "id": "HEo82", "type": "ref", - "ref": "QJj0u", + "ref": "PeDF9", "descendants": { - "MWsuc": { - "fill": "$grey700", + "Ugu4g": { "fontSize": 14, - "rotation": -270, - "x": 2.5717582782094417e-15, - "y": 14.000000000000002 + "fill": "$grey700" } } } @@ -148437,23 +148386,20 @@ "alignItems": "center", "children": [ { - "id": "K46Tc", + "id": "qFLHA", "type": "ref", - "ref": "B1Ftl", - "x": 4.768371573149466e-7, - "y": 4.768371573149466e-7, + "ref": "1xCKp", + "x": 4.76837158203125e-7, + "y": 4.76837158203125e-7, "children": [ { - "id": "yDD4o", + "id": "XmXRJ", "type": "ref", - "ref": "QJj0u", + "ref": "PeDF9", "descendants": { - "MWsuc": { - "fill": "$grey700", + "Ugu4g": { "fontSize": 14, - "rotation": -270, - "x": 2.5717582782094417e-15, - "y": 14.000000000000002 + "fill": "$grey700" } } } @@ -148672,6 +148618,1248 @@ ] } ] + }, + { + "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": 26.000000000000004, + "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": 140, + "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": "Cope", + "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" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] } ] } From 2f91c6a39a258fca2f80a17432cadad9ec75d84f Mon Sep 17 00:00:00 2001 From: jiaxinLiu1 Date: Mon, 1 Jun 2026 14:28:44 +0800 Subject: [PATCH 5/5] add copilot pages --- ui/components/spx/builder-component.lib.pen | 497 ++++---------------- ui/pages/spx/copilot-conversation.pen | 402 ++++++++++++++++ ui/pages/spx/copilot-error.pen | 171 +++++++ ui/pages/spx/copilot-prompt.pen | 223 +++++++++ ui/pages/spx/copilot-recommendation.pen | 356 ++++++++++++++ 5 files changed, 1240 insertions(+), 409 deletions(-) create mode 100644 ui/pages/spx/copilot-conversation.pen create mode 100644 ui/pages/spx/copilot-error.pen create mode 100644 ui/pages/spx/copilot-prompt.pen create mode 100644 ui/pages/spx/copilot-recommendation.pen diff --git a/ui/components/spx/builder-component.lib.pen b/ui/components/spx/builder-component.lib.pen index 3646d0dda..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": 2.40920776231274e+24, + "width": 6.075768777688828e+25, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38557,7 +38557,7 @@ "type": "frame", "id": "R1GYIk", "name": "Variant-Primary", - "width": 2.656305994344816e+24, + "width": 6.6989245497594786e+25, "height": 32, "justifyContent": "center", "alignItems": "center", @@ -38718,7 +38718,7 @@ "name": "Content", "clip": true, "width": 512, - "height": 1608.0000000000005, + "height": 1757.9999999999998, "fill": "$grey500", "cornerRadius": "$radius-1", "stroke": { @@ -38797,7 +38797,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3444.710352232691, + "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": 1023.9999999999999, + "height": 1173.9999999999995, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39322,7 +39322,7 @@ "fill": "$grey800", "textGrowth": "fixed-width-height", "width": 131, - "height": 4.875097186656176, + "height": 7.69740095315767, "flipX": false, "flipY": false }, @@ -39333,7 +39333,7 @@ "rotation": 0.017214400057139954, "clip": true, "width": 511.9999547915265, - "height": 120.10900313040409, + "height": 190.98941123198438, "fill": "$grey300", "cornerRadius": "$radius-4", "stroke": { @@ -39482,7 +39482,7 @@ "rotation": 1.2424041724466865e-17, "fill": "$yellow500", "textGrowth": "fixed-width", - "width": 3425.9801070505778, + "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", @@ -66424,7 +66424,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682357557194143e-14, + "y": 5.6823610259223876e-14, "children": [ { "id": "lpatT", @@ -66437,8 +66437,8 @@ "id": "OsOUh", "type": "ref", "ref": "m6A5K", - "x": 247.9998533924403, - "y": 5.6823575571941434e-14, + "x": 247.99999501401834, + "y": 5.6823610259223876e-14, "children": [ { "id": "rfnOE", @@ -66451,8 +66451,8 @@ "id": "zRRXP", "type": "ref", "ref": "m6A5K", - "x": 495.9997067848806, - "y": 5.682357557194143e-14, + "x": 495.9999900280367, + "y": 5.682361025922386e-14, "children": [ { "id": "dJ1TI", @@ -66465,8 +66465,8 @@ "id": "ryGDv", "type": "ref", "ref": "m6A5K", - "x": 743.9995601773209, - "y": 5.682357557194144e-14, + "x": 743.999985042055, + "y": 5.682361025922386e-14, "children": [ { "id": "f38PK", @@ -66489,7 +66489,7 @@ "type": "ref", "ref": "m6A5K", "x": 0, - "y": 5.682357557194143e-14, + "y": 5.6823610259223876e-14, "children": [ { "id": "eeHrD", @@ -66502,8 +66502,8 @@ "id": "z5Xx2", "type": "ref", "ref": "m6A5K", - "x": 247.9998533924403, - "y": 5.6823575571941434e-14, + "x": 247.99999501401834, + "y": 5.6823610259223876e-14, "children": [ { "id": "aGosX", @@ -66516,8 +66516,8 @@ "id": "e6vJm", "type": "ref", "ref": "m6A5K", - "x": 495.9997067848806, - "y": 5.682357557194143e-14, + "x": 495.9999900280367, + "y": 5.682361025922386e-14, "children": [ { "id": "u0AjqQ", @@ -66530,8 +66530,8 @@ "id": "r7bhS", "type": "ref", "ref": "m6A5K", - "x": 743.9995601773209, - "y": 5.682357557194144e-14, + "x": 743.999985042055, + "y": 5.682361025922386e-14, "children": [ { "id": "TGis1", @@ -70747,7 +70747,7 @@ "id": "ZwJbr", "name": "Label", "clip": true, - "width": 569.6787391364614, + "width": 629.6787391364617, "alignItems": "center", "children": [ { @@ -137360,7 +137360,7 @@ "id": "Q28NZ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 3234.3833733924544, + "width": 3838.957617958339, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -137648,7 +137648,7 @@ "id": "05ZuN", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 3234.3833733924544, + "width": 3838.957617958339, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -138209,7 +138209,7 @@ "id": "cNqrQ", "name": "icon/publish-colorful", "rotation": -0.05413253639937609, - "width": 3236.9567372512847, + "width": 3841.5457668497857, "height": 16, "cornerRadius": "$radius-full", "stroke": { @@ -146870,7 +146870,6 @@ "y": 54, "name": "Copilot/TutorialFoldButton/BadgeDefault", "reusable": true, - "width": "fill_container(96)", "stroke": { "align": "inside", "thickness": 1 @@ -146962,12 +146961,19 @@ "type": "ref", "ref": "bW00p", "x": 32, - "y": 6, + "y": 10, "children": [ { "id": "aLjjM", "type": "ref", - "ref": "T3zzC" + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "content": "s", + "fontSize": 8, + "fill": "$turquoise500" + } + } } ] } @@ -147119,16 +147125,23 @@ ] }, { - "id": "UB4oM", + "id": "M3dEHc", "type": "ref", "ref": "bW00p", "x": 32, - "y": 6, + "y": 10, "children": [ { - "id": "Y1mhQk", + "id": "OKT7I", "type": "ref", - "ref": "T3zzC" + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "content": "s", + "fontSize": 8, + "fill": "$turquoise500" + } + } } ] } @@ -147228,7 +147241,6 @@ "y": 244, "name": "Copilot/TutorialFoldButton/BadgeMenuOpen", "reusable": true, - "width": "fill_container(96)", "stroke": { "align": "inside", "thickness": 1 @@ -147316,16 +147328,23 @@ ] }, { - "id": "XLoKT", + "id": "Z87W5d", "type": "ref", "ref": "bW00p", "x": 32, - "y": 6, + "y": 10, "children": [ { - "id": "VUc6V", + "id": "njo10", "type": "ref", - "ref": "T3zzC" + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "content": "s", + "fontSize": 8, + "fill": "$turquoise500" + } + } } ] } @@ -147448,360 +147467,13 @@ } ] }, - { - "type": "frame", - "id": "AwlFY", - "x": 20, - "y": 296, - "name": "Copilot/TutorialFoldButton/EntryDefault", - "reusable": true, - "width": "fill_container(96)", - "stroke": { - "align": "inside", - "thickness": 1 - }, - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "n0tBfJ", - "name": "Root", - "fill": "#ffffffff", - "cornerRadius": 100, - "stroke": { - "align": "inside", - "thickness": 1 - }, - "effect": { - "type": "shadow", - "shadowType": "outer", - "color": "#24292f14", - "offset": { - "x": 0, - "y": 4 - }, - "blur": 10.5 - }, - "gap": 6, - "padding": 4, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "L8oTFx", - "name": "Trigger", - "fill": "#eaf9faff", - "cornerRadius": 999, - "stroke": { - "align": "inside", - "thickness": 1.1666667461395264 - }, - "padding": [ - 0, - 8, - 0, - 4 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "o5J9F4", - "name": "Leading", - "width": 28, - "height": 28, - "cornerRadius": 116.66667175292969, - "stroke": { - "align": "inside", - "thickness": 1.1666667461395264 - }, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "M6GE1O", - "name": "icon/tutorial entry-outlined", - "clip": true, - "width": 20, - "height": 20, - "stroke": { - "align": "inside", - "thickness": 0.9259259700775146 - }, - "layout": "none", - "children": [ - { - "type": "group", - "id": "q76Reg", - "x": 2.5699869990348816, - "y": 2.2800697088241577, - "name": "Original", - "enabled": false, - "children": [ - { - "type": "path", - "id": "pd3NI", - "x": 0, - "y": 0.6399030089378357, - "name": "Vector", - "geometry": "M8.33333 0l-6.01852 0c-0.61393 0-1.20271 0.17293-1.63682 0.48076-0.43411 0.30782-0.67799 0.72532-0.67799 1.16065l0 11.19192m15-3.33333l0 4.26471c0 0.19501-0.09877 0.38204-0.27459 0.51993-0.17582 0.1379-0.41427 0.21536-0.66291 0.21536l-11.71875 0c-0.6216 0-1.21774-0.19367-1.65728-0.53841-0.43954-0.34474-0.68647-0.8123-0.68647-1.29983 0-0.48753 0.24693-0.95509 0.68647-1.29982 0.43954-0.34474 1.03568-0.53841 1.65728-0.53841l12.65625 0", - "width": 15, - "height": 14.170000076293945, - "stroke": { - "align": "center", - "thickness": 1.9444445371627808, - "join": "round", - "cap": "round", - "fill": "#24292fff" - } - }, - { - "type": "path", - "id": "b2wV10", - "x": 9.83327180147171, - "y": 0, - "name": "Vector", - "geometry": "M3.79468 0.34348c0.01803-0.09651 0.06924-0.18368 0.14477-0.24641 0.07553-0.06273 0.17062-0.09707 0.2688-0.09707 0.09818 0 0.19327 0.03434 0.2688 0.09707 0.07553 0.06273 0.12674 0.1499 0.14477 0.24641l0.44219 2.33838c0.03141 0.16625 0.1122 0.31917 0.23183 0.43881 0.11963 0.11963 0.27255 0.20043 0.4388 0.23183l2.33839 0.44218c0.09651 0.01803 0.18368 0.06924 0.24641 0.14477 0.06273 0.07553 0.09707 0.17062 0.09706 0.2688 0 0.09818-0.03434 0.19327-0.09706 0.2688-0.06273 0.07553-0.1499 0.12674-0.24641 0.14477l-2.33839 0.44219c-0.16625 0.03141-0.31917 0.1122-0.4388 0.23183-0.11963 0.11963-0.20043 0.27255-0.23183 0.4388l-0.44219 2.33839c-0.01803 0.09651-0.06924 0.18368-0.14477 0.24641-0.07553 0.06273-0.17062 0.09707-0.2688 0.09706-0.09818 0-0.19327-0.03434-0.2688-0.09706-0.07553-0.06273-0.12674-0.1499-0.14477-0.24641l-0.44218-2.33839c-0.0314-0.16625-0.1122-0.31917-0.23183-0.4388-0.11963-0.11963-0.27255-0.20043-0.43881-0.23183l-2.33838-0.44219c-0.09651-0.01803-0.18368-0.06924-0.24641-0.14477-0.06273-0.07553-0.09707-0.17062-0.09707-0.2688 0-0.09818 0.03434-0.19327 0.09707-0.2688 0.06273-0.07553 0.1499-0.12674 0.24641-0.14477l2.33838-0.44218c0.16625-0.0314 0.31917-0.1122 0.43881-0.23183 0.11963-0.11963 0.20043-0.27255 0.23183-0.43881l0.44218-2.33838z", - "fill": "#24292fff", - "width": 7.013753414154053, - "height": 7.013753414154053, - "stroke": { - "align": "center", - "thickness": 0.5555555820465088, - "join": "round", - "cap": "round", - "fill": "#24292fff" - } - } - ] - }, - { - "type": "group", - "id": "M4JkW", - "x": 1.8408203125, - "y": 2.1908060908317566, - "name": "Outlined", - "children": [ - { - "type": "path", - "id": "neuaq", - "x": 0, - "y": 0, - "name": "Outlined", - "geometry": "M10.875 0c0.48325 0 0.875 0.39175 0.875 0.875 0 0.48325-0.39175 0.875-0.875 0.875l-7.22266 0c-0.5882 0.00008-1.11407 0.16445-1.46582 0.4082-0.34891 0.24192-0.4365 0.48833-0.43652 0.6416l0 10.34083c0.58779-0.29597 1.26116-0.44824 1.9375-0.44825l14.3125 0 0-0.67675c0-0.48325 0.39175-0.875 0.875-0.875 0.48325 0 0.875 0.39175 0.875 0.875l0 5.00097c0 0.54723-0.28455 1.0078-0.67188 1.30469-0.3823 0.29302-0.8621 0.43262-1.32812 0.43262l-14.0625 0c-0.91358 0-1.82272-0.27594-2.52148-0.81153-0.57511-0.44085-0.98798-1.04895-1.12012-1.74218-0.02882-0.08672-0.04587-0.179-0.0459-0.2754l0-13.125c0.00002-0.86766 0.49787-1.60017 1.19043-2.08007 0.6899-0.47804 1.57704-0.71965 2.46191-0.71973l7.22266 0z m-7.1875 14.44238c-0.57814 0-1.09994 0.17831-1.45605 0.45117-0.35108 0.26909-0.48145 0.57692-0.48145 0.83008l0.00586 0.09668c0.02958 0.23223 0.16823 0.49685 0.47559 0.73242 0.35612 0.27293 0.87782 0.45117 1.45605 0.45118l14.0625 0c0.11857 0 0.20519-0.0354 0.25-0.06446l0-2.49707-14.3125 0z m13.19531-13.32129c0.15639 0 0.30835 0.05445 0.42871 0.1543 0.12022 0.09984 0.2016 0.23901 0.23047 0.39258l0.44239 2.33887c0.02211 0.11673 0.07908 0.22458 0.16308 0.30859 0.08403 0.08393 0.19189 0.14004 0.3086 0.16211l2.33789 0.44238 0.1123 0.03125c0.10847 0.0407 0.20536 0.10912 0.28027 0.19922 0.09995 0.12035 0.15522 0.27228 0.15528 0.42871-0.00002 0.15649-0.05529 0.30832-0.15528 0.42871-0.0749 0.09016-0.17178 0.15848-0.28027 0.19922l-0.1123 0.03125-2.33789 0.44238c-0.1168 0.02209-0.22453 0.07903-0.3086 0.16309-0.08404 0.08408-0.14102 0.19178-0.16308 0.30859l-0.44239 2.33789c-0.0288 0.15372-0.11015 0.29265-0.23047 0.39258-0.12039 0.09994-0.27224 0.15527-0.42871 0.15528-0.15639-0.00009-0.30839-0.05535-0.42871-0.15528-0.09009-0.07491-0.15853-0.17181-0.19922-0.28027l-0.03125-0.11231-0.44238-2.33789c-0.02205-0.11674-0.07815-0.22454-0.16211-0.30859-0.08403-0.08401-0.19185-0.14098-0.30859-0.16309l-2.33887-0.44238c-0.15345-0.02891-0.2928-0.11033-0.39258-0.23047-0.09984-0.12035-0.15428-0.27233-0.1543-0.42871 0.00006-0.1564 0.0544-0.30838 0.1543-0.42871 0.09983-0.12019 0.23904-0.2016 0.39258-0.23047l2.33887-0.44238c0.11668-0.02211 0.2246-0.07815 0.30859-0.16211 0.08399-0.08399 0.13998-0.1919 0.16211-0.30859l0.44238-2.33887c0.02884-0.15354 0.1103-0.29273 0.23047-0.39258 0.12032-0.09992 0.27232-0.15421 0.42871-0.1543z", - "fill": "#d9d9d9ff", - "width": 17.78483009338379, - "height": 15.628254890441895, - "stroke": { - "align": "inside", - "thickness": 1.1111111640930176 - } - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "ALuKf", - "name": "icon/tutorial-down-mini-outlined", - "clip": true, - "width": 8, - "height": 8, - "stroke": { - "align": "inside", - "thickness": 1 - }, - "layout": "none", - "children": [ - { - "type": "group", - "id": "P2gQzG", - "x": 1.878679537231068, - "y": 0.7998045682907104, - "name": "Original", - "enabled": false, - "children": [ - { - "type": "path", - "id": "f1gL7M", - "x": 2.121320343559546, - "y": 0, - "name": "Vector 15", - "opacity": 0.6000000238418579, - "rotation": -45, - "geometry": "M3 0l0 3-3 0", - "width": 3, - "height": 3, - "stroke": { - "align": "center", - "thickness": 1.2999999523162842, - "cap": "round", - "fill": "#24292fff" - } - } - ] - }, - { - "type": "group", - "id": "WkbJ8", - "x": 1.2283935546875, - "y": 2.2705078125, - "name": "Outlined", - "children": [ - { - "type": "path", - "id": "BtfFw", - "x": 0, - "y": 0, - "name": "Outlined", - "geometry": "M4.43257 0.19034c0.25377-0.25377 0.66606-0.25364 0.91992 0 0.25384 0.25384 0.25384 0.66608 0 0.91992l-2.05078 2.05078c-0.29283 0.29249-0.76774 0.29251-1.06055 0l-2.05078-2.05078c-0.25384-0.25384-0.25384-0.66608 0-0.91992 0.25385-0.25376 0.66611-0.25381 0.91992 0l1.66114 1.66113 1.66113-1.66113z", - "fill": "#d9d9d9ff", - "width": 5.54287052154541, - "height": 3.3804166316986084, - "stroke": { - "align": "inside", - "thickness": 1 - } - } - ] - } - ] - } - ] - }, - { - "type": "path", - "id": "Dy7Xs", - "name": "Divider", - "geometry": "M0 0l0 17.5", - "width": 0, - "height": 12, - "stroke": { - "align": "center", - "thickness": 1, - "join": "round", - "cap": "square", - "fill": "#eaeff3ff" - } - }, - { - "type": "frame", - "id": "onC3e", - "name": "IconAction", - "fill": "#eaf9faff", - "cornerRadius": 116.66667175292969, - "stroke": { - "align": "inside", - "thickness": 1.1666667461395264 - }, - "padding": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "C0SB4C", - "name": "icon/One-click-collapse-outlined", - "clip": true, - "width": 16, - "height": 16, - "stroke": { - "align": "inside", - "thickness": 0.6666666865348816 - }, - "layout": "none", - "children": [ - { - "type": "group", - "id": "b8Lch", - "x": 3.59228515625, - "y": 3.259241819381714, - "name": "Original", - "enabled": false, - "children": [ - { - "type": "path", - "id": "E9kyP", - "x": 8.804362297058105, - "y": 9.481481552124023, - "name": "Vector", - "rotation": 90, - "geometry": "M0 0l36 0", - "width": 9.481481552124023, - "height": 0, - "stroke": { - "align": "center", - "thickness": 1.1666667461395264, - "join": "round", - "cap": "round", - "fill": "#24292fff" - } - }, - { - "type": "path", - "id": "i8weOm", - "x": 0, - "y": 0.000035643577575683594, - "name": "Vector", - "geometry": "M0 0l12 12-12 12", - "width": 5.417989730834961, - "height": 9.481481552124023, - "stroke": { - "align": "center", - "thickness": 1.1666667461395264, - "join": "round", - "cap": "round", - "fill": "#24292fff" - } - } - ] - }, - { - "type": "group", - "id": "VcZzE", - "x": 3.0091147422790527, - "y": 2.6759440898895264, - "name": "Outlined", - "children": [ - { - "type": "path", - "id": "MqzR6", - "x": 0, - "y": 0, - "name": "Outlined", - "geometry": "M14.08089 0c0.48311 0 0.87477 0.39195 0.875 0.875l0 14.22266c-0.00023 0.48305-0.39189 0.875-0.875 0.875-0.48296-0.00017-0.87477-0.39205-0.875-0.875l0-14.22266c0.00023-0.48295 0.39204-0.87483 0.875-0.875z m-13.86426 0.29883c0.31826-0.36344 0.87078-0.40018 1.23437-0.08203l8.12696 7.11035c0.18983 0.16614 0.29881 0.40692 0.29883 0.65918-0.00006 0.25217-0.10908 0.4921-0.29883 0.6582l-8.12696 7.11133c-0.36354 0.31802-0.91611 0.28121-1.23437-0.08203-0.31822-0.36368-0.28165-0.91713 0.08203-1.23535l7.37402-6.45313-7.37402-6.45215c-0.36355-0.31824-0.40021-0.87074-0.08203-1.23437z", - "fill": "#d9d9d9ff", - "width": 9.970592498779297, - "height": 10.6484375, - "stroke": { - "align": "inside", - "thickness": 0.6666666865348816 - } - } - ] - } - ] - } - ] - } - ] - } - ] - }, { "type": "frame", "id": "f9UZIN", "x": 20, - "y": 350, + "y": 302, "name": "Copilot/TutorialFoldButton/EntryFilled", "reusable": true, - "width": "fill_container(96)", "stroke": { "align": "inside", "thickness": 1 @@ -147889,16 +147561,23 @@ ] }, { - "id": "eDSsx", + "id": "kZhhK", "type": "ref", "ref": "bW00p", "x": 32, - "y": 6, + "y": 10, "children": [ { - "id": "t1ZGv", + "id": "nSwyG", "type": "ref", - "ref": "T3zzC" + "ref": "T3zzC", + "descendants": { + "jLzBi": { + "content": "s", + "fontSize": 8, + "fill": "$turquoise500" + } + } } ] } @@ -147962,7 +147641,7 @@ "type": "frame", "id": "kpVBS", "x": 20, - "y": 409, + "y": 363, "name": "Copilot/TutorialFoldButton/IconFilled", "reusable": true, "stroke": { @@ -148041,7 +147720,7 @@ "type": "frame", "id": "lEey5", "x": 80, - "y": 409, + "y": 363, "name": "Copilot/TutorialFoldButton/IconGhost", "reusable": true, "stroke": { @@ -149197,14 +148876,14 @@ "id": "Onf7T", "type": "ref", "ref": "lE3p0", - "x": 26.000000000000004, + "x": 55.00000000000001, "y": 2, "children": [ { "id": "kOdFF", "type": "ref", "ref": "j2X5BP", - "content": "\"游戏开始啦！“", + "content": "\"游戏开始啦！\"", "fill": "$code-operator", "rotation": -720, "x": 0, @@ -149328,7 +149007,7 @@ { "type": "frame", "id": "Lc7fy", - "x": 140, + "x": 164, "y": 78, "name": "Content", "rotation": 1.4033418597069752e-14, @@ -149490,7 +149169,7 @@ "id": "lXv8a", "type": "ref", "ref": "tUGoQ", - "content": "Cope", + "content": "Copy", "fill": "$grey900" } ] 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