File size: 2,700 Bytes
a91d88d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
"""
Human+ UI Layer
===============
Design system, CSS injection, reusable components, dan chart wrappers.

Cara pakai:
    from ui.styles import inject_custom_css
    from ui.components import render_hero, render_biomarker_row
    from ui.chart_components import render_gauge_grid

Modules:
    theme             β€” Design tokens (warna, font, spacing, radius)
    styles            β€” CSS injection via inject_custom_css()
    components        β€” Reusable Streamlit widget functions
    chart_components  β€” Plotly chart wrappers (gauge, bar, donut)
"""

# ── CSS injection ────────────────────────────────────────────────────
from ui.styles import inject_custom_css

# ── Design tokens ────────────────────────────────────────────────────
from ui.theme import (
    COLORS,
    FONTS,
    SPACE,
    RADIUS,
    SHADOWS,
    BIOMARKER_STATUS,
    PROTOCOL_SECTIONS,
)

# ── Component functions ──────────────────────────────────────────────
from ui.components import (
    render_hero,
    render_step_indicator,
    render_trust_badges,
    render_section_label,
    render_loading_steps,
    render_progress_bar,
    ANALYSIS_STEPS,
    PROTOCOL_STEPS,
    render_biomarker_row,
    render_biomarker_summary_banner,
    render_biomarker_chip,
    render_protocol_section,
    render_error_state,
    render_empty_state,
    render_info_card,
    render_success_banner,
    render_highlight_quote,
    render_footer,
)

# ── Chart wrappers ───────────────────────────────────────────────────
from ui.chart_components import (
    render_gauge_grid,
    render_biomarker_bar_chart,
    render_status_donut,
)

__all__ = [
    "inject_custom_css",
    "COLORS", "FONTS", "SPACE", "RADIUS", "SHADOWS",
    "BIOMARKER_STATUS", "PROTOCOL_SECTIONS",
    "render_hero", "render_step_indicator", "render_trust_badges",
    "render_section_label",
    "render_loading_steps", "render_progress_bar",
    "ANALYSIS_STEPS", "PROTOCOL_STEPS",
    "render_biomarker_row", "render_biomarker_summary_banner", "render_biomarker_chip",
    "render_protocol_section",
    "render_error_state", "render_empty_state",
    "render_info_card", "render_success_banner", "render_highlight_quote",
    "render_footer",
    "render_gauge_grid", "render_biomarker_bar_chart", "render_status_donut",
]