PowerApp UI Component Tree Generator. Generate visual component trees from PowerApp .msapp or .zip containing .msapp files with UI hierarchy, PowerFx expressions, and template metadata.
When asking Copilot or coding tools for Power Fx expressions, they often return hallucinations or verbose answers without understanding the UI hierarchy structure. This tool extracts UI hierarchy and associated Power Fx from PowerApp msapp or zip files to provide proper context to LLMs.
Key Benefits:
- Provides accurate UI component hierarchy for AI context
- Extracts only relevant Power Fx expressions (filters noise)
- Enables better AI-assisted PowerApp development
- Eliminates hallucinations by providing real app structure
# Install the dependencies and run the script.
uv sync
# Build Windows executable (pacingest.exe)
pyinstaller --onefile --name pacingest powerapp_tree_generator.py# Template
pacingest "<INPUT_ZIP_OR_MSAPP_PATH>" --template --powerfx --metadata --output "<OUTPUT_FILE>"
# Basic tree
pacingest sample.msapp
# With component type metadata
pacingest sample.msapp --metadata
# With template names
pacingest sample.msapp --template
# With PowerFx expressions (complex data handling Power Fx only)
pacingest sample.msapp --powerfx
# All options combined & Save to file
pacingest sample.msapp --metadata --template --powerfx --output tree.txt
# Works with zip files containing msapp files
pacingest archive.zip --metadata| Option | Description |
|---|---|
path |
Path to .msapp or .zip file (required) |
--metadata |
Show component types and variants |
--template |
Show template names |
--powerfx |
Show complex PowerFx expressions (filters SVG/theme data) |
--output |
Save output to file |
The sample.zip app is sourced from the following URL.
Rijksmuseum Sample App
├── App [type:appinfo]
│ └── Host [type:hostControl]
├── Advanced Search [type:screen]
│ ├── Image2_1 [type:image]
│ ├── ico_Home [type:icon]
│ ├── lbl_AdvSearch [type:label]
│ ├── SearchBox1_1 [type:cat_PowerCAT.SearchBox]
│ ├── lbl_PrincipalMaker [type:label]
│ ├── txt_PrincipalMaker [type:text]
│ ├── FluentDetailsList1_1 [type:cat_PowerCAT.FluentDetailsList]
│ │ ├── objectNumber1_1 [type:pcfDataField]
│ │ ├── longTitle1_1 [type:pcfDataField]
│ │ ├── headerImage1_1 [type:pcfDataField]
│ │ ├── Link1_1 [type:pcfDataField]
│ │ └── WebURL1_1 [type:pcfDataField]
│ ├── lbl_Language [type:label]
│ ├── drp_Language [type:dropdown]
│ ├── lbl_Century [type:label]
│ ├── txt_Century [type:text]
│ ├── lbl_ResultsperPage [type:label]
│ ├── txt_ResultperPage [type:text]
│ ├── btn_SearchCollectionFlow [type:button]
│ └── grp_AdvSearchItems [type:group]
└── Home [type:screen]
├── Image2 [type:image]
├── Pivot1 [type:cat_PowerCAT.Pivot]
├── SearchBox1 [type:cat_PowerCAT.SearchBox]
└── FluentDetailsList1 [type:cat_PowerCAT.FluentDetailsList]
├── objectNumber1 [type:pcfDataField]
├── principalOrFirstMaker1 [type:pcfDataField]
├── longTitle1 [type:pcfDataField]
├── headerImage1 [type:pcfDataField]
├── Link1 [type:pcfDataField]
└── WebURL1 [type:pcfDataField]
Expand
Rijksmuseum Sample App
├── App [type:appinfo]
│ fx[OnStart]: Set(
│ AppTheme,
│ {
│ palette: {
│ themePrimary: "#FFFFFF",
│ themeLighterAlt: "#767676",
│ themeLighter: "#a6a6a6",
│ themeLight: "#c8c8c8",
│ themeTertiary: "#d0d0d0",
│ themeSecondary: "#dadada",
│ themeDarkAlt: "#eaeaea",
│ themeDark: "#f4f4f4",
│ themeDarker: "#f8f8f8",
│ neutralLighterAlt: "#0b0b0b",
│ neutralLighter: "#151515",
│ neutralLight: "#252525",
│ neutralQuaternaryAlt: "#2f2f2f",
│ neutralQuaternary: "#373737",
│ neutralTertiaryAlt: "#595959",
│ neutralTertiary: "#4d3b1d",
│ neutralSecondary: "#99763a",
│ neutralPrimaryAlt: "#e0ad55",
│ neutralPrimary: "#ffc561",
│ neutralDark: "#ffd387",
│ black: "#ffdfa6",
│ white: "#000000"
│ }
│ }
│ );
│ Set(
│ AppThemeJson,
│ JSON(
│ AppTheme,
│ JSONFormat.IndentFour
│ )
│ );
│
│ ClearCollect(
│ searchCollectionFirst100,
│ 'Rijksmuseum(IndependentPublisher)'.GetCollection(
│ "nl",
│ {
│ p: 1,
│ ps: 100
│ }
│ )
│ );
│ ClearCollect(
│ searchCollectionResultTop100,
│ AddColumns(
│ Ungroup(
│ searchCollectionFirst100.artObjects,
│ "artObjects"
│ ),
│ "WebURL",webImage.url,"Link",links.web)
│ );
│
│ └── Host [type:hostControl]
├── Advanced Search [type:screen]
│ ├── Image2_1 [type:image]
│ ├── ico_Home [type:icon]
│ ├── lbl_AdvSearch [type:label]
│ ├── SearchBox1_1 [type:cat_PowerCAT.SearchBox]
│ ├── lbl_PrincipalMaker [type:label]
│ ├── txt_PrincipalMaker [type:text]
│ ├── FluentDetailsList1_1 [type:cat_PowerCAT.FluentDetailsList]
│ │ fx[columns_Items]: Table(
│ │ {
│ │ ColDisplayName: "✍️ Principal/First Maker",
│ │ ColName: "principalOrFirstMaker",
│ │ ColResizable: true,
│ │ ColWidth: 200,
│ │ ColRowHeader: true
│ │ },
│ │ {
│ │ ColDisplayName: "🏢 Object Number",
│ │ ColName: "objectNumber",
│ │ ColResizable: true,
│ │ ColWidth: 150,
│ │ ColRowHeader: true
│ │ },
│ │ {
│ │ ColDisplayName: "📰 Title",
│ │ ColName: "longTitle",
│ │ ColBold: true,
│ │ ColWidth: 300,
│ │ ColRowHeader: true,
│ │ ColResizable: true,
│ │ ColMultiLine: true
│ │ },
│ │ {
│ │ ColDisplayName: "🖼️ Image",
│ │ ColName: "WebURL",
│ │ ColBold: true,
│ │ ColWidth: 100,
│ │ ColRowHeader: true,
│ │ ColResizable: true,
│ │ ColCellType: "image",
│ │ ColImageWidth: 60,
│ │ ColImagePadding: 6
│ │ },
│ │ {
│ │ ColDisplayName: "🔗Link",
│ │ ColName: "Link",
│ │ ColBold: true,
│ │ ColWidth: 400,
│ │ ColRowHeader: true,
│ │ ColResizable: true,
│ │ ColCellType: "link",
│ │ ColMultiLine: true
│ │ }
│ │ )
│ │ fx[Items]: If(
│ │ Len(SearchBox1_1.SearchText) >= 3,
│ │ SortByColumns(
│ │ Search(
│ │ colAdvSearchTable,
│ │ SearchBox1_1.SearchText,
│ │ "principalOrFirstMaker",
│ │ "longTitle",
│ │ "objectNumber"
│ │ ),
│ │ ctxSortCol,
│ │ If(
│ │ ctxSortAsc,
│ │ SortOrder.Ascending,
│ │ SortOrder.Descending
│ │ )
│ │ ),
│ │ SortByColumns(
│ │ colAdvSearchTable,
│ │ ctxSortCol,
│ │ If(
│ │ ctxSortAsc,
│ │ SortOrder.Ascending,
│ │ SortOrder.Descending
│ │ )
│ │ )
│ │ )
│ │ fx[OnChange]: If(Self.EventName="Sort",
│ │ UpdateContext({
│ │ ctxSortCol:Self.SortEventColumn,
│ │ ctxSortAsc:If(Self.SortEventDirection='PowerCAT.FluentDetailsList.SortEventDirection'.Ascending,true,false)
│ │ })
│ │ );
│ │
│ │ If(Self.EventName="CellAction", Launch(Self.Selected.Link))
│ │ ├── objectNumber1_1 [type:pcfDataField]
│ │ ├── longTitle1_1 [type:pcfDataField]
│ │ ├── headerImage1_1 [type:pcfDataField]
│ │ ├── Link1_1 [type:pcfDataField]
│ │ └── WebURL1_1 [type:pcfDataField]
│ ├── lbl_Language [type:label]
│ ├── drp_Language [type:dropdown]
│ ├── lbl_Century [type:label]
│ ├── txt_Century [type:text]
│ ├── lbl_ResultsperPage [type:label]
│ ├── txt_ResultperPage [type:text]
│ ├── btn_SearchCollectionFlow [type:button]
│ │ fx[OnSelect]: ClearCollect(
│ │ colAdvSearch,
│ │ RijksmuseumSearchCollection.Run(
│ │ drp_Language.Selected.Value,
│ │ txt_PrincipalMaker.Text,
│ │ Value(txt_ResultperPage.Text),
│ │ Value(txt_Century.Text)
│ │ )
│ │ );
│ │ ClearCollect(
│ │ colAdvSearchTable,
│ │ AddColumns(colAdvSearch,
│ │ "WebURL",webImage.url,"Link",links.web)
│ │ )
│ └── grp_AdvSearchItems [type:group]
└── Home [type:screen]
├── Image2 [type:image]
├── Pivot1 [type:cat_PowerCAT.Pivot]
│ fx[Items]: Table(
│ {
│ ItemKey: "Home",
│ ItemDisplayName: "Home",
│ ItemIconName: "Home"
│ },
│ {
│ ItemKey : "SearchCollection",
│ ItemDisplayName: "Search Collection",
│ ItemIconName: "SearchData"
│ }
│ )
│ fx[OnSelect]: Switch(
│ Self.SelectedKey,
│ "Home",
│ searchCollectionResultTop100,
│ "SearchCollection",
│ Navigate('Advanced Search',ScreenTransition.Cover)
│ )
├── SearchBox1 [type:cat_PowerCAT.SearchBox]
└── FluentDetailsList1 [type:cat_PowerCAT.FluentDetailsList]
fx[columns_Items]: Table(
{
ColDisplayName: "✍️ Principal/First Maker",
ColName: "principalOrFirstMaker",
ColResizable: true,
ColWidth: 200,
ColRowHeader: true
},
{
ColDisplayName: "🏢 Object Number",
ColName: "objectNumber",
ColResizable: true,
ColWidth: 150,
ColRowHeader: true
},
{
ColDisplayName: "📰 Title",
ColName: "longTitle",
ColBold: true,
ColWidth: 300,
ColRowHeader: true,
ColResizable: true,
ColMultiLine: true
},
{
ColDisplayName: "🖼️ Image",
ColName: "WebURL",
ColBold: true,
ColWidth: 100,
ColRowHeader: true,
ColResizable: true,
ColCellType: "image",
ColImageWidth: 60,
ColImagePadding: 6
},
{
ColDisplayName: "🔗Link",
ColName: "Link",
ColBold: true,
ColWidth: 400,
ColRowHeader: true,
ColResizable: true,
ColCellType: "link",
ColMultiLine: true
}
)
fx[Items]: If(
Len(SearchBox1.SearchText) >= 3,
SortByColumns(
Search(
searchCollectionResultTop100,
SearchBox1.SearchText,
"principalOrFirstMaker",
"longTitle",
"objectNumber"
),
ctxSortCol,
If(
ctxSortAsc,
SortOrder.Ascending,
SortOrder.Descending
)
),
SortByColumns(
searchCollectionResultTop100,
ctxSortCol,
If(
ctxSortAsc,
SortOrder.Ascending,
SortOrder.Descending
)
)
)
fx[OnChange]: If(Self.EventName="Sort",
UpdateContext({
ctxSortCol:Self.SortEventColumn,
ctxSortAsc:If(Self.SortEventDirection='PowerCAT.FluentDetailsList.SortEventDirection'.Ascending,true,false)
})
);
If(Self.EventName="CellAction", Launch(Self.Selected.Link))
├── objectNumber1 [type:pcfDataField]
├── principalOrFirstMaker1 [type:pcfDataField]
├── longTitle1 [type:pcfDataField]
├── headerImage1 [type:pcfDataField]
├── Link1 [type:pcfDataField]
└── WebURL1 [type:pcfDataField]
Future enhancement plan using Model Context Protocol (MCP):
See Power Platform MCP Documentation for integration details.
# Install the CLI globally using the .NET tool install command:
dotnet tool install --global Microsoft.PowerApps.CLI.Tool
# Verify the installation
pac
# Check mcp installation location
pac copilot mcp
# Verify your authentication profiles
pac auth list
pac auth create
pac auth select
pac auth who