xiA#jSrSSKrSSKJr SqS\4SjrS\S\4SjrS\S\R4S jr S r g) aT Help content module for Gradio UI. Provides a reusable inline help button + modal component that displays i18n-sourced Markdown documentation within the Gradio interface. The button is rendered as a pure-HTML ```` so it takes zero layout space and can be placed inside any existing row or header without creating extra blank rows. N)treturnc2[S- q[[5$)z;Return a unique DOM id suffix for each help modal instance.) _help_counterstr=/mnt/workspace/ACE-Step-1.5/acestep/ui/gradio/help_content.py_next_idr sQM } r md_textcSSKnURS5n/nSnSnUGHnUR5RS5(a0U(aUR S5 SnOUR S5 SnMXU(aUR U5 MrUR5nU(a@URS 5(d*UR S U5(dUR S 5 SnURS 5(a.UR S SUSS5nUR SUS35 GM URS5(a.UR S SUSS5nUR SUS35 GMQURS5(aCUSSn UR SSU 5n UR S SU 5n UR SU S35 GMURS 5(dUR SU5(aU(dUR S5 SnUR SSU5n UR SSU 5n UR S S!U 5n UR S"S#U 5n UR S SU 5n UR S$U S%35 GMhU(d.U(aUR S 5 SnUR S&5 GMUn UR SSU 5n UR S S!U 5n UR S"S#U 5n UR S SU 5n UR S'U S(35 GM U(aUR S 5 U(aUR S5 SRU5$))aConvert Markdown to HTML with basic formatting. Handles headings, bold, italic, code blocks, lists, blockquotes, and paragraphs. Intentionally lightweight so we avoid adding an external ``markdown`` dependency. Args: md_text: Markdown-formatted string. Returns: HTML string. rN Fz```z z 
Tz- z^\d+\.zz### z\[([^\]]+)\]\(([^)]+)\)zN\1z
z
z## z
z
z> z
\*\*(.+?)\*\*z\1zM
z

z^\d+\.\sz
    z
^-\s|^\d+\.\sz	\*(.+?)\*z\1z	`([^`]+)`z\1z
  • z
    • z
    z
    z
    )resplitstrip
startswithappendmatchsubjoin)r
rlines
html_partsin_codein_listlinestrippedheadingcontentps           r_md_to_htmlr%sZMM$EJGG::<""5))!!/2!!-0d#::<8..t44RXXiQY=Z=Zg&Gv&&ff*aG

WIU34u%%ff*aG

WIU34t$$qrlGff-/EwOGff*aG

229-I

t$$h(G(G!!"CDff-r87CGff\+=wGGff*aG

WIU34!!'*g&
FF#%;Q?FF<3FFsv'"/*99Z  r
section_keyc[5nSU3nSU3n[SU35n[U5n[S5n[R"SUSUSUSUS	US
US3
S/S
9nU$)aCreate an inline (?) help button that opens a modal with documentation.

The entire widget (button + hidden modal) is a single ``gr.HTML``
component so it takes minimal layout space and can be placed inside
any existing ``gr.Row`` without creating extra blank areas.

Args:
    section_key: The i18n sub-key under ``help.`` (e.g. ``"generation_simple"``).

Returns:
    The ``gr.HTML`` instance.
zhelp-modal-z	help-btn-zhelp.zhelp.close_labelzB
        
          
        
        
        zhelp-inline-container)valueelem_classes)rrr%grHTML)r&uidmodal_idbtn_id
md_contenthtml_contentclose_labelhtmls        rcreate_help_buttonr3s*CSE"H
FU;-()Jz*L&'K
77h55=J?78@jAmn	&..)D.Kr
a	
/* ---- Inline help button container ---- */
.help-inline-container {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    max-width: 32px !important;
    min-width: 32px !important;
    overflow: visible !important;
}

.help-inline-wrapper {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

/* ---- Inline help button ---- */
.help-inline-btn {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1.5px solid var(--border-color-primary, #555);
    background: transparent;
    color: var(--body-text-color-subdued, #888);
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    transition: all 0.15s ease;
    flex-shrink: 0;
}
.help-inline-btn:hover {
    background: var(--color-accent, #4a9eff);
    color: #fff;
    border-color: var(--color-accent, #4a9eff);
    transform: scale(1.1);
}

/* ---- Modal overlay ---- */
.help-modal-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.help-modal-content {
    background: var(--background-fill-primary, #fff);
    color: var(--body-text-color, #222);
    border-radius: 12px;
    max-width: 640px;
    width: 90%;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    position: relative;
}

.help-modal-close {
    position: absolute;
    top: 12px; right: 16px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: var(--body-text-color, #222);
    z-index: 1;
    opacity: 0.6;
}
.help-modal-close:hover { opacity: 1; }

.help-modal-body {
    padding: 28px 32px;
    overflow-y: auto;
    line-height: 1.7;
    font-size: 0.92rem;
}
.help-modal-body h3 { margin: 16px 0 8px; font-size: 1.15rem; }
.help-modal-body h4 { margin: 12px 0 6px; font-size: 1.0rem; }
.help-modal-body pre {
    background: var(--background-fill-secondary, #f5f5f5);
    padding: 10px;
    border-radius: 6px;
    overflow-x: auto;
    font-size: 0.85rem;
}
.help-modal-body code {
    background: var(--background-fill-secondary, #f5f5f5);
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 0.88em;
}
.help-modal-body ul { margin: 6px 0; }
.help-modal-body li { margin: 3px 0; }
)__doc__gradior*acestep.ui.gradio.i18nrrrrr%r+r3HELP_MODAL_CSSr	r
rr8s\	$
#t!t!t!n+C+BGG+bhr