Replace width='stretch' with use_container_width=True for backward compatibility

Code/argo_dashboard.py

@@ -239,7 +239,7 @@ with col1:
     for _, r in totals.iterrows():
         fig_bar.add_annotation(x=r['Year'], y=r['Total_Floats'], text=str(int(r['Total_Floats'])), showarrow=False, yshift=10)
     fig_bar.update_layout(barmode='stack', xaxis=dict(dtick=1), height=520)
-    st.plotly_chart(fig_bar, width="stretch")
+    st.plotly_chart(fig_bar, use_container_width=True)
 
 # Donut chart: age distribution of alive floats (bio dataset)
 with col2:
@@ -255,7 +255,7 @@ with col2:
         if not age_counts.empty:
             fig_donut = px.pie(age_counts, names='Age_Years', values='Count', hole=0.55, title='Age (years) distribution of alive floats')
             fig_donut.update_traces(textinfo='percent+label')
-            st.plotly_chart(fig_donut, width="stretch")
+            st.plotly_chart(fig_donut, use_container_width=True)
         else:
             st.write("No alive float age groups available for selected filters.")
     else:
@@ -331,7 +331,7 @@ else:
     )
 
     fig_map.update_layout(height=650)
-    st.plotly_chart(fig_map, width="stretch")
+    st.plotly_chart(fig_map, use_container_width=True)
 # ------------------------------
 # DAC summary table (bio dataset) - bottom
 # Live = age_days >= 90, Dead = age_days < 90, Total = unique floats
@@ -352,7 +352,7 @@ summary_table = g.groupby('DAC').agg(
 
 # present in requested order: DAC | Live | Dead | Total
 summary_table = summary_table[['DAC','Live','Dead','Total']]
-st.dataframe(summary_table, width="stretch")
+st.dataframe(summary_table, use_container_width=True)
 
 # Compact text lines
 st.markdown("**Compact summary (DAC — Live / Dead / Total)**")

streamlit/dashboard.py

@@ -793,29 +793,29 @@ def show_float_details(wmo):
                 c1, c2, c3 = st.columns(3)
                 with c1:
                     fig = plot_utils.create_ts_diagram(cycles, temp, psal, wmo, title=f"T/S Diagram<br><sup>{date_suffix}</sup>")
-                    st.plotly_chart(fig, width="stretch")
+                    st.plotly_chart(fig, use_container_width=True)
                 with c2:
                     fig = plot_utils.create_section_chart(dates, pres, temp, "Temperature (°C)", f"Section chart TEMP<br><sup>{date_suffix}</sup>", wmo)
-                    st.plotly_chart(fig, width="stretch")
+                    st.plotly_chart(fig, use_container_width=True)
                 with c3:
                     fig = plot_utils.create_section_chart(dates, pres, psal, "Salinity (PSU)", f"Section chart PSAL<br><sup>{date_suffix}</sup>", wmo)
-                    st.plotly_chart(fig, width="stretch")
+                    st.plotly_chart(fig, use_container_width=True)
                     
                 c4, c5, c6 = st.columns(3)
                 with c4:
                     fig = plot_utils.create_section_chart(dates, pres, rho, "Potential Density (kg/m³)", f"Section chart RHO<br><sup>{date_suffix}</sup>", wmo)
-                    st.plotly_chart(fig, width="stretch")
+                    st.plotly_chart(fig, use_container_width=True)
                 with c5:
                     fig = plot_utils.create_overlaid_profiles(temp, pres, cycles, "Temperature (°C)", f"Overlaid profiles TEMP<br><sup>{date_suffix}</sup>", wmo)
-                    st.plotly_chart(fig, width="stretch")
+                    st.plotly_chart(fig, use_container_width=True)
                 with c6:
                     fig = plot_utils.create_overlaid_profiles(psal, pres, cycles, "Salinity (PSU)", f"Overlaid profiles PSAL<br><sup>{date_suffix}</sup>", wmo)
-                    st.plotly_chart(fig, width="stretch")
+                    st.plotly_chart(fig, use_container_width=True)
                     
                 c7, c8, c9 = st.columns(3)
                 with c7:
                     fig = plot_utils.create_overlaid_profiles(rho, pres, cycles, "Potential Density (kg/m³)", f"Overlaid profiles RHO<br><sup>{date_suffix}</sup>", wmo)
-                    st.plotly_chart(fig, width="stretch")
+                    st.plotly_chart(fig, use_container_width=True)
             else:
                 st.info("No valid profile data available for technical plots.")
         except Exception as e:
@@ -941,7 +941,7 @@ with st.sidebar:
     st.markdown("## 🔍 Filters")
 
     # ── Refresh ──
-    if st.button("🔄 Refresh Data", width="stretch", type="primary"):
+    if st.button("🔄 Refresh Data", use_container_width=True, type="primary"):
         for f in CACHE_DIR.glob("*.parquet"):
             f.unlink()
         st.cache_data.clear()
@@ -1384,7 +1384,7 @@ with col_left:
             )
             
         fig_map.update_layout(height=620)
