`;
}
// A set without captured affix groups remains browse-only.
let relicClientCapture = null;
const relicCaptureReady = fetch('./assets/relic-client-capture.json')
.then(response => response.ok ? response.json() : null)
.then(data => { relicClientCapture = data; })
.catch(error => console.warn('Client relic capture unavailable', error));
function canCreateRelicSet(setId) {
const meta = RELIC_SET_METADATA[setId];
if (meta?.clientCaptureRequired) {
const rows = relicClientCapture?.relics?.filter(row => Number(row.SetID) === Number(setId)) || [];
return [5, 6].every(slot => rows.some(row => Number(row.Type) === slot &&
relicClientCapture.main_affixes?.some(affix => affix.GroupID === row.MainAffixGroup) &&
relicClientCapture.sub_affixes?.some(affix => affix.GroupID === row.SubAffixGroup)));
}
return meta?.creationAvailable !== false;
}
function isCapturedMainAffixValid(setId, slot, mainAffixId) {
if (!RELIC_SET_METADATA[setId]?.clientCaptureRequired) return true;
const relic = relicClientCapture?.relics?.find(row => Number(row.SetID) === Number(setId) && Number(row.Type) === Number(slot));
return !!relic && relicClientCapture.main_affixes.some(row => row.GroupID === relic.MainAffixGroup && row.AffixID === Number(mainAffixId));
}
function areCapturedSubAffixesValid(setId, slot, mainAffixId, subAffixes) {
if (!RELIC_SET_METADATA[setId]?.clientCaptureRequired) return true;
const relic = relicClientCapture?.relics?.find(row => Number(row.SetID) === Number(setId) && Number(row.Type) === Number(slot));
if (!relic) return false;
const main = relicClientCapture.main_affixes.find(row => row.GroupID === relic.MainAffixGroup && row.AffixID === Number(mainAffixId));
if (!main) return false;
const ids = new Set();
return subAffixes.every(sub => {
const id = Number(sub.sub_affix_id);
const row = relicClientCapture.sub_affixes.find(entry => entry.GroupID === relic.SubAffixGroup && entry.AffixID === id);
if (!row || row.Property === main.Property || ids.has(id)) return false;
ids.add(id);
return true;
});
}
// Official in-game property icons (same set used by the overview tab)
function getRelicImage(setId, slot = 5) {
return RELIC_SET_METADATA[setId]?.setIcon || RELIC_SET_METADATA[setId]?.images?.[slot] || RELIC_SET_METADATA[setId]?.images?.[5] || `https://cdn.jsdelivr.net/gh/Mar-7th/StarRailRes@master/icon/relic/${setId}.png`;
}
function getLightconeIconSrc(id) {
return LIGHTCONE_METADATA[id]?.images?.thumbnail || `https://static.nanoka.cc/assets/hsr/lightconemediumicon/${id}.webp`;
}
const STAT_PROPERTY_ICON_CDN = 'https://cdn.jsdelivr.net/gh/Mar-7th/StarRailRes@master/icon/property';
function getStatIconHtml(iconName, size = 15, alt = '') {
if (!iconName) return '';
return `
`;
}
// Render Path Icon HTML (Official Star Rail Game Icon)
function getPathIconHtml(path, size = 20) {
if (!path) return '';
const canonical = normalizePath(path);
return `
`;
}
function updateEquipmentFilterExtraOptions() {
if (!el.eqFilterExtra) return;
const selected = el.eqFilterExtra.value || 'all';
if (state.eqActiveSubtab === 'relic') {
const slots = [
['head', 1], ['hands', 2], ['body', 3],
['feet', 4], ['sphere', 5], ['rope', 6]
];
el.eqFilterExtra.innerHTML = `${slots.map(([slot, id]) => {
const key = `relicSlot${slot.charAt(0).toUpperCase()}${slot.slice(1)}`;
return ``;
}).join('')}`;
} else {
const paths = ['Destruction', 'Hunt', 'Erudition', 'Harmony', 'Nihility', 'Preservation', 'Abundance', 'Remembrance', 'Elation'];
el.eqFilterExtra.innerHTML = `${paths.map(path => ``).join('')}`;
}
if (Array.from(el.eqFilterExtra.options).some(option => option.value === selected)) {
el.eqFilterExtra.value = selected;
}
}
// Update filter dropdown options to current language
function updateFilterDropdownTranslations() {
if (el.avatarFilterElement) {
const selected = el.avatarFilterElement.value;
const elements = ['Fire', 'Ice', 'Lightning', 'Wind', 'Physical', 'Quantum', 'Imaginary'];
if (el.avatarFilterElement.options[0]) {
el.avatarFilterElement.options[0].textContent = t('filterAllElements') || 'ทุกธาตุ';
}
elements.forEach((elemKey, idx) => {
if (el.avatarFilterElement.options[idx + 1]) {
el.avatarFilterElement.options[idx + 1].textContent = translateElement(elemKey);
}
});
el.avatarFilterElement.value = selected;
}
if (el.avatarFilterPath) {
const selected = el.avatarFilterPath.value;
const paths = ['Destruction', 'Hunt', 'Erudition', 'Harmony', 'Nihility', 'Preservation', 'Abundance', 'Remembrance', 'Elation'];
if (el.avatarFilterPath.options[0]) {
el.avatarFilterPath.options[0].textContent = t('filterAllPaths') || 'ทุกประเภท';
}
paths.forEach((pathKey, idx) => {
if (el.avatarFilterPath.options[idx + 1]) {
el.avatarFilterPath.options[idx + 1].textContent = translatePath(pathKey);
}
});
el.avatarFilterPath.value = selected;
}
const addLcFilter = document.getElementById('add-lc-filter-path');
if (addLcFilter) {
const selected = addLcFilter.value;
const paths = ['Destruction', 'Hunt', 'Erudition', 'Harmony', 'Nihility', 'Preservation', 'Abundance', 'Remembrance', 'Elation'];
if (addLcFilter.options[0]) addLcFilter.options[0].textContent = t('filterAllPaths') || 'ทุกสาย';
paths.forEach((p, idx) => {
if (addLcFilter.options[idx + 1]) addLcFilter.options[idx + 1].textContent = translatePath(p);
});
addLcFilter.value = selected;
}
const lcPickerFilter = document.getElementById('lc-picker-filter-path');
if (lcPickerFilter) {
const selected = lcPickerFilter.value;
const paths = ['Destruction', 'Hunt', 'Erudition', 'Harmony', 'Nihility', 'Preservation', 'Abundance', 'Remembrance'];
if (lcPickerFilter.options[0]) lcPickerFilter.options[0].textContent = t('filterAllPaths') || 'ทุกสาย';
if (lcPickerFilter.options[1]) lcPickerFilter.options[1].textContent = t('filterSamePath') || 'สายเดียวกัน';
paths.forEach((p, idx) => {
if (lcPickerFilter.options[idx + 2]) lcPickerFilter.options[idx + 2].textContent = translatePath(p);
});
lcPickerFilter.value = selected;
}
document.querySelectorAll('[data-superimposition-rank]').forEach((option) => {
option.textContent = t('superimpositionRank', { rank: option.value });
});
document.querySelectorAll('#lc-picker-rank option').forEach((option) => {
option.textContent = t('superimpositionRank', { rank: option.value });
});
document.querySelectorAll('[data-relic-slot]').forEach((option) => {
const slotKey = option.dataset.relicSlot;
const slotLabel = t(`relicSlot${slotKey.charAt(0).toUpperCase()}${slotKey.slice(1)}`);
option.textContent = `${option.value}: ${slotLabel}`;
});
updateEquipmentFilterExtraOptions();
const dict = TRANSLATIONS[getCurrentLanguage()] || TRANSLATIONS.en || TRANSLATIONS.th;
if (el.persistentMcSelect && dict.tbOptions) {
const curVal = el.persistentMcSelect.value;
Array.from(el.persistentMcSelect.options).forEach(opt => {
if (dict.tbOptions[opt.value]) {
opt.textContent = dict.tbOptions[opt.value];
}
});
el.persistentMcSelect.value = curVal;
}
if (el.persistentMarchSelect && dict.marchOptions) {
const curVal = el.persistentMarchSelect.value;
Array.from(el.persistentMarchSelect.options).forEach(opt => {
if (dict.marchOptions[opt.value]) {
opt.textContent = dict.marchOptions[opt.value];
}
});
el.persistentMarchSelect.value = curVal;
}
}
// Robust Dual Storage (IndexedDB + localStorage fallback)
const DB_NAME = 'GaCSrtoolDB';
const DB_STORE = 'cache_store';
function openIDB() {
return new Promise((resolve) => {
if (!window.indexedDB) {
resolve(null);
return;
}
const request = indexedDB.open(DB_NAME, 1);
request.onupgradeneeded = (e) => {
const db = e.target.result;
if (!db.objectStoreNames.contains(DB_STORE)) {
db.createObjectStore(DB_STORE);
}
};
request.onsuccess = (e) => resolve(e.target.result);
request.onerror = () => resolve(null);
});
}
async function idbSet(key, value) {
try {
const db = await openIDB();
if (db) {
return new Promise((resolve) => {
const tx = db.transaction(DB_STORE, 'readwrite');
tx.objectStore(DB_STORE).put(value, key);
tx.oncomplete = () => resolve(true);
tx.onerror = () => resolve(false);
});
}
} catch (e) {}
return false;
}
async function idbGet(key) {
try {
const db = await openIDB();
if (db) {
return new Promise((resolve) => {
const tx = db.transaction(DB_STORE, 'readonly');
const req = tx.objectStore(DB_STORE).get(key);
req.onsuccess = () => resolve(req.result);
req.onerror = () => resolve(null);
});
}
} catch (e) {}
return null;
}
async function idbDelete(key) {
try {
const db = await openIDB();
if (db) {
return new Promise((resolve) => {
const tx = db.transaction(DB_STORE, 'readwrite');
tx.objectStore(DB_STORE).delete(key);
tx.oncomplete = () => resolve(true);
tx.onerror = () => resolve(false);
});
}
} catch (e) {}
return false;
}
async function idbClear() {
try {
const db = await openIDB();
if (db) {
return new Promise((resolve) => {
const tx = db.transaction(DB_STORE, 'readwrite');
tx.objectStore(DB_STORE).clear();
tx.oncomplete = () => resolve(true);
tx.onerror = () => resolve(false);
});
}
} catch (e) {}
return false;
}
// Storage Cache Handlers for Offline & Upload Persistence
async function saveFreesrCache(data) {
if (!data) return;
try {
// 1. Primary: IndexedDB (handles large multi-MB FreeSR files easily)
await idbSet('gac_srtool_freesr_cache', data);
} catch (e) {
console.warn('Failed to save freesr cache to IndexedDB:', e);
}
// 2. Secondary: localStorage
try {
localStorage.setItem('gac_srtool_freesr_cache', JSON.stringify(data));
} catch (e) {
console.warn('localStorage quota exceeded for freesr cache, safely persisted in IndexedDB:', e);
}
updateCacheUsageDisplay();
}
async function savePersistentCache(data) {
if (!data) return;
try {
await idbSet('gac_srtool_persistent_cache', data);
} catch (e) {
console.warn('Failed to save persistent cache to IndexedDB:', e);
}
try {
localStorage.setItem('gac_srtool_persistent_cache', JSON.stringify(data));
} catch (e) {
console.warn('localStorage quota exceeded for persistent cache, safely persisted in IndexedDB:', e);
}
updateCacheUsageDisplay();
}
// FireflyGo data-in-game.json structure and path mappings (from FFGO dumps)
const DEFAULT_DATA_GAME = {
leader: 0,
lineups: {
"0": 1506,
"1": 1502,
"2": 1511,
"3": 1503
},
position: {
x: 8000,
z: 1550,
y: 715,
rot_y: 131000
},
scene: {
plane_id: 80112,
floor_id: 80112001,
entry_id: 801120102,
map_rotation_group_id: 0
},
player_outfit: [ 1003 ],
char_path: {
main: 8010,
march_7: 1224
},
char_enhanced: {
"1004": 1,
"1005": 0,
"1006": 1,
"1102": 1,
"1205": 1,
"1212": 1,
"1217": 1,
"1306": 1,
"1307": 1,
"1310": 1
}
};
const FIREFLY_MC_MAP = {
'MalePhysical': 8001,
'FemalePhysical': 8002,
'MalePreservation': 8003,
'FemalePreservation': 8004,
'MaleHarmony': 8005,
'FemaleHarmony': 8010,
'MaleRemembrance': 8011,
'FemaleRemembrance': 8012
};
const FIREFLY_MC_REVERSE_MAP = {
8001: 'MalePhysical',
8002: 'FemalePhysical',
8003: 'MalePreservation',
8004: 'FemalePreservation',
8005: 'MaleHarmony',
8006: 'FemaleHarmony',
8010: 'FemaleHarmony',
8011: 'MaleRemembrance',
8012: 'FemaleRemembrance'
};
const FIREFLY_MARCH_MAP = {
'MarchPreservation': 1001,
'MarchHunt': 1224
};
const FIREFLY_MARCH_REVERSE_MAP = {
1001: 'MarchPreservation',
1224: 'MarchHunt'
};
async function saveDataGameCache(data) {
if (!data) return;
try {
await idbSet('gac_srtool_datagame_cache', data);
} catch (e) {
console.warn('Failed to save data-in-game cache to IndexedDB:', e);
}
try {
localStorage.setItem('gac_srtool_datagame_cache', JSON.stringify(data));
} catch (e) {
console.warn('localStorage quota exceeded for data-in-game cache:', e);
}
updateCacheUsageDisplay();
}
async function loadCachedStorageData() {
try {
let cachedFreesr = await idbGet('gac_srtool_freesr_cache');
if (!cachedFreesr) {
const raw = localStorage.getItem('gac_srtool_freesr_cache');
if (raw) cachedFreesr = JSON.parse(raw);
}
if (cachedFreesr) {
state.fullFreesrData = cachedFreesr;
if (cachedFreesr.avatars) {
for (const aid in cachedFreesr.avatars) {
const av = cachedFreesr.avatars[aid];
const found = state.avatarsList.find(a => a.avatar_id === parseInt(aid, 10));
if (found) {
found.level = av.level || 80;
found.promotion = av.promotion || 6;
found.rank = av.data?.rank ?? 6;
}
}
}
if (cachedFreesr.lineups && (!state.statusData || !state.statusData.lineups)) {
state.statusData = state.statusData || {};
state.statusData.lineups = cachedFreesr.lineups;
}
}
} catch (e) {
console.warn('Failed to load cached freesr data:', e);
}
try {
let cachedPersistent = await idbGet('gac_srtool_persistent_cache');
if (!cachedPersistent) {
const raw = localStorage.getItem('gac_srtool_persistent_cache');
if (raw) cachedPersistent = JSON.parse(raw);
}
if (cachedPersistent) {
state.persistentData = cachedPersistent;
if (cachedPersistent.lineups && (!state.statusData || !state.statusData.lineups)) {
state.statusData = state.statusData || {};
state.statusData.lineups = cachedPersistent.lineups;
}
}
} catch (e) {
console.warn('Failed to load cached persistent data:', e);
}
try {
let cachedDataGame = await idbGet('gac_srtool_datagame_cache');
if (!cachedDataGame) {
const raw = localStorage.getItem('gac_srtool_datagame_cache');
if (raw) cachedDataGame = JSON.parse(raw);
}
if (cachedDataGame) {
state.dataGameData = cachedDataGame;
if (state.serverMode === 'firefly' && cachedDataGame.lineups && (!state.statusData || !state.statusData.lineups)) {
state.statusData = state.statusData || {};
state.statusData.lineups = cachedDataGame.lineups;
}
}
} catch (e) {
console.warn('Failed to load cached data-in-game data:', e);
}
}
// Apply multi-language translations across UI
function applyTranslations() {
setCommandLanguage(getCurrentLanguage());
document.querySelectorAll('[data-i18n]').forEach(elem => {
const key = elem.getAttribute('data-i18n');
const val = t(key);
if (val && val !== key) {
const icons = { substatPresetCrit: ['IconCriticalChance', 'IconCriticalDamage'], substatPresetSpeed: ['IconSpeed'], substatPresetBreak: ['IconBreakUp'], substatPresetTank: ['IconMaxHP', 'IconDefence'] }[key];
if (icons) {
elem.textContent = val.replace(/^[🎯⚡🔨🛡️\s]+/u, '');
icons.slice().reverse().forEach(icon => elem.insertAdjacentHTML('afterbegin', getStatIconHtml(icon, 16, '')));
} else {
elem.textContent = val;
const equipmentIcons = {
tabEquipment: './assets/lightcones/22009-icon.webp',
modalAddLcTitle: './assets/lightcones/22009-icon.webp',
eqLcTitle: './assets/lightcones/22009-icon.webp',
overviewEquippedLc: './assets/lightcones/22009-icon.webp',
modalAddRelicTitle: './assets/relic-slots/1.png',
eqRelicTitle: './assets/relic-slots/1.png',
overviewEquippedRelics: './assets/relic-slots/1.png',
activeSetEffects: './assets/relic-slots/1.png'
};
if (equipmentIcons[key]) {
const icon = document.createElement('img');
icon.src = equipmentIcons[key];
icon.alt = '';
icon.className = 'game-inline-icon';
elem.prepend(icon, ' ');
}
}
}
});
document.querySelectorAll('[data-i18n-placeholder]').forEach(elem => {
const key = elem.getAttribute('data-i18n-placeholder');
const val = t(key);
if (val) elem.placeholder = val;
});
document.querySelectorAll('[data-i18n-title]').forEach(elem => {
const key = elem.getAttribute('data-i18n-title');
const val = t(key);
if (val) elem.title = val;
});
document.querySelectorAll('[data-i18n-alt]').forEach(elem => {
const key = elem.getAttribute('data-i18n-alt');
const val = t(key);
if (val) elem.alt = val;
});
document.querySelectorAll('[data-i18n-aria-label]').forEach(elem => {
const key = elem.getAttribute('data-i18n-aria-label');
const val = t(key);
if (val) elem.setAttribute('aria-label', val);
});
// Update dynamic filter dropdown options
updateFilterDropdownTranslations();
// Update connection status text with new language
setConnectionStatus(state.isConnected);
document.getElementById('aha-help-options')?.setAttribute('aria-label', t('ahaHelpTitle'));
// Update server mode badges & labels for current language
setupServerModes();
// Re-render team synergy in new language
renderTeamSynergy(state.statusData?.lineups);
renderLineup(state.statusData?.lineups);
if (state.statusData?.ex_ranks) {
renderExRanks(state.statusData.ex_ranks);
}
if (state.avatarsList.length > 0) {
renderAvatarsGrid();
}
// Keep the equip-target chips and the avatar picker in the active language.
renderEquipTargetDisplay('relic');
renderEquipTargetDisplay('lc');
if (el.modalAvatarAssign?.classList.contains('active')) {
updateAvatarAssignCurrent();
renderAvatarAssignGrid();
}
// Keep the camera panel (mode cards, distance readout, save state) translated.
renderCameraModeOptions();
syncCameraUi();
loadEquipment();
if (analystState.currentReport) {
renderDamageAnalyst();
} else {
renderEmptyDamageAnalyst();
}
updateDashboardBattleBanner();
updateDocumentTitle();
renderGMCommandPreview();
if (state.activeTab === 'tab-monster-settings') {
renderMonsterSettings();
if (state.monsterSettings.activeMode === 'aha') loadAhaHelpSettings();
}
refreshOpenAvatarDetailModal();
}
// Re-localize the character detail modal while it is open so that names and
// dynamic content follow a language switch instead of keeping the old strings.
function refreshOpenAvatarDetailModal() {
const modal = document.getElementById('modal-avatar-detail');
if (!modal || !modal.classList.contains('active') || !state.selectedAvatarDetail) return;
const aid = state.selectedAvatarDetail.avatar_id;
const meta = getAvatarInfo(aid);
if (el.modalCharTitle) el.modalCharTitle.textContent = `${t('modalTitleCharEdit')}: ${meta.name} (ID: ${aid})`;
if (el.modalCharName) el.modalCharName.textContent = meta.name;
if (el.modalCharMeta) {
el.modalCharMeta.innerHTML = `
${getElementIconHtml(meta.element, 24)}
${getPathIconHtml(meta.path, 24)}
`;
}
renderModalSwitcher(aid);
const activeBtn = document.querySelector('.modal-subtab-btn.active');
const activeTab = activeBtn?.getAttribute('data-modaltab') || 'modaltab-overview';
const activeContent = document.getElementById(activeTab);
const contentScroll = modal.querySelector('.modal-content')?.scrollTop ?? 0;
const tabScroll = activeContent?.scrollTop ?? 0;
// Lightcone section lives outside the sub-tabs, so refresh it explicitly.
const equippedLc = (state.fullFreesrData?.lightcones || []).find(lc => lc.equip_avatar === aid);
const activeLcId = equippedLc?.item_id || SIGNATURE_LIGHTCONES[aid] || 21001;
populateModalChangeLcDropdown(meta.path);
updateModalLcFullView(activeLcId, selectedLcRank || equippedLc?.rank || 5, equippedLc?.level || 80);
// Re-render every sub-tab so hidden tabs never keep strings from the old language.
renderModalOverviewTab(aid);
renderModalRelicsTab(aid);
renderModalSkillsTab(aid);
renderShowcaseCard(aid);
renderCharacterBuildGuide(aid);
switchModalSubtab(activeTab);
const modalContent = modal.querySelector('.modal-content');
if (modalContent) modalContent.scrollTop = contentScroll;
if (activeContent) activeContent.scrollTop = tabScroll;
}
// Setup Language Selector
function setupLanguageSelector() {
el.langSelect.innerHTML = '';
SUPPORTED_LANGUAGES.forEach(lang => {
const opt = document.createElement('option');
opt.value = lang.code;
opt.textContent = `${lang.flag} ${lang.name}`;
if (lang.code === getCurrentLanguage()) {
opt.selected = true;
}
el.langSelect.appendChild(opt);
});
el.langSelect.addEventListener('change', (e) => {
const newLang = e.target.value;
setLanguage(newLang);
applyTranslations();
showToast(t('languageChanged', { language: SUPPORTED_LANGUAGES.find(l => l.code === newLang)?.name || newLang }), 'info');
});
}
// Server Mode Setup
function setupServerModes() {
const updateModeDisplay = (mode) => {
if (mode !== 'gac') {
mode = 'gac';
showToast(t('serverModesPausedNotice'), 'warning');
}
state.serverMode = mode;
localStorage.setItem('gac_srtool_mode', mode);
if (state.activeTab === 'tab-monster-settings') loadMonsterSettings();
if (el.serverModeSelect) el.serverModeSelect.value = mode;
if (el.settingServerMode) el.settingServerMode.value = mode;
if (mode === 'gac') {
if (el.lblActiveMode) el.lblActiveMode.textContent = 'GaCy GO';
if (el.tabBtnPersistent) {
el.tabBtnPersistent.style.display = '';
el.tabBtnPersistent.textContent = t('tabPersistentGaC');
}
if (el.cardPersistentChars) el.cardPersistentChars.style.display = '';
if (el.cardPersistentGlobal) el.cardPersistentGlobal.style.display = '';
if (el.tabBtnExrank) el.tabBtnExrank.style.display = '';
if (el.btnQuickSyncPersistent) el.btnQuickSyncPersistent.style.display = '';
if (el.btnSelectPersistent) el.btnSelectPersistent.style.display = '';
if (el.btnSelectDatagame) el.btnSelectDatagame.style.display = 'none';
if (el.badgePersistenceMode) el.badgePersistenceMode.textContent = t('badgePersistenceGaC');
} else if (mode === 'firefly') {
if (el.lblActiveMode) el.lblActiveMode.textContent = 'FireflyGo';
if (el.tabBtnPersistent) {
el.tabBtnPersistent.style.display = '';
el.tabBtnPersistent.textContent = t('tabPersistentFirefly');
}
if (el.cardPersistentChars) el.cardPersistentChars.style.display = '';
if (el.cardPersistentGlobal) el.cardPersistentGlobal.style.display = 'none'; // Hide unsupported GaC switches
if (el.tabBtnExrank) el.tabBtnExrank.style.display = 'none'; // Hide unsupported Ex-ranks
if (el.btnQuickSyncPersistent) el.btnQuickSyncPersistent.style.display = 'none';
if (el.btnSelectPersistent) el.btnSelectPersistent.style.display = 'none';
if (el.btnSelectDatagame) el.btnSelectDatagame.style.display = ''; // Show data-in-game for Firefly
if (el.badgePersistenceMode) el.badgePersistenceMode.textContent = t('badgePersistenceFirefly');
if (state.activeTab === 'tab-exrank') {
const dashboardBtn = document.querySelector('.tab-btn[data-tab="tab-dashboard"]');
if (dashboardBtn) dashboardBtn.click();
}
if (state.currentJsonMode === 'persistent') {
loadJsonData('datagame');
}
} else { // robin
if (el.lblActiveMode) el.lblActiveMode.textContent = 'RobinSR';
if (el.tabBtnPersistent) el.tabBtnPersistent.style.display = 'none';
if (el.cardPersistentGlobal) el.cardPersistentGlobal.style.display = 'none';
if (el.tabBtnExrank) el.tabBtnExrank.style.display = 'none';
if (el.btnQuickSyncPersistent) el.btnQuickSyncPersistent.style.display = 'none';
if (el.btnSelectPersistent) el.btnSelectPersistent.style.display = 'none';
if (el.btnSelectDatagame) el.btnSelectDatagame.style.display = 'none';
if (el.badgePersistenceMode) el.badgePersistenceMode.textContent = t('badgePersistenceRobin');
if (state.activeTab === 'tab-persistent' || state.activeTab === 'tab-exrank') {
const dashboardBtn = document.querySelector('.tab-btn[data-tab="tab-dashboard"]');
if (dashboardBtn) dashboardBtn.click();
}
if (state.currentJsonMode === 'persistent' || state.currentJsonMode === 'datagame') {
loadJsonData('freesr');
}
}
// Creative Mode is OPEN for all server modes!
if (el.toggleCreativeMode) {
el.toggleCreativeMode.disabled = false;
el.toggleCreativeMode.checked = state.creativeMode;
}
if (el.badgeCreativeMode) {
el.badgeCreativeMode.style.display = state.creativeMode ? 'inline-flex' : 'none';
}
};
if (el.serverModeSelect) {
el.serverModeSelect.addEventListener('change', (e) => {
updateModeDisplay(e.target.value);
showToast(t('toastServerSwitched', { mode: el.lblActiveMode ? el.lblActiveMode.textContent : e.target.value }), 'info');
refreshStatus();
});
}
if (el.settingServerMode) {
el.settingServerMode.addEventListener('change', (e) => {
updateModeDisplay(e.target.value);
showToast(t('toastServerSwitched', { mode: el.lblActiveMode ? el.lblActiveMode.textContent : e.target.value }), 'info');
refreshStatus();
});
}
updateModeDisplay(state.serverMode);
}
// Initialize Avatars Database: Populates all known avatars from metadata
function initAvatarsList(force = false) {
// Prune any non-playable or CW-only avatars that might have been loaded
state.avatarsList = state.avatarsList.filter(a => AVATAR_METADATA[a.avatar_id]);
if (state.avatarsList.length > 0 && !force) {
let missing = false;
for (const aidStr in AVATAR_METADATA) {
const aid = parseInt(aidStr, 10);
if (!state.avatarsList.some(a => a.avatar_id === aid)) {
state.avatarsList.push({
avatar_id: aid,
level: 80,
promotion: 6,
rank: 6
});
missing = true;
}
}
if (missing) {
state.avatarsList.sort((a, b) => b.avatar_id - a.avatar_id);
}
return;
}
const list = [];
for (const aidStr in AVATAR_METADATA) {
const aid = parseInt(aidStr, 10);
list.push({
avatar_id: aid,
level: 80,
promotion: 6,
rank: 6
});
}
list.sort((a, b) => b.avatar_id - a.avatar_id);
state.avatarsList = list;
}
// Default lineup matching our persistent server data
const DEFAULT_LINEUP = { 0: 1511, 1: 1506, 2: 1502, 3: 1503 };
// Refresh status from server
async function refreshStatus() {
try {
let data;
if (state.serverMode === 'gac') {
const [status, freesr] = await Promise.all([
apiCall('/api/status'),
apiCall('/api/freesr').catch(() => null)
]);
data = status;
// GAC status contains persistent settings and lineup only. Refresh the
// FreeSR snapshot separately so the avatar editor shows the server's
// latest skills/Trace values instead of a stale browser cache.
if (freesr?.data) {
state.fullFreesrData = freesr.data;
await saveFreesrCache(freesr.data);
}
} else if (state.serverMode === 'firefly') {
// FireflyGo uses data-in-game.json for live state and freesr-data.json for inventory
const datagame = await apiCall('/api/data-in-game').catch(() => null);
if (datagame && (datagame.data || datagame.lineups)) {
state.dataGameData = datagame.data || datagame;
await saveDataGameCache(state.dataGameData);
}
const freesr = await apiCall('/api/freesr').catch(() => null);
if (freesr && freesr.data) {
state.fullFreesrData = freesr.data;
data = {
status: 200,
avatar_count: Object.keys(freesr.data.avatars || {}).length,
lightcone_count: (freesr.data.lightcones || []).length,
relic_count: (freesr.data.relics || []).length,
lineups: state.dataGameData?.lineups || freesr.data.lineups || freesr.data.battle_config?.custom_battle_lineup || DEFAULT_LINEUP,
scene: state.dataGameData?.scene || freesr.data.scene,
position: state.dataGameData?.position || freesr.data.position,
ex_ranks: []
};
} else if (state.dataGameData) {
data = {
status: 200,
avatar_count: state.avatarsList.length,
lightcone_count: 0,
relic_count: 0,
lineups: state.dataGameData.lineups || DEFAULT_LINEUP,
scene: state.dataGameData.scene,
position: state.dataGameData.position,
ex_ranks: []
};
} else {
throw new Error('Firefly server not reachable');
}
} else { // robin
const freesr = await apiCall('/api/freesr').catch(() => null);
if (freesr && freesr.data) {
state.fullFreesrData = freesr.data;
data = {
status: 200,
avatar_count: Object.keys(freesr.data.avatars || {}).length,
lightcone_count: (freesr.data.lightcones || []).length,
relic_count: (freesr.data.relics || []).length,
lineups: freesr.data.lineups || freesr.data.battle_config?.custom_battle_lineup || DEFAULT_LINEUP,
scene: freesr.data.scene,
position: freesr.data.position,
ex_ranks: []
};
} else {
throw new Error('Server not reachable');
}
}
state.statusData = data;
setConnectionStatus(true);
el.lblApiUrl.textContent = state.apiUrl;
el.statAvatars.textContent = data.avatar_count ?? state.avatarsList.length;
el.statLightcones.textContent = data.lightcone_count ?? 0;
el.statRelics.textContent = data.relic_count ?? 0;
if (data.scene) {
el.lblPlaneId.textContent = data.scene.plane_id || '-';
el.lblFloorId.textContent = data.scene.floor_id || '-';
}
if (data.position) {
const { x = 0, y = 0, z = 0 } = data.position;
el.lblCoordinates.textContent = `X: ${x}, Y: ${y}, Z: ${z}`;
}
if (el.badgePersistenceMode) {
if (state.serverMode === 'gac') {
el.badgePersistenceMode.textContent = t('badgePersistenceGaC');
el.badgePersistenceMode.className = 'badge-creative';
} else if (state.serverMode === 'firefly') {
el.badgePersistenceMode.textContent = t('badgePersistenceFirefly');
el.badgePersistenceMode.className = 'badge-super-tag';
} else {
el.badgePersistenceMode.textContent = t('badgePersistenceRobin');
el.badgePersistenceMode.className = 'badge-super-tag';
}
}
// Creative Mode is OPEN for all servers
if (el.toggleCreativeMode) {
el.toggleCreativeMode.disabled = false;
el.toggleCreativeMode.checked = state.creativeMode;
if (el.badgeCreativeMode) {
el.badgeCreativeMode.style.display = state.creativeMode ? 'inline-flex' : 'none';
}
}
renderLineup(data.lineups || DEFAULT_LINEUP);
renderExRanks(data.ex_ranks || []);
loadAvatars();
if (analystState.currentReport) {
renderDamageAnalyst();
updateDashboardBattleBanner();
}
} catch (err) {
setConnectionStatus(false, t('offline'));
el.lblApiUrl.textContent = state.apiUrl;
if (state.fullFreesrData) {
const avCount = Object.keys(state.fullFreesrData.avatars || {}).length;
const lcCount = (state.fullFreesrData.lightcones || []).length;
const relicCount = (state.fullFreesrData.relics || []).length;
el.statAvatars.textContent = avCount || state.avatarsList.length;
el.statLightcones.textContent = lcCount;
el.statRelics.textContent = relicCount;
} else {
el.statAvatars.textContent = state.avatarsList.length;
}
if (el.badgePersistenceMode) {
if (state.serverMode === 'gac') {
el.badgePersistenceMode.textContent = t('badgePersistenceGaC');
el.badgePersistenceMode.className = 'badge-creative';
} else if (state.serverMode === 'firefly') {
el.badgePersistenceMode.textContent = t('badgePersistenceFirefly');
el.badgePersistenceMode.className = 'badge-super-tag';
} else {
el.badgePersistenceMode.textContent = t('badgePersistenceRobin');
el.badgePersistenceMode.className = 'badge-super-tag';
}
}
// Keep rendering with current or default lineup so UI is always functional
renderLineup(state.statusData?.lineups || DEFAULT_LINEUP);
loadAvatars();
}
}
// Render party lineup cards
function renderLineup(lineups) {
if (el.toggleCreativeMode) {
el.toggleCreativeMode.checked = state.creativeMode;
el.toggleCreativeMode.disabled = false;
}
if (el.badgeCreativeMode) {
el.badgeCreativeMode.style.display = state.creativeMode ? 'inline-flex' : 'none';
}
el.lineupContainer.innerHTML = '';
let currentLineup = lineups || state.statusData?.lineups || DEFAULT_LINEUP;
// Handle array format if provided
if (Array.isArray(currentLineup)) {
const mapped = {};
currentLineup.forEach((id, idx) => { mapped[idx] = id; });
currentLineup = mapped;
}
// Determine slots to render
let slotKeys = [];
if (state.creativeMode) {
slotKeys = Object.keys(currentLineup).map(k => parseInt(k, 10)).sort((a, b) => a - b);
if (slotKeys.length === 0) slotKeys = [0];
} else {
slotKeys = [0, 1, 2, 3];
}
slotKeys.forEach(slot => {
const avatarId = currentLineup[slot] || currentLineup[String(slot)] || 0;
const slotCard = document.createElement('div');
slotCard.className = `lineup-slot-card ${avatarId ? 'filled' : ''}`;
slotCard.title = t('slotTooltip');
const removeSlotBtnHtml = state.creativeMode ? `
` : '';
if (avatarId === 0) {
slotCard.innerHTML = `