Commit

fluentui/Assets/SampleImage.json

+{
+  "Content": "Image",
+  "FileName": "/ctrllib/image/images/SampleImage.svg",
+  "IsSampleData": true,
+  "IsWritable": false,
+  "Name": "SampleImage",
+  "Path": "/ctrllib/image/images/SampleImage.svg",
+  "ResourceKind": "Uri",
+  "RootPath": "ms-appx:///ctrllib/image/images/SampleImage.svg",
+  "Schema": "i",
+  "Type": "ResourceInfo"
+}
\ No newline at end of file

fluentui/CanvasManifest.json

+{
+  "FormatVersion": "0.24",
+  "Header": {
+    "AnalysisOptions": {
+      "DataflowAnalysisEnabled": false,
+      "DataflowAnalysisFlagStateToggledByUser": false
+    },
+    "DocVersion": "1.335",
+    "MinVersionToLoad": "1.331",
+    "MSAppStructureVersion": "2.0"
+  },
+  "Properties": {
+    "AppCreationSource": "AppFromScratch",
+    "AppDescription": "",
+    "AppPreviewFlagsMap": {
+      "aibuilderserviceenrollment": false,
+      "allowmultiplescreensincanvaspages": false,
+      "appinsightserrortracing": false,
+      "appinstrumentationcorrelationtracing": false,
+      "autocreateenvironmentvariables": false,
+      "behaviorpropertyui": false,
+      "blockmovingcontrol": true,
+      "cdsdataformatting": false,
+      "classiccontrols": false,
+      "consistentreturnschemafortabularfunctions": true,
+      "copyandmerge": true,
+      "dataflowanalysisenabled": false,
+      "datatablev2control": true,
+      "dataverseactionsenabled": true,
+      "delaycontrolrendering": true,
+      "delayloadscreens": true,
+      "disablecdsfileandlargeimage": false,
+      "dynamicschema": false,
+      "enableappembeddingux": false,
+      "enablechatbotfeature": true,
+      "enablecomponentnamemaps": false,
+      "enablecomponentscopeoldbehavior": false,
+      "enablecopilotcontrol": true,
+      "enabledataverseoffline": false,
+      "enableeditcacherefreshfrequency": false,
+      "enableexcelonlinebusinessv2connector": true,
+      "enableexperimentaldataverseoffline": true,
+      "enableideaspanel": true,
+      "enablelegacybarcodescanner": false,
+      "enableonstart": true,
+      "enableonstartnavigate": false,
+      "enablepcfmoderndatasets": true,
+      "enablerowscopeonetonexpand": false,
+      "enablerpawarecomponentdependency": true,
+      "enablerulespanel": false,
+      "enableruntimepolicies": true,
+      "enablesaveloadcleardataonweb": true,
+      "enableupdateifdelegation": false,
+      "errorhandling": true,
+      "expandedsavedatasupport": true,
+      "exportimportcomponents2": true,
+      "externalmessage": false,
+      "fluentv9controls": false,
+      "fluentv9controlspreview": false,
+      "formuladataprefetch": true,
+      "formularepair": false,
+      "generatedebugpublishedapp": false,
+      "herocontrols": false,
+      "improvedmediacapture": true,
+      "improvedtabstopbehavior": false,
+      "isemptyrequirestableargument": true,
+      "keeprecentscreensloaded": false,
+      "longlivingcache": false,
+      "mobilenativerendering": false,
+      "namedformulas": true,
+      "nativecdsexperimental": true,
+      "onegrid": false,
+      "optimizedforteamsmeeting": false,
+      "packagemodernruntime": false,
+      "parallelcodegen": false,
+      "pdffunction": false,
+      "powerfxdecimal": false,
+      "powerfxv1": false,
+      "projectionmapping": true,
+      "reactformulabar": false,
+      "reliableconcurrent": true,
+      "reservedkeywords": false,
+      "reverttooldpowerautomate": false,
+      "rtlinstudiopreview": false,
+      "rtlsupport": false,
+      "smartemaildatacard": false,
+      "supportcolumnnamesasidentifiers": false,
+      "tabledoesntwraprecords": true,
+      "usedisplaynamemetadata": true,
+      "useenforcesavedatalimits": true,
+      "useexperimentalcdsconnector": true,
+      "useexperimentalsqlconnector": true,
+      "useguiddatatypes": true,
+      "usenonblockingonstartrule": true,
+      "webbarcodescanner": false,
+      "zeroalltabindexes": false
+    },
+    "Author": "",
+    "BindingErrorCount": 0,
+    "ContainsThirdPartyPcfControls": false,
+    "DefaultConnectedDataSourceMaxGetRowsCount": 500,
+    "DocumentAppType": "Phone",
+    "DocumentLayoutHeight": 1136,
+    "DocumentLayoutLockOrientation": false,
+    "DocumentLayoutMaintainAspectRatio": true,
+    "DocumentLayoutOrientation": "portrait",
+    "DocumentLayoutScaleToFit": true,
+    "DocumentLayoutWidth": 640,
+    "DocumentType": "App",
+    "EnableInstrumentation": false,
+    "FileID": "d066fce5-33f3-4216-b2d8-999aac4a43b5",
+    "Id": "ae4fb549-02a6-4873-a706-5ae6fc3008c9",
+    "InstrumentationKey": "",
+    "LocalDatabaseReferences": "{}",
+    "ManualOfflineProfileId": "",
+    "Name": "chatGPT-H-Interface",
+    "OriginatingVersion": "1.335",
+    "ParserErrorCount": 0,
+    "ShowStatusBar": false
+  },
+  "PublishInfo": {
+    "AppName": "chatGPT-H-Interface",
+    "BackgroundColor": "RGBA(0,176,240,1)",
+    "IconColor": "RGBA(255,255,255,1)",
+    "IconName": "Edit",
+    "LogoFileName": "",
+    "PublishDataLocally": false,
+    "PublishResourcesLocally": false,
+    "PublishTarget": "player",
+    "UserLocale": "en-US"
+  },
+  "ScreenOrder": [
+    "Main"
+  ]
+}
\ No newline at end of file

fluentui/ComponentReferences.json

+[]
\ No newline at end of file

fluentui/Connections/Connections.json

+{}
\ No newline at end of file

fluentui/ControlTemplates.json