-        st.plotly_chart(fig_map, width="stretch", key="main_map", on_select="rerun", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_float_map"}})
+        st.plotly_chart(fig_map, use_container_width=True, key="main_map", on_select="rerun", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_float_map"}})
         
         if selected_wmo_from_map:
             if st.button(f"📄 View Info for Float {selected_wmo_from_map}"):
@@ -1476,7 +1476,7 @@ with col_right:
                     margin=dict(l=50, r=20, t=80, b=40),
                 )
             )
-            st.plotly_chart(fig_bar, width="stretch", key="bar_chart", on_select="rerun", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_annual_floats"}})
+            st.plotly_chart(fig_bar, use_container_width=True, key="bar_chart", on_select="rerun", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_annual_floats"}})
         else:
             st.info("No active float data for bar chart.")
     else:
@@ -1579,7 +1579,7 @@ with col_tree:
                 **_dark_layout(margin=dict(l=0, r=0, t=10, b=0)),
                 coloraxis_showscale=False,
             )
-            st.plotly_chart(fig_tree, width="stretch", key="treemap", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_last1day_treemap"}})
+            st.plotly_chart(fig_tree, use_container_width=True, key="treemap", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_last1day_treemap"}})
         else:
             st.info("No active floats in the last 1 day for current filters.")
     else:
@@ -1661,7 +1661,7 @@ with col_donut:
                     bgcolor="rgba(0,0,0,0)",
                 ),
             )
-            st.plotly_chart(fig_donut, width="stretch", key="donut", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_age_distribution"}})
+            st.plotly_chart(fig_donut, use_container_width=True, key="donut", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_age_distribution"}})
         else:
             st.info("No age data available.")
     else:
@@ -1726,7 +1726,7 @@ with col_profiler:
                 bgcolor="rgba(0,0,0,0)",
             ),
         )
-        st.plotly_chart(fig_ptype, width="stretch", key="profiler_donut", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_profiler_types"}})
+        st.plotly_chart(fig_ptype, use_container_width=True, key="profiler_donut", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_profiler_types"}})
         st.caption(f"📋 {len(df_meta):,} floats across {df_meta['profiler_name'].nunique()} instrument models (source: ar_index_global_meta.txt)")
     else:
         st.info("No metadata available.")
@@ -1776,7 +1776,7 @@ with col_fleet:
                     margin=dict(l=50, r=20, t=60, b=40),
                 ),
             )
-            st.plotly_chart(fig_fleet, width="stretch", key="fleet_composition", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_fleet_composition"}})
+            st.plotly_chart(fig_fleet, use_container_width=True, key="fleet_composition", config={"toImageButtonOptions": {"format": "png", "scale": 2, "filename": "argo_fleet_composition"}})
             st.caption("Shows how the fleet instrument mix has evolved per deployment year")
         else:
             st.info("No deployment data available.")
@@ -1876,7 +1876,7 @@ if len(df_prof) > 0:
                 height=160,
             )
         )
