xiA#ddZddlZddlmZdadefdZdedefdZdedejfd Z d Z y) 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)treturnc2tdz attS)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_textcddl}|jd}g}d}d}|D]}|jjdr*|r|j dd}n|j dd}M|r|j |a|j}|r6|jd s%|j d |s|j d d}|jd r,|j d d|dd}|j d|d|jdr-|j d d|dd}|j d|d$|jdrB|dd} |j dd| } |j d d| } |j d| dw|jd s|j d|r|s|j dd}|j dd|} |j dd| } |j d d!| } |j d"d#| } |j d d| } |j d$| d%%|s(|r|j d d}|j d&O|} |j dd| } |j d d!| } |j d"d#| } |j d d| } |j d'| d(|r|j d |r|j ddj|S))a?Convert 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%sBMM$EJGG::<""5)!!/2!!-0d#::<8..t4RXXiQY=Zg&Gv&ff*aG

WIU34u%ff*aG

WIU34t$qrlGff-/EwOGff*aG

229-I

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

WIU34!!'*g&
FF#%;Q?FF<3FFsv'"/*99Z  r
section_keyct}d|}d|}td|}t|}td}tjd|d|d|d|d	|d
|d
dg
}|S)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