{# Segment in 3-D: Cellpose on this z-stack, the result made the project's mask.

   Top to bottom it is one sentence: what will run (or what is missing to run
   it), on which channels, how, and then the run itself and what it found.
   The licence line is always there once Cellpose is: the weights are the
   Cellpose authors', and their terms are the user's to read. #}
<section class="sidebar-section seg3d-panel" id="seg3d_panel_section">
    <p class="seg3d-note" id="seg3d_status">Checking for Cellpose…</p>

    <div class="seg3d-grid" id="seg3d_form" hidden>
        <label class="seg3d-label" for="seg3d_nuclear">Nuclei</label>
        <select id="seg3d_nuclear" class="sidebar-select"></select>

        <label class="seg3d-label" for="seg3d_cytoplasm">Cells</label>
        <select id="seg3d_cytoplasm" class="sidebar-select">
            <option value="">Nuclei only</option>
        </select>

        <span class="seg3d-label">How</span>
        <div class="cell-mode-control is-compact" role="radiogroup" aria-label="How">
            <div class="cell-mode-options">
                <button type="button" class="cell-mode-option is-active" data-seg3d-mode="3d"
                        role="radio" aria-checked="true"
                        title="The whole stack at once; needs the distance between planes">In 3-D</button>
                <button type="button" class="cell-mode-option" data-seg3d-mode="stitch"
                        role="radio" aria-checked="false"
                        title="Each plane, then the planes' cells joined by overlap">Plane by plane</button>
            </div>
        </div>

        <label class="seg3d-label" for="seg3d_diameter">Diameter</label>
        <div class="seg3d-field">
            <input id="seg3d_diameter" class="seg3d-number" type="number" min="0" step="0.5"
                   placeholder="auto" aria-label="Typical cell diameter in µm">
            <span class="seg3d-unit">µm</span>
        </div>

        <label class="seg3d-label" for="seg3d_level">Detail</label>
        <select id="seg3d_level" class="sidebar-select" title="The resolution segmented at; the mask is drawn back up to full resolution">
            <option value="auto">Auto (fits in memory)</option>
            <option value="0">Full resolution</option>
            <option value="1">Half</option>
            <option value="2">Quarter</option>
        </select>
    </div>

    <div class="seg3d-actions" id="seg3d_actions" hidden>
        <button type="button" class="layer-card-action" id="seg3d_run">
            <span class="fas fa-play" aria-hidden="true"></span>
            <span class="layer-card-action-text">Segment</span>
        </button>
    </div>
    <p class="seg3d-note" id="seg3d_result" hidden></p>
    <p class="seg3d-note seg3d-licence" id="seg3d_licence" hidden></p>
</section>