Enable standalone GUI with new metric reordering

Signed-off-by: colramos-amd <colramos@amd.com>

src/omniperf_analyze/analysis_webui.py

@@ -45,7 +45,7 @@ class webui_analysis(OmniAnalyze_Base):
         self.dest_dir = os.path.abspath(args.path[0][0])
         self.arch = None
         
-        self.__hidden_sections = ["Memory Chart", "Kernels"]
+        self.__hidden_sections = ["Memory Chart", "Kernels", "Roofline"]
         self.__hidden_columns = ["Tips", "coll_level"]
         # define different types of bar charts
         self.__barchart_elements = {

src/omniperf_analyze/assets/layout.css

@@ -475,15 +475,15 @@ button.report:hover {
 /* ------------------------------------------------------------------ */
 /* SPI Section
 /* ------------------------------------------------------------------ */
-#shader_processor_input_spi {
+#workgroup_manager_spi {
    background: #2B2B2B;
    padding-top: 96px;
    padding-bottom: 66px;
    overflow: hidden;
 }
 
-#shader_processor_input_spi a, #shader_processor_input_spi a:visited { color: #fff; }
-#shader_processor_input_spi a:hover, #shader_processor_input_spi a:focus { color: #11ABB0; }
+#workgroup_manager_spi a, #workgroup_manager_spi a:visited { color: #fff; }
+#workgroup_manager_spi a:hover, #workgroup_manager_spi a:focus { color: #11ABB0; }
 
 
 /* ------------------------------------------------------------------ */
@@ -567,15 +567,15 @@ button.report:hover {
 /* ------------------------------------------------------------------ */
 /* TA/TD Section
 /* ------------------------------------------------------------------ */
-#texture_addresser_and_texture_data_tatd {
+#address_processing_unit_and_data_return_path_tatd {
    background: #2B2B2B;
    padding-top: 96px;
    padding-bottom: 66px;
    overflow: hidden;
 }
 
-#texture_addresser_and_texture_data_tatd a, #texture_addresser_and_texture_data_tatd a:visited { color: #fff; }
-#texture_addresser_and_texture_data_tatd a:hover, #texture_addresser_and_texture_data_tatd a:focus { color: #11ABB0; }
+#address_processing_unit_and_data_return_path_tatd a, #address_processing_unit_and_data_return_path_tatd a:visited { color: #fff; }
+#address_processing_unit_and_data_return_path_tatd a:hover, #address_processing_unit_and_data_return_path_tatd a:focus { color: #11ABB0; }
 
 /* ------------------------------------------------------------------ */
 /* Vector L1D Section

src/utils/gui.py

@@ -196,31 +196,31 @@ def build_bar_chart(display_df, table_config, barchart_elements, norm_filt):
 
     # Speed-of-light bar chart
     elif table_config["id"] in barchart_elements["sol"]:
-        display_df["Value"] = [
-            x.astype(float) if x != "" else float(0) for x in display_df["Value"]
+        display_df["Avg"] = [
+            x.astype(float) if x != "" else float(0) for x in display_df["Avg"]
         ]
         if table_config["id"] == 1701:
             # special layout for L2 Cache SOL
             d_figs.append(
                 px.bar(
                     display_df[display_df["Unit"] == "Pct"],
-                    x="Value",
+                    x="Avg",
                     y="Metric",
-                    color="Value",
+                    color="Avg",
                     range_color=[0, 100],
-                    labels={"Value": "%"},
+                    labels={"Avg": "%"},
                     height=220,
                     orientation="h",
-                ).update_xaxes(range=[0, 110], ticks="inside")
+                ).update_xaxes(range=[0, 110], ticks="inside", title="%")
             )  # append first % chart
             d_figs.append(
                 px.bar(
                     display_df[display_df["Unit"] == "Gb/s"],
-                    x="Value",
+                    x="Avg",
                     y="Metric",
-                    color="Value",
+                    color="Avg",
                     range_color=[0, 1638],
-                    labels={"Value": "GB/s"},
+                    labels={"Avg": "GB/s"},
                     height=220,
                     orientation="h",
                 ).update_xaxes(range=[0, 1638])
@@ -229,11 +229,11 @@ def build_bar_chart(display_df, table_config, barchart_elements, norm_filt):
             d_figs.append(
                 px.bar(
                     display_df,
-                    x="Value",
+                    x="Avg",
                     y="Metric",
-                    color="Value",
+                    color="Avg",
                     range_color=[0, 100],
-                    labels={"Value": "%"},
+                    labels={"Avg": "%"},
                     height=400,
                     orientation="h",
                 ).update_xaxes(range=[0, 110])

src/utils/gui_components/header.py

@@ -89,8 +89,8 @@ def get_header(raw_pmc, input_filters, kernel_names):
                                                 external_link=True,
                                             ),
                                             dbc.DropdownMenuItem(
-                                                "Shader Processor Input (SPI)",
-                                                href="#shader_processor_input_spi",
+                                                "Workgroup Manager (SPI)",
+                                                href="#workgroup_manager_spi",
                                                 external_link=True,
                                             ),
                                             dbc.DropdownMenuItem(