===== operator.integration.settings unbound



<form id="form-operator.integration.settings" data-form="operator.integration.settings" data-form-kind="settings" class="app-form app-form-table" novalidate hx-post="/operator/integrations/{integrationKey}/settings" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.integration.settings-error" class="app-form-error" role="alert"></div>
    


    
    
    
    <div class="table-responsive">
        <table class="table align-middle">
            <thead>
                <tr>
                    <th scope="col">Key</th>
                    <th scope="col">Effective value</th><th scope="col">Source</th>
                    <th scope="col">Override</th>
                </tr>
            </thead>
            <tbody>
                
                <tr id="form-operator.integration.settings-acme-widget-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-url-control">acme-widget-url</label>

                        <div id="form-operator.integration.settings-acme-widget-url-hint" class="form-text">Widget service URL</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-acme-widget-url-control" name="acme-widget-url" value="" autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-url-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-scheme" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-scheme-control">acme-widget-scheme</label>

                        <div id="form-operator.integration.settings-acme-widget-scheme-hint" class="form-text">Widget URL scheme</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <select class="form-select form-select-sm" id="form-operator.integration.settings-acme-widget-scheme-control" name="acme-widget-scheme" required autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-scheme-hint">
    <option value="http" selected>http</option>
    <option value="https">https</option>
    