-        st.plotly_chart(fig_global, width="stretch", key="global_status_bar", config={"displayModeBar": False})
+        st.plotly_chart(fig_global, use_container_width=True, key="global_status_bar", config={"displayModeBar": False})
 
     with col_dac2:
         st.markdown("### 📡 Float Status Summary")
@@ -2176,7 +2176,7 @@ with st.expander("📋 View Raw Data", expanded=False):
     tab1, tab2, tab3 = st.tabs(["Core Profiles", "BGC Profiles", "Float Metadata"])
     with tab1:
         st.dataframe(
-            filt_prof.head(200), width="stretch", hide_index=True
+            filt_prof.head(200), use_container_width=True, hide_index=True
         )
         st.caption(
             f"Showing {min(200, len(filt_prof)):,} of {len(filt_prof):,} records"
@@ -2190,7 +2190,7 @@ with st.expander("📋 View Raw Data", expanded=False):
         )
     with tab2:
         st.dataframe(
-            filt_bio.head(200), width="stretch", hide_index=True
+            filt_bio.head(200), use_container_width=True, hide_index=True
         )
         st.caption(
             f"Showing {min(200, len(filt_bio)):,} of {len(filt_bio):,} records"
@@ -2204,7 +2204,7 @@ with st.expander("📋 View Raw Data", expanded=False):
         )
     with tab3:
         st.dataframe(
-            df_meta.head(500), width="stretch", hide_index=True
+            df_meta.head(500), use_container_width=True, hide_index=True
         )
         st.caption(
             f"Showing {min(500, len(df_meta)):,} of {len(df_meta):,} float metadata records (source: ar_index_global_meta.txt)"

streamlit/dashboard_example.py

@@ -239,7 +239,7 @@ with col1:
     for _, r in totals.iterrows():
         fig_bar.add_annotation(x=r['Year'], y=r['Total_Floats'], text=str(int(r['Total_Floats'])), showarrow=False, yshift=10)
     fig_bar.update_layout(barmode='stack', xaxis=dict(dtick=1), height=520)
-    st.plotly_chart(fig_bar, width="stretch")
+    st.plotly_chart(fig_bar, use_container_width=True)
 
 # Donut chart: age distribution of alive floats (bio dataset)
 with col2:
@@ -255,7 +255,7 @@ with col2:
         if not age_counts.empty:
             fig_donut = px.pie(age_counts, names='Age_Years', values='Count', hole=0.55, title='Age (years) distribution of alive floats')
             fig_donut.update_traces(textinfo='percent+label')
-            st.plotly_chart(fig_donut, width="stretch")
+            st.plotly_chart(fig_donut, use_container_width=True)
         else:
             st.write("No alive float age groups available for selected filters.")
     else:
@@ -331,7 +331,7 @@ else:
     )
 
     fig_map.update_layout(height=650)
-    st.plotly_chart(fig_map, width="stretch")
+    st.plotly_chart(fig_map, use_container_width=True)
 # ------------------------------
 # DAC summary table (bio dataset) - bottom
 # Live = age_days >= 90, Dead = age_days < 90, Total = unique floats
@@ -352,7 +352,7 @@ summary_table = g.groupby('DAC').agg(
 
 # present in requested order: DAC | Live | Dead | Total
 summary_table = summary_table[['DAC','Live','Dead','Total']]
-st.dataframe(summary_table, width="stretch")
+st.dataframe(summary_table, use_container_width=True)
 
 # Compact text lines
 st.markdown("**Compact summary (DAC — Live / Dead / Total)**")

streamlit/hello.py

@@ -115,7 +115,7 @@ with col1:
         mapbox=dict(center=dict(lat=-10, lon=80), zoom=3)
     )
 
-    st.plotly_chart(fig_map, width="stretch")
+    st.plotly_chart(fig_map, use_container_width=True)
 
 # ---------------- KPI ----------------
 with col2:
@@ -148,4 +148,4 @@ fig_bar = px.bar(
     y="count"
 )
 
-st.plotly_chart(fig_bar, width="stretch")
+st.plotly_chart(fig_bar, use_container_width=True)