Fix Logistics view grade chart: horizontal bars matching Design view

app.py

@@ -686,18 +686,24 @@ elif selected_view == "Design":
         "Refurb Cost": [int(d_repair_cost * 0.25), int(d_repair_cost), config["costs"]["refurbishment"]["grade_c"]],
     })
 
+    grade_labels = ["C (Scrap)", "B (Repair needed)", "A (Clean only)"]
+    grade_values = [d_grade_c_pct * 100, d_grade_b_pct * 100, d_grade_a_pct * 100]
+    grade_colors = [COLORS["negative"], COLORS["warning"], COLORS["positive"]]
+
     fig_grades = go.Figure()
     fig_grades.add_trace(go.Bar(
-        x=grades_df["Grade"],
-        y=grades_df["Percentage"],
-        marker_color=[COLORS["positive"], COLORS["warning"], COLORS["negative"]],
-        text=[f"{v:.1f}%" for v in grades_df["Percentage"]],
+        y=grade_labels,
+        x=grade_values,
+        orientation="h",
+        marker_color=grade_colors,
+        text=[f"{v:.1f}%" for v in grade_values],
         textposition="outside",
     ))
     fig_grades.update_layout(
         title="Return Grade Distribution", showlegend=False,
-        xaxis=dict(type="category"), yaxis_title="% of Returns",
-        yaxis=dict(autorange=True), hovermode="closest",
+        xaxis=dict(range=[0, 105], title="% of Returns"),
+        yaxis=dict(type="category"),
+        height=250, hovermode="closest",
     )
     st.plotly_chart(fig_grades, use_container_width=True, config={"displayModeBar": False})
 
@@ -785,8 +791,9 @@ elif selected_view == "Design":
         fig_gauge = go.Figure(go.Indicator(
             mode="gauge+number",
             value=functional_pct,
-            number={"suffix": "%", "font": {"size": 24}},
+            number={"suffix": "%", "font": {"size": 22}, "valueformat": ".0f"},
             title={"text": f"Cycle {cycle_num}", "font": {"size": 14}},
+            domain={"x": [0, 1], "y": [0, 1]},
             gauge={
                 "axis": {"range": [0, 100], "tickwidth": 1},
                 "bar": {"color": gauge_color},
@@ -801,8 +808,8 @@ elif selected_view == "Design":
             },
         ))
         fig_gauge.update_layout(
-            height=200,
-            margin=dict(t=40, b=10, l=20, r=20),
+            height=220,
+            margin=dict(t=50, b=0, l=20, r=20),
         )
         with col:
             st.plotly_chart(fig_gauge, use_container_width=True)
@@ -844,18 +851,24 @@ elif selected_view == "Logistics":
             "Refurb Cost": [refurb_a, refurb_b, config["costs"]["refurbishment"]["grade_c"]],
         })
 
+        l_grade_labels = ["C (Scrap)", "B (Refurbish)", "A (Reusable)"]
+        l_grade_values = [grade_c_pct * 100, grade_b_pct * 100, grade_a_pct * 100]
+        l_grade_colors = [COLORS["negative"], COLORS["warning"], COLORS["positive"]]
+
         fig_grades = go.Figure()
         fig_grades.add_trace(go.Bar(
-            x=grades_df["Grade"],
-            y=grades_df["Percentage"],
-            marker_color=[COLORS["positive"], COLORS["warning"], COLORS["negative"]],
-            text=[f"{v:.0f}%" for v in grades_df["Percentage"]],
+            y=l_grade_labels,
+            x=l_grade_values,
+            orientation="h",
+            marker_color=l_grade_colors,
+            text=[f"{v:.0f}%" for v in l_grade_values],
             textposition="outside",
         ))
         fig_grades.update_layout(
             title="Return Grade Distribution", showlegend=False,
-            xaxis=dict(type="category"), yaxis_title="% of Returns",
-            yaxis=dict(autorange=True), hovermode="closest",
+            xaxis=dict(range=[0, 105], title="% of Returns"),
+            yaxis=dict(type="category"),
+            height=250, hovermode="closest",
         )
         st.plotly_chart(fig_grades, use_container_width=True, config={"displayModeBar": False})