DemonGatanjieu-Anomalous_Model_Browser/web/modules/entry_controls.js

export const FLOATING_TRIGGER_SIZES = new Set(['small', 'medium', 'large']);
export const FLOATING_TRIGGER_STYLES = new Set(['icon', 'pill']);
export const ENTRY_MODES = new Set(['floating', 'topbar', 'menu']);

export function normalizeFloatingTriggerSize(value) {
    return FLOATING_TRIGGER_SIZES.has(value) ? value : 'medium';
}

export function normalizeFloatingTriggerStyle(value) {
    return FLOATING_TRIGGER_STYLES.has(value) ? value : 'icon';
}

export function normalizeEntryMode(value) {
    return ENTRY_MODES.has(value) ? value : 'floating';
}

// Unsaved buttons are placed by CSS (#anomalous-trigger-btn, 00-foundation-models.css);
// these mirror that default for clamping when no coordinates exist.
export const DEFAULT_SAFE_TOP = 80;
export const DEFAULT_SAFE_LEFT = 80;
export const DEFAULT_MIN_SAFE_X = 70; // Avoid ComfyUI left sidebar dock
export const TRIGGER_POSITION_STORAGE_KEY = 'anomalous_trigger_pos_v3';
export const LEGACY_TRIGGER_X_KEY = 'anomalous_btn_x';
export const LEGACY_TRIGGER_Y_KEY = 'anomalous_btn_y';

export function isValidSavedTriggerPosition(x, y) {
    if (x == null || y == null) return false;
    const px = Number.parseFloat(x);
    const py = Number.parseFloat(y);
    // Must be a finite number, py >= 0, and px >= DEFAULT_MIN_SAFE_X (70px) to prevent docking inside sidebar
    return Number.isFinite(px) && Number.isFinite(py) && px >= DEFAULT_MIN_SAFE_X && py >= 0;
}

export function loadSavedTriggerPosition(storage = (typeof localStorage !== 'undefined' ? localStorage : null)) {
    if (!storage) return null;
    try {
        const raw = storage.getItem(TRIGGER_POSITION_STORAGE_KEY);
        if (raw) {
            const parsed = JSON.parse(raw);
            if (isValidSavedTriggerPosition(parsed?.x, parsed?.y)) {
                return { x: Math.round(Number(parsed.x)), y: Math.round(Number(parsed.y)) };
            } else {
                storage.removeItem(TRIGGER_POSITION_STORAGE_KEY);
            }
        }
    } catch (_) {}
    return null;
}

export function saveTriggerPosition(pos, storage = (typeof localStorage !== 'undefined' ? localStorage : null)) {
    if (!storage || !pos) return;
    const x = Number.parseFloat(pos.x);
    const y = Number.parseFloat(pos.y);
    if (!isValidSavedTriggerPosition(x, y)) return;
    try {
        storage.setItem(TRIGGER_POSITION_STORAGE_KEY, JSON.stringify({
            x: Math.round(x),
            y: Math.round(y)
        }));
        storage.removeItem(LEGACY_TRIGGER_X_KEY);
        storage.removeItem(LEGACY_TRIGGER_Y_KEY);
        storage.removeItem('anomalous_trigger_pos_v2');
    } catch (_) {}
}

export function clearSavedTriggerPosition(storage = (typeof localStorage !== 'undefined' ? localStorage : null)) {
    if (!storage) return;
    try {
        storage.removeItem(TRIGGER_POSITION_STORAGE_KEY);
        storage.removeItem(LEGACY_TRIGGER_X_KEY);
        storage.removeItem(LEGACY_TRIGGER_Y_KEY);
        storage.removeItem('anomalous_trigger_pos_v2');
    } catch (_) {}
}

export function normalizeSavedTriggerPosition(x, y) {
    if (!isValidSavedTriggerPosition(x, y)) return null;
    return { x: Number.parseFloat(x), y: Number.parseFloat(y) };
}

/** Pre-v3 keys could hold coordinates inside the sidebar dock; they are never read, only removed. */
export function removeLegacyTriggerPosition(storage = (typeof localStorage !== 'undefined' ? localStorage : null)) {
    try {
        storage?.removeItem(LEGACY_TRIGGER_X_KEY);
        storage?.removeItem(LEGACY_TRIGGER_Y_KEY);
    } catch (_) {}
}

export function clampFloatingTriggerPosition({
    x,
    y,
    width,
    height,
    viewportWidth,
    viewportHeight,
    minX = DEFAULT_MIN_SAFE_X,
    margin = 0
}) {
    const safeWidth = Math.max(1, Number(width) || 60);
    const safeHeight = Math.max(1, Number(height) || 60);
    const rawVw = Number(viewportWidth) || (typeof window !== 'undefined' ? window.innerWidth : 1024) || 1024;
    const rawVh = Number(viewportHeight) || (typeof window !== 'undefined' ? window.innerHeight : 768) || 768;
    const safeVw = rawVw >= 300 ? rawVw : 1024;
    const safeVh = rawVh >= 200 ? rawVh : 768;
    const maxX = Math.max(minX, safeVw - safeWidth);
    const maxY = Math.max(0, safeVh - safeHeight);

    const parsedX = Number.parseFloat(x);
    const parsedY = Number.parseFloat(y);

    const fallbackX = Math.max(minX, Math.min(maxX, DEFAULT_SAFE_LEFT));
    const fallbackY = Math.min(maxY, DEFAULT_SAFE_TOP);

    const targetX = Number.isFinite(parsedX) ? parsedX : fallbackX;
    const targetY = Number.isFinite(parsedY) ? parsedY : fallbackY;

    return {
        x: Math.min(maxX, Math.max(minX, Math.round(targetX))),
        y: Math.min(maxY, Math.max(0, Math.round(targetY)))
    };
}