'
def build_ui() -> gr.Blocks:
with gr.Blocks(
title="Paperain Studio — Sticker Restock Manager",
fill_width=True,
theme=THEME,
css=CUSTOM_CSS,
head=APP_HEAD,
) as demo:
all_pos_state = gr.State(value={})
demand_state = gr.State(value=None)
gr.HTML(NAV_HTML)
gr.HTML(HERO_HTML)
gr.HTML(TABS_OPEN)
# ── Tab 1: PO Intake ──
with gr.Tab("PO Intake"):
gr.HTML(
'
Step 1: Paste a store PO below — '
"any format works. Click a sample to try, then hit Parse PO with Piper.
"
)
with gr.Row(equal_height=True):
with gr.Column(scale=2, elem_classes=["panel-input"]):
po_store = gr.Dropdown(
choices=STORE_NAMES,
value=STORE_NAMES[0],
label="Store",
allow_custom_value=True,
)
po_text = gr.Textbox(
label="Paste PO Text",
lines=12,
placeholder=(
"e.g.\nPesanan bulan Juni:\n"
"- Stiker kucing hologram 20 pcs\n"
"- Stiker sakura 15 pcs\n"
"- Rainbow unicorn 10\n"
"Tolong kirim sebelum tanggal 5"
),
)
with gr.Row():
parse_btn = gr.Button("Parse PO with Piper", variant="primary", scale=2)
save_btn = gr.Button("Save Edits", variant="secondary", scale=1)
po_status = gr.Textbox(label="Status", interactive=False, max_lines=3)
with gr.Column(scale=3, elem_classes=["panel-output"]):
po_table = gr.Dataframe(
headers=["Product", "Qty", "Notes"],
datatype=["str", "number", "str"],
interactive=True,
label="Piper's Interpretation (editable)",
)
with gr.Accordion("All Parsed POs", open=False):
po_log_md = gr.Markdown("*No POs parsed yet.*")
export_all_btn = gr.Button("Export All POs as CSV", variant="secondary")
export_all_file = gr.File(label="Download CSV")
gr.Markdown("#### Try These Sample POs")
gr.Examples(
examples=SAMPLE_PO_EXAMPLES,
inputs=[po_store, po_text],
label="Click an example, then Parse",
)
# ── Tab 2: Stock & Demand ──
with gr.Tab("Stock & Demand"):
gr.HTML(
'
Step 2: After parsing POs, click '
"Refresh Demand to see total demand vs your home stock.
"
)
with gr.Row(equal_height=True):
with gr.Column(scale=1, elem_classes=["panel-input"]):
gr.Markdown("#### Home Stock")
stock_table = gr.Dataframe(
value=make_default_stock(),
headers=["Product", "In Stock"],
datatype=["str", "number"],
interactive=True,
label="Your inventory",
)
with gr.Column(scale=1, elem_classes=["panel-output"]):
gr.Markdown("#### Demand vs Stock")
refresh_demand_btn = gr.Button("Refresh Demand", variant="primary")
workflow_btn = gr.Button("Run Full Workflow (Demand + Print)", variant="secondary")
demand_summary = gr.Textbox(label="Summary", interactive=False, lines=2)
demand_table = gr.Dataframe(
headers=["Product", "Total Demand", "In Stock", "Shortage"],
datatype=["str", "number", "number", "number"],
interactive=False,
label="Aggregated demand",
)
# ── Tab 3: Print Calculator ──
with gr.Tab("Print Calculator"):
gr.HTML(
'
Step 3: Each A3 sheet fits 8 A5 stickers. '
"Only products with shortages appear here.
"
)
with gr.Column(elem_classes=["panel-output"]):
calc_btn = gr.Button("Calculate Print Order", variant="primary")
print_summary = gr.Textbox(label="Summary", interactive=False, lines=2)
print_table = gr.Dataframe(
headers=["Product", "Qty to Print", "A3 Sheets (8 per sheet)"],
datatype=["str", "number", "number"],
interactive=False,
label="Print order",
)
print_csv = gr.File(label="Download Print Order CSV")
# ── Tab 4: Delivery Docs ──
with gr.Tab("Delivery Docs"):
gr.HTML(
'
Step 4: Generate a packing list for a specific store. '
"Parse their PO first in Tab 1.
"
)
with gr.Column(elem_classes=["panel-input"]):
with gr.Row():
del_store = gr.Dropdown(
choices=STORE_NAMES,
value=STORE_NAMES[0],
label="Store",
allow_custom_value=True,
)
del_lang = gr.Radio(["English", "Indonesian"], value="English", label="Language")
del_btn = gr.Button("Generate Delivery Document", variant="primary")
del_output = gr.Textbox(label="Delivery Document", lines=16, interactive=False)
# ── Tab 5: Best Sellers ──
with gr.Tab("Best Sellers"):
gr.HTML(
'
Piper analyses demand across all parsed POs and recommends '
"what to stock — share with stores that ask.
"
)
with gr.Column(elem_classes=["panel-output"]):
with gr.Row():
bs_lang = gr.Radio(["English", "Indonesian"], value="English", label="Language")
bs_btn = gr.Button("Generate Report", variant="primary")
bs_output = gr.Textbox(label="Best Seller Report", lines=16, interactive=False)
gr.HTML('