+{
+  "appinfo": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/appinfo",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": false,
+    "LastModifiedTimestamp": "0",
+    "Name": "appinfo",
+    "OverridableProperties": {},
+    "Version": "1.0"
+  },
+  "button": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/button",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "button",
+    "OverridableProperties": {},
+    "Version": "2.2.0"
+  },
+  "groupContainer": {
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/groupContainer",
+    "IsComponentTemplate": false,
+    "IsPcfControl": false,
+    "IsWidgetTemplate": false,
+    "LastModifiedTimestamp": "0",
+    "Name": "groupContainer",
+    "Version": "1.0"
+  },
+  "Host": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "HostType": "Default",
+    "Id": "http://microsoft.com/appmagic/hostcontrol",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": false,
+    "LastModifiedTimestamp": "0",
+    "Name": "hostControl",
+    "OverridableProperties": {},
+    "Version": "1.6.0"
+  },
+  "icon": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/icon",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "icon",
+    "OverridableProperties": {},
+    "Version": "2.5.0"
+  },
+  "label": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/label",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "label",
+    "OverridableProperties": {},
+    "Version": "2.5.1"
+  },
+  "screen": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/screen",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": false,
+    "LastModifiedTimestamp": "0",
+    "Name": "screen",
+    "OverridableProperties": {},
+    "Version": "1.0"
+  },
+  "text": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/text",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "text",
+    "OverridableProperties": {},
+    "Version": "2.3.2"
+  }
+}
\ No newline at end of file

fluentui/DataSources/CustomGallerySample.json

+[
+  {
+    "Data": "[{\"SampleHeading\":\"Lorem ipsum 1\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"},{\"SampleHeading\":\"Lorem ipsum 2\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Suspendisse enim metus, tincidunt quis lobortis a, fringilla dignissim neque.\"},{\"SampleHeading\":\"Lorem ipsum 3\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Ut pharetra a dolor ac vehicula.\"},{\"SampleHeading\":\"Lorem ipsum 4\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Vestibulum dui felis, fringilla nec mi sed, tristique dictum nisi.\"}]",
+    "IsSampleData": true,
+    "IsWritable": false,
+    "Name": "CustomGallerySample",
+    "OrderedColumnNames": [
+      "SampleImage",
+      "SampleHeading",
+      "SampleText"
+    ],
+    "OriginalName": "CustomGallerySample",
+    "OriginalSchema": "*[SampleHeading:s, SampleImage:i, SampleText:s]",
+    "Schema": "*[SampleHeading:s, SampleImage:i, SampleText:s]",
+    "Type": "StaticDataSourceInfo"
+  }
+]
\ No newline at end of file

fluentui/DataSources/DropDownSample.json

+[
+  {
+    "Data": "[{\"Value\":\"1\"},{\"Value\":\"2\"},{\"Value\":\"3\"}]",
+    "IsSampleData": true,
+    "IsWritable": false,
+    "Name": "DropDownSample",
+    "OrderedColumnNames": [
+      "Value"
+    ],
+    "OriginalName": "DropDownSample",
+    "OriginalSchema": "*[Value:s]",
+    "Schema": "*[Value:s]",
+    "Type": "StaticDataSourceInfo"
+  }
+]
\ No newline at end of file

fluentui/Entropy/AppCheckerResult.sarif

+{
+  "$schema": "https://schemastore.azurewebsites.net/schemas/json/sarif-2.1.0-rtm.4.json",
+  "runs": [
+    {
+      "columnKind": "utf16CodeUnits",
+      "invocations": [
+        {
+          "executionSuccessful": true
+        }
+      ],
+      "results": [
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Main.Icon2.AccessibleLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Main.Icon2.AccessibleLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "AccessibleLabel",
+                "module": "Main",
+                "type": "Main.Icon2"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-AccessibleLabelNeeded",
+          "ruleIndex": 0
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Main.Icon2.TabIndex"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Main.Icon2.TabIndex",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "TabIndex",
+                "module": "Main",
+                "type": "Main.Icon2"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-TabIndexShouldBeDefinedForInteractiveControl",
+          "ruleIndex": 1
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Main.textinput1.AccessibleLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Main.textinput1.AccessibleLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "AccessibleLabel",
+                "module": "Main",
+                "type": "Main.textinput1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-AccessibleLabelNeeded",
+          "ruleIndex": 0
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Main.maintext"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Main.maintext",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "maintext",
+                "module": "Main",
+                "type": "Main"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "app-UnusedVariables",
+          "ruleIndex": 2
+        }
+      ],
+      "tool": {
+        "driver": {
+          "fullName": "PowerApps app checker",
+          "name": "PowerApps app checker",
+          "rules": [
+            {
+              "id": "acc-AccessibleLabelNeeded",
+              "messageStrings": {
+                "issue": {
+                  "text": "Missing accessible label"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Edit the accessible label property to describe the item."
+                ],
+                "level": "Medium",
+                "primaryCategory": "accessibility",
+                "whyFix": "If there's no accessible text, people who can’t see the screen won't understand what’s in images and controls."
+              }
+            },
+            {
+              "id": "acc-TabIndexShouldBeDefinedForInteractiveControl",
+              "messageStrings": {
+                "issue": {
+                  "text": "Missing tab stop"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Set TabIndex to 0 or greater to ensure that interactive elements have a tab stop."
+                ],
+                "level": "Medium",
+                "primaryCategory": "accessibility",
+                "whyFix": "People who use the keyboard with your app will not be able to access this element without a tab stop."
+              }
+            },
+            {
+              "id": "app-UnusedVariables",
+              "messageStrings": {
+                "issue": {
+                  "text": "Unused variable"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Remove the unused variable."
+                ],
+                "level": "Medium",
+                "primaryCategory": "performance",
+                "whyFix": "This variable is declared but is not referenced by any control, so it is not needed."
+              }
+            }
+          ],
+          "version": "1.335"
+        }
+      }
+    }
+  ],
+  "version": "2.1.0"
+}
\ No newline at end of file

fluentui/Entropy/Entropy.json