</select>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-domains" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-domains-control">acme-widget-domains</label> <button type="button" class="btn btn-link p-0 border-0 align-baseline app-help-icon" data-bs-toggle="popover" data-bs-trigger="click" data-bs-title="List format" data-bs-content="Comma-separated list." aria-label="Help: List format"><svg class="form-help-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></button>

                        <div id="form-operator.integration.settings-acme-widget-domains-hint" class="form-text">Widget domains</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-acme-widget-domains-control" name="acme-widget-domains" value="" autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-domains-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-sync-enabled" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-sync-enabled-control">acme-widget-sync-enabled</label>

                        <div id="form-operator.integration.settings-acme-widget-sync-enabled-hint" class="form-text">Sync widgets periodically</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input class="form-check-input" type="checkbox" id="form-operator.integration.settings-acme-widget-sync-enabled-control" name="acme-widget-sync-enabled" value="true" aria-describedby="form-operator.integration.settings-acme-widget-sync-enabled-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-token-control">acme-widget-token</label>

                        <div id="form-operator.integration.settings-acme-widget-token-hint" class="form-text">Widget admin token</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-token (or acme-widget-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-secondary-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-secondary-token-control">acme-widget-secondary-token</label>

                        <div id="form-operator.integration.settings-acme-widget-secondary-token-hint" class="form-text">Secondary widget token</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-secondary-token (or acme-widget-secondary-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-api-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-api-url-control">acme-widget-api-url</label>

                        <div id="form-operator.integration.settings-acme-widget-api-url-hint" class="form-text">Widget API endpoint the admin token is sent to</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-api-url in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-mode" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-mode-control">acme-mode</label>

                        <div id="form-operator.integration.settings-acme-mode-hint" class="form-text">Processing mode Selecting live moves this deployment onto real payment processing: charges become real money, not test transactions.</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <select class="form-select form-select-sm" id="form-operator.integration.settings-acme-mode-control" name="acme-mode" required autocomplete="off" aria-describedby="form-operator.integration.settings-acme-mode-hint">
    <option value="test" selected>test</option>
    <option value="live">live</option>
    
</select>
                        
                        
                    </td>
                </tr>
                
            </tbody>
        </table>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

<button type="submit" class="btn btn-primary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Save</button>


</div>
    
</form>



===== operator.integration.settings unbound edit side



<form id="form-operator.integration.settings" data-form="operator.integration.settings" data-form-kind="settings" class="app-form app-form-table" novalidate hx-post="/operator/integrations/{integrationKey}/settings" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.integration.settings-error" class="app-form-error" role="alert"></div>
    


    
    
    
    <div class="table-responsive">
        <table class="table align-middle">
            <thead>
                <tr>
                    <th scope="col">Key</th>
                    <th scope="col">Effective value</th><th scope="col">Source</th>
                    <th scope="col">Override</th>
                </tr>
            </thead>
            <tbody>
                
                <tr id="form-operator.integration.settings-acme-widget-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-url-control">acme-widget-url</label>

                        <div id="form-operator.integration.settings-acme-widget-url-hint" class="form-text">Widget service URL</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-acme-widget-url-control" name="acme-widget-url" value="" autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-url-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-scheme" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-scheme-control">acme-widget-scheme</label>

                        <div id="form-operator.integration.settings-acme-widget-scheme-hint" class="form-text">Widget URL scheme</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <select class="form-select form-select-sm" id="form-operator.integration.settings-acme-widget-scheme-control" name="acme-widget-scheme" required autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-scheme-hint">
    <option value="http" selected>http</option>
    <option value="https">https</option>
    
</select>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-domains" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-domains-control">acme-widget-domains</label> <button type="button" class="btn btn-link p-0 border-0 align-baseline app-help-icon" data-bs-toggle="popover" data-bs-trigger="click" data-bs-title="List format" data-bs-content="Comma-separated list." aria-label="Help: List format"><svg class="form-help-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></button>

                        <div id="form-operator.integration.settings-acme-widget-domains-hint" class="form-text">Widget domains</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-acme-widget-domains-control" name="acme-widget-domains" value="" autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-domains-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-sync-enabled" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-sync-enabled-control">acme-widget-sync-enabled</label>

                        <div id="form-operator.integration.settings-acme-widget-sync-enabled-hint" class="form-text">Sync widgets periodically</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input class="form-check-input" type="checkbox" id="form-operator.integration.settings-acme-widget-sync-enabled-control" name="acme-widget-sync-enabled" value="true" aria-describedby="form-operator.integration.settings-acme-widget-sync-enabled-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-token-control">acme-widget-token</label>

                        <div id="form-operator.integration.settings-acme-widget-token-hint" class="form-text">Widget admin token</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-token (or acme-widget-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-secondary-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-secondary-token-control">acme-widget-secondary-token</label>

                        <div id="form-operator.integration.settings-acme-widget-secondary-token-hint" class="form-text">Secondary widget token</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-secondary-token (or acme-widget-secondary-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-api-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-api-url-control">acme-widget-api-url</label>

                        <div id="form-operator.integration.settings-acme-widget-api-url-hint" class="form-text">Widget API endpoint the admin token is sent to</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-api-url in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-mode" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-mode-control">acme-mode</label>

                        <div id="form-operator.integration.settings-acme-mode-hint" class="form-text">Processing mode Selecting live moves this deployment onto real payment processing: charges become real money, not test transactions.</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <select class="form-select form-select-sm" id="form-operator.integration.settings-acme-mode-control" name="acme-mode" required autocomplete="off" aria-describedby="form-operator.integration.settings-acme-mode-hint">
    <option value="test" selected>test</option>
    <option value="live">live</option>
    
</select>
                        
                        
                    </td>
                </tr>
                
            </tbody>
        </table>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

<button type="submit" class="btn btn-primary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Save</button>


</div>
    
</form>



===== operator.integration.settings create side



<form id="form-operator.integration.settings" data-form="operator.integration.settings" data-form-kind="settings" class="app-form app-form-table" novalidate hx-post="/operator/integrations/{integrationKey}/settings" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.integration.settings-error" class="app-form-error" role="alert"></div>
    


    
    
    
    <div class="table-responsive">
        <table class="table align-middle">
            <thead>
                <tr>
                    <th scope="col">Key</th>
                    <th scope="col">Effective value</th><th scope="col">Source</th>
                    <th scope="col">Override</th>
                </tr>
            </thead>
            <tbody>
                
                <tr id="form-operator.integration.settings-acme-widget-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-url-control">acme-widget-url</label>

                        <div id="form-operator.integration.settings-acme-widget-url-hint" class="form-text">Widget service URL</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-acme-widget-url-control" name="acme-widget-url" value="" autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-url-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-scheme" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-scheme-control">acme-widget-scheme</label>

                        <div id="form-operator.integration.settings-acme-widget-scheme-hint" class="form-text">Widget URL scheme</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <select class="form-select form-select-sm" id="form-operator.integration.settings-acme-widget-scheme-control" name="acme-widget-scheme" required autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-scheme-hint">
    <option value="http" selected>http</option>
    <option value="https">https</option>
    
</select>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-domains" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-domains-control">acme-widget-domains</label> <button type="button" class="btn btn-link p-0 border-0 align-baseline app-help-icon" data-bs-toggle="popover" data-bs-trigger="click" data-bs-title="List format" data-bs-content="Comma-separated list." aria-label="Help: List format"><svg class="form-help-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></button>

                        <div id="form-operator.integration.settings-acme-widget-domains-hint" class="form-text">Widget domains</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-acme-widget-domains-control" name="acme-widget-domains" value="" autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-domains-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-sync-enabled" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-sync-enabled-control">acme-widget-sync-enabled</label>

                        <div id="form-operator.integration.settings-acme-widget-sync-enabled-hint" class="form-text">Sync widgets periodically</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input class="form-check-input" type="checkbox" id="form-operator.integration.settings-acme-widget-sync-enabled-control" name="acme-widget-sync-enabled" value="true" aria-describedby="form-operator.integration.settings-acme-widget-sync-enabled-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-token-control">acme-widget-token</label>

                        <div id="form-operator.integration.settings-acme-widget-token-hint" class="form-text">Widget admin token</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-token (or acme-widget-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-secondary-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-secondary-token-control">acme-widget-secondary-token</label>

                        <div id="form-operator.integration.settings-acme-widget-secondary-token-hint" class="form-text">Secondary widget token</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-secondary-token (or acme-widget-secondary-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-api-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-api-url-control">acme-widget-api-url</label>

                        <div id="form-operator.integration.settings-acme-widget-api-url-hint" class="form-text">Widget API endpoint the admin token is sent to</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-api-url in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-mode" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-mode-control">acme-mode</label>

                        <div id="form-operator.integration.settings-acme-mode-hint" class="form-text">Processing mode Selecting live moves this deployment onto real payment processing: charges become real money, not test transactions.</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <select class="form-select form-select-sm" id="form-operator.integration.settings-acme-mode-control" name="acme-mode" required autocomplete="off" aria-describedby="form-operator.integration.settings-acme-mode-hint">
    <option value="test" selected>test</option>
    <option value="live">live</option>
    
</select>
                        
                        
                    </td>
                </tr>
                
            </tbody>
        </table>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

<button type="submit" class="btn btn-primary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Save</button>


</div>
    
</form>



===== operator.integration.settings unbound with values



<form id="form-operator.integration.settings" data-form="operator.integration.settings" data-form-kind="settings" class="app-form app-form-table" novalidate hx-post="/operator/integrations/{integrationKey}/settings" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.integration.settings-error" class="app-form-error" role="alert"></div>
    


    
    
    
    <div class="table-responsive">
        <table class="table align-middle">
            <thead>
                <tr>
                    <th scope="col">Key</th>
                    <th scope="col">Effective value</th><th scope="col">Source</th>
                    <th scope="col">Override</th>
                </tr>
            </thead>
            <tbody>
                
                <tr id="form-operator.integration.settings-acme-widget-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-url-control">acme-widget-url</label>

                        <div id="form-operator.integration.settings-acme-widget-url-hint" class="form-text">Widget service URL</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-acme-widget-url-control" name="acme-widget-url" value="" autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-url-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-scheme" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-scheme-control">acme-widget-scheme</label>

                        <div id="form-operator.integration.settings-acme-widget-scheme-hint" class="form-text">Widget URL scheme</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <select class="form-select form-select-sm" id="form-operator.integration.settings-acme-widget-scheme-control" name="acme-widget-scheme" required autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-scheme-hint">
    <option value="http" selected>http</option>
    <option value="https">https</option>
    
</select>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-domains" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-domains-control">acme-widget-domains</label> <button type="button" class="btn btn-link p-0 border-0 align-baseline app-help-icon" data-bs-toggle="popover" data-bs-trigger="click" data-bs-title="List format" data-bs-content="Comma-separated list." aria-label="Help: List format"><svg class="form-help-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></button>

                        <div id="form-operator.integration.settings-acme-widget-domains-hint" class="form-text">Widget domains</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-acme-widget-domains-control" name="acme-widget-domains" value="" autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-domains-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-sync-enabled" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-sync-enabled-control">acme-widget-sync-enabled</label>

                        <div id="form-operator.integration.settings-acme-widget-sync-enabled-hint" class="form-text">Sync widgets periodically</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input class="form-check-input" type="checkbox" id="form-operator.integration.settings-acme-widget-sync-enabled-control" name="acme-widget-sync-enabled" value="true" aria-describedby="form-operator.integration.settings-acme-widget-sync-enabled-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-token-control">acme-widget-token</label>

                        <div id="form-operator.integration.settings-acme-widget-token-hint" class="form-text">Widget admin token</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-token (or acme-widget-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-secondary-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-secondary-token-control">acme-widget-secondary-token</label>

                        <div id="form-operator.integration.settings-acme-widget-secondary-token-hint" class="form-text">Secondary widget token</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-secondary-token (or acme-widget-secondary-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-api-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-api-url-control">acme-widget-api-url</label>

                        <div id="form-operator.integration.settings-acme-widget-api-url-hint" class="form-text">Widget API endpoint the admin token is sent to</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-api-url in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-mode" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-mode-control">acme-mode</label>

                        <div id="form-operator.integration.settings-acme-mode-hint" class="form-text">Processing mode Selecting live moves this deployment onto real payment processing: charges become real money, not test transactions.</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <select class="form-select form-select-sm" id="form-operator.integration.settings-acme-mode-control" name="acme-mode" required autocomplete="off" aria-describedby="form-operator.integration.settings-acme-mode-hint">
    <option value="test" selected>test</option>
    <option value="live">live</option>
    
</select>
                        
                        
                    </td>
                </tr>
                
            </tbody>
        </table>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

<button type="submit" class="btn btn-primary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Save</button>


</div>
    
</form>



===== operator.integration.settings record



<form id="form-operator.integration.settings-i1" data-form="operator.integration.settings" data-form-kind="settings" class="app-form app-form-table" novalidate hx-post="/operator/integrations/{integrationKey}/settings" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.integration.settings-i1-error" class="app-form-error" role="alert"></div>
    
<div class="app-form-message mb-2"><p>msg</p></div>

    
    
    
    <div class="table-responsive">
        <table class="table align-middle">
            <thead>
                <tr>
                    <th scope="col">Key</th>
                    <th scope="col">Effective value</th><th scope="col">Source</th>
                    <th scope="col">Override</th>
                </tr>
            </thead>
            <tbody>
                
                <tr id="form-operator.integration.settings-i1-acme-widget-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-i1-acme-widget-url-control">acme-widget-url</label>

                        <div id="form-operator.integration.settings-i1-acme-widget-url-hint" class="form-text">Widget service URL</div>
                        
                    </th>
                    <td><i>cell</i></td><td><i>cell 2</i></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-i1-acme-widget-url-control" name="acme-widget-url" value="sample" autocomplete="off" aria-describedby="form-operator.integration.settings-i1-acme-widget-url-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-i1-acme-widget-scheme" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-i1-acme-widget-scheme-control">acme-widget-scheme</label>

                        <div id="form-operator.integration.settings-i1-acme-widget-scheme-hint" class="form-text">Widget URL scheme</div>
                        
                    </th>
                    <td><i>cell</i></td><td><i>cell 2</i></td>
                    <td>
                        <select class="form-select form-select-sm" id="form-operator.integration.settings-i1-acme-widget-scheme-control" name="acme-widget-scheme" required autocomplete="off" aria-describedby="form-operator.integration.settings-i1-acme-widget-scheme-hint">
    <option value="http" selected>http</option>
    <option value="https">https</option>
    
</select>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-i1-acme-widget-domains" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-i1-acme-widget-domains-control">acme-widget-domains</label> <button type="button" class="btn btn-link p-0 border-0 align-baseline app-help-icon" data-bs-toggle="popover" data-bs-trigger="click" data-bs-title="List format" data-bs-content="Comma-separated list." aria-label="Help: List format"><svg class="form-help-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></button>

                        <div id="form-operator.integration.settings-i1-acme-widget-domains-hint" class="form-text">Widget domains</div>
                        
                    </th>
                    <td><i>cell</i></td><td><i>cell 2</i></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-i1-acme-widget-domains-control" name="acme-widget-domains" value="sample" autocomplete="off" aria-describedby="form-operator.integration.settings-i1-acme-widget-domains-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-i1-acme-widget-sync-enabled" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-i1-acme-widget-sync-enabled-control">acme-widget-sync-enabled</label>

                        <div id="form-operator.integration.settings-i1-acme-widget-sync-enabled-hint" class="form-text">Sync widgets periodically</div>
                        
                    </th>
                    <td><i>cell</i></td><td><i>cell 2</i></td>
                    <td>
                        <input class="form-check-input" type="checkbox" id="form-operator.integration.settings-i1-acme-widget-sync-enabled-control" name="acme-widget-sync-enabled" value="true" checked aria-describedby="form-operator.integration.settings-i1-acme-widget-sync-enabled-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-i1-acme-widget-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-i1-acme-widget-token-control">acme-widget-token</label>

                        <div id="form-operator.integration.settings-i1-acme-widget-token-hint" class="form-text">Widget admin token</div>
                        
                    </th>
                    <td><i>cell</i></td><td><i>cell 2</i></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-token (or acme-widget-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-i1-acme-widget-secondary-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-i1-acme-widget-secondary-token-control">acme-widget-secondary-token</label>

                        <div id="form-operator.integration.settings-i1-acme-widget-secondary-token-hint" class="form-text">Secondary widget token</div>
                        
                    </th>
                    <td><i>cell</i></td><td><i>cell 2</i></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-secondary-token (or acme-widget-secondary-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-i1-acme-widget-api-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-i1-acme-widget-api-url-control">acme-widget-api-url</label>

                        <div id="form-operator.integration.settings-i1-acme-widget-api-url-hint" class="form-text">Widget API endpoint the admin token is sent to</div>
                        
                    </th>
                    <td><i>cell</i></td><td><i>cell 2</i></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-api-url in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-i1-acme-mode" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-i1-acme-mode-control">acme-mode</label>

                        <div id="form-operator.integration.settings-i1-acme-mode-hint" class="form-text">Processing mode Selecting live moves this deployment onto real payment processing: charges become real money, not test transactions.</div>
                        
                    </th>
                    <td><i>cell</i></td><td><i>cell 2</i></td>
                    <td>
                        <select class="form-select form-select-sm" id="form-operator.integration.settings-i1-acme-mode-control" name="acme-mode" required autocomplete="off" aria-describedby="form-operator.integration.settings-i1-acme-mode-hint">
    <option value="test" selected>test</option>
    <option value="live">live</option>
    
</select>
                        
                        
                    </td>
                </tr>
                
            </tbody>
        </table>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

<button type="submit" class="btn btn-primary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Save</button>


</div>
    
</form>



===== operator.integration.settings refused [acme-mode acme-widget-scheme]



<form id="form-operator.integration.settings" data-form="operator.integration.settings" data-form-kind="settings" class="app-form app-form-table" novalidate hx-post="/operator/integrations/{integrationKey}/settings" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.integration.settings-error" class="app-form-error" role="alert"></div>
    


    
    
    
    <div class="table-responsive">
        <table class="table align-middle">
            <thead>
                <tr>
                    <th scope="col">Key</th>
                    <th scope="col">Effective value</th><th scope="col">Source</th>
                    <th scope="col">Override</th>
                </tr>
            </thead>
            <tbody>
                
                <tr id="form-operator.integration.settings-acme-widget-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-url-control">acme-widget-url</label>

                        <div id="form-operator.integration.settings-acme-widget-url-hint" class="form-text">Widget service URL</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-acme-widget-url-control" name="acme-widget-url" value="" autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-url-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-scheme" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-scheme-control">acme-widget-scheme</label>

                        <div id="form-operator.integration.settings-acme-widget-scheme-hint" class="form-text">Widget URL scheme</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <select class="form-select form-select-sm is-invalid" id="form-operator.integration.settings-acme-widget-scheme-control" name="acme-widget-scheme" required autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-scheme-hint form-operator.integration.settings-acme-widget-scheme-error" aria-invalid="true" autofocus>
    <option value="http" selected>http</option>
    <option value="https">https</option>
    
</select>
                        <div id="form-operator.integration.settings-acme-widget-scheme-error" class="invalid-feedback d-block">Choose an acme-widget-scheme.</div>
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-domains" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-domains-control">acme-widget-domains</label> <button type="button" class="btn btn-link p-0 border-0 align-baseline app-help-icon" data-bs-toggle="popover" data-bs-trigger="click" data-bs-title="List format" data-bs-content="Comma-separated list." aria-label="Help: List format"><svg class="form-help-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></button>

                        <div id="form-operator.integration.settings-acme-widget-domains-hint" class="form-text">Widget domains</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input type="text" class="form-control form-control-sm" id="form-operator.integration.settings-acme-widget-domains-control" name="acme-widget-domains" value="" autocomplete="off" aria-describedby="form-operator.integration.settings-acme-widget-domains-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-sync-enabled" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-sync-enabled-control">acme-widget-sync-enabled</label>

                        <div id="form-operator.integration.settings-acme-widget-sync-enabled-hint" class="form-text">Sync widgets periodically</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <input class="form-check-input" type="checkbox" id="form-operator.integration.settings-acme-widget-sync-enabled-control" name="acme-widget-sync-enabled" value="true" aria-describedby="form-operator.integration.settings-acme-widget-sync-enabled-hint">
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-token-control">acme-widget-token</label>

                        <div id="form-operator.integration.settings-acme-widget-token-hint" class="form-text">Widget admin token</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-token (or acme-widget-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-secondary-token" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-secondary-token-control">acme-widget-secondary-token</label>

                        <div id="form-operator.integration.settings-acme-widget-secondary-token-hint" class="form-text">Secondary widget token</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-secondary-token (or acme-widget-secondary-token-file) in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-widget-api-url" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-widget-api-url-control">acme-widget-api-url</label>

                        <div id="form-operator.integration.settings-acme-widget-api-url-hint" class="form-text">Widget API endpoint the admin token is sent to</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        
<span class="text-muted small">Set acme-widget-api-url in the environment.</span>
                        
                        
                    </td>
                </tr>
                
                <tr id="form-operator.integration.settings-acme-mode" class="app-form-field">
                    <th scope="row" class="fw-normal">
                        
<label class="form-label form-label-sm" for="form-operator.integration.settings-acme-mode-control">acme-mode</label>

                        <div id="form-operator.integration.settings-acme-mode-hint" class="form-text">Processing mode Selecting live moves this deployment onto real payment processing: charges become real money, not test transactions.</div>
                        
                    </th>
                    <td></td><td></td>
                    <td>
                        <select class="form-select form-select-sm is-invalid" id="form-operator.integration.settings-acme-mode-control" name="acme-mode" required autocomplete="off" aria-describedby="form-operator.integration.settings-acme-mode-hint form-operator.integration.settings-acme-mode-error" aria-invalid="true">
    <option value="test" selected>test</option>
    <option value="live">live</option>
    
</select>
                        <div id="form-operator.integration.settings-acme-mode-error" class="invalid-feedback d-block">Choose an acme-mode.</div>
                        
                    </td>
                </tr>
                
            </tbody>
        </table>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

<button type="submit" class="btn btn-primary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Save</button>


</div>
    
</form>



===== operator.integration.settings bad-values refusals
acme-mode: Choose an acme-mode from the list.
acme-widget-scheme: Choose an acme-widget-scheme from the list.