settings.html

<div class="cache_chunker_settings">
    <div class="inline-drawer">
        <div class="inline-drawer-toggle inline-drawer-header">
            <b>Cache Chunker</b>
            <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
        </div>
        <div class="inline-drawer-content">
            <!-- <div class="flex-container flexFlowColumn">
                <label for="cache_chunker_enabled">
                    Enabled
                </label>
                <input id="cache_chunker_enabled" type="checkbox" class="text_pole widthUnset" />
            </div> -->
            <!-- In the style of this
                        <label class="checkbox_label" for="expression_local" title="Use classification model without the Extras server.">
                <input id="expression_local" type="checkbox" />
                <span data-i18n="Local server classification">Local server classification</span>
            </label> -->
            <div class="flex-container flexFlowColumn">
                <label class="checkbox_label" for="cache_chunker_enabled" title="Enable Cache Chunker">
                    <input id="cache_chunker_enabled" type="checkbox" />
                    <span>Enabled</span>
                </label>
            </div>
            <div class="flex-container flexFlowColumn">
                <label for="cache_chunker_chunk_size">
                    Chunk Size
                </label>
                <input id="cache_chunker_chunk_size" type="number" class="text_pole widthUnset" min="1" max="99999" />
            </div>

            <div class="flex-container flexFlowColumn">
                <label for="cache_chunker_max_message_history_context">
                    Max Message History Context
                </label>
                <input id="cache_chunker_max_message_history_context" type="number" class="text_pole widthUnset" min="1"
                    max="99999" />
            </div>
        </div>
    </div>
</div>