+{
+  "ComponentIndexes": {},
+  "ControlUniqueGuids": {},
+  "ControlUniqueIds": {
+    "App": 1,
+    "B1": 13,
+    "chatbox1": 5,
+    "Host": 3,
+    "Icon2": 10,
+    "Main": 4,
+    "send1": 12,
+    "tab1": 6,
+    "tab2": 7,
+    "tab3": 8,
+    "tab4": 9,
+    "textinput1": 11
+  },
+  "FunctionParamsInvariantScripts": {},
+  "FunctionParamsInvariantScriptsOnInstances": {},
+  "HeaderLastSavedDateTimeUTC": "11/09/2023 07:14:31",
+  "IsLegacyComponentAllowGlobalScopeCase": false,
+  "LocalConnectionIDReferences": {},
+  "LocalDatabaseReferencesAsEmpty": false,
+  "LocalResourceFileNames": {},
+  "LocalResourceRootPaths": {},
+  "OrderComponentMetadata": {},
+  "OrderComponentTemplate": {},
+  "OrderDataSource": {
+    "CustomGallerySample": 0,
+    "DropDownSample": 1
+  },
+  "OrderGroupControls": {},
+  "OrderPcfTemplate": {},
+  "OrderTemplate": {},
+  "OrderXMLTemplate": {
+    "button": 3,
+    "icon": 1,
+    "label": 0,
+    "text": 2
+  },
+  "OverridablePropertiesEntry": {
+    "App": {},
+    "B1": {},
+    "chatbox1": {},
+    "Host": {},
+    "Icon2": {},
+    "Main": {},
+    "send1": {},
+    "tab1": {},
+    "tab2": {},
+    "tab3": {},
+    "tab4": {},
+    "textinput1": {}
+  },
+  "PCFDynamicSchemaForIRRetrievalEntry": {},
+  "PCFTemplateEntry": {},
+  "PublishOrderIndices": {
+    "App": 0,
+    "B1": 8,
+    "chatbox1": 0,
+    "Host": 0,
+    "Icon2": 5,
+    "Main": 0,
+    "send1": 7,
+    "tab1": 1,
+    "tab2": 2,
+    "tab3": 3,
+    "tab4": 4,
+    "textinput1": 6
+  },
+  "ResourcesJsonIndices": {
+    "Image-SampleImage": 0
+  },
+  "RuleScreenIdWithoutScreen": {},
+  "TemplateVersions": {},
+  "VolatileProperties": {
+    "AnalysisLoadTime": 0.0886546,
+    "ControlCount": {
+      "button": 1,
+      "icon": 6,
+      "label": 1,
+      "screen": 1,
+      "text": 1
+    },
+    "DeserializationLoadTime": 3.1310033
+  },
+  "WasLocalDatabaseReferencesEmpty": true
+}
\ No newline at end of file

fluentui/Entropy/checksum.json

+{
+  "ClientBuildDetails": {
+    "CommitHash": "941f06c8f5cf7a493289e9514c8dec5c50b61d34",
+    "IsLocalBuild": false
+  },
+  "ClientPerFileChecksums": {
+    "AppCheckerResult.sarif": "C8_wuCLMYkjswdGOB8CIUkw109CpJbRJgdPkWP5U0yqIqk=",
+    "Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
+    "Controls\\4.json": "C8_XbnCwTiDzQTfTn4MIQLR6qpaIlKqah3jBxmWV+VD61k=",
+    "Header.json": "C8_hHCEURQGELi1rl+63rKAEs8nb0hXpJx2JHWoPoYqWM8=",
+    "Properties.json": "C8_2Ncz587DNIes76IIu30+6zoyZ/8dAQuVRjdzAsYHLlc=",
+    "References\\DataSources.json": "C8_Mg5OhCscRCsdB8WFyXz4o6iMRDxQFaCtfXCnNT8E/+o=",
+    "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
+    "References\\Resources.json": "C8_s+se9qfOYnCKwfIt6gbv1FGBHW47JCt5d/CkUpqbcjk=",
+    "References\\Templates.json": "C8_lyMtnrg9NYRKVIKJa08j9mLx9AAnr4Qom3M/HoJvY4U=",
+    "References\\Themes.json": "C8_tsXtDVkT5pjhDU/pIa1ap3UW1Mua31Be8aPLGOt6H94=",
+    "Resources\\PublishInfo.json": "C8_BDzXB/XwFggKTFb7EVkbB4z5ZX4/lSRN87GpfLsKt+k="
+  },
+  "ClientStampedChecksum": "C8_na/irgLnaEmybjR8ZtOiPxpYmJ2QXPutukkieSMCT0I=",
+  "ServerPerFileChecksums": {
+    "AppCheckerResult.sarif": "C8_wuCLMYkjswdGOB8CIUkw109CpJbRJgdPkWP5U0yqIqk=",
+    "Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
+    "Controls\\4.json": "C8_XbnCwTiDzQTfTn4MIQLR6qpaIlKqah3jBxmWV+VD61k=",
+    "Header.json": "C8_hHCEURQGELi1rl+63rKAEs8nb0hXpJx2JHWoPoYqWM8=",
+    "Properties.json": "C8_2Ncz587DNIes76IIu30+6zoyZ/8dAQuVRjdzAsYHLlc=",
+    "References\\DataSources.json": "C8_Mg5OhCscRCsdB8WFyXz4o6iMRDxQFaCtfXCnNT8E/+o=",
+    "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
+    "References\\Resources.json": "C8_s+se9qfOYnCKwfIt6gbv1FGBHW47JCt5d/CkUpqbcjk=",
+    "References\\Templates.json": "C8_lyMtnrg9NYRKVIKJa08j9mLx9AAnr4Qom3M/HoJvY4U=",
+    "References\\Themes.json": "C8_tsXtDVkT5pjhDU/pIa1ap3UW1Mua31Be8aPLGOt6H94=",
+    "Resources\\PublishInfo.json": "C8_BDzXB/XwFggKTFb7EVkbB4z5ZX4/lSRN87GpfLsKt+k="
+  },
+  "ServerStampedChecksum": "C8_na/irgLnaEmybjR8ZtOiPxpYmJ2QXPutukkieSMCT0I="
+}
\ No newline at end of file

fluentui/Other/References/ModernThemes.json

+{
+  "Themes": [
+    {
+      "EntityName": "PowerAppsTheme",
+      "ThemeName": "PowerAppsTheme"
+    }
+  ]
+}
\ No newline at end of file

fluentui/Src/App.fx.yaml

+App As appinfo:
+    BackEnabled: =true
+    Theme: =PowerAppsTheme
+
+    Host As hostControl.DefaultHostControlVariant:
+        OnCancel: =false
+        OnEdit: =false
+        OnNew: =false
+        OnSave: =false
+        OnView: =false
+

fluentui/Src/EditorState/App.editorstate.json

