Function loadMods

frontend/src/widgets/instance/mod-manager/useLocalMods.ts:50–115

(folder?: string)

  });

  const loadMods = async (folder?: string) => {
    loading.value = true;
    currentFolder.value = folder;
    try {
      const { execute } = modListApi();
      const res = await execute({
        params: {
          uuid: instanceId,
          daemonId: daemonId,
          page: tablePagination.current,
          pageSize: tablePagination.pageSize,
          folder
        }
      });
      const newMods = res.value?.mods || [];
      folders.value = res.value?.folders || [];
      fileStatus.value = res.value || {};
      totalMods.value = res.value?.total || 0;
      tablePagination.total = res.value?.total || 0;

      // Keep existing extraInfo to avoid UI flickering
      const oldModsMap = new Map();
      mods.value.forEach((m) => {
        if (m.file) oldModsMap.set(m.file, m);
        if (m.hash) oldModsMap.set(m.hash, m);
      });

      newMods.forEach((newMod) => {
        const oldMod = oldModsMap.get(newMod.file) || oldModsMap.get(newMod.hash);
        if (oldMod && oldMod.extraInfo) {
          newMod.extraInfo = oldMod.extraInfo;
        }
      });
      mods.value = newMods;
      loading.value = false;

      // Fetch extra info for current page mods in batch (Background)
      const hashes = mods.value
        .filter((m) => !m.extraInfo)
        .map((m) => m.hash)
        .filter((h) => !!h);
      if (hashes.length > 0) {
        loadingExtra.value = true;
        try {
          const { execute: fetchBatchInfo } = getModBatchInfoApi();
          const batchRes = await fetchBatchInfo({
            data: { hashes }
          });
          if (batchRes.value) {
            mods.value.forEach((mod) => {
              if (mod.hash && batchRes.value![mod.hash]) {
                mod.extraInfo = batchRes.value![mod.hash];
              }
            });
          }
        } catch (e) {
          console.error("Fetch batch info error:", e);
        } finally {