Add search box to Item Tab

streamlit_app.py

@@ -141,7 +141,11 @@ LANG = {
         "it_chart_qty":     "Top {n} items by quantity ordered",
         "it_by_cat":        "Items by sub-type",
         "it_by_protein":    "Items by Protein",
+        "it_other":         "Other",
         "it_detail":        "Item detail",
+        "it_search":        "Search item",
+        "it_search_help":   "Type any part of the item name (English or Thai). Case-insensitive.",
+        "it_search_no_match": "No items match \"{q}\". Clear the search box to see everything.",
     },
     "th": {
         # Tab labels
@@ -245,7 +249,11 @@ LANG = {
         "it_chart_qty":     "{n} รายการที่ขายดีที่สุด (จำนวน)",
         "it_by_cat":        "รายการแบ่งตามประเภทย่อย",
         "it_by_protein":    "รายการแบ่งตามโปรตีน",
+        "it_other":         "อื่นๆ",
         "it_detail":        "รายละเอียดรายการ",
+        "it_search":        "ค้นหารายการ",
+        "it_search_help":   "พิมพ์ส่วนใดส่วนหนึ่งของชื่อรายการ (ภาษาไทยหรืออังกฤษ) ไม่สนใจตัวพิมพ์เล็ก-ใหญ่",
+        "it_search_no_match": "ไม่พบรายการที่ตรงกับ \"{q}\" ล้างช่องค้นหาเพื่อแสดงทั้งหมด",
     },
 }
 
@@ -2014,8 +2022,26 @@ with tab_items:
             with fc3:
                 top_n = st.slider(t("it_top_n"), 5, 50, 20, key="it_top_n")
 
+            # ── Item search — case-insensitive substring match ────────────
+            # Applied AFTER the Type/SubType filters so it narrows whatever
+            # subset those produced. Empty search = pass-through.
+            search_q = st.text_input(
+                t("it_search"),
+                key="it_search",
+                placeholder=t("it_search_help"),
+            ).strip()
+            if search_q and "Item" in it_view.columns:
+                _matched = (
+                    it_view["Item"].astype(str)
+                                   .str.contains(search_q, case=False, na=False, regex=False)
+                )
+                it_view = it_view[_matched]
+                if it_view.empty:
+                    st.info(t("it_search_no_match", q=search_q))
+
             if it_view.empty:
-                st.info(t("it_no_data"))
+                if not search_q:
+                    st.info(t("it_no_data"))
             else:
                 # ── KPI tiles ────────────────────────────────────────────
                 total_qty    = int(it_view["Qty"].sum()) if "Qty" in it_view.columns else 0
@@ -2061,6 +2087,49 @@ with tab_items:
                 # Sub-type = the menu category (Teppan, Sushi, etc.).
                 # Group1 = the protein family (Seafood, Duck, Fish, etc.)
                 # — captured by fact_items' Group1 column for Food rows.
+                # Aggregate everything past the top N into a single
+                # "Other" slice so the legend stays compact instead of
+                # filling half the chart with single-item categories.
+                def _top_n_with_other(df: pd.DataFrame, name_col: str,
+                                       value_col: str, n: int = 8) -> pd.DataFrame:
+                    if df.empty or len(df) <= n:
+                        return df
+                    top  = df.nlargest(n, value_col)
+                    rest = df[~df[name_col].isin(top[name_col])][value_col].sum()
+                    if rest > 0:
+                        other = pd.DataFrame({name_col: [t("it_other")],
+                                              value_col: [rest]})
+                        return pd.concat([top, other], ignore_index=True)
+                    return top
+
+                def _render_donut(df: pd.DataFrame, name_col: str, title: str) -> None:
+                    """Pie chart with bottom-horizontal legend so the
+                    chart stays roughly square instead of being squeezed
+                    by a tall right-side legend."""
+                    fig = px.pie(
+                        df, names=name_col, values="Qty", hole=0.55,
+                        color_discrete_sequence=BRAND_SEQUENCE,
+                    )
+                    fig.update_traces(
+                        textposition="inside",
+                        texttemplate="%{label}<br>%{value:,.0f}<br>%{percent}",
+                        insidetextfont=dict(size=11),
+                    )
+                    fig.update_layout(
+                        title=None,
+                        margin=dict(l=10, r=10, t=20, b=80),
+                        legend=dict(
+                            orientation="h",
+                            yanchor="top",   y=-0.05,
+                            xanchor="center", x=0.5,
+                            font=dict(size=11),
+                        ),
+                    )
+                    st.markdown(f"**{title}**")
+                    st.plotly_chart(
+                        style_plotly(fig, height=420), use_container_width=True,
+                    )
+
                 pie_left, pie_right = st.columns(2)
 
                 with pie_left:
@@ -2070,20 +2139,9 @@ with tab_items:
                                    .sort_values("Qty", ascending=False)
                         )
                         cat_agg = cat_agg[cat_agg["Qty"] > 0]
+                        cat_agg = _top_n_with_other(cat_agg, "SubType", "Qty", n=8)
                         if len(cat_agg) >= 2:
-                            st.markdown(f"**{t('it_by_cat')}**")
-                            fig = px.pie(
-                                cat_agg, names="SubType", values="Qty", hole=0.55,
-                                color_discrete_sequence=BRAND_SEQUENCE,
-                            )
-                            fig.update_traces(
-                                textposition="inside",
-                                texttemplate="%{label}<br>%{value:,.0f}<br>%{percent}",
-                                insidetextfont=dict(size=11),
-                            )
-                            st.plotly_chart(
-                                style_plotly(fig, height=380), use_container_width=True,
-                            )
+                            _render_donut(cat_agg, "SubType", t("it_by_cat"))
 
                 with pie_right:
                     if "Group1" in it_view.columns:
@@ -2092,20 +2150,9 @@ with tab_items:
                                    .sort_values("Qty", ascending=False)
                         )
                         protein_agg = protein_agg[protein_agg["Qty"] > 0]
+                        protein_agg = _top_n_with_other(protein_agg, "Group1", "Qty", n=8)
                         if len(protein_agg) >= 2:
-                            st.markdown(f"**{t('it_by_protein')}**")
-                            fig = px.pie(
-                                protein_agg, names="Group1", values="Qty", hole=0.55,
-                                color_discrete_sequence=BRAND_SEQUENCE,
-                            )
-                            fig.update_traces(
-                                textposition="inside",
-                                texttemplate="%{label}<br>%{value:,.0f}<br>%{percent}",
-                                insidetextfont=dict(size=11),
-                            )
-                            st.plotly_chart(
-                                style_plotly(fig, height=380), use_container_width=True,
-                            )
+                            _render_donut(protein_agg, "Group1", t("it_by_protein"))
 
                 # ── Item detail table ───────────────────────────────────
                 st.markdown(f"**{t('it_detail')}**")