+{
+  "ControlStates": {
+    "App": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "MinScreenHeight",
+        "MinScreenWidth",
+        "ConfirmExit",
+        "SizeBreakpoints",
+        "BackEnabled",
+        "Theme"
+      ],
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": true,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "App",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "ConfirmExit",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "BackEnabled",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "MinScreenHeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "MinScreenWidth",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Theme",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "ConstantData",
+          "PropertyName": "SizeBreakpoints",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "",
+      "Type": "ControlInfo"
+    },
+    "Host": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "OnNew",
+        "OnEdit",
+        "OnView",
+        "OnSave",
+        "OnCancel"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": true,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "Host",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnNew",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnEdit",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnView",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnSave",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnCancel",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "",
+      "Type": "ControlInfo"
+    }
+  },
+  "TopParentName": "App"
+}
\ No newline at end of file

fluentui/Src/Main.fx.yaml

+Main As screen:
+    BackgroundImage: =
+    ContentLanguage: =""
+    Fill: =RGBA(204, 218, 228, 1)
+    ImagePosition: =ImagePosition.Tile
+    LoadingSpinnerColor: =RGBA(0, 204, 128, 1)
+
+    textinput1 As text:
+        BorderColor: =RGBA(224, 24, 24, 1)
+        BorderThickness: =8
+        Color: =RGBA(50, 49, 48, 1)
+        Default: ="Prompt or Completion"
+        DisabledBorderColor: =RGBA(224, 24, 24, 1)
+        DisabledColor: =RGBA(161, 159, 157, 1)
+        DisabledFill: =RGBA(242, 242, 241, 0)
+        EnableSpellCheck: =true
+        FocusedBorderThickness: =4
+        Font: =Font.'Segoe UI'
+        Height: =72
+        HoverBorderColor: =RGBA(224, 24, 24, 1)
+        HoverColor: =RGBA(0, 0, 0, 1)
+        HoverFill: =RGBA(255, 255, 255, 1)
+        MaxLength: =25
+        OnSelect: |-
+            =UpdateContext({maintext: ""})
+        PressedBorderColor: =RGBA(224, 24, 24, 1)
+        PressedColor: =RGBA(50, 49, 48, 1)
+        PressedFill: =RGBA(255, 255, 255, 1)
+        RadiusBottomLeft: =0
+        RadiusBottomRight: =0
+        RadiusTopLeft: =0
+        RadiusTopRight: =0
+        Size: =21
+        Width: =470
+        X: =55
+        Y: =976
+        ZIndex: =1
+
+    send1 As icon.Send:
+        AutoDisableOnSelect: =
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Send
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        Tooltip: ="1"
+        X: =545
+        Y: =980
+        ZIndex: =2
+
+    chatbox1 As label:
+        Align: =Align.Justify
+        BorderColor: =RGBA(224, 24, 24, 1)
+        BorderThickness: =8
+        Color: =RGBA(50, 49, 48, 1)
+        DisabledBorderColor: =RGBA(0, 0, 0, 0)
+        DisabledColor: =RGBA(161, 159, 157, 1)
+        FocusedBorderThickness: =4
+        Font: =Font.'Segoe UI'
+        Height: =758
+        Size: =21
+        Text: =varResponse
+        VerticalAlign: =VerticalAlign.Bottom
+        Width: =560
+        X: =40
+        Y: =40
+        ZIndex: =3
+
+    tab1 As icon.Bookmark:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Bookmark
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        X: =40
+        Y: =798
+        ZIndex: =10
+
+    tab2 As icon.Bookmark:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Bookmark
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        X: =149
+        Y: =798
+        ZIndex: =11
+
+    tab3 As icon.Bookmark:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Bookmark
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        X: =258
+        Y: =798
+        ZIndex: =12
+
+    tab4 As icon.Bookmark:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Bookmark
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        X: =377
+        Y: =798
+        ZIndex: =13
+
+    B1 As button:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        BorderStyle: =BorderStyle.None
+        DisabledBorderColor: =RGBA(0, 0, 0, 0)
+        DisabledColor: =RGBA(161, 159, 157, 1)
+        DisabledFill: =RGBA(242, 242, 241, 0)
+        Fill: =RGBA(224, 24, 24, 1)
+        Font: =Font.'Segoe UI'
+        FontWeight: =FontWeight.Semibold
+        Height: =51
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(255, 255, 255, 1)
+        HoverFill: =RGBA(180, 24, 24, 1)
+        OnSelect: =Set(varResponse, varResponse & Char(13) & textinput1.Text)
+        PressedBorderColor: =RGBA(180, 24, 24, 1)
+        PressedColor: =RGBA(255, 255, 255, 1)
+        PressedFill: =RGBA(180, 24, 24, 1)
+        RadiusBottomLeft: =0
+        RadiusBottomRight: =0
+        RadiusTopLeft: =0
+        RadiusTopRight: =0
+        Size: =24
+        Text: ="Send"
+        Width: =99
+        X: =245
+        Y: =1071
+        ZIndex: =14
+
+    Icon2 As icon.Erase:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Erase
+        OnSelect: =Set(varResponse, Blank());
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        X: =536
+        Y: =798
+        ZIndex: =15
+

fluentui/pkgs/button_2.2.0.xml

+<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/button" name="button" jsClass="AppMagic.Controls.Button" version="2.2.0" styleable="true" runtimeCost="1" xmlns:appMagic="http://schemas.microsoft.com/appMagic">
+  <author name="Microsoft AppMagic" />
+  <license type="text/html"><![CDATA[<p>TODO:  Need license text here.</p>]]></license>
+  <description><![CDATA[BUTTON
+      Control description here.]]></description>
+  <requires>
+    <require type="css" src="/ctrllib/common/css/button.css" />
+    <require type="javascript" src="/ctrllib/common/js/button.js" excludeOnFeatureGate="controls.reactButton" />
+    <require type="javascript" src="/ctrllib/reactControls/js/buttonReact.js" includeOnFeatureGate="controls.reactButton" />
+    <require type="javascript" src="/ctrllib/common/js/buttonReactProxy.js" includeOnFeatureGate="controls.reactButton" />
+  </requires>
+  <appMagic:capabilities contextualViewsEnabled="true" autoBorders="true" autoFocusedBorders="true" autoFill="true" autoPointerViewState="true" autoDisabledViewState="true" autoBorderRadius="true" isVersionFlexible="true" supportsSetFocus="true" />
+  <appMagic:accessibilityChecks controlIsInteractive="true" />
+  <content><![CDATA[
+<div class="appmagic-button-wrapper">
+  <div
+    class="a11y appmagic-button-busy"
+    tabindex="-1"
+    data-bind="
+      style: {
+        display: viewState.isAutoDisabled() ? null : 'none'
+      },
+      text: AppMagic.Strings.ButtonBusyMessage
+    "
+  ></div>
+
+  <button
+    class="appmagic-button-container no-focus-outline"
+    data-control-part="button"
+    data-bind="
+      event: {
+        click: handleClick,
+        pointerdown: handleMouseDown,
+        pointerup: handleMouseUp,
+        pointerout: handleMouseOut
+      },
+      attr: {
+        title: properties.Tooltip,
+        disabled: viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit
+      }
+    "
+  >
+    <div
+      class="appmagic-button"
+      touch-action="pan-x pan-y"
+      data-bind="
+        style: {
+            fontFamily: properties.Font,
+            fontSize: properties.Size,
+            color: autoProperties.Color,
+            fontWeight: properties.FontWeight,
+            fontStyle: properties.Italic,
+            textAlign: properties.Align,
+            paddingTop: properties.PaddingTop,
+            paddingRight: properties.PaddingRight,
+            paddingBottom: properties.PaddingBottom,
+            paddingLeft: properties.PaddingLeft,
+        },
+        css: {
+            top: properties.VerticalAlign() === 'top',
+            middle: properties.VerticalAlign() === 'middle',
+            bottom: properties.VerticalAlign() === 'bottom',
+            left: properties.Align() === 'left',
+            right: properties.Align() === 'right',
+            center: properties.Align() === 'center',
+            justify: properties.Align() === 'justify',
+            disabled: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled,
+            underline: properties.Underline,
+            strikethrough: properties.Strikethrough,
+            readonly: viewState.displayMode() === AppMagic.Constants.DisplayMode.View
+        }
+      "
+    >
+      <div
+        class="appmagic-button-label no-focus-outline"
+        data-control-part="text"
+        spellcheck="false"
+        data-bind="inlineEditText: properties.Text"
+      >
+      </div>
+    </div>
+  </button>
+<div>
+]]></content>
+  <properties>
+    <property name="Pressed" localizedName="##button_Pressed##" datatype="Boolean" direction="out" defaultValue="false" isPrimaryOutputProperty="true">
+      <title>The pressed state of the button.</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:helperUI>boolean</appMagic:helperUI>
+    </property>
+  </properties>
+  <appMagic:includeProperties>
+    <!-- Behavior -->
+    <appMagic:includeProperty name="OnSelect" direction="in" isPrimaryInputProperty="true" />
+    <appMagic:includeProperty name="AutoDisableOnSelect" />
+    <!-- Data -->
+    <appMagic:includeProperty name="Text" defaultValue="##Button_DefaultValue_Text##" isExpr="true" />
+    <appMagic:includeProperty name="Tooltip" />
+    <appMagic:includeProperty name="ContentLanguage" />
+    <!-- Design -->
+    <appMagic:includeProperty name="BorderColor" defaultValue="ColorFade(Self.Fill, -15%)" />
+    <!-- TASK: 4548082: Add the Color and Fill in default theme json -->
+    <appMagic:includeProperty name="RadiusTopLeft" defaultValue="10" />
+    <appMagic:includeProperty name="RadiusTopRight" defaultValue="10" />
+    <appMagic:includeProperty name="RadiusBottomLeft" defaultValue="10" />
+    <appMagic:includeProperty name="RadiusBottomRight" defaultValue="10" />
+    <appMagic:includeProperty name="DisabledBorderColor" defaultValue="ColorFade(Self.BorderColor, 70%)" />
+    <appMagic:includeProperty name="PressedBorderColor" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="HoverBorderColor" defaultValue="ColorFade(Self.BorderColor, 20%)" />
+    <appMagic:includeProperty name="BorderStyle" />
+    <appMagic:includeProperty name="BorderThickness" defaultValue="2" />
+    <appMagic:includeProperty name="FocusedBorderColor" defaultValue="Self.BorderColor" isExpr="true" />
+    <appMagic:includeProperty name="FocusedBorderThickness" defaultValue="4" />
+    <appMagic:includeProperty name="Color" defaultValue="RGBA(255, 255, 255, 1)" />
+    <appMagic:includeProperty name="DisabledColor" defaultValue="ColorFade(Self.Fill, 90%)" />
+    <appMagic:includeProperty name="PressedColor" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="HoverColor" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="DisplayMode" />
+    <appMagic:includeProperty name="Fill" defaultValue="RGBA(35, 31, 32, 1)" />
+    <appMagic:includeProperty name="DisabledFill" defaultValue="ColorFade(Self.Fill, 70%)" />
+    <appMagic:includeProperty name="PressedFill" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="HoverFill" defaultValue="ColorFade(Self.Fill, 20%)" />
+    <appMagic:includeProperty name="Font" />
+    <appMagic:includeProperty name="Size" defaultValue="13" phoneDefaultValue="23" />
+    <appMagic:includeProperty name="FontWeight" defaultValue="%FontWeight.RESERVED%.Normal" />
+    <appMagic:includeProperty name="Italic" />
+    <appMagic:includeProperty name="Underline" />
+    <appMagic:includeProperty name="Strikethrough" />
+    <appMagic:includeProperty name="Align" defaultValue="%Align.RESERVED%.Center" />
+    <appMagic:includeProperty name="PaddingTop" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingRight" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingBottom" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingLeft" defaultValue="5" />
+    <appMagic:includeProperty name="Visible" />
+    <appMagic:includeProperty name="VerticalAlign" defaultValue="%VerticalAlign.RESERVED%.Middle" />
+    <appMagic:includeProperty name="X" />
+    <appMagic:includeProperty name="Y" />
+    <appMagic:includeProperty name="Width" defaultValue="160" phoneDefaultValue="280" webDefaultValue="85" />
+    <appMagic:includeProperty name="Height" defaultValue="40" phoneDefaultValue="70" webDefaultValue="32" />
+    <appMagic:includeProperty name="TabIndex" />
+    <!-- Hidden properties -->
+    <appMagic:includeProperty name="maximumHeight" defaultValue="768" />
+    <appMagic:includeProperty name="maximumWidth" defaultValue="1366" />
+    <appMagic:includeProperty name="minimumHeight" defaultValue="5" />
+    <appMagic:includeProperty name="minimumWidth" defaultValue="5" />
+  </appMagic:includeProperties>
+  <appMagic:insertMetadata>
+    <appMagic:category name="Popular" priority="80" />
+    <appMagic:category name="Input" priority="10" />
+    <appMagic:category name="ClassicControls" priority="10" />
+  </appMagic:insertMetadata>
+  <!-- Display metadata providing property visibility, order, sections, and grouping in UI (e.g. properties panel) -->
+  <appMagic:displayMetadata>
+    <appMagic:section>
+      <appMagic:property name="Text" />
+      <appMagic:property name="DisplayMode" />
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:property name="Visible" />
+      <appMagic:propertyGroup name="Position">
+        <appMagic:property name="X" />
+        <appMagic:property name="Y" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Size">
+        <appMagic:property name="Width" />
+        <appMagic:property name="Height" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Padding">
+        <appMagic:property name="PaddingTop" labelOverride="##Padding_Top_Title##" />
+        <appMagic:property name="PaddingBottom" labelOverride="##Padding_Bottom_Title##" />
+        <appMagic:property name="PaddingLeft" labelOverride="##Padding_Left_Title##" />
+        <appMagic:property name="PaddingRight" labelOverride="##Padding_Right_Title##" />
+      </appMagic:propertyGroup>
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:propertyGroup name="Color">
+        <appMagic:property name="Color" showInFloatie="true" showInCommandBar="true" />
+        <appMagic:property name="Fill" showInFloatie="true" showInCommandBar="true" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Border">
+        <appMagic:property name="BorderStyle" />
+        <appMagic:property name="BorderThickness" />
+        <appMagic:property name="BorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Radius">
+        <appMagic:property name="RadiusTopLeft" />
+        <appMagic:property name="RadiusTopRight" />
+        <appMagic:property name="RadiusBottomLeft" />
+        <appMagic:property name="RadiusBottomRight" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Font" displayType="FontEnum" showInFloatie="true" showInCommandBar="true" />
+      <appMagic:property name="Size" labelOverride="##FontSize_Property##" showInFloatie="true" showInCommandBar="true" />
+      <appMagic:property name="FontWeight" displayType="EnumIcon" itemsOrder="Bold;Semibold;Normal;Lighter" showInCommandBar="true" />
+      <appMagic:propertyGroup name="Style">
+        <appMagic:property name="Italic" displayType="ToggleButton" />
+        <appMagic:property name="Underline" displayType="ToggleButton" />
+        <appMagic:property name="Strikethrough" displayType="ToggleButton" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Align" displayType="EnumButtons" itemsOrder="Left;Center;Right;Justify" labelOverride="##FontAlign_Property##" showInFloatie="true" showInCommandBar="true" floatieDisplayType="FaceplateIconEnum" />
+      <appMagic:property name="VerticalAlign" displayType="EnumIcon" itemsOrder="Top;Middle;Bottom" />
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:property name="AutoDisableOnSelect" />
+      <appMagic:propertyGroup name="DisabledColor">
+        <appMagic:property name="DisabledColor" />
+        <appMagic:property name="DisabledFill" />
+        <appMagic:property name="DisabledBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="PressedColor">
+        <appMagic:property name="PressedColor" />
+        <appMagic:property name="PressedFill" />
+        <appMagic:property name="PressedBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="HoverColor">
+        <appMagic:property name="HoverColor" />
+        <appMagic:property name="HoverFill" />
+        <appMagic:property name="HoverBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Tooltip" />
+      <appMagic:property name="TabIndex" />
+    </appMagic:section>
+  </appMagic:displayMetadata>
+  <appMagic:conversion from="2.0.0" to="2.0.1">
+    <!-- Accessibility fixes for KO template -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.0.1" to="2.1.0">
+    <appMagic:conversionAction type="add" name="ContentLanguage" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.1.0" to="2.2.0">
+    <!-- Adding showInCommandBar flag -->
+  </appMagic:conversion>
+</widget>
\ No newline at end of file

fluentui/pkgs/label_2.5.1.xml

+<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/label" name="label" jsClass="AppMagic.Controls.Label" version="2.5.1" styleable="true" runtimeCost="1" xmlns:appMagic="http://schemas.microsoft.com/appMagic">
+  <author name="Microsoft AppMagic" />
+  <license type="text/html"><![CDATA[<p>TODO:  Need license text here.</p>]]></license>
+  <description><![CDATA[LABEL
+      Control description here.]]></description>
+  <requires>
+    <require type="css" src="css/label.css" />
+    <require type="javascript" src="js/label.js" excludeOnFeatureGate="controls.reactLabel" />
+    <require type="javascript" src="js/labelReactProxy.js" includeOnFeatureGate="controls.reactLabel" />
+  </requires>
+  <appMagic:capabilities contextualViewsEnabled="true" allowsPerCharacterFormatting="true" autoBorders="true" autoFill="true" autoFocusedBorders="true" autoPointerViewState="true" autoDisabledViewState="true" screenActiveAware="true" isVersionFlexible="true" supportsSetFocus="true" />
+  <content><![CDATA[
+  <div
+    class="appmagic-label no-focus-outline"
+    touch-action="pan-x pan-y"
+    tabIndex="-1"
+    data-bind="
+      style: {
+        fontFamily: properties.Font,
+        fontSize: properties.Size,
+        color: autoProperties.Color,
+        fontWeight: properties.FontWeight,
+        fontStyle: properties.Italic,
+        textAlign: properties.Align,
+        paddingTop: properties.PaddingTop,
+        paddingRight: properties.PaddingRight,
+        paddingBottom: properties.PaddingBottom,
+        paddingLeft: properties.PaddingLeft,
+        lineHeight: properties.LineHeight,
+        overflowY: properties.Overflow,
+        display:  properties.Overflow() === 'auto' ? 'block' : ''
+      },
+      css: {
+        top: properties.AutoHeight() || properties.VerticalAlign() === 'top',
+        middle: !properties.AutoHeight() && properties.VerticalAlign() === 'middle',
+        bottom: !properties.AutoHeight() && properties.VerticalAlign() === 'bottom',
+        disabled: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled,
+        readOnly: viewState.displayMode() === AppMagic.Constants.DisplayMode.View,
+        underline: properties.Underline,
+        strikethrough: properties.Strikethrough
+      },
+      attr: {
+        title: properties.Tooltip,
+        role: properties.TabIndex() >= 0 ? 'button' : 'presentation',
+        'aria-disabled': properties.TabIndex() >= 0 && viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit
+      },
+      event: {
+        click: handleClick
+      },
+      shortcut: {
+        provider: shortcutProvider,
+        enabled: shortcutsEnabled
+      }"
+    >
+    <!-- ko if: properties.Role() !== 'heading1' && properties.Role() !== 'heading2' && properties.Role() !== 'heading3' && properties.Role() !== 'heading4' -->
+        <div
+          spellcheck="false"
+          unselectable="off"
+          class="appmagic-label-text"
+          data-control-part="text"
+          data-bind="{
+            inlineEditText: properties.Text,
+            css: {
+              'appmagic-label-single-line': !properties.Wrap()
+            },
+            attr: {
+              'aria-live': live,
+              'aria-atomic': live() ? 'true' : null
+            }
+          }">
+        </div>
+    <!-- /ko -->
+    <!-- ko if: properties.Role() === 'heading1' -->
+        <h1
+          spellcheck="false"
+          unselectable="off"
+          class="appmagic-label-text"
+          data-control-part="text"
+          data-bind="{
+            inlineEditText: properties.Text,
+            css: {
+              'appmagic-label-single-line': !properties.Wrap()
+            },
+            attr: {
+              'aria-live': live,
+              'aria-atomic': live() ? 'true' : null
+            }
+          }">
+         </h1>
+    <!-- /ko -->
+    <!-- ko if: properties.Role() === 'heading2' -->
+        <h2
+          spellcheck="false"
+          unselectable="off"
+          class="appmagic-label-text"
+          data-control-part="text"
+          data-bind="{
+            inlineEditText: properties.Text,
+            css: {
+              'appmagic-label-single-line': !properties.Wrap()
+            },
+            attr: {
+              'aria-live': live,
+              'aria-atomic': live() ? 'true' : null
+            }
+          }">
+         </h2>
+    <!-- /ko -->
+    <!-- ko if: properties.Role() === 'heading3' -->
+        <h3
+          spellcheck="false"
+          unselectable="off"
+          class="appmagic-label-text"
+          data-control-part="text"
+          data-bind="{
+            inlineEditText: properties.Text,
+            css: {
+              'appmagic-label-single-line': !properties.Wrap()
+            },
+            attr: {
+              'aria-live': live,
+              'aria-atomic': live() ? 'true' : null
+            }
+          }">
+         </h3>
+    <!-- /ko -->
+    <!-- ko if: properties.Role() === 'heading4' -->
+        <h4
+          spellcheck="false"
+          unselectable="off"
+          class="appmagic-label-text"
+          data-control-part="text"
+          data-bind="{
+            inlineEditText: properties.Text,
+            css: {
+              'appmagic-label-single-line': !properties.Wrap()
+            },
+            attr: {
+              'aria-live': live,
+              'aria-atomic': live() ? 'true' : null
+            }
+          }">
+         </h4>
+    <!-- /ko -->
+  </div>
+  ]]></content>
+  <properties>
+    <!-- Data -->
+    <property name="Live" localizedName="##label_Live##" datatype="Live" defaultValue="%Live.RESERVED%.Off" isExpr="true">
+      <title>Live</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##label_Live_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##label_Live_Tooltip##</appMagic:tooltip>
+    </property>
+    <!-- Design -->
+    <property name="LineHeight" localizedName="##label_LineHeight##" datatype="Number" defaultValue="1.2">
+      <title>Line Height</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##label_LineHeight_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##label_LineHeight_Tooltip##</appMagic:tooltip>
+      <appMagic:helperUI>lineWidth</appMagic:helperUI>
+    </property>
+    <property name="Overflow" localizedName="##label_Overflow##" datatype="Overflow" defaultValue="%Overflow.RESERVED%.Hidden" isExpr="true" converter="overflowConverter">
+      <title>Overflow</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##label_Overflow_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##label_Overflow_Tooltip##</appMagic:tooltip>
+      <appMagic:helperUI>overflow</appMagic:helperUI>
+    </property>
+    <!-- This is not an 'Auto' property. This is for allowing the label to grow vertically to display the content -->
+    <property name="AutoHeight" localizedName="##CommonProperties_AutoHeight##" datatype="Boolean" defaultValue="false">
+      <title>AutoHeight</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##CommonProperties_AutoHeight_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##CommonProperties_AutoHeight_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="Wrap" localizedName="##label_Wrap##" datatype="Boolean" defaultValue="true" canBeCompressed="false">
+      <title>Wrap</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##label_Wrap_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##label_Wrap_Tooltip##</appMagic:tooltip>
+    </property>
+    <!-- IsErrorMessage is deprecated. Delete once a document converter is written to migrate IsErrorMessage=true -> Live=Live.Assertive -->
+    <property name="IsErrorMessage" localizedName="##label_IsErrorMessage##" datatype="Boolean" defaultValue="false" hidden="true">
+      <appMagic:category>design</appMagic:category>
+    </property>
+  </properties>
+  <appMagic:includeProperties>
+    <!-- Data -->
+    <appMagic:includeProperty name="Text" defaultValue="##Label_DefaultValue_Text##" isExpr="true" isPrimaryInputProperty="true" isPrimaryOutputProperty="true">
+      <appMagic:autoBind>true</appMagic:autoBind>
+    </appMagic:includeProperty>
+    <appMagic:includeProperty name="Tooltip" />
+    <appMagic:includeProperty name="Role" />
+    <appMagic:includeProperty name="ContentLanguage" />
+    <!-- Design -->
+    <appMagic:includeProperty name="Color" allowsPerCharacterFormatting="true" defaultValue="RGBA(71, 69, 64, 1)" />
+    <appMagic:includeProperty name="DisabledColor" defaultValue="RGBA(186, 186, 186, 1)" />
+    <appMagic:includeProperty name="PressedColor" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="HoverColor" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="BorderColor" />
+    <appMagic:includeProperty name="DisabledBorderColor" defaultValue="RGBA(56, 56, 56, 1)" />
+    <appMagic:includeProperty name="PressedBorderColor" defaultValue="Self.BorderColor" />
+    <appMagic:includeProperty name="HoverBorderColor" defaultValue="Self.BorderColor" />
+    <appMagic:includeProperty name="BorderStyle" />
+    <appMagic:includeProperty name="BorderThickness" defaultValue="0" />
+    <appMagic:includeProperty name="FocusedBorderColor" defaultValue="Self.BorderColor" isExpr="true" />
+    <appMagic:includeProperty name="FocusedBorderThickness" defaultValue="0" />
+    <appMagic:includeProperty name="Fill" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="DisabledFill" defaultValue="RGBA(0, 0, 0, 0)" />
+    <appMagic:includeProperty name="PressedFill" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="HoverFill" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="Font" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="Size" allowsPerCharacterFormatting="true" defaultValue="14" phoneDefaultValue="24" />
+    <appMagic:includeProperty name="FontWeight" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="Italic" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="Underline" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="Strikethrough" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="PaddingTop" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingRight" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingBottom" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingLeft" defaultValue="5" />
+    <appMagic:includeProperty name="Align" />
+    <appMagic:includeProperty name="VerticalAlign" defaultValue="%VerticalAlign.RESERVED%.Middle" />
+    <appMagic:includeProperty name="X" />
+    <appMagic:includeProperty name="Y" />
+    <appMagic:includeProperty name="Width" defaultValue="150" phoneDefaultValue="560" webDefaultValue="260" />
+    <appMagic:includeProperty name="Height" defaultValue="40" phoneDefaultValue="70" webDefaultValue="40" />
+    <appMagic:includeProperty name="Visible" />
+    <appMagic:includeProperty name="DisplayMode" />
+    <!-- TabIndex should be -1 to *prevent* making the control a tabstop unless explicitly changed -->
+    <appMagic:includeProperty name="TabIndex" defaultValue="-1" />
+    <!-- Behavior Properties -->
+    <!-- TASK: 85476: Do Behavior properties make sense as input only? -->
+    <appMagic:includeProperty name="OnSelect" direction="in" />
+    <!-- Hidden properties -->
+    <appMagic:includeProperty name="minimumWidth" defaultValue="1" />
+    <appMagic:includeProperty name="minimumHeight" defaultValue="1" />
+    <appMagic:includeProperty name="maximumWidth" defaultValue="1366" />
+    <appMagic:includeProperty name="maximumHeight" defaultValue="7680" />
+  </appMagic:includeProperties>
+  <appMagic:propertyDependencies>
+    <appMagic:propertyDependency input="AutoHeight" output="Height" />
+  </appMagic:propertyDependencies>
+  <appMagic:insertMetadata>
+    <appMagic:category name="Popular" priority="10" />
+    <appMagic:category name="Display" priority="10" />
+    <appMagic:category name="ClassicControls" priority="10" />
+  </appMagic:insertMetadata>
+  <!-- Display metadata providing property visibility, order, sections, and grouping in UI (e.g. properties panel) -->
+  <appMagic:displayMetadata>
+    <appMagic:section>
+      <appMagic:property name="Text" />
+      <appMagic:property name="Font" displayType="FontEnum" showInFloatie="true" showInCommandBar="true" />
+      <appMagic:property name="Size" labelOverride="##FontSize_Property##" showInFloatie="true" showInCommandBar="true" />
+      <appMagic:property name="FontWeight" displayType="EnumIcon" itemsOrder="Bold;Semibold;Normal;Lighter" showInCommandBar="true" />
+      <appMagic:propertyGroup name="Style">
+        <appMagic:property name="Italic" displayType="ToggleButton" />
+        <appMagic:property name="Underline" displayType="ToggleButton" />
+        <appMagic:property name="Strikethrough" displayType="ToggleButton" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Align" displayType="EnumButtons" itemsOrder="Left;Center;Right;Justify" labelOverride="##FontAlign_Property##" showInFloatie="true" showInCommandBar="true" floatieDisplayType="FaceplateIconEnum" />
+      <appMagic:property name="AutoHeight" />
+      <appMagic:property name="LineHeight" />
+      <appMagic:property name="Overflow" />
+      <appMagic:property name="DisplayMode" />
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:property name="Visible" />
+      <appMagic:propertyGroup name="Position">
+        <appMagic:property name="X" />
+        <appMagic:property name="Y" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Size">
+        <appMagic:property name="Width" />
+        <appMagic:property name="Height" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Padding">
+        <appMagic:property name="PaddingTop" labelOverride="##Padding_Top_Title##" />
+        <appMagic:property name="PaddingBottom" labelOverride="##Padding_Bottom_Title##" />
+        <appMagic:property name="PaddingLeft" labelOverride="##Padding_Left_Title##" />
+        <appMagic:property name="PaddingRight" labelOverride="##Padding_Right_Title##" />
+      </appMagic:propertyGroup>
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:propertyGroup name="Color">
+        <appMagic:property name="Color" showInFloatie="true" showInCommandBar="true" />
+        <appMagic:property name="Fill" showInFloatie="true" showInCommandBar="true" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Border">
+        <appMagic:property name="BorderStyle" />
+        <appMagic:property name="BorderThickness" />
+        <appMagic:property name="BorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="FocusedBorder">
+        <appMagic:property name="FocusedBorderThickness" />
+        <appMagic:property name="FocusedBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Wrap" />
+      <appMagic:property name="VerticalAlign" displayType="EnumIcon" itemsOrder="Top;Middle;Bottom" />
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:propertyGroup name="DisabledColor">
+        <appMagic:property name="DisabledColor" />
+        <appMagic:property name="DisabledFill" />
+        <appMagic:property name="DisabledBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="HoverColor">
+        <appMagic:property name="HoverColor" />
+        <appMagic:property name="HoverFill" />
+        <appMagic:property name="HoverBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Tooltip" />
+      <appMagic:property name="TabIndex" />
+    </appMagic:section>
+  </appMagic:displayMetadata>
+  <appMagic:conversion from="2.0.0" to="2.1.0">
+    <appMagic:conversionAction type="add" name="IsErrorMessage" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.1.0" to="2.2.0">
+    <appMagic:conversionAction type="add" name="Live" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.0" to="2.3.0">
+    <appMagic:conversionAction type="add" name="Role" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.0" to="2.3.1">
+    <!-- updated template for auto-height -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.1" to="2.3.2">
+    <!-- KO template changes for accessibility fixes -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.2" to="2.4.0">
+    <appMagic:conversionAction type="add" name="ContentLanguage" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.4.0" to="2.5.0">
+    <!-- Adding showInCommandBar flag -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.5.0" to="2.5.1">
+    <!-- Adding role=presentation for TabIndex > -1 -->
+  </appMagic:conversion>
+</widget>
\ No newline at end of file