app.js

// ═══════════════════════════════════════
//  STATE
// ═══════════════════════════════════════
let TOKEN = "";
let USERNAME = "";
let REPOS = [];
let CURRENT_REPO = null;
let CURRENT_PATH = "";
let DELETE_TARGET = "";

const API = "https://api.github.com";
const STORAGE_KEY = "gh_mgr_token";
const THEME_KEY = "gh_mgr_theme";
const SEARCH_HISTORY_KEY = "gh_mgr_search_history";
const SAVED_SEARCHES_KEY = "gh_mgr_saved_searches";
const MAX_SEARCH_HISTORY = 12;
let RATE_LIMIT = { remaining: null, limit: null, reset: null };
let SEARCH_DEBOUNCE_TIMER = null;

// ═══════════════════════════════════════
//  THEME
// ═══════════════════════════════════════
function applyTheme(theme) {
  const btn = document.getElementById("themeToggleBtn");
  if (theme === "light") {
    document.body.classList.add("light");
    if (btn) btn.textContent = "☀️";
  } else {
    document.body.classList.remove("light");
    if (btn) btn.textContent = "🌙";
  }
}

function toggleTheme() {
  const isLight = document.body.classList.contains("light");
  const next = isLight ? "dark" : "light";
  localStorage.setItem(THEME_KEY, next);
  applyTheme(next);
}

// Inicializuj motiv ihned
(function initTheme() {
  const saved = localStorage.getItem(THEME_KEY) || "dark";
  applyTheme(saved);
})();

// AI Links Modal
const aiToggleBtn = document.getElementById('aiToggleBtn');
const aiLinksModal = document.getElementById('aiLinksModal');
const closeAiLinksModalBtn = document.getElementById('closeAiLinksModal');

if (aiToggleBtn && aiLinksModal && closeAiLinksModalBtn) {
  aiToggleBtn.addEventListener('click', () => {
    aiLinksModal.style.display = 'flex';
  });

  closeAiLinksModalBtn.addEventListener('click', () => {
    aiLinksModal.style.display = 'none';
  });

  // Close modal when clicking on overlay
  aiLinksModal.addEventListener('click', (e) => {
    if (e.target === aiLinksModal) {
      aiLinksModal.style.display = 'none';
    }
  });
}

function saveToken(token) {
  localStorage.setItem(STORAGE_KEY, btoa(token));
}
function loadToken() {
  const v = localStorage.getItem(STORAGE_KEY);
  return v ? atob(v) : null;
}
function clearToken() {
  localStorage.removeItem(STORAGE_KEY);
}

// ═══════════════════════════════════════
//  MOBILE PANEL SWITCHER
// ═══════════════════════════════════════
const MOBILE_BREAKPOINT = 640;

function isMobile() {
  return window.innerWidth <= MOBILE_BREAKPOINT;
}

function setMobilePanel(panel) {
  if (!isMobile()) return;
  const sidebar = document.getElementById('sidebar');
  const mainPanel = document.getElementById('mainPanel');
  const tabSidebar = document.getElementById('mobileTabSidebar');
  const tabMain = document.getElementById('mobileTabMain');
  if (!sidebar || !mainPanel) return;

  if (panel === 'sidebar') {
    // Sidebar zobraz jen pokud je přihlášen (má display:flex normálně)
    if (TOKEN) sidebar.style.display = 'flex';
    mainPanel.style.display = 'none';
    tabSidebar.classList.add('active');
    tabMain.classList.remove('active');
  } else {
    if (TOKEN) sidebar.style.display = 'none';
    mainPanel.style.display = 'flex';
    tabSidebar.classList.remove('active');
    tabMain.classList.add('active');
  }
}

function initMobileTabs() {
  const tabs = document.getElementById('mobileTabs');
  if (isMobile()) {
    tabs.style.display = 'flex';
    setMobilePanel('main');
  } else {
    tabs.style.display = 'none';
  }
  // Aktualizuj badge s počtem repo
  const badge = document.getElementById('mobileRepoBadge');
  if (badge) badge.textContent = REPOS.length || '';
}

window.addEventListener('resize', () => {
  const tabs = document.getElementById('mobileTabs');
  const sidebar = document.getElementById('sidebar');
  const mainPanel = document.getElementById('mainPanel');
  if (!TOKEN) return;
  if (!isMobile()) {
    tabs.style.display = 'none';
    sidebar.style.display = 'flex';
    mainPanel.style.display = 'flex';
  } else {
    tabs.style.display = 'flex';
    // Nastav aktuální aktivní tab
    const activeTab = document.getElementById('mobileTabMain').classList.contains('active') ? 'main' : 'sidebar';
    setMobilePanel(activeTab);
  }
});

// ═══════════════════════════════════════
//  UTILS
// ═══════════════════════════════════════
function toast(msg, type = "success", duration = 3200) {
  const t = document.getElementById("toast");
  const title = document.getElementById("toastTitle");
  const body = document.getElementById("toastMsg");
  title.textContent = type === "success" ? "✓ Úspěch" : "✕ Chyba";
  body.textContent = msg;
  t.className = "toast " + type;
  t.classList.add("show");
  setTimeout(() => t.classList.remove("show"), duration);
}

async function ghFetch(endpoint, options = {}) {
  const res = await fetch(API + endpoint, {
    ...options,
    headers: {
      Authorization: "token " + TOKEN,
      Accept: "application/vnd.github.v3+json",
      "Content-Type": "application/json",
      ...(options.headers || {}),
    },
  });
  // Side effect: aktualizuj rate limit z response headers
  const rlRemaining = res.headers.get('X-RateLimit-Remaining');
  if (rlRemaining !== null) {
    RATE_LIMIT.remaining = parseInt(rlRemaining);
    RATE_LIMIT.limit = parseInt(res.headers.get('X-RateLimit-Limit') || '60');
    RATE_LIMIT.reset = parseInt(res.headers.get('X-RateLimit-Reset') || '0');
    updateRateLimitDisplay();
  }
  if (res.status === 204) return null;
  const data = await res.json();
  if (!res.ok) throw new Error(data.message || "GitHub API error");
  return data;
}

// ═══════════════════════════════════════
//  LOGIN / LOGOUT
// ═══════════════════════════════════════
document.getElementById("loginBtn").onclick = async () => {
  const token = document.getElementById("tokenInput").value.trim();
  if (!token) return toast("Zadáš token prosím.", "error");
  TOKEN = token;

  try {
    const user = await ghFetch("/user");
    USERNAME = user.login;
    saveToken(TOKEN);
    await loadRepos();
    // UI switch
    document.getElementById("loginPanel").style.display = "none";
    document.getElementById("sidebar").style.display = "flex";
    document.getElementById("mainContent").style.display = "block";
    document.getElementById("statusDot").classList.add("connected");
    document.getElementById("statusLabel").textContent = USERNAME;
    document.getElementById("logoutBtn").style.display = "inline-block";
    document.getElementById("searchBtn").style.display = "inline-flex";
    document.getElementById("dualPaneBtn").style.display = "inline-flex";
    document.getElementById("localLeftBtn").style.display = "inline-flex";
    document.getElementById("sidebarGreeting").innerHTML = `👋 Ahoj, ${USERNAME}!<div class="sidebar-sub">Tvoje repozitáře</div>`;
    showHomeView();
    initMobileTabs();
    toast("Přihlášen jako " + USERNAME);
  } catch (e) {
    toast("Neplatný token nebo chyba: " + e.message, "error");
    TOKEN = "";
  }
};

document.getElementById("logoutBtn").onclick = () => {
  TOKEN = "";
  USERNAME = "";
  REPOS = [];
  CURRENT_REPO = null;
  CURRENT_PATH = "";
  clearToken();
  document.getElementById("tokenInput").value = "";
  document.getElementById("loginPanel").style.display = "flex";
  document.getElementById("sidebar").style.display = "none";
  document.getElementById("mainContent").style.display = "none";
  document.getElementById("statusDot").classList.remove("connected");
  document.getElementById("statusLabel").textContent = "Nepřihlášen";
  document.getElementById("logoutBtn").style.display = "none";
  document.getElementById("searchBtn").style.display = "none";
  document.getElementById("mobileTabs").style.display = "none";
  document.getElementById("sidebarGreeting").textContent = "Repozitáře";
  toast("Odhlášen.");
};

// ═══════════════════════════════════════
//  REPOS
// ═══════════════════════════════════════
async function loadRepos() {
  REPOS = await ghFetch("/user/repos?per_page=100&sort=updated");
  renderRepoList();
}

const SYNC_FOLDERS_KEY = "gh_mgr_sync_folders"; // { repoName: folderName }

function getSyncFolders() {
  try { return JSON.parse(localStorage.getItem(SYNC_FOLDERS_KEY) || "{}"); } catch { return {}; }
}
function saveSyncFolder(repoName, folderName) {
  const folders = getSyncFolders();
  if (folderName) folders[repoName] = folderName;
  else delete folders[repoName];
  localStorage.setItem(SYNC_FOLDERS_KEY, JSON.stringify(folders));
}

function renderRepoList() {
  const list = document.getElementById("repoList");
  if (!REPOS.length) {
    list.innerHTML =
      '<div class="empty-state" style="padding:40px 10px;"><div class="big">📭</div><p>Žádné repo</p></div>';
    return;
  }
  const syncFolders = getSyncFolders();
  list.innerHTML = REPOS.map((r) => {
    const hasSyncFolder = !!syncFolders[r.name];
    const syncIcon = r.private ? "🔒" : "⚡";
    const syncTitle = hasSyncFolder
      ? `Sync složka: ${syncFolders[r.name]} — klikni pro správu`
      : `Klikni pro přiřazení sync složky`;
    return `
  <div class="repo-item ${CURRENT_REPO === r.name ? "active" : ""}" data-repo="${r.name}">
    <span class="icon">📁</span>
    <span class="name">${r.name}</span>
    <span class="visibility ${r.private ? "priv" : "pub"} sync-icon-btn"
      data-repo="${r.name}"
      title="${syncTitle}"
      style="${hasSyncFolder ? "color:var(--accent);" : "opacity:0.5;"}"
    >${syncIcon}</span>
    ${hasSyncFolder ? `<span class="quick-sync-btn" data-repo="${r.name}" title="Rychlý sync s ${syncFolders[r.name]}" style="font-size:12px; cursor:pointer; opacity:0.7; margin-left:2px;">🔄</span>` : ""}
  </div>
`}).join("");

  // click → open repo
  list.querySelectorAll(".repo-item").forEach((el) => {
    el.addEventListener("click", (e) => {
      if (e.target.classList.contains("sync-icon-btn") ||
          e.target.classList.contains("quick-sync-btn")) return;
      openRepo(el.dataset.repo);
    });
  });

  // ⚡ icon click → přiřadit sync složku
  list.querySelectorAll(".sync-icon-btn").forEach((el) => {
    el.addEventListener("click", async (e) => {
      e.stopPropagation();
      const repoName = el.dataset.repo;
      const folders = getSyncFolders();
      const current = folders[repoName];
      if (current) {
        // Již přiřazena — nabídni odebrat nebo změnit
        const action = confirm(`Repo "${repoName}" má přiřazenou složku "${current}".\n\nOK = vybrat novou složku\nZrušit = odebrat přiřazení`);
        if (!action) {
          saveSyncFolder(repoName, null);
          toast(`Sync složka odebrána z "${repoName}"`);
          renderRepoList();
          return;
        }
      }
      if (!window.showDirectoryPicker) {
        toast("File System Access API není dostupné (Chrome/Edge).", "error");
        return;
      }
      try {
        const handle = await window.showDirectoryPicker({ mode: "readwrite" });
        saveSyncFolder(repoName, handle.name);
        // Ulož handle do session (nedá se serializovat do localStorage)
        if (!window._syncHandles) window._syncHandles = {};
        window._syncHandles[repoName] = handle;
        toast(`✓ Složka "${handle.name}" přiřazena k "${repoName}"`);
        renderRepoList();
      } catch (e) {
        if (e.name !== "AbortError") toast("Chyba: " + e.message, "error");
      }
    });
  });

  // 🔄 quick sync click
  list.querySelectorAll(".quick-sync-btn").forEach((el) => {
    el.addEventListener("click", async (e) => {
      e.stopPropagation();
      const repoName = el.dataset.repo;
      await quickSyncRepo(repoName);
    });
  });
}

// ═══════════════════════════════════════
//  OPEN REPO / BROWSE FILES
// ═══════════════════════════════════════
// Globální proměnné pro filtrování a třídění
let ALL_FILES = [];
let CURRENT_SORT = "name-asc";
let CURRENT_FILTER = "";

async function openRepo(repoName, path = "") {
  CURRENT_REPO = repoName;
  CURRENT_PATH = path;
  renderRepoList(); // highlight
  setMobilePanel('main'); // na mobilu přepni na obsah

  const view = document.getElementById("repoView");
  const toolbar = document.getElementById("fileToolbar");
  view.innerHTML = '<div class="spinner"></div>';
  toolbar.style.display = "flex";

  try {
    const endpoint = path
      ? `/repos/${USERNAME}/${repoName}/contents/${path}`
      : `/repos/${USERNAME}/${repoName}/contents`;
    const contents = await ghFetch(endpoint);
    const repoInfo = await ghFetch(`/repos/${USERNAME}/${repoName}`);

    ALL_FILES = contents;
    renderFileList(repoInfo, repoName, path);
  } catch (e) {
    view.innerHTML = `<div class="empty-state"><div class="big">⚠️</div><p>Chyba: ${e.message}</p></div>`;
    toolbar.style.display = "none";
  }
}

function renderFileList(repoInfo, repoName, path) {
  const view = document.getElementById("repoView");

  // Filtrování
  let filtered = ALL_FILES;
  if (CURRENT_FILTER) {
    const filter = CURRENT_FILTER.toLowerCase();
    filtered = ALL_FILES.filter((item) =>
      item.name.toLowerCase().includes(filter),
    );
  }

  // Třídění
  let sorted = [...filtered];
  switch (CURRENT_SORT) {
    case "name-asc":
      sorted.sort((a, b) => {
        if (a.type === "dir" && b.type !== "dir") return -1;
        if (a.type !== "dir" && b.type === "dir") return 1;
        return a.name.localeCompare(b.name);
      });
      break;
    case "name-desc":
      sorted.sort((a, b) => {
        if (a.type === "dir" && b.type !== "dir") return -1;
        if (a.type !== "dir" && b.type === "dir") return 1;
        return b.name.localeCompare(a.name);
      });
      break;
    case "size-asc":
      sorted.sort((a, b) => (a.size || 0) - (b.size || 0));
      break;
    case "size-desc":
      sorted.sort((a, b) => (b.size || 0) - (a.size || 0));
      break;
    case "type-asc":
      sorted.sort((a, b) => {
        const extA = a.name.split(".").pop().toLowerCase();
        const extB = b.name.split(".").pop().toLowerCase();
        return extA.localeCompare(extB);
      });
      break;
    case "type-desc":
      sorted.sort((a, b) => {
        const extA = a.name.split(".").pop().toLowerCase();
        const extB = b.name.split(".").pop().toLowerCase();
        return extB.localeCompare(extA);
      });
      break;
    case "date-asc":
      sorted.sort((a, b) => (a._date || 0) - (b._date || 0));
      break;
    case "date-desc":
      sorted.sort((a, b) => (b._date || 0) - (a._date || 0));
      break;
  }

  // breadcrumb with up button
  let bc = "";

  // Přidat tlačítko "o složku výš" pokud nejsme v root
  if (path) {
    const parts = path.split("/");
    const parentPath = parts.slice(0, -1).join("/");
    bc += `<button class="up-btn" onclick="openRepo('${repoName}', '${parentPath}')" title="O složku výš">↑</button>`;
  } else if (CURRENT_REPO) {
    bc += `<button class="up-btn" onclick="showHomeView()" title="Zpět na home">↑</button>`;
  }

  bc += `<span onclick="showHomeView()" style="cursor:pointer;">🏠 Home</span>`;
  bc += ` <span class="sep">›</span> <span onclick="openRepo('${repoName}')" style="cursor:pointer;" ${!path ? 'class="active"' : ""}>${repoName}</span>`;
  if (path) {
    const parts = path.split("/");
    let cumul = "";
    parts.forEach((p, i) => {
      cumul += (cumul ? "/" : "") + p;
      const isLast = i === parts.length - 1;
      bc += ` <span class="sep">›</span> <span ${isLast ? 'class="active"' : `onclick="openRepo('${repoName}','${cumul}')" style="cursor:pointer;"`}>${p}</span>`;
    });
  }
  document.getElementById("breadcrumb").innerHTML = bc;

  // table
  let html = `
    <div class="repo-header">
      <div>
        <h3>📁 ${repoName} <span class="visibility ${repoInfo.private ? "priv" : "pub"} visibility-toggle"
          data-repo="${repoName}" data-private="${repoInfo.private}"
          style="font-size:11px; vertical-align:middle;"
          title="Klikni pro změnu viditelnosti">${repoInfo.private ? "🔒 Private" : "🌐 Public"}</span></h3>
        <div class="desc" data-repo="${repoName}" data-desc="${repoInfo.description || ""}" title="Klikni pro úpravu popisu">${repoInfo.description || "<em>Klikni pro přidání popisu</em>"}</div>
      </div>
      <div class="stats">
        <div class="stat">⭐ <span>${repoInfo.stargazers_count}</span></div>
        <div class="stat">🔀 <span>${repoInfo.forks_count}</span></div>
        <div class="stat">📝 <span>${repoInfo.open_issues_count} issues</span></div>
      </div>
    </div>
    <div class="toolbar-actions">
      <button class="btn-icon" id="syncBtn" title="Synchronizace se složkou" style="font-size:15px; width:30px; height:30px;">🔄</button>
      <button class="btn-icon" id="backupBtn" title="Stáhnout repo jako ZIP" style="color:var(--yellow); font-size:15px; width:30px; height:30px;">💾</button>
      <button class="btn-icon" id="newRepoBtn" title="Nový repozitář" style="width:30px; height:30px;">+</button>
      <button class="btn-icon" id="localLeftPanelBtn" title="Otevřít lokální složku v tomto panelu" style="font-size:14px; width:30px; height:30px;" onclick="openLocalPanel('left')">🖥️</button>
      <div style="width:1px; background:var(--border); height:20px; margin:0 2px;"></div>
      <!-- Dual-pane operace — zobrazí se jen v dual-pane módu -->
      <button class="dp-panel-btn" id="leftCopyToRight" onclick="dualPaneCopy('right')" style="display:none;" title="Kopírovat označené do pravého panelu">📋→</button>
      <button class="dp-panel-btn" id="leftMoveToRight" onclick="dualPaneMove('right')" style="display:none; color:var(--yellow);" title="Přesunout označené do pravého panelu">✂️→</button>
      <button class="dp-panel-btn" id="leftSyncBtn" onclick="dualPaneSync()" style="display:none; color:var(--accent);" title="Sync obou panelů">⇄</button>
      <div style="width:1px; background:var(--border); height:20px; margin:0 2px;" id="leftDpSep" style="display:none;"></div>
      <button class="btn-secondary" id="deleteSelectedBtn" style="display:none; color:var(--red); border-color:var(--red);">
        <span>🗑️</span> Smazat vybrané
      </button>
      <button class="btn-secondary" id="newFileBtn" onclick="openNewFileModal()" style="background:var(--accent); color:var(--bg); border-color:var(--accent); font-weight:600;">
        <span>➕</span> Nový soubor/složka
      </button>
      <div id="inlineDropBtn" title="Přetáhni sem soubory" style="padding:5px 12px; border:1.5px dashed var(--border); border-radius:var(--radius); color:var(--text-dim); font-size:11px; font-family:var(--font-mono); cursor:pointer; display:flex; align-items:center; gap:6px; transition:border-color 0.15s, color 0.15s; background:transparent;">
        <span style="font-size:15px;">🖐</span><span>soubory</span>
      </div>
      <button class="btn-secondary" onclick="openCloneModal('${repoName}', '${repoInfo.clone_url}', '${repoInfo.ssh_url}')" style="font-size:11px; padding:4px 10px;" title="Clone / Git příkazy">🔗 Clone</button>
      <div style="margin-left:auto; position:relative;">
        <button class="btn-secondary" id="uploadMenuBtn" style="font-size:11px; padding:5px 10px;" title="Nahrát soubory">
          📤 Nahrát <span style="opacity:0.6; font-size:10px;">▼</span>
        </button>
        <div id="uploadMenu" style="display:none; position:absolute; right:0; top:calc(100% + 4px); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); min-width:200px; z-index:200; box-shadow:0 4px 16px rgba(0,0,0,0.4);">
          <button class="upload-menu-item" id="uploadFilesBtn">📤 Nahrát soubory</button>
          <button class="upload-menu-item" id="uploadFolderBtn">📁 Nahrát složku</button>
          <button class="upload-menu-item" id="uploadFolderContentsBtn">📂 Nahrát obsah složky</button>
          <div style="height:1px; background:var(--border); margin:4px 0;"></div>
          <button class="upload-menu-item" id="uploadSmartSyncBtn" style="color:var(--accent);">⚡ Smart sync složky</button>
        </div>
      </div>
    </div>
    <table class="file-table">
      <thead><tr>
        <th style="width:32px;"><input type="checkbox" id="selectAllCheckbox" class="file-checkbox" /></th>
        <th class="sortable-th" data-sort="name-asc" data-sort-alt="name-desc" id="thName">Název <span class="sort-arrow" id="arrowName"></span></th>
        <th class="sortable-th" data-sort="type-asc" data-sort-alt="type-desc" id="thType">Typ <span class="sort-arrow" id="arrowType"></span></th>
        <th class="sortable-th" data-sort="size-asc" data-sort-alt="size-desc" id="thSize">Velikost <span class="sort-arrow" id="arrowSize"></span></th>
        <th class="sortable-th" data-sort="date-desc" data-sort-alt="date-asc" id="thDate">Změněno <span class="sort-arrow" id="arrowDate"></span></th>
      </tr></thead>
      <tbody>
  `;
  sorted.forEach((item) => {
    const isDir = item.type === "dir";
    const iconEmoji = isDir ? "📂" : getFileIcon(item.name);
    const nameClass = isDir ? "folder-name" : "file-name";
    const size = isDir ? "—" : formatBytes(item.size);
    html += `
      <tr class="file-row" data-name="${item.name}" data-path="${item.path}" data-type="${item.type}" data-size="${item.size || 0}" data-date="">
        <td class="checkbox-cell"><input type="checkbox" class="file-checkbox row-checkbox" data-path="${item.path}" /></td>
        <td><span class="icon">${iconEmoji}</span><span class="${nameClass}">${item.name}</span></td>
        <td class="meta">${isDir ? "Složka" : "Soubor"}</td>
        <td class="meta">${size}</td>
        <td class="meta date-cell" data-path="${item.path}"><span style="color:var(--text-dim); font-size:10px;">...</span></td>
      </tr>
    `;
  });
  html += `</tbody></table>`;
  view.innerHTML = html;

  // Aktualizuj šipky v hlavičkách
  updateSortArrows();

  // Klikatelné hlavičky — sort
  view.querySelectorAll(".sortable-th").forEach(th => {
    th.style.cursor = "pointer";
    th.style.userSelect = "none";
    th.addEventListener("click", () => {
      const sortAsc = th.dataset.sort;
      const sortDesc = th.dataset.sortAlt;
      if (CURRENT_SORT === sortAsc) {
        CURRENT_SORT = sortDesc;
      } else {
        CURRENT_SORT = sortAsc;
      }
      // Aktualizuj i select v toolbar
      const sel = document.getElementById("fileSortSelect");
      if (sel) sel.value = CURRENT_SORT;
      renderFileList(repoInfo, repoName, path);
    });
  });

  // Lazy načtení dat změny — jeden batch request pro celou složku
  loadFileDates(repoName, path);

  // ─── Range select + Drag select ───
  const allRows = Array.from(view.querySelectorAll(".file-row"));
  let lastClickedIdx = -1;   // index posledního kliknutého řádku pro Shift+click
  let isDragging = false;    // právě táhneme myší
  let dragStartIdx = -1;     // index řádku kde začalo tažení
  let dragCheckState = true; // checkbox state při tažení (true = označit, false = odznačit)

  // Vrátí index řádku v allRows
  const rowIdx = (row) => allRows.indexOf(row);

  // Označí/odznačí rozsah řádků (inclusive)
  const setRangeChecked = (from, to, checked) => {
    const lo = Math.min(from, to);
    const hi = Math.max(from, to);
    for (let i = lo; i <= hi; i++) {
      const cb = allRows[i].querySelector(".row-checkbox");
      if (cb) cb.checked = checked;
    }
    updateSelectionUI();
  };

  allRows.forEach((row, idx) => {
    const cb = row.querySelector(".row-checkbox");

    // ── Klik na řádek ──
    row.addEventListener("click", (e) => {
      const onCheckbox = e.target.classList.contains("file-checkbox") ||
                         e.target.classList.contains("checkbox-cell");

      if (e.shiftKey && lastClickedIdx !== -1) {
        // Shift+click → rozsah
        e.preventDefault();
        const targetChecked = !cb.checked; // přepneme na opak aktuálního stavu
        setRangeChecked(lastClickedIdx, idx, true);
        lastClickedIdx = idx;
        return;
      }

      if (onCheckbox) {
        // Přímý klik na checkbox → přepnout jen tento
        lastClickedIdx = idx;
        updateSelectionUI();
        return;
      }

      e.preventDefault();
      const isDir = row.dataset.type === "dir";
      if (isDir) {
        openRepo(repoName, row.dataset.path);
      } else {
        openFile(row.dataset.name, row.dataset.path, repoName);
      }
    });

    // ── Drag select — mousedown na checkbox buňce ──
    const checkCell = row.querySelector(".checkbox-cell");
    if (checkCell) {
      checkCell.addEventListener("mousedown", (e) => {
        if (e.button !== 0) return;
        isDragging = true;
        dragStartIdx = idx;
        dragCheckState = !cb.checked;
        cb.checked = dragCheckState;
        lastClickedIdx = idx;
        updateSelectionUI();
        e.preventDefault();
        // Přidej třídu pro cursor
        const table = view.querySelector(".file-table");
        if (table) table.classList.add("dragging");
      });
    }

    // ── Přechod myší přes řádek při tažení ──
    row.addEventListener("mouseover", () => {
      if (!isDragging) return;
      setRangeChecked(dragStartIdx, idx, dragCheckState);
    });

    // ── Pravý klik: kontextové menu ──
    row.addEventListener("contextmenu", (e) => {
      e.preventDefault();
      openFileContext(
        row.dataset.name,
        row.dataset.path,
        row.dataset.type,
        parseInt(row.dataset.size),
        repoName,
      );
    });

    // ── Touch podpora (dlouhý stisk) ──
    let touchTimer = null;
    row.addEventListener("touchstart", (e) => {
      touchTimer = setTimeout(() => {
        e.preventDefault();
        openFileContext(row.dataset.name, row.dataset.path, row.dataset.type, parseInt(row.dataset.size), repoName);
      }, 500);
    });
    row.addEventListener("touchend", () => { if (touchTimer) clearTimeout(touchTimer); });
    row.addEventListener("touchmove", () => { if (touchTimer) clearTimeout(touchTimer); });
  });

  // Ukonči drag select při pustění myši kdekoli
  document.addEventListener("mouseup", () => {
    if (isDragging) {
      const table = view.querySelector(".file-table");
      if (table) table.classList.remove("dragging");
    }
    isDragging = false;
    dragStartIdx = -1;
  }, { passive: true });

  // Bind visibility toggle
  const visToggle = view.querySelector(".visibility-toggle");
  if (visToggle) {
    visToggle.addEventListener("click", async (e) => {
      e.stopPropagation();
      e.preventDefault();
      const repo = e.currentTarget.dataset.repo;
      const isPrivate = e.currentTarget.dataset.private === "true";
      try {
        await ghFetch(`/repos/${USERNAME}/${repo}`, {
          method: "PATCH",
          body: JSON.stringify({ private: !isPrivate }),
        });
        toast(
          `Viditelnost změněna na ${!isPrivate ? "Private" : "Public"}`,
        );
        await loadRepos();
        openRepo(repo, path);
      } catch (err) {
        toast("Chyba při změně viditelnosti: " + err.message, "error");
      }
    });
  }

  // Bind description edit
  const descEl = view.querySelector(".desc");
  if (descEl) {
    descEl.addEventListener("click", (e) => {
      e.stopPropagation();
      e.preventDefault();
      const repo = e.currentTarget.dataset.repo;
      const currentDesc = e.currentTarget.dataset.desc;
      document.getElementById("editDescInput").value = currentDesc;
      document.getElementById("editDescModal").style.display = "flex";
      document.getElementById("editDescInput").focus();

      // Store for later
      window.EDIT_DESC_REPO = repo;
      window.EDIT_DESC_PATH = path;
    });
  }

  // Bind checkbox selection
  const selectAllCb = document.getElementById("selectAllCheckbox");
  const rowCheckboxes = view.querySelectorAll(".row-checkbox");
  const deleteSelectedBtn = document.getElementById("deleteSelectedBtn");

  function updateSelectionUI() {
    const checkedCount = Array.from(rowCheckboxes).filter(cb => cb.checked).length;
    selectAllCb.checked = checkedCount > 0 && checkedCount === rowCheckboxes.length;
    selectAllCb.indeterminate = checkedCount > 0 && checkedCount < rowCheckboxes.length;
    if (deleteSelectedBtn) {
      if (checkedCount > 0) {
        deleteSelectedBtn.style.display = "inline-flex";
        deleteSelectedBtn.textContent = `🗑️ Smazat (${checkedCount})`;
      } else {
        deleteSelectedBtn.style.display = "none";
      }
    }
  }

  selectAllCb.addEventListener("change", () => {
    rowCheckboxes.forEach((cb) => (cb.checked = selectAllCb.checked));
    updateSelectionUI();
  });

  if (deleteSelectedBtn) {
    deleteSelectedBtn.addEventListener("click", () => {
      deleteSelectedItems(repoName, path);
    });
  }

  rowCheckboxes.forEach((cb) => {
    cb.addEventListener("change", (e) => {
      e.stopPropagation();
      updateSelectionUI();
    });
    cb.addEventListener("click", (e) => e.stopPropagation());
  });

  // Upload dropdown menu
  const uploadMenuBtn = document.getElementById("uploadMenuBtn");
  const uploadMenu = document.getElementById("uploadMenu");
  if (uploadMenuBtn && uploadMenu) {
    uploadMenuBtn.addEventListener("click", (e) => {
      e.stopPropagation();
      uploadMenu.style.display = uploadMenu.style.display === "none" ? "block" : "none";
    });
    // Zavři menu při kliknutí jinam
    document.addEventListener("click", () => { uploadMenu.style.display = "none"; }, { once: false });
  }

  // Inline drop zóna
  const inlineDropBtn = document.getElementById("inlineDropBtn");
  if (inlineDropBtn) {
    inlineDropBtn.style.cursor = "pointer";
    inlineDropBtn.addEventListener("click", () => openFileUploadDialog(repoName, path));
    inlineDropBtn.addEventListener("mouseover", () => {
      inlineDropBtn.style.borderColor = "var(--text-dim)";
      inlineDropBtn.style.color = "var(--text)";
    });
    inlineDropBtn.addEventListener("mouseout", () => {
      inlineDropBtn.style.borderColor = "";
      inlineDropBtn.style.color = "";
    });
    inlineDropBtn.addEventListener("dragover", (e) => {
      e.preventDefault();
      inlineDropBtn.style.borderColor = "var(--accent)";
      inlineDropBtn.style.color = "var(--accent)";
      inlineDropBtn.style.background = "rgba(0,229,160,0.05)";
    });
    inlineDropBtn.addEventListener("dragleave", (e) => {
      if (!inlineDropBtn.contains(e.relatedTarget)) {
        inlineDropBtn.style.borderColor = "";
        inlineDropBtn.style.color = "";
        inlineDropBtn.style.background = "";
      }
    });
  }

  // Upload buttons (v menu)
  const uploadBtn = document.getElementById("uploadFilesBtn");
  if (uploadBtn) uploadBtn.addEventListener("click", () => { uploadMenu.style.display = "none"; openFileUploadDialog(repoName, path); });
  const uploadFolderBtn = document.getElementById("uploadFolderBtn");
  if (uploadFolderBtn) uploadFolderBtn.addEventListener("click", () => { uploadMenu.style.display = "none"; openFileUploadDialog(repoName, path, "folder"); });
  const uploadFolderContentsBtn = document.getElementById("uploadFolderContentsBtn");
  if (uploadFolderContentsBtn) uploadFolderContentsBtn.addEventListener("click", () => { uploadMenu.style.display = "none"; openFileUploadDialog(repoName, path, "contents"); });
  const uploadSmartSyncBtn = document.getElementById("uploadSmartSyncBtn");
  if (uploadSmartSyncBtn) uploadSmartSyncBtn.addEventListener("click", () => { uploadMenu.style.display = "none"; openFileUploadDialog(repoName, path, "smartsync"); });

  // Sync/Backup/NewRepo v panelu — rebind (sdílí ID se sidebarem, bindujeme znovu)
  const syncBtnPanel = document.getElementById("syncBtn");
  if (syncBtnPanel) syncBtnPanel.onclick = () => {
    if (!REPOS.length) { toast("Nejdřív se přihlas.", "error"); return; }
    const sel = document.getElementById("syncTargetRepo");
    if (sel) { sel.innerHTML = REPOS.map(r => `<option value="${r.name}">${r.name}</option>`).join(""); if (CURRENT_REPO) sel.value = CURRENT_REPO; }
    document.getElementById("syncRepoPath").value = CURRENT_PATH || "";
    resetSyncUI();
    document.getElementById("syncModal").style.display = "flex";
  };
  const backupBtnPanel = document.getElementById("backupBtn");
  if (backupBtnPanel) backupBtnPanel.onclick = () => document.getElementById("backupModal").style.display = "flex";
  const newRepoBtnPanel = document.getElementById("newRepoBtn");
  if (newRepoBtnPanel) newRepoBtnPanel.onclick = () => document.getElementById("newRepoModal").style.display = "flex";
}

// ─── Sort arrow indikátor ───
function updateSortArrows() {
  const cols = { name: "arrowName", type: "arrowType", size: "arrowSize", date: "arrowDate" };
  Object.entries(cols).forEach(([key, id]) => {
    const el = document.getElementById(id);
    if (!el) return;
    if (CURRENT_SORT.startsWith(key)) {
      el.textContent = CURRENT_SORT.endsWith("-asc") ? " ↑" : " ↓";
      el.style.color = "var(--accent)";
    } else {
      el.textContent = "";
    }
  });
}

// ─── Lazy datum změny — načte commity pro složku a vyplní datum buněk ───
let _dateLoadRepo = null;
let _dateLoadPath = null;

async function loadFileDates(repoName, path) {
  // Zapamatuj pro který stav načítáme — pokud user naviguje jinam, ignoruj výsledek
  _dateLoadRepo = repoName;
  _dateLoadPath = path;

  try {
    const endpoint = path
      ? `/repos/${USERNAME}/${repoName}/commits?path=${encodeURIComponent(path)}&per_page=100`
      : `/repos/${USERNAME}/${repoName}/commits?per_page=100`;
    const commits = await ghFetch(endpoint);

    // Pokud user mezitím navigoval jinam, ignoruj
    if (_dateLoadRepo !== repoName || _dateLoadPath !== path) return;

    // Každý commit obsahuje "files" jen při detail requestu — ale list endpoint
    // neobsahuje per-file info. Použijeme jiný přístup:
    // Načteme commity pro každý soubor/složku zvlášť — ale to je moc requestů.
    // Lepší: /repos/{owner}/{repo}/contents/{path} vrátí SHA, a
    // /repos/{owner}/{repo}/commits?path={file}&per_page=1 pro každý soubor
    // To je N requestů — nahraje se lazy postupně

    const dateCells = document.querySelectorAll(".date-cell");
    if (!dateCells.length) return;

    // Pro každou buňku načti datum posledního commitu pro daný soubor
    // Paralelně po dávkách 5 aby to nebylo moc requestů najednou
    const cells = Array.from(dateCells);
    for (let i = 0; i < cells.length; i += 5) {
      if (_dateLoadRepo !== repoName || _dateLoadPath !== path) return;
      const batch = cells.slice(i, i + 5);
      await Promise.all(batch.map(async (cell) => {
        const filePath = cell.dataset.path;
        if (!filePath) return;
        try {
          const commits = await ghFetch(
            `/repos/${USERNAME}/${repoName}/commits?path=${encodeURIComponent(filePath)}&per_page=1`
          );
          // Znovu zkontroluj jestli jsme stále na stejné stránce
          if (_dateLoadRepo !== repoName || _dateLoadPath !== path) return;
          if (commits && commits.length > 0) {
            const date = new Date(commits[0].commit.author.date);
            const dateStr = date.toLocaleDateString("cs-CZ", { day: "2-digit", month: "2-digit", year: "2-digit" });
            const timeStr = date.toLocaleTimeString("cs-CZ", { hour: "2-digit", minute: "2-digit" });
            cell.innerHTML = `<span style="font-size:11px;" title="${dateStr} ${timeStr}">${dateStr} <span style="color:var(--text-dim); font-size:10px;">${timeStr}</span></span>`;
            // Ulož datum do data-date pro sort
            const row = cell.closest(".file-row");
            if (row) {
              row.dataset.date = date.getTime();
              // Aktualizuj ALL_FILES pro sort
              const item = ALL_FILES.find(f => f.path === filePath);
              if (item) item._date = date.getTime();
            }
          } else {
            cell.innerHTML = `<span style="color:var(--text-dim); font-size:10px;">—</span>`;
          }
        } catch {
          cell.innerHTML = `<span style="color:var(--text-dim); font-size:10px;">—</span>`;
        }
      }));
    }
  } catch (e) {
    // Tiché selhání — datum není kritická informace
  }
}

// ═══════════════════════════════════════
//  OPEN FILE (not context menu)
// ═══════════════════════════════════════
function openFile(name, path, repo) {
  const isHtml = /\.html?$/i.test(name);

  if (isHtml) {
    // Otevřít HTML soubor v novém tabu s GitHub Pages URL
    const githubPagesUrl = `https://${USERNAME}.github.io/${repo}/${path}`;
    window.open(githubPagesUrl, "_blank");
    toast(`Otevírám ${name} v novém tabu...`);
  } else {
    // Pro ostatní soubory zobrazit kontextové menu
    openFileContext(name, path, "file", 0, repo);
  }
}

// ═══════════════════════════════════════
//  QUICK SYNC — blesk v sidebaru
// ═══════════════════════════════════════
async function quickSyncRepo(repoName) {
  const folders = getSyncFolders();
  const folderName = folders[repoName];
  if (!folderName) {
    toast("Nejdřív přiřaď sync složku kliknutím na ⚡", "error");
    return;
  }

  // Získej file handle — buď z session cache nebo požádej znovu
  let dirHandle = window._syncHandles && window._syncHandles[repoName];
  if (!dirHandle) {
    if (!window.showDirectoryPicker) {
      toast("File System Access API není dostupné (Chrome/Edge).", "error");
      return;
    }
    try {
      toast(`Vyber složku "${folderName}" pro sync s "${repoName}"...`, "success", 4000);
      dirHandle = await window.showDirectoryPicker({ mode: "readwrite" });
      if (dirHandle.name !== folderName) {
        const ok = confirm(`Vybraná složka "${dirHandle.name}" se liší od přiřazené "${folderName}".\nPokračovat?`);
        if (!ok) return;
      }
      if (!window._syncHandles) window._syncHandles = {};
      window._syncHandles[repoName] = dirHandle;
    } catch (e) {
      if (e.name !== "AbortError") toast("Chyba: " + e.message, "error");
      return;
    }
  }

  // Otevři quick sync modal
  openQuickSyncModal(repoName, dirHandle);
}

function openQuickSyncModal(repoName, dirHandle) {
  const modal = document.getElementById("quickSyncModal");
  document.getElementById("qsRepoName").textContent = repoName;
  document.getElementById("qsFolderName").textContent = dirHandle.name;
  document.getElementById("qsStatusArea").innerHTML =
    `<div style="color:var(--text-dim); font-size:11px; padding:20px; text-align:center;">Klikni Analyzovat pro porovnání...</div>`;
  document.getElementById("qsPushBtn").style.display = "none";
  document.getElementById("qsPullBtn").style.display = "none";
  modal._repoName = repoName;
  modal._dirHandle = dirHandle;
  modal._analysis = null;
  modal.style.display = "flex";
}

async function runQuickSyncAnalysis() {
  const modal = document.getElementById("quickSyncModal");
  const repoName = modal._repoName;
  const dirHandle = modal._dirHandle;
  const statusArea = document.getElementById("qsStatusArea");

  statusArea.innerHTML = `<div style="color:var(--text-dim); font-size:11px; padding:16px; text-align:center;">⏳ Načítám lokální soubory...</div>`;

  try {
    // Načti lokální soubory
    const localFiles = await readLocalFiles(dirHandle);

    statusArea.innerHTML = `<div style="color:var(--text-dim); font-size:11px; padding:16px; text-align:center;">⏳ Načítám GitHub strom...</div>`;

    // Načti GitHub strom přes Git API
    const repoInfo = await ghFetch(`/repos/${USERNAME}/${repoName}`);
    const branch = repoInfo.default_branch || "main";
    const refData = await ghFetch(`/repos/${USERNAME}/${repoName}/git/ref/heads/${branch}`);
    const commitObj = await ghFetch(`/repos/${USERNAME}/${repoName}/git/commits/${refData.object.sha}`);
    const treeData = await ghFetch(`/repos/${USERNAME}/${repoName}/git/trees/${commitObj.tree.sha}?recursive=1`);

    const ghMap = new Map(); // path → { sha, size }
    for (const item of (treeData.tree || [])) {
      if (item.type === "blob") ghMap.set(item.path, { sha: item.sha, size: item.size || 0 });
    }

    statusArea.innerHTML = `<div style="color:var(--text-dim); font-size:11px; padding:16px; text-align:center;">⏳ Porovnávám SHA (${localFiles.size} souborů)...</div>`;

    statusArea.innerHTML = `<div style="color:var(--text-dim); font-size:11px; padding:16px; text-align:center;">⏳ Porovnávám SHA (${localFiles.size} souborů)... <button id="qsCancelAnalyze" style="margin-left:8px; background:transparent; border:1px solid var(--red); border-radius:4px; color:var(--red); font-size:10px; padding:2px 8px; cursor:pointer;">✕ Zrušit</button></div>`;
    let analysisCancelled = false;
    const cancelBtn = document.getElementById("qsCancelAnalyze");
    if (cancelBtn) cancelBtn.addEventListener("click", () => { analysisCancelled = true; });

    // Porovnej
    const toUpload = [];
    const toDownload = [];
    const same = [];
    let checked = 0;

    for (const [relPath, localInfo] of localFiles) {
      if (analysisCancelled) break;
      const ghInfo = ghMap.get(relPath);
      if (!ghInfo) {
        toUpload.push({ path: relPath, reason: "nový", localSize: localInfo.file.size, ghSize: 0 });
      } else {
        const localSha = await computeLocalBlobSha(localInfo.file);
        if (localSha !== ghInfo.sha) {
          const diff = localInfo.file.size - ghInfo.size;
          toUpload.push({ path: relPath, reason: "změněn", localSize: localInfo.file.size, ghSize: ghInfo.size, diff });
        } else {
          same.push(relPath);
        }
        ghMap.delete(relPath);
      }
      checked++;
      // Aktualizuj progress každých 10 souborů
      if (checked % 10 === 0) {
        const el = document.getElementById("qsCancelAnalyze");
        if (el) el.previousSibling && (el.previousSibling.textContent = `⏳ Porovnávám SHA (${checked}/${localFiles.size})...`);
        statusArea.querySelector("div").childNodes[0].textContent = `⏳ Porovnávám SHA ${checked}/${localFiles.size}...`;
      }
    }

    if (analysisCancelled) {
      statusArea.innerHTML = `<div style="color:var(--text-dim); font-size:11px; padding:16px; text-align:center;">Analýza zrušena po ${checked} souborech.</div>`;
      return;
    }

    for (const [relPath, ghInfo] of ghMap) {
      toDownload.push({ path: relPath, ghSize: ghInfo.size });
    }

    modal._analysis = { toUpload, toDownload, same, repoName, branch, dirHandle };

    // Renderuj diff tabulku
    renderQuickSyncDiff(toUpload, toDownload, same);

  } catch (e) {
    statusArea.innerHTML = `<div style="color:var(--red); font-size:11px; padding:16px;">Chyba: ${e.message}</div>`;
  }
}

function renderQuickSyncDiff(toUpload, toDownload, same) {
  const statusArea = document.getElementById("qsStatusArea");
  const pushBtn = document.getElementById("qsPushBtn");
  const pullBtn = document.getElementById("qsPullBtn");

  if (toUpload.length === 0 && toDownload.length === 0) {
    statusArea.innerHTML = `<div style="color:var(--accent); font-size:12px; padding:20px; text-align:center;">✓ Vše synchronizované — ${same.length} shodných souborů</div>`;
    pushBtn.style.display = "none";
    pullBtn.style.display = "none";
    return;
  }

  let html = `
    <div style="font-size:11px; color:var(--text-dim); padding:8px 12px; border-bottom:1px solid var(--border);">
      <span style="color:var(--accent);">↑ ${toUpload.length} k nahrání</span> &nbsp;·&nbsp;
      <span style="color:var(--blue, #58a6ff);">↓ ${toDownload.length} ke stažení</span> &nbsp;·&nbsp;
      <span>${same.length} shodných</span>
    </div>
    <table style="width:100%; border-collapse:collapse; font-size:11px; font-family:var(--font-mono);">
      <thead>
        <tr style="border-bottom:1px solid var(--border); color:var(--text-dim);">
          <th style="padding:6px 12px; text-align:left; font-weight:400;">Stav</th>
          <th style="padding:6px 12px; text-align:left; font-weight:400;">Soubor</th>
          <th style="padding:6px 4px; text-align:right; font-weight:400;">Lokálně</th>
          <th style="padding:6px 4px; text-align:right; font-weight:400;">GitHub</th>
          <th style="padding:6px 12px; text-align:right; font-weight:400;">Δ</th>
        </tr>
      </thead>
      <tbody>
  `;

  for (const f of toUpload) {
    const isNew = f.reason === "nový";
    const color = isNew ? "var(--accent)" : "var(--yellow)";
    const label = isNew ? "+ nový" : "~ změněn";
    const delta = isNew ? `+${formatBytes(f.localSize)}` : (f.diff >= 0 ? `+${formatBytes(f.diff)}` : `-${formatBytes(Math.abs(f.diff))}`);
    const deltaColor = isNew ? "var(--accent)" : (f.diff >= 0 ? "var(--accent)" : "var(--red)");
    html += `<tr style="border-bottom:1px solid rgba(255,255,255,0.04);">
      <td style="padding:5px 12px; color:${color}; white-space:nowrap;">${label}</td>
      <td style="padding:5px 12px; color:var(--text); word-break:break-all;">${escapeHtml(f.path)}</td>
      <td style="padding:5px 4px; text-align:right; color:var(--text-dim);">${formatBytes(f.localSize)}</td>
      <td style="padding:5px 4px; text-align:right; color:var(--text-dim);">${isNew ? "—" : formatBytes(f.ghSize)}</td>
      <td style="padding:5px 12px; text-align:right; color:${deltaColor}; white-space:nowrap;">${delta}</td>
    </tr>`;
  }
  for (const f of toDownload) {
    html += `<tr style="border-bottom:1px solid rgba(255,255,255,0.04);">
      <td style="padding:5px 12px; color:#58a6ff; white-space:nowrap;">↓ chybí lok.</td>
      <td style="padding:5px 12px; color:var(--text); word-break:break-all;">${escapeHtml(f.path)}</td>
      <td style="padding:5px 4px; text-align:right; color:var(--text-dim);">—</td>
      <td style="padding:5px 4px; text-align:right; color:var(--text-dim);">${formatBytes(f.ghSize)}</td>
      <td style="padding:5px 12px; text-align:right; color:#58a6ff;">+${formatBytes(f.ghSize)}</td>
    </tr>`;
  }
  html += `</tbody></table>`;
  statusArea.innerHTML = html;

  pushBtn.style.display = toUpload.length > 0 ? "inline-flex" : "none";
  pushBtn.textContent = `⬆️ Push (${toUpload.length})`;
  pullBtn.style.display = toDownload.length > 0 ? "inline-flex" : "none";
  pullBtn.textContent = `⬇️ Pull (${toDownload.length})`;
}

// ─── Quick sync push/pull handlers ───
document.getElementById("qsAnalyzeBtn").addEventListener("click", runQuickSyncAnalysis);

document.getElementById("qsPushBtn").addEventListener("click", async () => {
  const modal = document.getElementById("quickSyncModal");
  if (!modal._analysis) return;
  const { toUpload, repoName, dirHandle } = modal._analysis;

  const localFiles = await readLocalFiles(dirHandle);
  const files = toUpload.map(f => {
    const localInfo = localFiles.get(f.path);
    return { file: localInfo.file, path: f.path };
  }).filter(f => f.file);

  modal.style.display = "none";
  await runUpload(repoName, "", files);  // runUpload má vlastní cancel tlačítko
  if (CURRENT_REPO === repoName) openRepo(repoName, CURRENT_PATH);
});

document.getElementById("qsPullBtn").addEventListener("click", async () => {
  const modal = document.getElementById("quickSyncModal");
  if (!modal._analysis) return;
  const { toDownload, repoName, dirHandle } = modal._analysis;
  modal.style.display = "none";

  const total = toDownload.length;
  showUploadProgress("Pull z GitHubu...", 0, total);
  let done = 0;
  for (const f of toDownload) {
    if (isCancelled()) break;
    try {
      const fileData = await ghFetch(`/repos/${USERNAME}/${repoName}/contents/${f.path}`);
      const binaryStr = atob(fileData.content.replace(/\n/g, ""));
      const bytes = new Uint8Array(binaryStr.length);
      for (let i = 0; i < binaryStr.length; i++) bytes[i] = binaryStr.charCodeAt(i);
      const parts = f.path.split("/");
      let dh = dirHandle;
      for (let i = 0; i < parts.length - 1; i++) dh = await dh.getDirectoryHandle(parts[i], { create: true });
      const fh = await dh.getFileHandle(parts[parts.length - 1], { create: true });
      const wr = await fh.createWritable();
      await wr.write(bytes);
      await wr.close();
      done++;
    } catch (e) { console.error("Pull chyba:", f.path, e); }
    showUploadProgress("Pull z GitHubu...", done, total);
  }
  hideUploadProgress();
  if (_operationCancelled) {
    toast(`Pull zrušen — staženo ${done}/${total} souborů.`, "error");
  } else {
    toast(`✓ Pull hotov: ${done}/${total} souborů`);
  }
});

document.getElementById("closeQuickSyncModal").addEventListener("click", () => {
  document.getElementById("quickSyncModal").style.display = "none";
});
document.getElementById("quickSyncModal").addEventListener("click", (e) => {
  if (e.target === document.getElementById("quickSyncModal"))
    document.getElementById("quickSyncModal").style.display = "none";
});


function showHomeView() {
  CURRENT_REPO = null;
  CURRENT_PATH = "";
  renderRepoList();
  setMobilePanel('main'); // na mobilu přepni na obsah
  document.getElementById("fileToolbar").style.display = "none";
  document.getElementById("breadcrumb").innerHTML =
    '<span class="active">🏠 Home</span>';

  const view = document.getElementById("repoView");
  if (!REPOS.length) {
    view.innerHTML = `<div class="empty-state"><div class="big">🚀</div><p>Nemáš žádné repozitář. Klikni <strong>+</strong> a vytvoř první!</p></div>`;
    return;
  }
  view.innerHTML = `
  <table class="file-table repo-table-home">
    <thead><tr><th>Repozitář</th><th>Viditelnost</th><th>Popis</th><th>Aktualizován</th></tr></thead>
    <tbody>
      ${REPOS.map(
        (r) => `
        <tr class="repo-row" data-repo="${r.name}" style="cursor:pointer;">
          <td><span class="icon">📁</span><span class="folder-name">${r.name}</span></td>
          <td><span class="visibility ${r.private ? "priv" : "pub"}">${r.private ? "🔒 Private" : "🌐 Public"}</span></td>
          <td class="meta">${r.description || "—"}</td>
          <td class="meta">${new Date(r.updated_at).toLocaleDateString("cs-CZ")}</td>
        </tr>
      `,
      ).join("")}
    </tbody>
  </table>
`;

  // Bind events na repo rows
  view.querySelectorAll(".repo-row").forEach((row) => {
    // Levý klik - otevřít repo
    row.addEventListener("click", () => {
      openRepo(row.dataset.repo);
    });

    // Pravý klik - context menu
    row.addEventListener("contextmenu", (e) => {
      e.preventDefault();
      openRepoContext(row.dataset.repo);
    });

    // Touch podpora (dlouhý stisk) pro mobil
    let touchTimer = null;
    row.addEventListener("touchstart", (e) => {
      touchTimer = setTimeout(() => {
        e.preventDefault();
        openRepoContext(row.dataset.repo);
      }, 500);
    });
    row.addEventListener("touchend", () => {
      if (touchTimer) clearTimeout(touchTimer);
    });
    row.addEventListener("touchmove", () => {
      if (touchTimer) clearTimeout(touchTimer);
    });
  });
}

// ═══════════════════════════════════════
//  NEW REPO
// ═══════════════════════════════════════
document.getElementById("newRepoBtn").onclick = () => {
  document.getElementById("newRepoName").value = "";
  document.getElementById("newRepoDesc").value = "";
  document.getElementById("newRepoModal").style.display = "flex";
};
document.getElementById("cancelNewRepo").onclick = () => {
  document.getElementById("newRepoModal").style.display = "none";
};
// ═══════════════════════════════════════
//  NEW FILE/FOLDER
// ═══════════════════════════════════════
function openNewFileModal() {
  if (!CURRENT_REPO) return;
  document.getElementById("newFileModal").style.display = "flex";
  document.getElementById("newItemName").value = "";
  document.getElementById("newFileContent").value = "";
  document.getElementById("newItemType").value = "file";
  document.getElementById("fileContentSection").style.display = "block";
  document.getElementById("newItemName").focus();
}

document.getElementById("newItemType").addEventListener("change", (e) => {
  const isFolder = e.target.value === "folder";
  document.getElementById("fileContentSection").style.display = isFolder
    ? "none"
    : "block";
  document.getElementById("newItemName").placeholder = isFolder
    ? "nazev-slozky/"
    : "nazev.txt";
});

document.getElementById("cancelNewItem").onclick = () => {
  document.getElementById("newFileModal").style.display = "none";
};

document.getElementById("confirmNewItem").onclick = async () => {
  const type = document.getElementById("newItemType").value;
  let name = document.getElementById("newItemName").value.trim();
  const content = document.getElementById("newFileContent").value;

  if (!name) {
    toast("Zadej název", "error");
    return;
  }

  try {
    if (type === "folder") {
      // GitHub nemá prázdné složky, vytvoříme .gitkeep
      if (!name.endsWith("/")) name += "/";
      const filePath = CURRENT_PATH
        ? `${CURRENT_PATH}/${name}.gitkeep`
        : `${name}.gitkeep`;
      await ghFetch(
        `/repos/${USERNAME}/${CURRENT_REPO}/contents/${filePath}`,
        {
          method: "PUT",
          body: JSON.stringify({
            message: `Create folder: ${name}`,
            content: btoa(""),
          }),
        },
      );
      toast(`Složka "${name}" vytvořena`);
    } else {
      // Vytvořit soubor
      const filePath = CURRENT_PATH ? `${CURRENT_PATH}/${name}` : name;
      await ghFetch(
        `/repos/${USERNAME}/${CURRENT_REPO}/contents/${filePath}`,
        {
          method: "PUT",
          body: JSON.stringify({
            message: `Create file: ${name}`,
            content: btoa(unescape(encodeURIComponent(content || ""))),
          }),
        },
      );
      toast(`Soubor "${name}" vytvořen`);
    }

    document.getElementById("newFileModal").style.display = "none";
    openRepo(CURRENT_REPO, CURRENT_PATH);
  } catch (e) {
    toast("Chyba při vytváření: " + e.message, "error");
  }
};

// Close modal on overlay click
document.getElementById("newFileModal").addEventListener("click", (e) => {
  if (e.target === document.getElementById("newFileModal")) {
    document.getElementById("newFileModal").style.display = "none";
  }
});

document.getElementById("confirmNewRepo").onclick = async () => {
  const name = document.getElementById("newRepoName").value.trim();
  if (!name) return toast("Zadáš název repozitáře.", "error");

  const payload = {
    name,
    description: document.getElementById("newRepoDesc").value.trim(),
    private:
      document.getElementById("newRepoVisibility").value === "true",
    auto_init: document.getElementById("newRepoReadme").checked,
  };

  try {
    await ghFetch("/user/repos", {
      method: "POST",
      body: JSON.stringify(payload),
    });
    document.getElementById("newRepoModal").style.display = "none";
    toast("Repozitář „" + name + '" vytvořen!');
    await loadRepos();
    openRepo(name);
  } catch (e) {
    toast("Chyba: " + e.message, "error");
  }
};

// ═══════════════════════════════════════
//  DELETE REPO
// ═══════════════════════════════════════
function openDeleteModal(name) {
  DELETE_TARGET = name;
  const lastTwo = name.slice(-2);
  document.getElementById("deleteRepoNameShow").textContent = name;
  document.getElementById("deleteHintLetters").textContent = lastTwo;
  document.getElementById("deleteRepoConfirm").value = "";
  document.getElementById("confirmDeleteRepo").disabled = true;
  document.getElementById("deleteRepoModal").style.display = "flex";
  document.getElementById("deleteRepoConfirm").focus();
}
document.getElementById("cancelDeleteRepo").onclick = () => {
  document.getElementById("deleteRepoModal").style.display = "none";
};
document.getElementById("deleteRepoConfirm").oninput = function () {
  document.getElementById("confirmDeleteRepo").disabled =
    this.value.trim() !== DELETE_TARGET.slice(-2);
};
document.getElementById("confirmDeleteRepo").onclick = async () => {
  try {
    await ghFetch(`/repos/${USERNAME}/${DELETE_TARGET}`, {
      method: "DELETE",
    });
    document.getElementById("deleteRepoModal").style.display = "none";
    toast("Repozitář „" + DELETE_TARGET + '" smazán.');
    await loadRepos();
    showHomeView();
  } catch (e) {
    toast("Chyba při mazání: " + e.message, "error");
  }
};

// ═══════════════════════════════════════
//  HELPERS
// ═══════════════════════════════════════
function formatBytes(bytes) {
  if (!bytes) return "0 B";
  const k = 1024;
  const sizes = ["B", "KB", "MB"];
  const i = Math.floor(Math.log(bytes) / Math.log(k));
  return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + " " + sizes[i];
}

function getFileIcon(name) {
  const ext = name.split(".").pop().toLowerCase();
  const icons = {
    html: "🌐",
    css: "🎨",
    js: "⚡",
    ts: "💎",
    json: "📋",
    md: "📝",
    png: "🖼️",
    jpg: "🖼️",
    jpeg: "🖼️",
    gif: "🖼️",
    svg: "🖼️",
    py: "🐍",
    rb: "💎",
    java: "☕",
    txt: "📄",
    yml: "⚙️",
    yaml: "⚙️",
    gitignore: "🙈",
    env: "🔐",
    lock: "🔒",
    xml: "📋",
    csv: "📊",
  };
  return icons[ext] || "📄";
}

// ═══════════════════════════════════════
//  BACKUP (download all repos as ZIP)
// ═══════════════════════════════════════
let BACKUP_CANCELLED = false;

document.getElementById("backupBtn").onclick = () => {
  if (!REPOS.length)
    return toast("Nemáš žádné repozitář na stáhnoutí.", "error");
  BACKUP_CANCELLED = false;
  document.getElementById("backupModal").style.display = "flex";
  document.getElementById("backupProgressBar").style.width = "0%";
  document.getElementById("backupPercent").textContent = "0%";
  document.getElementById("backupStatus").textContent = "Začíná...";
  document.getElementById("backupRepoList").innerHTML = REPOS.map(
    (r) =>
      `<div id="backupItem-${r.name}" style="display:flex; align-items:center; gap:8px; padding:5px 0; border-bottom:1px solid var(--border); font-size:12px;">
    <span id="backupIcon-${r.name}" style="width:16px; text-align:center;">⏳</span>
    <span style="flex:1; color:var(--text);">${r.name}</span>
    <span id="backupCount-${r.name}" style="color:var(--text-dim); font-size:11px;">—</span>
  </div>`,
  ).join("");
  startBackup();
};

document.getElementById("cancelBackup").onclick = () => {
  BACKUP_CANCELLED = true;
  document.getElementById("backupModal").style.display = "none";
  toast("Backup zrušen.");
};

// ── recursively fetch all files in a repo ──
async function fetchAllFiles(repoName, path = "") {
  const endpoint = path
    ? `/repos/${USERNAME}/${repoName}/contents/${path}`
    : `/repos/${USERNAME}/${repoName}/contents`;
  const items = await ghFetch(endpoint);
  let files = [];
  for (const item of items) {
    if (BACKUP_CANCELLED) return [];
    if (item.type === "dir") {
      const sub = await fetchAllFiles(repoName, item.path);
      files = files.concat(sub);
    } else {
      // fetch file content (base64)
      const fileData = await ghFetch(
        `/repos/${USERNAME}/${repoName}/contents/${item.path}`,
      );
      files.push({
        path: repoName + "/" + item.path,
        content: fileData.content,
      });
    }
  }
  return files;
}

async function startBackup() {
  const totalRepos = REPOS.length;
  let allFiles = [];

  for (let i = 0; i < totalRepos; i++) {
    if (BACKUP_CANCELLED) return;
    const repo = REPOS[i];
    document.getElementById("backupStatus").textContent =
      `Stahuje: ${repo.name}...`;
    document.getElementById("backupIcon-" + repo.name).textContent = "📥";

    try {
      const files = await fetchAllFiles(repo.name);
      if (BACKUP_CANCELLED) return;
      allFiles = allFiles.concat(files);
      document.getElementById("backupIcon-" + repo.name).textContent =
        "✅";
      document.getElementById("backupCount-" + repo.name).textContent =
        files.length + " soubor" + (files.length === 1 ? "" : "ů");
    } catch (e) {
      document.getElementById("backupIcon-" + repo.name).textContent =
        "❌";
      document.getElementById("backupCount-" + repo.name).textContent =
        "chyba";
    }

    const pct = Math.round(((i + 1) / totalRepos) * 100);
    document.getElementById("backupProgressBar").style.width = pct + "%";
    document.getElementById("backupPercent").textContent = pct + "%";
  }

  if (BACKUP_CANCELLED) return;

  // build ZIP and download
  document.getElementById("backupStatus").textContent = "Balí do ZIP...";
  const zipBlob = buildZip(allFiles);
  downloadBlob(
    zipBlob,
    `github-backup-${USERNAME}-${new Date().toISOString().slice(0, 10)}.zip`,
  );
  document.getElementById("backupModal").style.display = "none";
  toast(
    `Backup hotov – ${allFiles.length} soubor` +
      (allFiles.length === 1 ? "" : "ů") +
      ` v ZIP.`,
  );
}

// ── manual ZIP builder (no external library) ──
function buildZip(files) {
  const localHeaders = [];
  const centralHeaders = [];
  let offset = 0;

  for (const file of files) {
    const nameBytes = new TextEncoder().encode(file.path);
    const contentBytes = Uint8Array.from(atob(file.content), (c) =>
      c.charCodeAt(0),
    );
    const crc = crc32(contentBytes);

    // Local file header
    const local = new Uint8Array(30 + nameBytes.length);
    const localView = new DataView(local.buffer);
    localView.setUint32(0, 0x04034b50, true); // signature
    localView.setUint16(4, 20, true); // version needed
    localView.setUint16(6, 0, true); // flags
    localView.setUint16(8, 0, true); // compression = stored
    localView.setUint16(10, 0, true); // mod time
    localView.setUint16(12, 0, true); // mod date
    localView.setUint32(14, crc, true); // crc32
    localView.setUint32(18, contentBytes.length, true); // compressed size
    localView.setUint32(22, contentBytes.length, true); // uncompressed size
    localView.setUint16(26, nameBytes.length, true); // filename length
    localView.setUint16(28, 0, true); // extra field length
    local.set(nameBytes, 30);
    localHeaders.push({
      header: local,
      content: contentBytes,
      nameBytes,
      crc,
      offset,
    });

    // Central directory header
    const central = new Uint8Array(46 + nameBytes.length);
    const centralView = new DataView(central.buffer);
    centralView.setUint32(0, 0x02014b50, true); // signature
    centralView.setUint16(4, 20, true); // version made by
    centralView.setUint16(6, 20, true); // version needed
    centralView.setUint16(8, 0, true); // flags
    centralView.setUint16(10, 0, true); // compression
    centralView.setUint16(12, 0, true); // mod time
    centralView.setUint16(14, 0, true); // mod date
    centralView.setUint32(16, crc, true); // crc32
    centralView.setUint32(20, contentBytes.length, true);
    centralView.setUint32(24, contentBytes.length, true);
    centralView.setUint16(28, nameBytes.length, true);
    centralView.setUint16(30, 0, true); // extra length
    centralView.setUint16(32, 0, true); // comment length
    centralView.setUint16(34, 0, true); // disk number
    centralView.setUint16(36, 0, true); // internal attr
    centralView.setUint32(38, 0, true); // external attr
    centralView.setUint32(42, offset, true); // local header offset
    central.set(nameBytes, 46);
    centralHeaders.push(central);

    offset += local.length + contentBytes.length;
  }

  // End of central directory
  let centralSize = 0;
  centralHeaders.forEach((c) => (centralSize += c.length));
  const eocd = new Uint8Array(22);
  const eocdView = new DataView(eocd.buffer);
  eocdView.setUint32(0, 0x06054b50, true);
  eocdView.setUint16(4, 0, true);
  eocdView.setUint16(6, 0, true);
  eocdView.setUint16(8, files.length, true);
  eocdView.setUint16(10, files.length, true);
  eocdView.setUint32(12, centralSize, true);
  eocdView.setUint32(16, offset, true);
  eocdView.setUint16(20, 0, true);

  // Concatenate everything
  const totalSize = offset + centralSize + eocd.length;
  const zip = new Uint8Array(totalSize);
  let pos = 0;
  localHeaders.forEach(({ header, content }) => {
    zip.set(header, pos);
    pos += header.length;
    zip.set(content, pos);
    pos += content.length;
  });
  centralHeaders.forEach((c) => {
    zip.set(c, pos);
    pos += c.length;
  });
  zip.set(eocd, pos);

  return new Blob([zip], { type: "application/zip" });
}

// ── CRC32 ──
function crc32(buf) {
  let crc = 0xffffffff;
  for (let i = 0; i < buf.length; i++) {
    crc = crc ^ buf[i];
    for (let j = 0; j < 8; j++) {
      crc = (crc >>> 1) ^ (crc & 1 ? 0xedb88320 : 0);
    }
  }
  return (crc ^ 0xffffffff) >>> 0;
}

// ── trigger browser download ──
function downloadBlob(blob, filename) {
  const url = URL.createObjectURL(blob);
  const a = document.createElement("a");
  a.href = url;
  a.download = filename;
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
  URL.revokeObjectURL(url);
}

// ═══════════════════════════════════════
//  REPO CONTEXT MENU
// ═══════════════════════════════════════
function openRepoContext(repoName) {
  const repo = REPOS.find((r) => r.name === repoName);
  if (!repo) return;

  document.getElementById("repoCtxName").textContent = repoName;
  document.getElementById("repoCtxMeta").textContent = repo.private
    ? "🔒 Private"
    : "🌐 Public";
  document.getElementById("repoCtxModal").style.display = "flex";

  // Rename button
  document.getElementById("repoCtxRename").onclick = () => {
    document.getElementById("repoCtxModal").style.display = "none";
    const newName = prompt(
      `Přejmenovat repozitář "${repoName}" na:`,
      repoName,
    );
    if (newName && newName !== repoName) {
      renameRepo(repoName, newName);
    }
  };

  // Delete button
  document.getElementById("repoCtxDelete").onclick = () => {
    document.getElementById("repoCtxModal").style.display = "none";
    openDeleteModal(repoName);
  };
}

// Close repo context modal on overlay click
document.getElementById("repoCtxModal").addEventListener("click", (e) => {
  if (e.target === document.getElementById("repoCtxModal")) {
    document.getElementById("repoCtxModal").style.display = "none";
  }
});

async function renameRepo(oldName, newName) {
  try {
    await ghFetch(`/repos/${USERNAME}/${oldName}`, {
      method: "PATCH",
      body: JSON.stringify({ name: newName }),
    });
    toast(`Repozitář přejmenován na "${newName}"`);
    await loadRepos();
    if (CURRENT_REPO === oldName) {
      openRepo(newName, CURRENT_PATH);
    } else {
      showHomeView();
    }
  } catch (e) {
    toast("Chyba při přejmenování: " + e.message, "error");
  }
}

// ═══════════════════════════════════════
//  EDIT DESCRIPTION MODAL
// ═══════════════════════════════════════
document.getElementById("cancelEditDesc").onclick = () => {
  document.getElementById("editDescModal").style.display = "none";
};

document.getElementById("confirmEditDesc").onclick = async () => {
  const newDesc = document.getElementById("editDescInput").value.trim();
  const repo = window.EDIT_DESC_REPO;
  const path = window.EDIT_DESC_PATH;

  try {
    await ghFetch(`/repos/${USERNAME}/${repo}`, {
      method: "PATCH",
      body: JSON.stringify({ description: newDesc }),
    });
    document.getElementById("editDescModal").style.display = "none";
    toast("Popis aktualizován");
    await loadRepos();
    openRepo(repo, path);
  } catch (e) {
    toast("Chyba při úpravě popisu: " + e.message, "error");
  }
};

document
  .getElementById("editDescModal")
  .addEventListener("click", (e) => {
    if (e.target === document.getElementById("editDescModal")) {
      document.getElementById("editDescModal").style.display = "none";
    }
  });

// ═══════════════════════════════════════
//  FILE VIEWER MODAL
// ═══════════════════════════════════════
let VIEWER_FILE = {};
let VIEWER_FILE_SHA = "";
let VIEWER_IS_MODIFIED = false;
let VIEWER_ORIGINAL_CONTENT = "";
let VIEWER_SEARCH_MATCHES = [];
let VIEWER_CURRENT_MATCH = -1;

async function openFileViewer(name, path, repo) {
  VIEWER_FILE = { name, path, repo };
  VIEWER_FILE_SHA = "";
  VIEWER_IS_MODIFIED = false;
  VIEWER_SEARCH_MATCHES = [];
  VIEWER_CURRENT_MATCH = -1;

  document.getElementById("viewerFileName").textContent = name;
  document.getElementById("viewerFileMeta").textContent =
    `${repo}/${path}`;
  document.getElementById("viewerFileIcon").textContent =
    getFileIcon(name);
  document.getElementById("fileViewerModal").style.display = "flex";
  document.getElementById("fileViewerContent").textContent = "Načítám...";
  document.getElementById("searchInput").value = "";
  document.getElementById("replaceInput").value = "";
  document.getElementById("replaceControls").style.display = "none";
  document.getElementById("searchCounter").textContent = "";

  try {
    const fileData = await ghFetch(
      `/repos/${USERNAME}/${repo}/contents/${path}`,
    );

    // Správné dekódování UTF-8 (podpora českých znaků)
    const binaryString = atob(fileData.content);
    const bytes = new Uint8Array(binaryString.length);
    for (let i = 0; i < binaryString.length; i++) {
      bytes[i] = binaryString.charCodeAt(i);
    }
    const content = new TextDecoder("utf-8").decode(bytes);

    VIEWER_ORIGINAL_CONTENT = content;
    VIEWER_FILE_SHA = fileData.sha;
    document.getElementById("saveFileBtn").style.display = "none";
    document.getElementById("fileDiffBtn").style.display = "inline-flex";
    document.getElementById("commitHistoryPanel").style.display = "none";
    document.getElementById("diffPanel").style.display = "none";
    document.getElementById("fileViewerContent").textContent = content;
    document.getElementById("viewerFileMeta").textContent =
      formatBytes(content.length) +
      " · " +
      name.split(".").pop().toUpperCase();
  } catch (e) {
    document.getElementById("fileViewerContent").textContent =
      "Chyba při načítání: " + e.message;
  }
}

// ═══════════════════════════════════════
//  COMMIT HISTORIE SOUBORU
// ═══════════════════════════════════════
document.getElementById("fileHistoryBtn").addEventListener("click", async () => {
  const panel = document.getElementById("commitHistoryPanel");
  const diffPanel = document.getElementById("diffPanel");
  diffPanel.style.display = "none";

  if (panel.style.display !== "none") {
    panel.style.display = "none";
    return;
  }

  panel.style.display = "block";
  document.getElementById("commitHistoryList").innerHTML =
    `<div style="padding:12px 14px; color:var(--text-dim); font-size:11px; font-family:var(--font-mono);">Načítám historii...</div>`;

  try {
    const commits = await ghFetch(
      `/repos/${USERNAME}/${VIEWER_FILE.repo}/commits?path=${encodeURIComponent(VIEWER_FILE.path)}&per_page=20`
    );

    if (!commits.length) {
      document.getElementById("commitHistoryList").innerHTML =
        `<div style="padding:12px 14px; color:var(--text-dim); font-size:11px;">Žádné commity nenalezeny.</div>`;
      return;
    }

    document.getElementById("commitHistoryList").innerHTML = commits.map((c, i) => {
      const date = new Date(c.commit.author.date);
      const dateStr = date.toLocaleDateString("cs-CZ") + " " + date.toLocaleTimeString("cs-CZ", { hour: "2-digit", minute: "2-digit" });
      const msg = c.commit.message.split("\n")[0]; // jen první řádek
      const sha7 = c.sha.slice(0, 7);
      const isHead = i === 0;
      return `
        <div style="padding:8px 14px; border-bottom:1px solid var(--border); display:flex; gap:10px; align-items:flex-start; font-family:var(--font-mono); font-size:11px;">
          <div style="flex:1; min-width:0;">
            <div style="color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;" title="${escapeHtml(c.commit.message)}">
              ${isHead ? '<span style="color:var(--accent); margin-right:4px;">HEAD</span>' : ''}
              ${escapeHtml(msg)}
            </div>
            <div style="color:var(--text-dim); margin-top:2px;">
              <span style="color:var(--yellow);">${sha7}</span> · ${escapeHtml(c.commit.author.name)} · ${dateStr}
            </div>
          </div>
          <div style="display:flex; gap:6px; flex-shrink:0;">
            <button onclick="showCommitDiff('${c.sha}', '${escapeHtml(msg).replace(/'/g, "\\'")}')"
              style="padding:3px 8px; background:var(--surface2); border:1px solid var(--border); border-radius:4px; color:var(--text); cursor:pointer; font-size:10px; font-family:var(--font-mono);">
              ⚡ Diff
            </button>
            ${!isHead ? `<button onclick="revertToCommit('${c.sha}', '${sha7}')"
              style="padding:3px 8px; background:var(--surface2); border:1px solid var(--red); border-radius:4px; color:var(--red); cursor:pointer; font-size:10px; font-family:var(--font-mono);">
              ↩ Vrátit
            </button>` : ''}
          </div>
        </div>
      `;
    }).join("");

  } catch (e) {
    document.getElementById("commitHistoryList").innerHTML =
      `<div style="padding:12px 14px; color:var(--red); font-size:11px; font-family:var(--font-mono);">Chyba: ${e.message}</div>`;
  }
});

document.getElementById("closeHistoryPanel").addEventListener("click", () => {
  document.getElementById("commitHistoryPanel").style.display = "none";
});

// Zobrazí diff konkrétního commitu vs předchozí verze
async function showCommitDiff(commitSha, commitMsg) {
  const diffPanel = document.getElementById("diffPanel");
  const diffContent = document.getElementById("diffContent");
  const diffTitle = document.getElementById("diffPanelTitle");

  diffPanel.style.display = "block";
  diffTitle.textContent = `⚡ Diff — ${commitMsg.slice(0, 40)}`;
  diffContent.textContent = "Načítám diff...";

  try {
    // Načti obsah souboru v tomto commitu
    const fileAtCommit = await ghFetch(
      `/repos/${USERNAME}/${VIEWER_FILE.repo}/contents/${VIEWER_FILE.path}?ref=${commitSha}`
    );
    const newContent = decodeBase64Utf8(fileAtCommit.content);

    // Načti detail commitu — obsahuje pole parents
    const commitDetail = await ghFetch(
      `/repos/${USERNAME}/${VIEWER_FILE.repo}/git/commits/${commitSha}`
    );

    let oldContent = "";
    if (commitDetail.parents && commitDetail.parents.length > 0) {
      const parentSha = commitDetail.parents[0].sha;
      try {
        const prev = await ghFetch(
          `/repos/${USERNAME}/${VIEWER_FILE.repo}/contents/${VIEWER_FILE.path}?ref=${parentSha}`
        );
        oldContent = decodeBase64Utf8(prev.content);
      } catch {
        // Soubor v parent commitu neexistoval → byl přidán tímto commitem
        oldContent = "";
      }
    }

    renderDiff(oldContent, newContent, diffContent);
  } catch (e) {
    diffContent.textContent = "Chyba při načítání diffu: " + e.message;
  }
}

document.getElementById("closeDiffPanel").addEventListener("click", () => {
  document.getElementById("diffPanel").style.display = "none";
});

// Jednoduchý line diff — zobrazí přidané/odebrané řádky
function renderDiff(oldText, newText, container) {
  const oldLines = oldText.split("\n");
  const newLines = newText.split("\n");

  // Jednoduché LCS diff — porovnej řádky
  const result = [];
  const maxLines = Math.max(oldLines.length, newLines.length);

  // Rychlý diff: projdi řádky paralelně
  let o = 0, n = 0;
  while (o < oldLines.length || n < newLines.length) {
    const oldLine = oldLines[o];
    const newLine = newLines[n];

    if (o >= oldLines.length) {
      result.push({ type: "add", line: newLine, n: n + 1 });
      n++;
    } else if (n >= newLines.length) {
      result.push({ type: "del", line: oldLine, o: o + 1 });
      o++;
    } else if (oldLine === newLine) {
      result.push({ type: "same", line: newLine, o: o + 1, n: n + 1 });
      o++; n++;
    } else {
      // Zkus najít shodu v okolí (±3 řádky)
      let foundInNew = -1, foundInOld = -1;
      for (let look = 1; look <= 3; look++) {
        if (n + look < newLines.length && newLines[n + look] === oldLine) { foundInNew = look; break; }
      }
      for (let look = 1; look <= 3; look++) {
        if (o + look < oldLines.length && oldLines[o + look] === newLine) { foundInOld = look; break; }
      }
      if (foundInNew !== -1 && (foundInOld === -1 || foundInNew <= foundInOld)) {
        for (let i = 0; i < foundInNew; i++) result.push({ type: "add", line: newLines[n + i], n: n + i + 1 });
        n += foundInNew;
      } else if (foundInOld !== -1) {
        for (let i = 0; i < foundInOld; i++) result.push({ type: "del", line: oldLines[o + i], o: o + i + 1 });
        o += foundInOld;
      } else {
        result.push({ type: "del", line: oldLine, o: o + 1 });
        result.push({ type: "add", line: newLine, n: n + 1 });
        o++; n++;
      }
    }
  }

  // Zobraz jen změny + 3 řádky kontextu
  const CONTEXT = 3;
  const changed = new Set(result.map((r, i) => r.type !== "same" ? i : -1).filter(i => i >= 0));
  const show = new Set();
  changed.forEach(i => {
    for (let j = Math.max(0, i - CONTEXT); j <= Math.min(result.length - 1, i + CONTEXT); j++) show.add(j);
  });

  if (show.size === 0) {
    container.innerHTML = `<span style="color:var(--accent);">✓ Soubory jsou identické</span>`;
    return;
  }

  let html = "";
  let lastShown = -1;
  [...show].sort((a, b) => a - b).forEach(i => {
    if (lastShown !== -1 && i > lastShown + 1) {
      html += `<span style="color:var(--text-dim); display:block; padding:2px 0;">···</span>`;
    }
    const r = result[i];
    const lineNum = r.type === "del" ? r.o : (r.n || "");
    const bg = r.type === "add" ? "rgba(0,229,160,0.1)" : r.type === "del" ? "rgba(255,85,85,0.1)" : "transparent";
    const prefix = r.type === "add" ? "+" : r.type === "del" ? "-" : " ";
    const color = r.type === "add" ? "var(--accent)" : r.type === "del" ? "var(--red)" : "var(--text-dim)";
    html += `<span style="display:block; background:${bg}; padding:1px 0;"><span style="color:var(--text-dim); user-select:none; margin-right:8px; display:inline-block; width:32px; text-align:right;">${lineNum}</span><span style="color:${color}; margin-right:6px;">${prefix}</span>${escapeHtml(r.line)}</span>`;
    lastShown = i;
  });

  container.innerHTML = html;

  // Stats
  const adds = result.filter(r => r.type === "add").length;
  const dels = result.filter(r => r.type === "del").length;
  document.getElementById("diffPanelTitle").textContent =
    `⚡ Diff · +${adds} -${dels} řádků`;
}

// Vrátí soubor na verzi z daného commitu
async function revertToCommit(sha, sha7) {
  if (!confirm(`Vrátit soubor "${VIEWER_FILE.name}" na verzi z commitu ${sha7}?\n\nToto vytvoří nový commit s touto starší verzí.`)) return;

  try {
    const fileAtCommit = await ghFetch(
      `/repos/${USERNAME}/${VIEWER_FILE.repo}/contents/${VIEWER_FILE.path}?ref=${sha}`
    );
    const content = fileAtCommit.content.replace(/\n/g, "");

    // Načti aktuální SHA souboru
    const current = await ghFetch(
      `/repos/${USERNAME}/${VIEWER_FILE.repo}/contents/${VIEWER_FILE.path}`
    );

    await ghFetch(`/repos/${USERNAME}/${VIEWER_FILE.repo}/contents/${VIEWER_FILE.path}`, {
      method: "PUT",
      body: JSON.stringify({
        message: `revert: ${VIEWER_FILE.name} to ${sha7}`,
        content: content,
        sha: current.sha,
      }),
    });

    toast(`✓ Soubor vrácen na verzi ${sha7}`);

    // Aktualizuj viewer
    const decoded = decodeBase64Utf8(content);
    VIEWER_ORIGINAL_CONTENT = decoded;
    VIEWER_IS_MODIFIED = false;
    document.getElementById("fileViewerContent").textContent = decoded;
    document.getElementById("commitHistoryPanel").style.display = "none";
    document.getElementById("diffPanel").style.display = "none";
  } catch (e) {
    toast("Chyba při revertu: " + e.message, "error");
  }
}

function decodeBase64Utf8(b64) {
  const binaryStr = atob(b64.replace(/\n/g, ""));
  const bytes = new Uint8Array(binaryStr.length);
  for (let i = 0; i < binaryStr.length; i++) bytes[i] = binaryStr.charCodeAt(i);
  return new TextDecoder("utf-8").decode(bytes);
}

// ─── Diff tlačítko ve file vieweru (porovnej s lokálním souborem) ───
document.getElementById("fileDiffBtn").addEventListener("click", async () => {
  const diffPanel = document.getElementById("diffPanel");
  if (diffPanel.style.display !== "none") {
    diffPanel.style.display = "none";
    return;
  }
  // Otevři file picker pro lokální soubor
  if (!window.showOpenFilePicker) {
    toast("File System Access API není dostupné (Chrome/Edge).", "error");
    return;
  }
  try {
    const [fh] = await window.showOpenFilePicker({
      suggestedName: VIEWER_FILE.name,
    });
    const file = await fh.getFile();
    const localContent = await file.text();
    const githubContent = VIEWER_ORIGINAL_CONTENT;

    document.getElementById("diffPanel").style.display = "block";
    const diffContent = document.getElementById("diffContent");
    renderDiff(localContent, githubContent, diffContent);
    document.getElementById("diffPanelTitle").textContent =
      `⚡ Diff: lokální vs GitHub — ${VIEWER_FILE.name}`;
  } catch (e) {
    if (e.name !== "AbortError") toast("Chyba: " + e.message, "error");
  }
});

// Search functionality
function performSearch() {
  const searchTerm = document.getElementById("searchInput").value;
  const content = VIEWER_ORIGINAL_CONTENT;
  const contentEl = document.getElementById("fileViewerContent");

  if (!searchTerm) {
    contentEl.textContent = content;
    document.getElementById("searchCounter").textContent = "";
    VIEWER_SEARCH_MATCHES = [];
    VIEWER_CURRENT_MATCH = -1;
    return;
  }

  // Find all matches
  VIEWER_SEARCH_MATCHES = [];
  let index = 0;
  while ((index = content.indexOf(searchTerm, index)) !== -1) {
    VIEWER_SEARCH_MATCHES.push(index);
    index += searchTerm.length;
  }

  if (VIEWER_SEARCH_MATCHES.length === 0) {
    document.getElementById("searchCounter").textContent = "Nenalezeno";
    contentEl.textContent = content;
    VIEWER_CURRENT_MATCH = -1;
    return;
  }

  VIEWER_CURRENT_MATCH = 0;
  highlightMatches();
}

function highlightMatches() {
  const searchTerm = document.getElementById("searchInput").value;
  const content = VIEWER_ORIGINAL_CONTENT;
  const contentEl = document.getElementById("fileViewerContent");

  if (VIEWER_SEARCH_MATCHES.length === 0) return;

  // Build HTML with highlighted matches
  let html = "";
  let lastIndex = 0;

  VIEWER_SEARCH_MATCHES.forEach((matchIndex, i) => {
    // Add text before match
    html += escapeHtml(content.substring(lastIndex, matchIndex));

    // Add highlighted match
    const isCurrent = i === VIEWER_CURRENT_MATCH;
    const style = isCurrent
      ? "background: var(--accent); color: var(--bg); font-weight: 700;"
      : "background: var(--yellow); color: var(--bg);";
    html += `<mark style="${style}">${escapeHtml(content.substring(matchIndex, matchIndex + searchTerm.length))}</mark>`;

    lastIndex = matchIndex + searchTerm.length;
  });

  // Add remaining text
  html += escapeHtml(content.substring(lastIndex));

  contentEl.innerHTML = html;
  document.getElementById("searchCounter").textContent =
    `${VIEWER_CURRENT_MATCH + 1} z ${VIEWER_SEARCH_MATCHES.length}`;

  // Scroll to current match
  const marks = contentEl.querySelectorAll("mark");
  if (marks[VIEWER_CURRENT_MATCH]) {
    marks[VIEWER_CURRENT_MATCH].scrollIntoView({
      behavior: "smooth",
      block: "center",
    });
  }
}

function escapeHtml(text) {
  const div = document.createElement("div");
  div.textContent = text;
  return div.innerHTML;
}

function findNext() {
  if (VIEWER_SEARCH_MATCHES.length === 0) return;
  VIEWER_CURRENT_MATCH =
    (VIEWER_CURRENT_MATCH + 1) % VIEWER_SEARCH_MATCHES.length;
  highlightMatches();
}

function findPrevious() {
  if (VIEWER_SEARCH_MATCHES.length === 0) return;
  VIEWER_CURRENT_MATCH =
    (VIEWER_CURRENT_MATCH - 1 + VIEWER_SEARCH_MATCHES.length) %
    VIEWER_SEARCH_MATCHES.length;
  highlightMatches();
}

function replaceCurrentMatch() {
  const searchTerm = document.getElementById("searchInput").value;
  const replaceTerm = document.getElementById("replaceInput").value;

  if (!searchTerm || VIEWER_SEARCH_MATCHES.length === 0) {
    toast("Nejprve vyhledej text", "error");
    return;
  }

  const matchIndex = VIEWER_SEARCH_MATCHES[VIEWER_CURRENT_MATCH];
  VIEWER_ORIGINAL_CONTENT =
    VIEWER_ORIGINAL_CONTENT.substring(0, matchIndex) +
    replaceTerm +
    VIEWER_ORIGINAL_CONTENT.substring(matchIndex + searchTerm.length);

  document.getElementById("fileViewerContent").textContent =
    VIEWER_ORIGINAL_CONTENT;
  toast("Nahrazeno 1 výskyt");

  // Re-search
  performSearch();
}

function replaceAllMatches() {
  const searchTerm = document.getElementById("searchInput").value;
  const replaceTerm = document.getElementById("replaceInput").value;

  if (!searchTerm || VIEWER_SEARCH_MATCHES.length === 0) {
    toast("Nejprve vyhledej text", "error");
    return;
  }

  const count = VIEWER_SEARCH_MATCHES.length;
  VIEWER_ORIGINAL_CONTENT =
    VIEWER_ORIGINAL_CONTENT.split(searchTerm).join(replaceTerm);
  document.getElementById("fileViewerContent").textContent =
    VIEWER_ORIGINAL_CONTENT;

  toast(`Nahrazeno ${count} výskyt${count > 1 ? "ů" : ""}`);

  // Clear search
  document.getElementById("searchInput").value = "";
  VIEWER_SEARCH_MATCHES = [];
  VIEWER_CURRENT_MATCH = -1;
  document.getElementById("searchCounter").textContent = "";
}

// Event listeners for search
document
  .getElementById("searchInput")
  .addEventListener("input", performSearch);
document
  .getElementById("searchInput")
  .addEventListener("keydown", (e) => {
    if (e.key === "Enter") {
      if (e.shiftKey) {
        findPrevious();
      } else {
        findNext();
      }
    }
  });
document.getElementById("findNextBtn").onclick = findNext;
document.getElementById("findPrevBtn").onclick = findPrevious;
document.getElementById("toggleReplaceBtn").onclick = () => {
  const controls = document.getElementById("replaceControls");
  controls.style.display =
    controls.style.display === "none" ? "flex" : "none";
};
document.getElementById("replaceBtn").onclick = replaceCurrentMatch;
document.getElementById("replaceAllBtn").onclick = replaceAllMatches;

// Save file changes
document.getElementById("saveFileBtn").onclick = async () => {
  try {
    const content =
      document.getElementById("fileViewerContent").textContent;
    const base64Content = btoa(unescape(encodeURIComponent(content)));

    await ghFetch(
      `/repos/${USERNAME}/${VIEWER_FILE.repo}/contents/${VIEWER_FILE.path}`,
      {
        method: "PUT",
        body: JSON.stringify({
          message: `Update: ${VIEWER_FILE.name}`,
          content: base64Content,
          sha: VIEWER_FILE_SHA,
        }),
      },
    );

    toast("Soubor uložen!");
    VIEWER_IS_MODIFIED = false;
    document.getElementById("saveFileBtn").style.display = "none";
    document.getElementById("fileViewerModal").style.display = "none";

    // Refresh current folder
    if (CURRENT_REPO) {
      openRepo(CURRENT_REPO, CURRENT_PATH);
    }
  } catch (e) {
    toast("Chyba při ukládání: " + e.message, "error");
  }
};

// Sledování změn v obsahu
document
  .getElementById("fileViewerContent")
  .addEventListener("input", () => {
    VIEWER_IS_MODIFIED = true;
    // Zobrazit tlačítko Uložit když jsou změny
    document.getElementById("saveFileBtn").style.display = "inline-block";
  });

document.getElementById("closeFileViewer").onclick = () => {
  if (
    VIEWER_IS_MODIFIED &&
    !confirm("Máš neuložené změny. Opravdu zavřít?")
  ) {
    return;
  }
  document.getElementById("fileViewerModal").style.display = "none";
};

document.getElementById("downloadFromViewer").onclick = async () => {
  try {
    const fileData = await ghFetch(
      `/repos/${USERNAME}/${VIEWER_FILE.repo}/contents/${VIEWER_FILE.path}`,
    );
    const bytes = Uint8Array.from(atob(fileData.content), (c) =>
      c.charCodeAt(0),
    );
    const blob = new Blob([bytes]);
    downloadBlob(blob, VIEWER_FILE.name);
    toast("Soubor stáhnut");
  } catch (e) {
    toast("Chyba při stáhnutí: " + e.message, "error");
  }
};

document
  .getElementById("fileViewerModal")
  .addEventListener("click", (e) => {
    if (e.target === document.getElementById("fileViewerModal")) {
      document.getElementById("fileViewerModal").style.display = "none";
    }
  });

// ═══════════════════════════════════════
//  FILE CONTEXT MENU
// ═══════════════════════════════════════
let CTX_FILE = {}; // { name, path, type, size, repo }

function openFileContext(name, path, type, size, repo) {
  CTX_FILE = { name, path, type, size, repo };
  const isDir = type === "dir";
  const isHtml = /\.html?$/i.test(name);
  const ext = name.split(".").pop().toLowerCase();
  const isTextFile = [
    "txt",
    "md",
    "json",
    "js",
    "ts",
    "css",
    "html",
    "xml",
    "yml",
    "yaml",
    "py",
    "java",
    "rb",
    "php",
    "c",
    "cpp",
    "h",
    "cs",
    "go",
    "rs",
    "kt",
    "swift",
  ].includes(ext);

  document.getElementById("ctxFileName").textContent = name;
  document.getElementById("ctxFileMeta").textContent = isDir
    ? "Složka"
    : formatBytes(size) + " · " + name.split(".").pop().toUpperCase();
  document.getElementById("ctxFileIcon").textContent = isDir
    ? "📂"
    : getFileIcon(name);

  // hide rename row
  document.getElementById("renameRow").classList.remove("show");

  // build action buttons
  let btns = "";
  if (isHtml) {
    btns += `<button class="ctx-btn" id="ctxPreview">
    <span class="ctx-icon">🌐</span>
    <div><div class="ctx-label">Spustit v browseru</div><div class="ctx-desc">Otevře HTML stránku v novém tabu</div></div>
  </button>`;
  }
  if (!isDir && isTextFile) {
    btns += `<button class="ctx-btn" id="ctxView">
    <span class="ctx-icon">👁️</span>
    <div><div class="ctx-label">Zobrazit obsah</div><div class="ctx-desc">Otevře soubor v prohlížeči</div></div>
  </button>`;
  }
  if (!isDir) {
    btns += `<button class="ctx-btn" id="ctxDownload">
    <span class="ctx-icon">⬇️</span>
    <div><div class="ctx-label">Stáhnout soubor</div><div class="ctx-desc">Uloží soubor na tvůj počítač</div></div>
  </button>`;
  } else {
    btns += `<button class="ctx-btn" id="ctxDownload">
    <span class="ctx-icon">📦</span>
    <div><div class="ctx-label">Stáhnout složku jako ZIP</div><div class="ctx-desc">Stáhne celou složku se soubory</div></div>
  </button>`;
  }
  btns += `<button class="ctx-btn" id="ctxCopyName">
  <span class="ctx-icon">📋</span>
  <div><div class="ctx-label">Kopírovat název</div><div class="ctx-desc">${name}</div></div>
</button>`;
  btns += `<button class="ctx-btn" id="ctxCopyPath">
  <span class="ctx-icon">🔗</span>
  <div><div class="ctx-label">Kopírovat cestu</div><div class="ctx-desc">${path}</div></div>
</button>`;
  btns += `<button class="ctx-btn" id="ctxRename">
  <span class="ctx-icon">✏️</span>
  <div><div class="ctx-label">Přejmenovat</div><div class="ctx-desc">Změni název ${isDir ? "složky" : "souboru"}</div></div>
</button>`;
  btns += `<button class="ctx-btn danger" id="ctxDelete">
  <span class="ctx-icon">🗑️</span>
  <div><div class="ctx-label" style="color:var(--red);">Smazat</div><div class="ctx-desc">Navždy smazá ${isDir ? "složku a vše uvnitř" : "tento soubor"}</div></div>
</button>`;

  document.getElementById("ctxActions").innerHTML = btns;
  document.getElementById("ctxModal").style.display = "flex";

  // ── bind action handlers ──

  // Kopírovat název
  document.getElementById("ctxCopyName").onclick = () => {
    navigator.clipboard.writeText(CTX_FILE.name).then(() => {
      toast(`Zkopírováno: ${CTX_FILE.name}`);
    }).catch(() => toast("Kopírování selhalo.", "error"));
    document.getElementById("ctxModal").style.display = "none";
  };

  // Kopírovat cestu
  document.getElementById("ctxCopyPath").onclick = () => {
    navigator.clipboard.writeText(CTX_FILE.path).then(() => {
      toast(`Zkopírováno: ${CTX_FILE.path}`);
    }).catch(() => toast("Kopírování selhalo.", "error"));
    document.getElementById("ctxModal").style.display = "none";
  };

  // Preview HTML - open in GitHub Pages
  const previewBtn = document.getElementById("ctxPreview");
  if (previewBtn) {
    previewBtn.onclick = () => {
      // Otevřít v GitHub Pages
      const githubPagesUrl = `https://${USERNAME}.github.io/${CTX_FILE.repo}/${CTX_FILE.path}`;
      window.open(githubPagesUrl, "_blank");
      document.getElementById("ctxModal").style.display = "none";
      toast(`Otevírám ${CTX_FILE.name} v GitHub Pages...`);
    };
  }

  // View file content
  const viewBtn = document.getElementById("ctxView");
  if (viewBtn) {
    viewBtn.onclick = () => {
      document.getElementById("ctxModal").style.display = "none";
      openFileViewer(CTX_FILE.name, CTX_FILE.path, CTX_FILE.repo);
    };
  }

  // Download
  const dlBtn = document.getElementById("ctxDownload");
  if (dlBtn) {
    dlBtn.onclick = async () => {
      if (CTX_FILE.type === "dir") {
        // Stáhnout složku jako ZIP
        document.getElementById("ctxModal").style.display = "none";
        toast(`Připravuji ZIP pro složku "${CTX_FILE.name}"...`);
        try {
          const files = await fetchAllFiles(CTX_FILE.repo, CTX_FILE.path);
          if (!files || files.length === 0) {
            toast("Složka je prázdná nebo nelze načíst.", "error");
            return;
          }
          const zipBlob = buildZip(files.map(f => ({
            path: f.path.replace(CTX_FILE.repo + '/', ''),
            content: f.content,
          })));
          downloadBlob(zipBlob, `${CTX_FILE.name}.zip`);
          toast(`Složka "${CTX_FILE.name}" stáhnuta jako ZIP`);
        } catch (e) {
          toast("Chyba při stáhnutí složky: " + e.message, "error");
        }
      } else {
        try {
          const fileData = await ghFetch(
            `/repos/${USERNAME}/${CTX_FILE.repo}/contents/${CTX_FILE.path}`,
          );
          const bytes = Uint8Array.from(atob(fileData.content), (c) =>
            c.charCodeAt(0),
          );
          const blob = new Blob([bytes]);
          downloadBlob(blob, CTX_FILE.name);
          document.getElementById("ctxModal").style.display = "none";
          toast("Soubor „" + CTX_FILE.name + '" stáhnut.');
        } catch (e) {
          toast("Chyba při stáhnutí: " + e.message, "error");
        }
      }
    };
  }

  // Rename – show input
  document.getElementById("ctxRename").onclick = () => {
    document.getElementById("renameRow").classList.add("show");
    document.getElementById("renameInput").value = CTX_FILE.name;
    document.getElementById("renameInput").focus();
    // select just the name part (before extension)
    const dotIdx = CTX_FILE.name.lastIndexOf(".");
    if (dotIdx > 0)
      document.getElementById("renameInput").setSelectionRange(0, dotIdx);
  };

  document.getElementById("cancelRename").onclick = () => {
    document.getElementById("renameRow").classList.remove("show");
  };

  document.getElementById("confirmRename").onclick = async () => {
    const newName = document.getElementById("renameInput").value.trim();
    if (!newName || newName === CTX_FILE.name)
      return toast("Název nezměněn.", "error");
    // compute new path: replace last segment
    const parts = CTX_FILE.path.split("/");
    parts[parts.length - 1] = newName;
    const newPath = parts.join("/");
    try {
      // GitHub rename = get content → delete old → create new at new path
      const fileData = await ghFetch(
        `/repos/${USERNAME}/${CTX_FILE.repo}/contents/${CTX_FILE.path}`,
      );
      // delete old
      await ghFetch(
        `/repos/${USERNAME}/${CTX_FILE.repo}/contents/${CTX_FILE.path}`,
        {
          method: "DELETE",
          body: JSON.stringify({
            message: `rename: ${CTX_FILE.name} → ${newName}`,
            sha: fileData.sha,
          }),
        },
      );
      // create new (only for files; folders can't be created empty on GitHub)
      if (CTX_FILE.type !== "dir") {
        await ghFetch(
          `/repos/${USERNAME}/${CTX_FILE.repo}/contents/${newPath}`,
          {
            method: "PUT",
            body: JSON.stringify({
              message: `rename: ${CTX_FILE.name} → ${newName}`,
              content: fileData.content.replace(/\n/g, ""),
            }),
          },
        );
      }
      document.getElementById("ctxModal").style.display = "none";
      toast("Přejmenováno na „" + newName + '"');
      // refresh current folder
      openRepo(
        CTX_FILE.repo,
        CTX_FILE.path.split("/").slice(0, -1).join("/"),
      );
    } catch (e) {
      toast("Chyba při přejmenování: " + e.message, "error");
    }
  };

  // Delete
  document.getElementById("ctxDelete").onclick = async () => {
    if (!confirm(`Smazat „${CTX_FILE.name}"? Toto nelze vrátit.`)) return;
    try {
      if (CTX_FILE.type === "dir") {
        // folders: need to delete all files inside recursively
        await deleteDir(CTX_FILE.repo, CTX_FILE.path);
      } else {
        const fileData = await ghFetch(
          `/repos/${USERNAME}/${CTX_FILE.repo}/contents/${CTX_FILE.path}`,
        );
        await ghFetch(
          `/repos/${USERNAME}/${CTX_FILE.repo}/contents/${CTX_FILE.path}`,
          {
            method: "DELETE",
            body: JSON.stringify({
              message: `delete: ${CTX_FILE.name}`,
              sha: fileData.sha,
            }),
          },
        );
      }
      document.getElementById("ctxModal").style.display = "none";
      toast("„" + CTX_FILE.name + '" smazán.');
      openRepo(
        CTX_FILE.repo,
        CTX_FILE.path.split("/").slice(0, -1).join("/"),
      );
    } catch (e) {
      toast("Chyba při mazání: " + e.message, "error");
    }
  };
}

// ═══════════════════════════════════════
//  DELETE SELECTED ITEMS
// ═══════════════════════════════════════
async function deleteSelectedItems(repo, currentPath) {
  const selectedRows = Array.from(document.querySelectorAll(".row-checkbox:checked"));
  if (!selectedRows.length) return;

  const count = selectedRows.length;
  if (!confirm(`Smazat ${count} vybraných položek? Toto nelze vrátit.`)) return;

  // Odděl složky od souborů
  const dirs = [], files = [];
  for (const checkbox of selectedRows) {
    const row = checkbox.closest(".file-row");
    if (!row) continue;
    if (row.dataset.type === "dir") dirs.push(row.dataset.path);
    else files.push({ name: row.dataset.name, path: row.dataset.path });
  }

  showUploadProgress("Mažu...", 0, count);
  let deleted = 0, failed = 0;

  // Smaž složky dávkově — všechny najednou jedním Git commit (méně API requestů, žádná race condition)
  if (dirs.length > 0) {
    try {
      await deleteDirsBatch(repo, dirs);
      deleted += dirs.length;
    } catch (err) {
      failed += dirs.length;
      toast(`Chyba při mazání složek: ${err.message}`, "error", 5000);
    }
    showUploadProgress("Mažu...", deleted + failed, count);
  }

  // Smaž jednotlivé soubory
  for (const f of files) {
    if (isCancelled()) break;
    try {
      const fileData = await ghFetch(`/repos/${USERNAME}/${repo}/contents/${f.path}`);
      await ghFetch(`/repos/${USERNAME}/${repo}/contents/${f.path}`, {
        method: "DELETE",
        body: JSON.stringify({ message: `delete: ${f.name}`, sha: fileData.sha }),
      });
      deleted++;
    } catch (err) {
      failed++;
      toast(`Chyba: ${f.name}: ${err.message}`, "error", 4000);
    }
    showUploadProgress("Mažu...", deleted + failed, count);
  }

  hideUploadProgress();
  if (_operationCancelled) {
    toast(`Smazáno ${deleted}/${count} — zrušeno.`, "error");
  } else if (failed > 0) {
    toast(`Smazáno ${deleted}/${count}, ${failed} selhalo.`, "error");
  } else {
    toast(`✓ Smazáno ${deleted} položek.`);
  }
  openRepo(repo, currentPath);
}

// Smaže více složek najednou — jeden atomický Git commit (opraví race condition)
async function deleteDirsBatch(repo, dirPaths) {
  const repoInfo = await ghFetch(`/repos/${USERNAME}/${repo}`);
  const branch = repoInfo.default_branch || "main";
  const refData = await ghFetch(`/repos/${USERNAME}/${repo}/git/ref/heads/${branch}`);
  const headCommitSha = refData.object.sha;

  const headCommit = await ghFetch(`/repos/${USERNAME}/${repo}/git/commits/${headCommitSha}`);
  const baseTreeSha = headCommit.tree.sha;
  const treeData = await ghFetch(`/repos/${USERNAME}/${repo}/git/trees/${baseTreeSha}?recursive=1`);
  if (!treeData.tree) throw new Error("Nelze načíst strom repozitáře");

  // Najdi všechny soubory v KTERÉKOLI ze smazávaných složek
  const toDelete = treeData.tree.filter(item => {
    if (item.type !== "blob") return false;
    return dirPaths.some(dir => {
      const prefix = dir.endsWith("/") ? dir : dir + "/";
      return item.path === dir || item.path.startsWith(prefix);
    });
  });

  if (toDelete.length === 0) return;

  const deletionItems = toDelete.map(item => ({
    path: item.path, mode: item.mode || "100644", type: "blob", sha: null,
  }));

  const newTree = await ghFetch(`/repos/${USERNAME}/${repo}/git/trees`, {
    method: "POST",
    body: JSON.stringify({ base_tree: baseTreeSha, tree: deletionItems }),
  });

  const newCommit = await ghFetch(`/repos/${USERNAME}/${repo}/git/commits`, {
    method: "POST",
    body: JSON.stringify({
      message: `delete: ${dirPaths.map(d => d.split("/").pop()).join(", ")}`,
      tree: newTree.sha,
      parents: [headCommitSha],
    }),
  });

  await ghFetch(`/repos/${USERNAME}/${repo}/git/refs/heads/${branch}`, {
    method: "PATCH",
    body: JSON.stringify({ sha: newCommit.sha }),
  });
}

// Smaže složku atomicky — wrapper nad deleteDirsBatch
async function deleteDir(repo, dirPath) {
  await deleteDirsBatch(repo, [dirPath]);
}

// close context modal on overlay click
document.getElementById("ctxModal").addEventListener("click", (e) => {
  if (e.target === document.getElementById("ctxModal")) {
    document.getElementById("ctxModal").style.display = "none";
  }
});

// ═══════════════════════════════════════
//  FILE UPLOAD
// ═══════════════════════════════════════

// Sestaví mapu path→sha pro celý adresářový strom jedním průchodem
// Slouží k tomu, abychom nepotřebovali GET pro každý soubor zvlášť
async function buildShaCache(repo, rootPath = "") {
  const cache = new Map(); // "path/to/file.js" → "sha..."
  async function scan(dirPath) {
    try {
      const endpoint = dirPath
        ? `/repos/${USERNAME}/${repo}/contents/${dirPath}`
        : `/repos/${USERNAME}/${repo}/contents`;
      const items = await ghFetch(endpoint);
      if (!Array.isArray(items)) return;
      for (const item of items) {
        if (item.type === "dir") {
          await scan(item.path);
        } else {
          cache.set(item.path, item.sha);
        }
      }
    } catch (e) {
      // složka neexistuje nebo chyba → prostě prázdný cache pro tuto větev
    }
  }
  await scan(rootPath);
  return cache;
}

// Nahraje jeden soubor — používá SHA z cache (žádný extra GET)
async function uploadFileWithCache(repo, uploadPath, base64Content, commitMsg, shaCache) {
  const sha = shaCache ? shaCache.get(uploadPath) : null;
  const body = { message: commitMsg, content: base64Content };
  if (sha) body.sha = sha;
  await ghFetch(`/repos/${USERNAME}/${repo}/contents/${uploadPath}`, {
    method: "PUT",
    body: JSON.stringify(body),
  });
  // Aktualizuj cache pro případné opakované uploady
  if (shaCache) shaCache.set(uploadPath, "pending");
}

// Fallback pro jednotlivé soubory (bez cache — zachováno pro zpětnou kompatibilitu)
async function uploadFileToGitHub(repo, uploadPath, base64Content, commitMsg) {
  let sha = null;
  try {
    const existing = await ghFetch(`/repos/${USERNAME}/${repo}/contents/${uploadPath}`);
    if (existing && existing.sha) sha = existing.sha;
  } catch (e) {
    // 404 = soubor neexistuje → sha null → create
  }
  const body = { message: commitMsg, content: base64Content };
  if (sha) body.sha = sha;
  await ghFetch(`/repos/${USERNAME}/${repo}/contents/${uploadPath}`, {
    method: "PUT",
    body: JSON.stringify(body),
  });
}

// ── Upload progress UI + zrušení ──
let _uploadProgressEl = null;
let _operationCancelled = false;

function isCancelled() { return _operationCancelled; }

function showUploadProgress(text, current, total) {
  if (!_uploadProgressEl) {
    // Reset cancellation jen při startu nové operace
    _operationCancelled = false;
    _uploadProgressEl = document.createElement("div");
    _uploadProgressEl.id = "uploadProgressPanel";
    _uploadProgressEl.style.cssText = `
      position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
      background: var(--surface); border: 1px solid var(--accent);
      border-radius: 10px; padding: 14px 20px; min-width: 320px; max-width: 480px;
      box-shadow: 0 4px 24px rgba(0,0,0,0.4); z-index: 9999;
      font-family: var(--font-mono); font-size: 12px;
    `;
    _uploadProgressEl.innerHTML = `
      <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;">
        <span id="uprogLabel" style="color:var(--text);"></span>
        <div style="display:flex; align-items:center; gap:10px;">
          <span id="uprogCount" style="color:var(--accent); font-weight:600;"></span>
          <button id="uprogCancelBtn" style="
            background:transparent; border:1px solid var(--red); border-radius:4px;
            color:var(--red); font-size:10px; padding:2px 8px; cursor:pointer;
            font-family:var(--font-mono);
          ">✕ Zrušit</button>
        </div>
      </div>
      <div style="background:var(--bg); border-radius:4px; height:6px; overflow:hidden;">
        <div id="uprogBar" style="height:100%; background:var(--accent); transition:width 0.15s; width:0%;"></div>
      </div>
      <div id="uprogSub" style="margin-top:6px; color:var(--text-dim); font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"></div>
    `;
    document.body.appendChild(_uploadProgressEl);
    document.getElementById("uprogCancelBtn").addEventListener("click", () => {
      _operationCancelled = true;
      const label = document.getElementById("uprogLabel");
      if (label) label.textContent = "Ruším...";
      const cancelBtn = document.getElementById("uprogCancelBtn");
      if (cancelBtn) cancelBtn.disabled = true;
    });
  }
  _uploadProgressEl.style.display = "block";
  document.getElementById("uprogLabel").textContent = text;
  document.getElementById("uprogCount").textContent = total > 0 ? `${current} / ${total}` : "";
  const pct = total > 0 ? Math.round((current / total) * 100) : 0;
  document.getElementById("uprogBar").style.width = pct + "%";
}

function updateUploadProgressFile(fileName) {
  const sub = document.getElementById("uprogSub");
  if (sub) sub.textContent = fileName;
}

function hideUploadProgress() {
  _operationCancelled = false;
  if (_uploadProgressEl) {
    _uploadProgressEl.style.display = "none";
    _uploadProgressEl = null;
    const el = document.getElementById("uploadProgressPanel");
    if (el) el.remove();
  }
}

async function runUpload(repo, currentPath, files) {
  const total = files.length;
  if (total === 0) return;

  showUploadProgress("Načítám SHA cache...", 0, total);
  // → žádné zbytečné 404 pro složky které na GitHubu neexistují
  showUploadProgress("Načítám SHA cache...", 0, total);
  const shaCache = new Map();
  try {
    const repoInfo = await ghFetch(`/repos/${USERNAME}/${repo}`);
    const branch = repoInfo.default_branch || "main";
    const refData = await ghFetch(`/repos/${USERNAME}/${repo}/git/ref/heads/${branch}`);
    const commitObj = await ghFetch(`/repos/${USERNAME}/${repo}/git/commits/${refData.object.sha}`);
    const treeData = await ghFetch(`/repos/${USERNAME}/${repo}/git/trees/${commitObj.tree.sha}?recursive=1`);
    for (const item of (treeData.tree || [])) {
      if (item.type === "blob") shaCache.set(item.path, item.sha);
    }
  } catch (e) {
    // Pokud se SHA cache nepodaří načíst, upload bude bez cache (POST bez SHA = nové soubory)
  }

  showUploadProgress("Nahrávám...", 0, total);

  let uploaded = 0;
  let failed = 0;
  const failedNames = [];

  for (const { file, path: filePath } of files) {
    if (isCancelled()) break;
    updateUploadProgressFile(filePath);
    try {
      const content = await readFileAsBase64(file);
      const uploadPath = currentPath ? `${currentPath}/${filePath}` : filePath;
      await uploadFileWithCache(repo, uploadPath, content, `Upload: ${filePath}`, shaCache);
      uploaded++;
    } catch (err) {
      failed++;
      failedNames.push(filePath.split("/").pop());
    }
    showUploadProgress("Nahrávám...", uploaded + failed, total);
  }

  hideUploadProgress();

  if (_operationCancelled) {
    toast(`Nahráno ${uploaded}/${total} — zrušeno uživatelem.`, "error");
  } else if (failed > 0) {
    toast(`Nahráno ${uploaded}/${total}. Chyba u: ${failedNames.slice(0, 3).join(", ")}${failedNames.length > 3 ? ` +${failedNames.length - 3}` : ""}`, "error", 8000);
  } else {
    toast(`✓ Nahráno ${uploaded} soubor${uploaded > 1 ? "ů" : ""}!`);
  }
  openRepo(repo, currentPath);
}

// mode: "files" = normální soubory, "folder" = složka se zachovaným prefixem,
//        "contents" = obsah složky bez prefixu, "smartsync" = obsah složky, jen rozdíly
function openFileUploadDialog(repo, path, mode = "files") {
  if (mode === "smartsync") {
    // Smart sync — použij File System Access API (Chrome/Edge) pro přístup ke složce
    // Tím přeskočíme web picker a jdeme rovnou na analýzu
    if (window.showDirectoryPicker) {
      window.showDirectoryPicker({ mode: "read" }).then(async (dirHandle) => {
        await runSmartSyncFromHandle(repo, path, dirHandle);
      }).catch(e => {
        if (e.name !== "AbortError") toast("Chyba při výběru složky: " + e.message, "error");
      });
    } else {
      // Fallback pro Firefox — input[webkitdirectory]
      const input = document.createElement("input");
      input.type = "file";
      input.webkitdirectory = true;
      input.onchange = async (e) => {
        const rawFiles = Array.from(e.target.files);
        if (!rawFiles.length) return;
        const files = rawFiles.map(f => {
          const rel = f.webkitRelativePath || f.name;
          const slash = rel.indexOf("/");
          return { file: f, path: slash !== -1 ? rel.slice(slash + 1) : rel };
        });
        await runSmartSyncAnalysis(repo, path, files);
      };
      input.click();
    }
    return;
  }

  const input = document.createElement("input");
  input.type = "file";
  input.multiple = true;
  if (mode === "folder" || mode === "contents") {
    input.webkitdirectory = true;
    input.directory = true;
  }
  input.onchange = async (e) => {
    const rawFiles = Array.from(e.target.files);
    if (!rawFiles.length) return;

    const normalize = (f) => {
      const rel = f.webkitRelativePath;
      if (!rel) return f.name;
      if (mode === "contents") {
        const slash = rel.indexOf("/");
        return slash !== -1 ? rel.slice(slash + 1) : rel;
      }
      return rel;
    };

    const files = rawFiles.map(f => ({ file: f, path: normalize(f) }));
    await runUpload(repo, path, files);
  };
  input.click();
}

// Smart sync přes File System Access API handle
async function runSmartSyncFromHandle(repo, repoPath, dirHandle) {
  showUploadProgress("Načítám lokální soubory...", 0, 0);

  try {
    // Přečti lokální soubory z handle
    const localMap = await readLocalFiles(dirHandle); // Map<relPath, {handle, file}>
    const files = Array.from(localMap.entries()).map(([p, v]) => ({ file: v.file, path: p }));

    await runSmartSyncAnalysis(repo, repoPath, files);
  } catch (e) {
    hideUploadProgress();
    toast("Chyba při čtení složky: " + e.message, "error");
  }
}

// Společná analýza pro oba způsoby (handle i input fallback)
async function runSmartSyncAnalysis(repo, repoPath, files) {
  showUploadProgress("Načítám strom GitHubu...", 0, 0);
  try {
    const repoInfo = await ghFetch(`/repos/${USERNAME}/${repo}`);
    const branch = repoInfo.default_branch || "main";
    const refData = await ghFetch(`/repos/${USERNAME}/${repo}/git/ref/heads/${branch}`);
    const commitSha = refData.object.sha;
    const commitObj = await ghFetch(`/repos/${USERNAME}/${repo}/git/commits/${commitSha}`);
    const treeSha = commitObj.tree.sha;
    const treeData = await ghFetch(`/repos/${USERNAME}/${repo}/git/trees/${treeSha}?recursive=1`);

    if (!treeData.tree) throw new Error("GitHub nevrátil strom repozitáře");

    const ghShaMap = new Map();
    const prefix = repoPath ? repoPath + "/" : "";
    for (const item of treeData.tree) {
      if (item.type !== "blob") continue;
      if (prefix && !item.path.startsWith(prefix)) continue;
      const rel = prefix ? item.path.slice(prefix.length) : item.path;
      ghShaMap.set(rel, { sha: item.sha, size: item.size || 0 });
    }

    showUploadProgress("Porovnávám soubory...", 0, files.length);
    const toUpload = [];
    let same = 0;
    let checked = 0;
    for (const f of files) {
      if (isCancelled()) break;
      const ghInfo = ghShaMap.get(f.path);
      if (!ghInfo) {
        toUpload.push({ ...f, reason: "nový", localSize: f.file.size, ghSize: 0 });
      } else {
        const localSha = await computeLocalBlobSha(f.file);
        if (localSha !== ghInfo.sha) {
          const diff = f.file.size - ghInfo.size;
          toUpload.push({ ...f, reason: "změněn", localSize: f.file.size, ghSize: ghInfo.size, diff });
        } else {
          same++;
        }
      }
      checked++;
      showUploadProgress("Porovnávám soubory...", checked, files.length);
    }

    hideUploadProgress();

    if (isCancelled()) { toast("Porovnání zrušeno.", "error"); return; }

    if (toUpload.length === 0) {
      toast(`✓ Vše aktuální — ${same} souborů shodných, nic k nahrání.`);
      return;
    }

    openSmartSyncResultModal(repo, repoPath, toUpload, same, branch);
  } catch (err) {
    hideUploadProgress();
    toast("Chyba při porovnání: " + err.message, "error");
  }
}

function openFileUploadDialogRight(repo, path, mode = "files") {
  // Dočasně přepne CURRENT_REPO/CURRENT_PATH pro upload, pak vrátí
  const _repo = CURRENT_REPO;
  const _path = CURRENT_PATH;
  CURRENT_REPO = repo;
  CURRENT_PATH = path;
  openFileUploadDialog(repo, path, mode);
  // Původní hodnoty se vrátí po dokončení uploadu (openRepo je volán s repo/path)
  CURRENT_REPO = _repo;
  CURRENT_PATH = _path;
}

// ─── Smart Sync Result Modal ───
function openSmartSyncResultModal(repo, repoPath, toUpload, sameCount, branch) {
  const modal = document.getElementById("smartSyncModal");
  document.getElementById("ssmRepoName").textContent = repo + (repoPath ? "/" + repoPath : "");
  document.getElementById("ssmSameCount").textContent = sameCount;

  // Renderuj stromové groupování
  document.getElementById("ssmTableBody").innerHTML = renderSyncTree(toUpload);

  // Bind toggle pro skupiny
  document.getElementById("ssmTableBody").addEventListener("click", (e) => {
    const toggle = e.target.closest(".ssm-group-toggle");
    if (!toggle) return;
    const key = toggle.dataset.group;
    const rows = document.querySelectorAll(`.ssm-group-row[data-group="${key}"]`);
    const isOpen = toggle.classList.contains("open");
    toggle.classList.toggle("open", !isOpen);
    toggle.querySelector(".ssm-arrow").textContent = isOpen ? "▶" : "▼";
    rows.forEach(r => r.style.display = isOpen ? "none" : "");
  });

  const newCount = toUpload.filter(f => f.reason === "nový").length;
  const changedCount = toUpload.filter(f => f.reason === "změněn").length;
  document.getElementById("ssmSummary").innerHTML =
    `<span style="color:var(--accent);">+ ${newCount} nových</span> &nbsp;·&nbsp; ` +
    `<span style="color:var(--yellow);">~ ${changedCount} změněných</span> &nbsp;·&nbsp; ` +
    `<span style="color:var(--text-dim);">${sameCount} shodných (přeskočeno)</span>`;

  document.getElementById("ssmUploadBtn").textContent = `⬆️ Nahrát (${toUpload.length} souborů)`;

  modal._repo = repo;
  modal._repoPath = repoPath;
  modal._toUpload = toUpload;
  modal.style.display = "flex";
}

function renderSyncTree(toUpload) {
  // Seskup soubory podle první složky
  const groups = new Map(); // folderName → [files]
  const rootFiles = [];

  for (const f of toUpload) {
    const slash = f.path.indexOf("/");
    if (slash === -1) {
      rootFiles.push(f);
    } else {
      const folder = f.path.slice(0, slash);
      if (!groups.has(folder)) groups.set(folder, []);
      groups.get(folder).push(f);
    }
  }

  let html = "";

  // Kořenové soubory bez složky
  for (const f of rootFiles) {
    html += renderSyncRow(f, "");
  }

  // Složky jako rozbalovací skupiny
  for (const [folder, files] of groups) {
    const totalSize = files.reduce((s, f) => s + f.localSize, 0);
    const newCount = files.filter(f => f.reason === "nový").length;
    const changedCount = files.filter(f => f.reason === "změněn").length;
    const badge = [
      newCount ? `<span style="color:var(--accent);">+${newCount}</span>` : "",
      changedCount ? `<span style="color:var(--yellow);">~${changedCount}</span>` : "",
    ].filter(Boolean).join(" ");

    html += `<tr class="ssm-group-toggle open" data-group="${escapeHtml(folder)}" style="cursor:pointer; background:var(--surface2);">
      <td colspan="5" style="padding:6px 12px; font-size:11px; font-family:var(--font-mono); user-select:none;">
        <span class="ssm-arrow" style="margin-right:6px; font-size:10px; color:var(--text-dim);">▼</span>
        <span style="color:var(--text);">📁 ${escapeHtml(folder)}/</span>
        <span style="margin-left:8px; color:var(--text-dim);">${files.length} souborů · ${formatBytes(totalSize)}</span>
        <span style="margin-left:8px;">${badge}</span>
      </td>
    </tr>`;

    for (const f of files) {
      const relName = f.path.slice(folder.length + 1); // odřízni prefix složky
      html += renderSyncRow(f, escapeHtml(folder), relName);
    }
  }

  return html;
}

function renderSyncRow(f, groupKey, displayName) {
  const isNew = f.reason === "nový";
  const color = isNew ? "var(--accent)" : "var(--yellow)";
  const label = isNew ? "+ nový" : "~ změněn";
  const delta = isNew
    ? `+${formatBytes(f.localSize)}`
    : (f.diff >= 0 ? `+${formatBytes(f.diff)}` : `-${formatBytes(Math.abs(f.diff))}`);
  const deltaColor = isNew ? "var(--accent)" : (f.diff >= 0 ? "var(--accent)" : "var(--red)");
  const name = displayName !== undefined ? displayName : f.path;
  const indent = groupKey ? "padding-left:24px;" : "";
  const groupAttr = groupKey ? `data-group="${groupKey}"` : "";
  const cls = groupKey ? "ssm-group-row" : "";

  return `<tr class="${cls}" ${groupAttr} style="border-bottom:1px solid rgba(255,255,255,0.04);">
    <td style="padding:4px 12px; color:${color}; white-space:nowrap; font-size:11px;">${label}</td>
    <td style="padding:4px 8px; color:var(--text); font-size:11px; word-break:break-all; ${indent}">${escapeHtml(name)}</td>
    <td style="padding:4px 4px; text-align:right; color:var(--text-dim); font-size:11px; white-space:nowrap;">${formatBytes(f.localSize)}</td>
    <td style="padding:4px 4px; text-align:right; color:var(--text-dim); font-size:11px; white-space:nowrap;">${isNew ? "—" : formatBytes(f.ghSize)}</td>
    <td style="padding:4px 12px; text-align:right; color:${deltaColor}; font-size:11px; white-space:nowrap;">${delta}</td>
  </tr>`;
}

// Bind smart sync modal tlačítka
document.getElementById("ssmUploadBtn").addEventListener("click", async () => {
  const modal = document.getElementById("smartSyncModal");
  const { _repo, _repoPath, _toUpload } = modal;
  if (!_toUpload) return;
  modal.style.display = "none";
  const files = _toUpload.map(f => ({ file: f.file, path: f.path }));
  await runUpload(_repo, _repoPath, files);
});

document.getElementById("ssmCancelBtn").addEventListener("click", () => {
  document.getElementById("smartSyncModal").style.display = "none";
  toast("Smart sync zrušen.");
});

document.getElementById("smartSyncModal").addEventListener("click", (e) => {
  if (e.target === document.getElementById("smartSyncModal"))
    document.getElementById("smartSyncModal").style.display = "none";
});


async function computeLocalBlobSha(file) {
  const buffer = await file.arrayBuffer();
  const header = new TextEncoder().encode(`blob ${buffer.byteLength}\0`);
  const combined = new Uint8Array(header.byteLength + buffer.byteLength);
  combined.set(header, 0);
  combined.set(new Uint8Array(buffer), header.byteLength);
  const hashBuffer = await crypto.subtle.digest("SHA-1", combined);
  return Array.from(new Uint8Array(hashBuffer)).map(b => b.toString(16).padStart(2, "0")).join("");
}

function readFileAsBase64(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = () => {
      const base64 = reader.result.split(",")[1];
      resolve(base64);
    };
    reader.onerror = reject;
    reader.readAsDataURL(file);
  });
}

// ═══════════════════════════════════════
//  DRAG & DROP FUNCTIONALITY
// ═══════════════════════════════════════

// Spolehlivé načtení všech souborů z FileSystemEntry (včetně složek)
function readAllEntries(dirReader) {
  return new Promise((resolve) => {
    let all = [];
    const read = () => {
      dirReader.readEntries((entries) => {
        if (entries.length === 0) {
          resolve(all);
        } else {
          all = all.concat(Array.from(entries));
          read(); // čti dokud nejsou prázdné (max 100 na volání)
        }
      }, () => resolve(all)); // chyba → vrať co máme
    };
    read();
  });
}

async function processDropEntry(entry, relativePath, fileList) {
  if (entry.isFile) {
    await new Promise((resolve) => {
      entry.file((file) => {
        fileList.push({ file, path: relativePath + file.name });
        resolve();
      }, resolve); // chyba → přeskoč
    });
  } else if (entry.isDirectory) {
    const entries = await readAllEntries(entry.createReader());
    for (const child of entries) {
      await processDropEntry(child, relativePath + entry.name + "/", fileList);
    }
  }
}

async function collectDroppedFiles(dataTransfer) {
  const fileList = [];
  const items = Array.from(dataTransfer.items || []);
  for (const item of items) {
    if (item.kind !== "file") continue;
    const entry = item.webkitGetAsEntry ? item.webkitGetAsEntry() : null;
    if (entry) {
      await processDropEntry(entry, "", fileList);
    } else {
      const file = item.getAsFile();
      if (file) fileList.push({ file, path: file.name });
    }
  }
  return fileList;
}

// Vrátí true pokud všechny soubory sdílí stejný kořenový prefix (= přetáhnuta jedna složka)
function getSingleDroppedFolderName(files) {
  if (!files.length) return null;
  const roots = new Set(files.map(f => f.path.split("/")[0]));
  // Jedna společná kořenová složka A alespoň jeden soubor je v podsložce
  if (roots.size === 1 && files.some(f => f.path.includes("/"))) {
    return [...roots][0];
  }
  return null;
}

async function uploadDroppedFiles(files, repo, currentPath) {
  await runUpload(repo, currentPath, files);
}

// Zobrazí rychlý výběr jak nahrát přetaženou složku
function showDropFolderChoice(folderName, files, repo, currentPath) {
  // Odstraň starý dialog pokud existuje
  const old = document.getElementById("dropChoiceDialog");
  if (old) old.remove();

  const dialog = document.createElement("div");
  dialog.id = "dropChoiceDialog";
  dialog.style.cssText = `
    position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
    background: var(--surface); border: 1px solid var(--accent);
    border-radius: 10px; padding: 16px 20px; min-width: 340px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.5); z-index: 9999;
    font-family: var(--font-mono); font-size: 12px;
  `;
  dialog.innerHTML = `
    <div style="margin-bottom:12px; color:var(--text);">
      📁 Přetažena složka <strong style="color:var(--accent);">${folderName}</strong>
      <span style="color:var(--text-dim);"> (${files.length} souborů)</span>
    </div>
    <div style="display:flex; gap:8px;">
      <button id="dropChoiceFolder" style="flex:1; padding:8px; background:var(--surface2); border:1px solid var(--border); border-radius:6px; color:var(--text); cursor:pointer; font-size:11px; font-family:var(--font-mono);">
        📁 Se složkou<br><span style="color:var(--text-dim); font-size:10px;">${currentPath ? currentPath + "/" : ""}${folderName}/soubor.txt</span>
      </button>
      <button id="dropChoiceContents" style="flex:1; padding:8px; background:var(--surface2); border:1px solid var(--accent); border-radius:6px; color:var(--accent); cursor:pointer; font-size:11px; font-family:var(--font-mono);">
        📂 Jen obsah<br><span style="color:var(--text-dim); font-size:10px;">${currentPath ? currentPath + "/" : ""}soubor.txt</span>
      </button>
      <button id="dropChoiceCancel" style="padding:8px 12px; background:transparent; border:1px solid var(--border); border-radius:6px; color:var(--text-dim); cursor:pointer; font-size:11px;">✕</button>
    </div>
  `;
  document.body.appendChild(dialog);

  // Se složkou — nahraje jak je (folderName/soubor.txt)
  document.getElementById("dropChoiceFolder").onclick = async () => {
    dialog.remove();
    await uploadDroppedFiles(files, repo, currentPath);
  };

  // Jen obsah — odřízni první segment (folderName/)
  document.getElementById("dropChoiceContents").onclick = async () => {
    dialog.remove();
    const stripped = files.map(f => ({
      file: f.file,
      path: f.path.indexOf("/") !== -1 ? f.path.slice(f.path.indexOf("/") + 1) : f.path,
    }));
    await uploadDroppedFiles(stripped, repo, currentPath);
  };

  document.getElementById("dropChoiceCancel").onclick = () => dialog.remove();

  // Auto-zavři po 30s
  setTimeout(() => { if (dialog.parentNode) dialog.remove(); }, 30000);
}

function setupDragAndDrop() {
  const mainContent = document.getElementById("mainContent");

  // Zabraň výchozímu chování browseru pro drag eventy globálně
  document.addEventListener("dragover", (e) => e.preventDefault(), false);
  document.addEventListener("drop", (e) => e.preventDefault(), false);

  // Drag vizuál — jen na mainContent oblasti
  mainContent.addEventListener("dragenter", (e) => {
    if (!CURRENT_REPO) return;
    e.preventDefault();
    mainContent.classList.add("drag-over");
    const inlineZone = document.getElementById("inlineDropZone");
    if (inlineZone) inlineZone.classList.add("drag-active");
  });

  mainContent.addEventListener("dragover", (e) => {
    if (!CURRENT_REPO) return;
    e.preventDefault();
    e.dataTransfer.dropEffect = "copy";
  });

  mainContent.addEventListener("dragleave", (e) => {
    // Jen pokud opouštíme mainContent úplně (ne jen přecházíme na child element)
    if (!mainContent.contains(e.relatedTarget)) {
      mainContent.classList.remove("drag-over");
      const inlineZone = document.getElementById("inlineDropZone");
      if (inlineZone) inlineZone.classList.remove("drag-active");
    }
  });

  mainContent.addEventListener("drop", async (e) => {
    e.preventDefault();
    e.stopPropagation();
    mainContent.classList.remove("drag-over");
    const inlineZone = document.getElementById("inlineDropZone");
    if (inlineZone) inlineZone.classList.remove("drag-active");

    if (!CURRENT_REPO) {
      toast("Nejdřív otevři repozitář.", "error");
      return;
    }

    toast("Čtu soubory...", "success", 30000);
    const files = await collectDroppedFiles(e.dataTransfer);

    if (files.length === 0) {
      toast("Žádné soubory k nahrání.", "error");
      return;
    }

    // Detekuj jestli byla přetažena právě jedna složka
    const folderName = getSingleDroppedFolderName(files);
    if (folderName) {
      // Zeptej se uživatele co chce
      showDropFolderChoice(folderName, files, CURRENT_REPO, CURRENT_PATH);
    } else {
      await uploadDroppedFiles(files, CURRENT_REPO, CURRENT_PATH);
    }
  });
}

// Initialize drag & drop after login
setupDragAndDrop();

// ═══════════════════════════════════════
//  FILE FILTERING & SORTING
// ═══════════════════════════════════════
document
  .getElementById("fileFilterInput")
  .addEventListener("input", (e) => {
    CURRENT_FILTER = e.target.value.trim();
    if (CURRENT_REPO && ALL_FILES.length > 0) {
      // Re-render bez nového API callu
      const repoInfo = REPOS.find((r) => r.name === CURRENT_REPO);
      if (repoInfo) {
        renderFileList(repoInfo, CURRENT_REPO, CURRENT_PATH);
      }
    }
  });

document
  .getElementById("fileSortSelect")
  .addEventListener("change", (e) => {
    CURRENT_SORT = e.target.value;
    if (CURRENT_REPO && ALL_FILES.length > 0) {
      const repoInfo = REPOS.find((r) => r.name === CURRENT_REPO);
      if (repoInfo) {
        renderFileList(repoInfo, CURRENT_REPO, CURRENT_PATH);
      }
    }
  });

// ═══════════════════════════════════════
//  GITHUB SEARCH
// ═══════════════════════════════════════

// Detailní nápověda k programovacím jazykům
const LANGUAGE_HELP = {
  'HTML': {
    icon: '🌐',
    name: 'HTML (HyperText Markup Language)',
    desc: 'Základní jazyk pro tvorbu webových stránek. Definuje strukturu a obsah webu - nadpisy, odstavce, obrázky, odkazy, formuláře.',
    difficulty: '🟢 Začátečník',
    useFor: 'Webové stránky, e-maily, dokumentace',
    fileExt: '.html, .htm',
    run: [
      'Otevři soubor přímo v prohlížeči (Chrome, Firefox, Edge)',
      'V této aplikaci klikni na ▶️ Spustit',
      'Ve VS Code použij Live Server rozšíření pro automatické obnovování'
    ],
    tools: 'VS Code (zdarma), Notepad++, Sublime Text',
    install: 'Není potřeba žádná instalace - stačí textový editor a prohlížeč',
    example: '<!DOCTYPE html>\n<html>\n  <head><title>Moje stránka</title></head>\n  <body><h1>Ahoj světe!</h1></body>\n</html>',
    links: [
      { title: 'MDN Web Docs', url: 'https://developer.mozilla.org/cs/docs/Web/HTML' },
      { title: 'W3Schools', url: 'https://www.w3schools.com/html/' }
    ]
  },
  'CSS': {
    icon: '🎨',
    name: 'CSS (Cascading Style Sheets)',
    desc: 'Jazyk pro definování vzhledu webových stránek. Určuje barvy, fonty, rozložení, animace a responzivní design.',
    difficulty: '🟢 Začátečník',
    useFor: 'Stylizace HTML stránek, animace, responzivní design',
    fileExt: '.css',
    run: [
      'CSS se připojuje k HTML souboru přes <link> tag',
      'Nebo se píše přímo do HTML v <style> tagu',
      'Změny vidíš po obnovování stránky v prohlížeči'
    ],
    tools: 'VS Code, Chrome DevTools (F12)',
    install: 'Není potřeba instalace',
    example: 'body {\n  background: #1a1a2e;\n  color: white;\n  font-family: Arial;\n}\n\nh1 {\n  color: #00e5a0;\n}',
    links: [
      { title: 'CSS-Tricks', url: 'https://css-tricks.com/' },
      { title: 'Flexbox Froggy (hra)', url: 'https://flexboxfroggy.com/' }
    ]
  },
  'JavaScript': {
    icon: '⚡',
    name: 'JavaScript',
    desc: 'Programovací jazyk webu. Umožňuje interaktivitu - tlačítka, formuláře, animace, hry. Funguje v prohlížeči i na serveru (Node.js).',
    difficulty: '🟡 Střední',
    useFor: 'Webové aplikace, hry, serverové aplikace, mobilní apps',
    fileExt: '.js, .mjs',
    run: [
      'V prohlížeči: připoj do HTML přes <script src="app.js">',
      'V terminálu: node soubor.js',
      'Konzole prohlížeče (F12) pro testování'
    ],
    tools: 'VS Code, Node.js, npm (správce balíčků)',
    install: 'Pro prohlížeč: nic\nPro server: stáhni Node.js z nodejs.org',
    example: '// Zobrazení zprávy\nalert("Ahoj světe!");\n\n// Změna textu na stránce\ndocument.getElementById("nadpis").textContent = "Nový text";',
    links: [
      { title: 'JavaScript.info', url: 'https://javascript.info/' },
      { title: 'freeCodeCamp', url: 'https://www.freecodecamp.org/' }
    ]
  },
  'TypeScript': {
    icon: '💎',
    name: 'TypeScript',
    desc: 'Nadstavba JavaScriptu s typy. Pomáhá předcházet chybám a zpehledňuje kód. Kompiluje se do JavaScriptu.',
    difficulty: '🟡 Střední',
    useFor: 'Velké webové aplikace, týmové projekty',
    fileExt: '.ts, .tsx',
    run: [
      '1. Nainstaluj: npm install -g typescript',
      '2. Kompiluj: npx tsc soubor.ts',
      '3. Spusť: node soubor.js'
    ],
    tools: 'VS Code (skvělá podpora), npm, Node.js',
    install: 'npm install -g typescript',
    example: 'function pozdrav(jmeno: string): string {\n  return `Ahoj ${jmeno}!`;\n}\n\nconsole.log(pozdrav("Světe"));',
    links: [
      { title: 'TypeScript Docs', url: 'https://www.typescriptlang.org/docs/' },
      { title: 'TypeScript Playground', url: 'https://www.typescriptlang.org/play' }
    ]
  },
  'Python': {
    icon: '🐍',
    name: 'Python',
    desc: 'Univerzální jazyk s jednoduchou syntaxí. Populární pro AI, machine learning, automatizaci, analýzu dat a webové aplikace.',
    difficulty: '🟢 Začátečník',
    useFor: 'AI/ML, data science, automatizace, web (Django, Flask)',
    fileExt: '.py',
    run: [
      'V terminálu: python soubor.py',
      'Nebo: python3 soubor.py (na macOS/Linux)',
      'Interaktivně: napiš "python" a pak píš kód'
    ],
    tools: 'VS Code + Python rozšíření, PyCharm, Jupyter Notebook',
    install: 'Stáhni z python.org a nainstaluj\nBalíčky: pip install nazev_balicku',
    example: '# Výpis textu\nprint("Ahoj světe!")\n\n# Cyklus\nfor i in range(5):\n    print(f"Číslo: {i}")\n\n# Funkce\ndef secti(a, b):\n    return a + b',
    links: [
      { title: 'Python.org', url: 'https://www.python.org/' },
      { title: 'Real Python', url: 'https://realpython.com/' }
    ]
  },
  'Java': {
    icon: '☕',
    name: 'Java',
    desc: 'Robustní objektově orientovaný jazyk. Používá se pro enterprise aplikace, Android vývoj, a velké systémy.',
    difficulty: '🟠 Pokročilý',
    useFor: 'Android aplikace, enterprise software, bac kend',
    fileExt: '.java',
    run: [
      '1. Kompiluj: javac Soubor.java',
      '2. Spusť: java Soubor',
      'Nebo použij IDE které to udělá automaticky'
    ],
    tools: 'IntelliJ IDEA (doporučeno), Eclipse, VS Code + Java Pack',
    install: 'Stáhni JDK (Java Development Kit) z adoptium.net nebo oracle.com',
    example: 'public class Hello {\n    public static void main(String[] args) {\n        System.out.println("Ahoj světe!");\n    }\n}',
    links: [
      { title: 'Java Docs', url: 'https://docs.oracle.com/en/java/' },
      { title: 'Codecademy Java', url: 'https://www.codecademy.com/learn/learn-java' }
    ]
  },
  'C#': {
    icon: '🔷',
    name: 'C# (C-Sharp)',
    desc: 'Moderní jazyk od Microsoftu. Používá se pro Windows aplikace, hry v Unity, webové API a cross-platform apps.',
    difficulty: '🟡 Střední',
    useFor: 'Unity hry, Windows aplikace, web API, .NET aplikace',
    fileExt: '.cs',
    run: [
      'S .NET CLI: dotnet new console && dotnet run',
      'Ve Visual Studiu: F5 pro spuštění',
      'Unity: kód se spouští v enginu'
    ],
    tools: 'Visual Studio (Windows), VS Code + C# rozšíření, Rider',
    install: 'Stáhni .NET SDK z dotnet.microsoft.com\nPro hry: Unity z unity.com',
    example: 'using System;\n\nclass Program {\n    static void Main() {\n        Console.WriteLine("Ahoj světe!");\n    }\n}',
    links: [
      { title: 'Microsoft C# Docs', url: 'https://learn.microsoft.com/cs-cz/dotnet/csharp/' },
      { title: 'Unity Learn', url: 'https://learn.unity.com/' }
    ]
  },
  'C++': {
    icon: '⚙️',
    name: 'C++',
    desc: 'Výkonný systémový jazyk. Používá se pro hry (Unreal Engine), operační systémy, embedded systémy a výkonově kritické aplikace.',
    difficulty: '🔴 Expert',
    useFor: 'Hry (AAA tituly), OS, drivery, embedded, HPC',
    fileExt: '.cpp, .h, .hpp',
    run: [
      'S g++: g++ soubor.cpp -o program && ./program',
      'Na Windows: cl soubor.cpp (MSVC)',
      'Ve Visual Studiu: F5'
    ],
    tools: 'Visual Studio, CLion, VS Code + C++ rozšíření',
    install: 'Windows: Visual Studio s C++ workload\nLinux: sudo apt install build-essential\nmacOS: xcode-select --install',
    example: '#include <iostream>\n\nint main() {\n    std::cout << "Ahoj světe!" << std::endl;\n    return 0;\n}',
    links: [
      { title: 'cppreference', url: 'https://cppreference.com/' },
      { title: 'Learn C++', url: 'https://www.learncpp.com/' }
    ]
  },
  'Go': {
    icon: '🐹',
    name: 'Go (Golang)',
    desc: 'Moderní jazyk od Google. Jednoduchý, rychlý, skvělý pro serverové aplikace, mikroservicy a CLI nástroje.',
    difficulty: '🟡 Střední',
    useFor: 'Backend, mikroservicy, CLI nástroje, cloud',
    fileExt: '.go',
    run: [
      'Spuštění: go run soubor.go',
      'Kompilace: go build soubor.go',
      'Instalace balíčku: go get nazev'
    ],
    tools: 'VS Code + Go rozšíření, GoLand',
    install: 'Stáhni z go.dev/dl a nainstaluj',
    example: 'package main\n\nimport "fmt"\n\nfunc main() {\n    fmt.Println("Ahoj světe!")\n}',
    links: [
      { title: 'Go by Example', url: 'https://gobyexample.com/' },
      { title: 'Tour of Go', url: 'https://go.dev/tour/' }
    ]
  },
  'Rust': {
    icon: '🦀',
    name: 'Rust',
    desc: 'Bezpečný systémový jazyk bez garbage collectoru. Garantuje paměťovou bezpečnost. Oblíbený pro systémové programování a WebAssembly.',
    difficulty: '🔴 Expert',
    useFor: 'Systémové programování, WebAssembly, CLI, bezpečný kód',
    fileExt: '.rs',
    run: [
      'Nový projekt: cargo new projekt',
      'Spuštění: cargo run',
      'Kompilace: cargo build --release'
    ],
    tools: 'VS Code + rust-analyzer, RustRover',
    install: 'curl --proto "=https" --tlsv1.2 -sSf https://sh.rustup.rs | sh\nNebo na Windows: rustup-init.exe z rustup.rs',
    example: 'fn main() {\n    println!("Ahoj světe!");\n    \n    let cislo = 42;\n    println!("Odpověď je: {}", cislo);\n}',
    links: [
      { title: 'Rust Book', url: 'https://doc.rust-lang.org/book/' },
      { title: 'Rust by Example', url: 'https://doc.rust-lang.org/rust-by-example/' }
    ]
  },
  'PHP': {
    icon: '🐘',
    name: 'PHP',
    desc: 'Serverový skriptovací jazyk. Pohání WordPress, Laravel, a velkou část internetu. Snadný pro začátečníky.',
    difficulty: '🟢 Začátečník',
    useFor: 'Webové stránky, WordPress, e-shopy, CMS',
    fileExt: '.php',
    run: [
      'Lokálně: php soubor.php',
      'Webový server: XAMPP, WAMP, MAMP, Laragon',
      'Vestavěný server: php -S localhost:8000'
    ],
    tools: 'VS Code + PHP Intelephense, PhpStorm, XAMPP',
    install: 'Stáhni XAMPP z apachefriends.org (obsahuje PHP + MySQL + Apache)',
    example: '<?php\necho "Ahoj světe!";\n\n$jmeno = "Petr";\necho "Ahoj $jmeno!";\n?>',
    links: [
      { title: 'PHP.net', url: 'https://www.php.net/manual/en/' },
      { title: 'Laravel', url: 'https://laravel.com/docs' }
    ]
  },
  'Ruby': {
    icon: '💎',
    name: 'Ruby',
    desc: 'Elegantní dynamický jazyk. Známý díky Ruby on Rails frameworku pro rychlý vývoj webových aplikací.',
    difficulty: '🟡 Střední',
    useFor: 'Webové aplikace (Rails), automatizace, skripty',
    fileExt: '.rb',
    run: [
      'Spuštění: ruby soubor.rb',
      'Interaktivně: irb',
      'Rails: rails server'
    ],
    tools: 'VS Code + Ruby rozšíření, RubyMine',
    install: 'Windows: RubyInstaller.org\nmacOS/Linux: rbenv nebo rvm',
    example: 'puts "Ahoj světe!"\n\n5.times do |i|\n  puts "Číslo #{i}"\nend',
    links: [
      { title: 'Ruby Docs', url: 'https://www.ruby-lang.org/en/documentation/' },
      { title: 'Rails Guides', url: 'https://guides.rubyonrails.org/' }
    ]
  },
  'JSON': {
    icon: '📋',
    name: 'JSON (JavaScript Object Notation)',
    desc: 'Textový formát pro výměnu dat. Používá se pro konfigurace, API odpovědi, ukládání dat.',
    difficulty: '🟢 Začátečník',
    useFor: 'Konfigurace (package.json), API, datová výměna',
    fileExt: '.json',
    run: [
      'JSON není spustitelný - jsou to jen data',
      'Čte se jinými programy (JavaScript, Python, ...)',
      'Validace: jsonlint.com'
    ],
    tools: 'VS Code (formátování: Shift+Alt+F)',
    install: 'Není potřeba',
    example: '{\n  "jmeno": "Jan",\n  "vek": 25,\n  "programator": true,\n  "jazyky": ["JavaScript", "Python"]\n}',
    links: [
      { title: 'JSON.org', url: 'https://www.json.org/' },
      { title: 'JSON Lint', url: 'https://jsonlint.com/' }
    ]
  },
  'Markdown': {
    icon: '📝',
    name: 'Markdown',
    desc: 'Jednoduchý značkovací jazyk pro formátování textu. Používá se pro dokumentaci, README, poznámky.',
    difficulty: '🟢 Začátečník',
    useFor: 'README soubory, dokumentace, poznámky, blogy',
    fileExt: '.md, .markdown',
    run: [
      'GitHub automaticky zobrazí README.md',
      'VS Code: Ctrl+Shift+V pro náhled',
      'Export do HTML/PDF přes různé nástroje'
    ],
    tools: 'VS Code + Markdown Preview, Obsidian, Typora',
    install: 'Není potřeba',
    example: '# Nadpis\n\n## Podnadpis\n\n**Tučný text** a *kurzíva*\n\n- Položka 1\n- Položka 2\n\n```javascript\nconsole.log("Kód");\n```',
    links: [
      { title: 'Markdown Guide', url: 'https://www.markdownguide.org/' },
      { title: 'GitHub Markdown', url: 'https://docs.github.com/en/get-started/writing-on-github' }
    ]
  }
};

// Funkce pro otevření/zavření nápovědy
function openLanguageHelpModal() {
  document.getElementById('languageHelpModal').style.display = 'flex';
  renderLanguageHelpList();
}

function closeLanguageHelpModal() {
  document.getElementById('languageHelpModal').style.display = 'none';
}

function renderLanguageHelpList() {
  const container = document.getElementById('languageHelpContent');
  const languages = Object.keys(LANGUAGE_HELP);

  container.innerHTML = languages.map(lang => {
    const h = LANGUAGE_HELP[lang];
    return `
      <div class="lang-card" onclick="showLanguageDetail('${lang}')">
        <div class="lang-card-icon">${h.icon}</div>
        <div class="lang-card-info">
          <div class="lang-card-name">${lang}</div>
          <div class="lang-card-difficulty">${h.difficulty}</div>
        </div>
        <div class="lang-card-arrow">›</div>
      </div>
    `;
  }).join('');
}

function showLanguageDetail(lang) {
  const h = LANGUAGE_HELP[lang];
  const container = document.getElementById('languageHelpContent');

  container.innerHTML = `
    <button class="lang-back-btn" onclick="renderLanguageHelpList()">← Zpět na seznam</button>

    <div class="lang-detail">
      <div class="lang-detail-header">
        <span class="lang-detail-icon">${h.icon}</span>
        <div>
          <h3>${h.name}</h3>
          <span class="lang-detail-difficulty">${h.difficulty}</span>
        </div>
      </div>

      <p class="lang-detail-desc">${h.desc}</p>

      <div class="lang-detail-section">
        <h4>🎯 K čemu se používá</h4>
        <p>${h.useFor}</p>
      </div>

      <div class="lang-detail-section">
        <h4>📁 Přípony souborů</h4>
        <code>${h.fileExt}</code>
      </div>

      <div class="lang-detail-section">
        <h4>▶️ Jak spustit</h4>
        <ul>
          ${h.run.map(r => `<li>${r}</li>`).join('')}
        </ul>
      </div>

      <div class="lang-detail-section">
        <h4>🛠️ Doporučené nástroje</h4>
        <p>${h.tools}</p>
      </div>

      <div class="lang-detail-section">
        <h4>📦 Instalace</h4>
        <pre>${h.install}</pre>
      </div>

      <div class="lang-detail-section">
        <h4>📝 Příklad kódu</h4>
        <pre class="code-example">${escapeHtml(h.example)}</pre>
      </div>

      <div class="lang-detail-section">
        <h4>🔗 Užitečné odkazy</h4>
        <div class="lang-links">
          ${h.links.map(l => `<a href="${l.url}" target="_blank">${l.title} ↗</a>`).join('')}
        </div>
      </div>
    </div>
  `;
}

const SEARCH_STATE = {
  type: 'code',  // Přednastaveno na kód
  query: '',
  filters: { language: 'HTML', extension: 'html' },  // Přednastaveno HTML
  page: 1,
  totalCount: 0,
  perPage: 15,
  filtersOpen: false
};

const SEARCH_FILTERS_CONFIG = {
  repositories: [
    { id: 'sort', label: 'Řadit', type: 'select', options: [
      { value: '', label: '⭐ Nejlepší shoda' },
      { value: 'stars', label: '🌟 Hvězdy' },
      { value: 'forks', label: '🍴 Forky' },
      { value: 'updated', label: '🕐 Aktualizace' }
    ]},
    { id: 'language', label: 'Jazyk', type: 'select', options: ['', 'HTML', 'JavaScript', 'TypeScript', 'Python', 'Java', 'C#', 'C++', 'Go', 'Rust', 'PHP', 'Ruby', 'CSS'] },
    { id: 'stars', label: 'Hvězdy min', type: 'number', placeholder: '100' },
    { id: 'user', label: 'Uživatel', type: 'text', placeholder: 'user' },
    { id: 'topic', label: 'Téma', type: 'text', placeholder: 'topic' }
  ],
  code: [
    { id: 'sort', label: 'Řadit', type: 'select', options: [
      { value: '', label: '⭐ Nejlepší shoda' },
      { value: 'indexed', label: '🕐 Nejnovější index' }
    ]},
    { id: 'language', label: 'Jazyk', type: 'select', options: ['HTML', 'JavaScript', 'TypeScript', 'CSS', 'Python', 'Java', 'JSON', 'Markdown'] },
    { id: 'extension', label: 'Přípona', type: 'text', placeholder: 'html' },
    { id: 'user', label: 'Uživatel', type: 'text', placeholder: 'user' },
    { id: 'repo', label: 'Repo', type: 'text', placeholder: 'user/repo' }
  ],
  issues: [
    { id: 'sort', label: 'Řadit', type: 'select', options: [
      { value: '', label: '⭐ Nejlepší shoda' },
      { value: 'comments', label: '💬 Komentáře' },
      { value: 'reactions', label: '👍 Reakce' },
      { value: 'created', label: '📅 Vytvořeno' },
      { value: 'updated', label: '🕐 Aktualizace' }
    ]},
    { id: 'state', label: 'Stav', type: 'select', options: ['', 'open', 'closed'] },
    { id: 'is', label: 'Typ', type: 'select', options: ['', 'issue', 'pr'] },
    { id: 'label', label: 'Label', type: 'text', placeholder: 'bug' }
  ],
  users: [
    { id: 'sort', label: 'Řadit', type: 'select', options: [
      { value: '', label: '⭐ Nejlepší shoda' },
      { value: 'followers', label: '👥 Followers' },
      { value: 'repositories', label: '📁 Repozitáře' },
      { value: 'joined', label: '📅 Registrace' }
    ]},
    { id: 'type', label: 'Typ', type: 'select', options: ['', 'user', 'org'] },
    { id: 'repos', label: 'Repo min', type: 'number', placeholder: '5' },
    { id: 'followers', label: 'Followers', type: 'number', placeholder: '100' },
    { id: 'language', label: 'Jazyk', type: 'text', placeholder: 'HTML' }
  ]
};

function toggleSearchFilters() {
  SEARCH_STATE.filtersOpen = !SEARCH_STATE.filtersOpen;
  const filters = document.getElementById('searchFilters');
  const toggle = document.getElementById('filtersToggle');
  if (SEARCH_STATE.filtersOpen) {
    filters.classList.add('open');
    toggle.classList.add('open');
  } else {
    filters.classList.remove('open');
    toggle.classList.remove('open');
  }
}

function renderSearchFilters() {
  const container = document.getElementById('searchFilters');
  const filters = SEARCH_FILTERS_CONFIG[SEARCH_STATE.type] || [];

  let html = filters.map(f => {
    let input = '';
    const isLanguageFilter = f.id === 'language' && f.type === 'select';

    if (f.type === 'select') {
      if (isLanguageFilter) {
        // Jazyk s ikonami
        input = `<select id="filter_${f.id}" onchange="updateSearchFilter('${f.id}', this.value)">
          ${f.options.map(o => {
            const help = LANGUAGE_HELP[o];
            const icon = help ? help.icon + ' ' : '';
            return `<option value="${o}" ${SEARCH_STATE.filters[f.id] === o ? 'selected' : ''}>${icon}${o || '-- vše --'}</option>`;
          }).join('')}
        </select>`;
      } else if (typeof f.options[0] === 'object') {
        // Objektové options (pro řazení apod.)
        input = `<select id="filter_${f.id}" onchange="updateSearchFilter('${f.id}', this.value)">
          ${f.options.map(o => `<option value="${o.value}" ${SEARCH_STATE.filters[f.id] === o.value ? 'selected' : ''}>${o.label}</option>`).join('')}
        </select>`;
      } else {
        input = `<select id="filter_${f.id}" onchange="updateSearchFilter('${f.id}', this.value)">
          ${f.options.map(o => `<option value="${o}" ${SEARCH_STATE.filters[f.id] === o ? 'selected' : ''}>${o || '-- vše --'}</option>`).join('')}
        </select>`;
      }
    } else if (f.type === 'number') {
      input = `<input type="number" id="filter_${f.id}" placeholder="${f.placeholder || ''}" value="${SEARCH_STATE.filters[f.id] || ''}" onchange="updateSearchFilter('${f.id}', this.value)" />`;
    } else {
      input = `<input type="text" id="filter_${f.id}" placeholder="${f.placeholder || ''}" value="${SEARCH_STATE.filters[f.id] || ''}" onchange="updateSearchFilter('${f.id}', this.value)" />`;
    }
    return `<div class="search-filter-group"><label>${f.label}</label>${input}</div>`;
  }).join('');

  // Přidat tlačítko nápovědy k jazykům (jen pro typy s jazykem)
  const hasLanguage = filters.some(f => f.id === 'language');
  if (hasLanguage) {
    html += `<button class="btn-secondary lang-help-btn" onclick="openLanguageHelpModal()">❓ Nápověda k jazykům</button>`;
  }

  container.innerHTML = html;
}

function updateSearchFilter(id, value) {
  if (value) {
    SEARCH_STATE.filters[id] = value;
  } else {
    delete SEARCH_STATE.filters[id];
  }

  // Automaticky nastavit příponu podle jazyka
  if (id === 'language' && SEARCH_STATE.type === 'code') {
    const help = LANGUAGE_HELP[value];
    if (help && help.fileExt) {
      // Vezmi první příponu (bez tečky)
      const ext = help.fileExt.split(',')[0].trim().replace('.', '');
      SEARCH_STATE.filters.extension = ext;
      const extInput = document.getElementById('filter_extension');
      if (extInput) extInput.value = ext;
    }
  }
}

function buildSearchQuery() {
  let q = SEARCH_STATE.query.trim();
  const filters = SEARCH_STATE.filters;
  const type = SEARCH_STATE.type;

  // Build query based on type
  if (type === 'repositories') {
    if (filters.language) q += ` language:${filters.language}`;
    if (filters.stars) q += ` stars:>=${filters.stars}`;
    if (filters.forks) q += ` forks:>=${filters.forks}`;
    if (filters.user) q += ` user:${filters.user}`;
    if (filters.topic) q += ` topic:${filters.topic}`;
    if (filters.license) q += ` license:${filters.license}`;
    if (filters.archived) q += ` archived:${filters.archived}`;
    if (filters.pushed) q += ` pushed:${filters.pushed}`;
  } else if (type === 'code') {
    if (filters.language) q += ` language:${filters.language}`;
    if (filters.repo) q += ` repo:${filters.repo}`;
    if (filters.path) q += ` path:${filters.path}`;
    if (filters.filename) q += ` filename:${filters.filename}`;
    if (filters.extension) q += ` extension:${filters.extension}`;
    if (filters.size) q += ` size:${filters.size}`;
    if (filters.user) q += ` user:${filters.user}`;
  } else if (type === 'issues') {
    if (filters.state) q += ` state:${filters.state}`;
    if (filters.is) q += ` is:${filters.is}`;
    if (filters.repo) q += ` repo:${filters.repo}`;
    if (filters.author) q += ` author:${filters.author}`;
    if (filters.assignee) q += ` assignee:${filters.assignee}`;
    if (filters.label) q += ` label:${filters.label}`;
    if (filters.comments) q += ` comments:>=${filters.comments}`;
    if (filters.created) q += ` created:${filters.created}`;
  } else if (type === 'users') {
    if (filters.type) q += ` type:${filters.type}`;
    if (filters.repos) q += ` repos:>=${filters.repos}`;
    if (filters.followers) q += ` followers:>=${filters.followers}`;
    if (filters.location) q += ` location:${filters.location}`;
    if (filters.language) q += ` language:${filters.language}`;
  }

  return q.trim();
}

function updateQueryPreview() {
  // Query preview removed from UI - function kept for compatibility
}

async function executeSearch() {
  const query = buildSearchQuery();
  if (!query) {
    toast('Zadej hledaný výraz', 'error');
    return;
  }

  const resultsEl = document.getElementById('searchResults');
  const statsEl = document.getElementById('searchStats');
  resultsEl.innerHTML = '<div class="search-empty"><div class="spinner"></div><p>Hledám...</p></div>';
  statsEl.textContent = '';

  try {
    let endpoint = `/search/${SEARCH_STATE.type}?q=${encodeURIComponent(query)}&per_page=${SEARCH_STATE.perPage}&page=${SEARCH_STATE.page}`;
    // Přidej řazení pokud je nastaveno
    if (SEARCH_STATE.filters.sort) {
      endpoint += `&sort=${SEARCH_STATE.filters.sort}&order=desc`;
    }
    // Pro code search přidáme Accept header pro text_matches (úryvky kódu)
    const options = SEARCH_STATE.type === 'code' ? { headers: { Accept: 'application/vnd.github.text-match+json' } } : {};
    const data = await ghFetch(endpoint, options);

    SEARCH_STATE.totalCount = data.total_count;
    const totalPages = Math.ceil(data.total_count / SEARCH_STATE.perPage);

    statsEl.textContent = `Nalezeno ${data.total_count.toLocaleString()} výsledků`;
    saveToSearchHistory(query, SEARCH_STATE.type);

    if (data.items.length === 0) {
      resultsEl.innerHTML = '<div class="search-empty"><div class="icon">🔍</div><p>Žádné výsledky</p></div>';
      document.getElementById('searchPagination').style.display = 'none';
      return;
    }

    resultsEl.innerHTML = data.items.map(item => renderSearchResult(item)).join('');

    // Pagination
    const paginationEl = document.getElementById('searchPagination');
    paginationEl.style.display = totalPages > 1 ? 'flex' : 'none';
    document.getElementById('searchPageInfo').textContent = `${SEARCH_STATE.page} / ${totalPages}`;
    document.getElementById('searchPrevPage').disabled = SEARCH_STATE.page <= 1;
    document.getElementById('searchNextPage').disabled = SEARCH_STATE.page >= totalPages;

  } catch (e) {
    resultsEl.innerHTML = `<div class="search-empty"><div class="icon">⚠️</div><p>Chyba: ${e.message}</p></div>`;
  }
}

function renderSearchResult(item) {
  const type = SEARCH_STATE.type;
  const isHtml = SEARCH_STATE.filters.language === 'HTML' || /\.html?$/i.test(item.name || '');

  if (type === 'repositories') {
    const owner = item.owner?.login || item.full_name?.split('/')[0] || '';
    return `
      <div class="search-result-item" data-repo="${item.full_name}" data-owner="${owner}">
        <div class="search-result-icon">📁</div>
        <div class="search-result-content">
          <div class="search-result-title">${item.full_name}</div>
          <div class="search-result-desc">${item.description || 'Bez popisu'}</div>
          <div class="search-result-meta">
            <span>⭐ ${item.stargazers_count?.toLocaleString() || 0}</span>
            <span>💻 ${item.language || 'N/A'}</span>
          </div>
          <div class="search-result-actions">
            <button onclick="event.stopPropagation(); browseUserRepo('${owner}', '${item.name}')" class="primary">📂 Procházet</button>
            <button onclick="event.stopPropagation(); window.open('${item.html_url}', '_blank')">🔗 GitHub</button>
            <button class="star-btn" data-starred="false" onclick="event.stopPropagation(); toggleStarRepo('${owner}', '${item.name}', this)">☆ Star</button>
          </div>
        </div>
      </div>
    `;
  } else if (type === 'code') {
    const repoFullName = item.repository?.full_name || '';
    const owner = repoFullName.split('/')[0];
    const repoName = repoFullName.split('/')[1];
    const filePath = item.path || '';
    const defaultBranch = item.repository?.default_branch || 'main';
    const isHtmlFile = /\.html?$/i.test(item.name || '');

    return `
      <div class="search-result-item">
        <div class="search-result-icon">${getFileIcon(item.name)}</div>
        <div class="search-result-content">
          <div class="search-result-title">${item.name}</div>
          <div class="search-result-desc">${repoFullName}/${filePath}</div>
          ${(() => {
            if (!item.text_matches || !item.text_matches.length) return '';
            const fragsHtml = item.text_matches.map(m => `<div class="search-code-snippet" style="margin-top:4px;">${escapeHtml(m.fragment || '').substring(0, 300)}</div>`).join('');
            const firstFrag = item.text_matches[0];
            const extraCount = item.text_matches.length - 1;
            const fragId = 'frags_' + (item.sha || Math.random().toString(36).slice(2));
            return `
              <div class="search-code-snippet">${escapeHtml(firstFrag.fragment || '').substring(0, 300)}</div>
              ${extraCount > 0 ? `
                <div id="${fragId}" style="display:none;">
                  ${item.text_matches.slice(1).map(m => `<div class="search-code-snippet" style="margin-top:4px;">${escapeHtml(m.fragment || '').substring(0, 300)}</div>`).join('')}
                </div>
                <button class="search-code-more-btn" onclick="event.stopPropagation(); toggleCodeFragments('${fragId}', this)">▼ ${extraCount} dalších shod</button>
              ` : ''}
            `;
          })()}
          <div class="search-result-actions">
            ${isHtmlFile ? `<button onclick="event.stopPropagation(); previewHtmlFile('${owner}', '${repoName}', '${filePath}', '${defaultBranch}')" class="primary">▶️ Spustit</button>` : ''}
            <button onclick="event.stopPropagation(); browseUserRepo('${owner}', '${repoName}', '${filePath}')">📂 Procházet</button>
            <button onclick="event.stopPropagation(); window.open('${item.html_url}', '_blank')">🔗 GitHub</button>
          </div>
        </div>
      </div>
    `;
  } else if (type === 'issues') {
    const isPR = item.pull_request !== undefined;
    return `
      <div class="search-result-item" onclick="window.open('${item.html_url}', '_blank')">
        <div class="search-result-icon">${isPR ? '🔀' : (item.state === 'open' ? '🟢' : '🔴')}</div>
        <div class="search-result-content">
          <div class="search-result-title">${item.title}</div>
          <div class="search-result-desc">${item.repository_url?.split('/').slice(-2).join('/') || ''} #${item.number}</div>
          <div class="search-result-meta">
            <span>${isPR ? 'PR' : 'Issue'}</span>
            <span>👤 ${item.user?.login || ''}</span>
            <span>💬 ${item.comments || 0}</span>
          </div>
        </div>
      </div>
    `;
  } else if (type === 'users') {
    return `
      <div class="search-result-item" data-user="${item.login}">
        <div class="search-result-icon"><img src="${item.avatar_url}" style="width:28px; height:28px; border-radius:50%;" /></div>
        <div class="search-result-content">
          <div class="search-result-title">${item.login}</div>
          <div class="search-result-desc">${item.type === 'Organization' ? '🏢 Organizace' : '👤 Uživatel'}</div>
          <div class="search-result-actions">
            <button onclick="event.stopPropagation(); showUserRepos('${item.login}')" class="primary">📁 Repozitáře</button>
            <button onclick="event.stopPropagation(); window.open('${item.html_url}', '_blank')">🔗 GitHub</button>
          </div>
        </div>
      </div>
    `;
  }
  return '';
}

// Zobrazit repozitáře uživatele přímo v search results
async function showUserRepos(username) {
  const resultsEl = document.getElementById('searchResults');
  const statsEl = document.getElementById('searchStats');
  resultsEl.innerHTML = '<div class="search-empty"><div class="spinner"></div><p>Načítám repozitáře...</p></div>';

  try {
    const repos = await ghFetch(`/users/${username}/repos?per_page=30&sort=updated`);
    statsEl.textContent = `📁 Repozitáře uživatele ${username} (${repos.length})`;

    if (repos.length === 0) {
      resultsEl.innerHTML = '<div class="search-empty"><div class="icon">📭</div><p>Žádné repozitáře</p></div>';
      return;
    }

    resultsEl.innerHTML = `
      <button class="btn-secondary" onclick="executeSearch()" style="margin-bottom: 10px; font-size: 11px;">← Zpět na výsledky</button>
      ${repos.map(repo => `
        <div class="search-result-item">
          <div class="search-result-icon">📁</div>
          <div class="search-result-content">
            <div class="search-result-title">${repo.name}</div>
            <div class="search-result-desc">${repo.description || 'Bez popisu'}</div>
            <div class="search-result-meta">
              <span>⭐ ${repo.stargazers_count}</span>
              <span>💻 ${repo.language || 'N/A'}</span>
              <span>${repo.private ? '🔒' : '🌐'}</span>
            </div>
            <div class="search-result-actions">
              <button onclick="event.stopPropagation(); browseUserRepo('${username}', '${repo.name}')" class="primary">📂 Procházet</button>
              <button onclick="event.stopPropagation(); window.open('${repo.html_url}', '_blank')">🔗 GitHub</button>
            </div>
          </div>
        </div>
      `).join('')}
    `;
    document.getElementById('searchPagination').style.display = 'none';
  } catch (e) {
    resultsEl.innerHTML = `<div class="search-empty"><div class="icon">⚠️</div><p>Chyba: ${e.message}</p></div>`;
  }
}

// Procházet repo cizího uživatele
let BROWSE_USER = '';
let BROWSE_REPO = '';
let BROWSE_PATH = '';

// State pro kopírování
let COPY_QUEUE = []; // { srcOwner, srcRepo, srcPath, fileName, isDir }

async function browseUserRepo(owner, repoName, path = '') {
  BROWSE_USER = owner;
  BROWSE_REPO = repoName;
  BROWSE_PATH = path;

  const resultsEl = document.getElementById('searchResults');
  const statsEl = document.getElementById('searchStats');
  resultsEl.innerHTML = '<div class="search-empty"><div class="spinner"></div><p>Načítám...</p></div>';

  try {
    const repoInfo = await ghFetch(`/repos/${owner}/${repoName}`);
    const defaultBranch = repoInfo.default_branch || 'main';

    const endpoint = path
      ? `/repos/${owner}/${repoName}/contents/${path}`
      : `/repos/${owner}/${repoName}/contents`;
    const contents = await ghFetch(endpoint);

    if (!Array.isArray(contents)) {
      if (/\.html?$/i.test(contents.name)) {
        previewHtmlFile(owner, repoName, contents.path, defaultBranch);
      } else {
        window.open(contents.html_url, '_blank');
      }
      return;
    }

    const pathParts = path ? path.split('/') : [];
    const parentPath = pathParts.slice(0, -1).join('/');

    statsEl.textContent = `📂 ${owner}/${repoName}${path ? '/' + path : ''}`;

    resultsEl.innerHTML = `
      <div style="display: flex; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; align-items: center;">
        <button class="btn-secondary" onclick="executeSearch()" style="font-size: 11px;">← Hledání</button>
        ${path ? `<button class="btn-secondary" onclick="browseUserRepo('${owner}', '${repoName}', '${parentPath}')" style="font-size: 11px;">↑ Nahoru</button>` : ''}
        <button class="btn-secondary" onclick="copyFolderToRepo('${owner}', '${repoName}', '${path}')" style="font-size:11px; color:var(--accent); border-color:var(--accent);">📦 Kopírovat celou složku</button>
      </div>
      ${contents.sort((a, b) => {
        if (a.type === 'dir' && b.type !== 'dir') return -1;
        if (a.type !== 'dir' && b.type === 'dir') return 1;
        return a.name.localeCompare(b.name);
      }).map(item => {
        const isDir = item.type === 'dir';
        const isHtml = /\.html?$/i.test(item.name);
        const safeOwner = owner.replace(/'/g, "\\'");
        const safeRepo = repoName.replace(/'/g, "\\'");
        const safePath = item.path.replace(/'/g, "\\'");
        const safeName = item.name.replace(/'/g, "\\'");
        return `
          <div class="search-result-item">
            <div class="search-result-icon">${isDir ? '📂' : getFileIcon(item.name)}</div>
            <div class="search-result-content">
              <div class="search-result-title">${item.name}</div>
              <div class="search-result-desc">${isDir ? 'Složka' : formatBytes(item.size)}</div>
              <div class="search-result-actions">
                ${isDir ? `
                  <button onclick="event.stopPropagation(); browseUserRepo('${safeOwner}', '${safeRepo}', '${safePath}')" class="primary">📂 Otevřít</button>
                  <button onclick="event.stopPropagation(); copyFolderToRepo('${safeOwner}', '${safeRepo}', '${safePath}')" style="color:var(--accent); border-color:var(--accent);">📦 Kopírovat složku</button>
                ` : `
                  ${isHtml ? `<button onclick="event.stopPropagation(); previewHtmlFile('${safeOwner}', '${safeRepo}', '${safePath}', '${defaultBranch}')" class="primary">▶️ Spustit</button>` : ''}
                  <button onclick="event.stopPropagation(); window.open('${item.html_url}', '_blank')">🔗 GitHub</button>
                  <button onclick="event.stopPropagation(); copyFileToRepo('${safeOwner}', '${safeRepo}', '${safePath}', '${safeName}')" style="color:var(--accent); border-color:var(--accent);">📋 Kopírovat</button>
                `}
              </div>
            </div>
          </div>
        `;
      }).join('')}
    `;
    document.getElementById('searchPagination').style.display = 'none';
  } catch (e) {
    resultsEl.innerHTML = `<div class="search-empty"><div class="icon">⚠️</div><p>Chyba: ${e.message}</p></div>`;
  }
}

// ── Kopírování souborů z cizího repo do vlastního ──

function copyFileToRepo(srcOwner, srcRepo, srcPath, fileName) {
  openCopyToRepoModal([{ srcOwner, srcRepo, srcPath, fileName, isDir: false }], fileName);
}

function copyFolderToRepo(srcOwner, srcRepo, srcPath) {
  const folderName = srcPath ? srcPath.split('/').pop() : srcRepo;
  openCopyToRepoModal([{ srcOwner, srcRepo, srcPath, fileName: folderName, isDir: true }], `složka "${folderName}"`);
}

function openCopyToRepoModal(items, label) {
  if (!REPOS.length) {
    toast('Nemáš žádné vlastní repozitáře.', 'error');
    return;
  }

  // Sestav modal dynamicky
  const modal = document.getElementById('copyToRepoModal');
  document.getElementById('copyToRepoLabel').textContent = label;

  // Naplň select vlastními repozitáři
  const repoSelect = document.getElementById('copyTargetRepo');
  repoSelect.innerHTML = REPOS.map(r => `<option value="${r.name}">${r.name}</option>`).join('');

  // Nastav výchozí cestu na aktuální
  const pathInput = document.getElementById('copyTargetPath');
  pathInput.value = CURRENT_PATH || '';

  // Ulož co kopírujeme
  modal._items = items;

  modal.style.display = 'flex';
}

async function executeCopyToRepo() {
  const modal = document.getElementById('copyToRepoModal');
  const items = modal._items;
  if (!items || !items.length) { toast('Nic ke kopírování.', 'error'); return; }
  const targetRepo = document.getElementById('copyTargetRepo').value;
  const targetPath = document.getElementById('copyTargetPath').value.trim().replace(/^\/|\/$/g, '');

  if (!targetRepo) { toast('Vyber cílové repo.', 'error'); return; }

  const confirmBtn = document.getElementById('confirmCopyToRepo');
  confirmBtn.disabled = true;
  confirmBtn.textContent = 'Kopíruji...';

  let totalCopied = 0;
  let totalFailed = 0;

  for (const item of items) {
    if (item.isDir) {
      try {
        const files = await fetchAllFilesExternal(item.srcOwner, item.srcRepo, item.srcPath);
        const folderName = item.srcPath ? item.srcPath.split('/').pop() : item.srcRepo;
        const total = files.length;
        let done = 0;
        toast(`Načítám SHA cache...`, 'success', 60000);
        // Sestav SHA cache pro cílovou složku
        const shaCache = await buildShaCache(targetRepo, targetPath);
        toast(`Kopíruji složku... 0/${total}`, 'success', 60000);
        for (const f of files) {
          const relPath = f.path.replace(item.srcOwner + '/' + item.srcRepo + '/', '');
          const relToFolder = item.srcPath ? relPath.replace(item.srcPath + '/', folderName + '/') : relPath;
          const destPath = targetPath ? `${targetPath}/${relToFolder}` : relToFolder;
          try {
            await uploadFileWithCache(targetRepo, destPath, f.content.replace(/\n/g, ''), `Copy: ${relToFolder} from ${item.srcOwner}/${item.srcRepo}`, shaCache);
            done++;
            totalCopied++;
          } catch (e) {
            totalFailed++;
          }
          toast(`Kopíruji složku... ${done}/${total}`, 'success', 60000);
        }
      } catch (e) {
        toast('Chyba při kopírování složky: ' + e.message, 'error');
        totalFailed++;
      }
    } else {
      try {
        toast(`Kopíruji ${item.fileName}...`, 'success', 30000);
        const fileData = await ghFetch(`/repos/${item.srcOwner}/${item.srcRepo}/contents/${item.srcPath}`);
        const destPath = targetPath ? `${targetPath}/${item.fileName}` : item.fileName;
        // Pro jeden soubor stačí jednoduchý uploadFileToGitHub
        await uploadFileToGitHub(targetRepo, destPath, fileData.content.replace(/\n/g, ''), `Copy: ${item.fileName} from ${item.srcOwner}/${item.srcRepo}`);
        totalCopied++;
      } catch (e) {
        toast('Chyba: ' + e.message, 'error');
        totalFailed++;
      }
    }
  }

  confirmBtn.disabled = false;
  confirmBtn.textContent = 'Kopírovat';
  modal.style.display = 'none';

  if (totalCopied > 0) {
    toast(`✓ Zkopírováno ${totalCopied} soubor${totalCopied > 1 ? 'ů' : ''} do ${targetRepo}${targetPath ? '/' + targetPath : ''}!`);
    // Pokud jsme právě v cílovém repu, refreshni
    if (CURRENT_REPO === targetRepo) {
      openRepo(CURRENT_REPO, CURRENT_PATH);
    }
  }
  if (totalFailed > 0) {
    toast(`${totalFailed} soubor${totalFailed > 1 ? 'ů' : ''} se nepodařilo zkopírovat.`, 'error');
  }
}

// Fetch všech souborů z cizího (nebo vlastního) repo — bez BACKUP_CANCELLED
async function fetchAllFilesExternal(owner, repo, path = '') {
  const endpoint = path
    ? `/repos/${owner}/${repo}/contents/${path}`
    : `/repos/${owner}/${repo}/contents`;
  const items = await ghFetch(endpoint);
  let files = [];
  for (const item of items) {
    if (item.type === 'dir') {
      const sub = await fetchAllFilesExternal(owner, repo, item.path);
      files = files.concat(sub);
    } else {
      const fileData = await ghFetch(`/repos/${owner}/${repo}/contents/${item.path}`);
      files.push({ path: owner + '/' + repo + '/' + item.path, content: fileData.content });
    }
  }
  return files;
}

// Preview HTML souboru v iframe
function previewHtmlFile(owner, repo, path, branch = 'main') {
  // Otevře HTML soubor v novém okně prohlížeče přes htmlpreview.github.io
  // Funguje pro jakýkoliv veřejný repozitář, i bez GitHub Pages
  const githubUrl = `https://github.com/${owner}/${repo}/blob/${branch}/${encodeURIComponent(path).replace(/%2F/g, '/')}`;
  const previewUrl = `https://htmlpreview.github.io/?${githubUrl}`;
  window.open(previewUrl, '_blank');
}

// ═══════════════════════════════════════
//  SEARCH ENHANCEMENTS
// ═══════════════════════════════════════

// ── Rate Limit Display ──
function updateRateLimitDisplay() {
  if (RATE_LIMIT.remaining === null) return;
  const widget = document.getElementById('rateLimitWidget');
  const bar = document.getElementById('rateLimitBar');
  const count = document.getElementById('rateLimitCount');
  if (!widget) return;

  const pct = RATE_LIMIT.limit ? RATE_LIMIT.remaining / RATE_LIMIT.limit : 1;
  const color = pct > 0.4 ? 'var(--accent)' : pct > 0.15 ? 'var(--yellow)' : 'var(--red)';
  const resetMin = RATE_LIMIT.reset
    ? Math.max(0, Math.ceil((RATE_LIMIT.reset * 1000 - Date.now()) / 60000))
    : '?';

  widget.style.display = 'flex';
  if (bar) bar.style.cssText = `height:100%; background:${color}; transition:width 0.3s; width:${Math.round(pct * 100)}%;`;
  if (count) count.innerHTML = `<span style="color:${color}; font-weight:600;">${RATE_LIMIT.remaining}</span><span style="opacity:.6;">/${RATE_LIMIT.limit} · ${resetMin}min</span>`;

  // Starý badge pokud existuje
  const oldBadge = document.getElementById('rateLimitBadge');
  if (oldBadge) oldBadge.style.display = 'none';
}

// ── Search History ──
function loadSearchHistory() {
  try { return JSON.parse(localStorage.getItem(SEARCH_HISTORY_KEY) || '[]'); } catch { return []; }
}

function saveToSearchHistory(query, type) {
  if (!query.trim()) return;
  let history = loadSearchHistory();
  history = history.filter(h => !(h.query === query && h.type === type));
  history.unshift({ query, type, ts: Date.now() });
  localStorage.setItem(SEARCH_HISTORY_KEY, JSON.stringify(history.slice(0, MAX_SEARCH_HISTORY)));
}

function renderSearchHistoryDropdown() {
  const dropdown = document.getElementById('searchHistoryDropdown');
  const input = document.getElementById('searchQueryInput');
  if (!dropdown || !input) return;
  const history = loadSearchHistory();
  const val = input.value.toLowerCase();
  const filtered = val ? history.filter(h => h.query.toLowerCase().includes(val)) : history;
  if (!filtered.length) { dropdown.style.display = 'none'; return; }
  dropdown.innerHTML = `
    <div class="search-history-header">
      🕐 Historie
      <button onmousedown="clearSearchHistory()" class="search-history-clear">Vymazat</button>
    </div>
    ${filtered.slice(0, 8).map(h => `
      <div class="search-history-item" onmousedown="applyHistoryItem(${JSON.stringify(h.query)}, '${h.type}')">
        <span class="search-history-text">${escapeHtml(h.query)}</span>
        <span class="search-history-type">${h.type}</span>
      </div>
    `).join('')}
  `;
  dropdown.style.display = 'block';
}

function applyHistoryItem(query, type) {
  document.getElementById('searchQueryInput').value = query;
  SEARCH_STATE.query = query;
  SEARCH_STATE.type = type;
  SEARCH_STATE.filters = type === 'code' ? { language: 'HTML' } : {};
  SEARCH_STATE.page = 1;
  document.querySelectorAll('.search-type-tab').forEach(t => t.classList.toggle('active', t.dataset.type === type));
  renderSearchFilters();
  const dd = document.getElementById('searchHistoryDropdown');
  if (dd) dd.style.display = 'none';
  executeSearch();
}

function clearSearchHistory() {
  localStorage.removeItem(SEARCH_HISTORY_KEY);
  const dd = document.getElementById('searchHistoryDropdown');
  if (dd) dd.style.display = 'none';
}

// ── Saved Searches ──
function loadSavedSearches() {
  try { return JSON.parse(localStorage.getItem(SAVED_SEARCHES_KEY) || '[]'); } catch { return []; }
}

function saveCurrentSearch() {
  const query = SEARCH_STATE.query.trim();
  if (!query) { toast('Zadej nejdřív hledaný výraz', 'error'); return; }
  const searches = loadSavedSearches();
  if (searches.some(s => s.query === query && s.type === SEARCH_STATE.type)) {
    toast('Toto hledání je již uloženo', 'error'); return;
  }
  searches.unshift({
    label: query.length > 40 ? query.substring(0, 40) + '…' : query,
    query, type: SEARCH_STATE.type,
    filters: { ...SEARCH_STATE.filters },
    ts: Date.now()
  });
  localStorage.setItem(SAVED_SEARCHES_KEY, JSON.stringify(searches));
  renderSavedSearches();
  toast('Hledání uloženo 💾');
}

function applySavedSearch(index) {
  const s = loadSavedSearches()[index];
  if (!s) return;
  SEARCH_STATE.query = s.query;
  SEARCH_STATE.type = s.type;
  SEARCH_STATE.filters = { ...s.filters };
  SEARCH_STATE.page = 1;
  document.getElementById('searchQueryInput').value = s.query;
  document.querySelectorAll('.search-type-tab').forEach(t => t.classList.toggle('active', t.dataset.type === s.type));
  renderSearchFilters();
  executeSearch();
}

function deleteSavedSearch(index, e) {
  e.stopPropagation();
  const searches = loadSavedSearches();
  searches.splice(index, 1);
  localStorage.setItem(SAVED_SEARCHES_KEY, JSON.stringify(searches));
  renderSavedSearches();
}

function renderSavedSearches() {
  const container = document.getElementById('savedSearchesList');
  if (!container) return;
  const searches = loadSavedSearches();
  const toggle = document.getElementById('savedSearchesToggle');
  if (toggle) {
    const label = toggle.querySelector('.saved-toggle-label');
    if (label) label.textContent = `🔖 Uložená hledání${searches.length ? ' (' + searches.length + ')' : ''}`;
  }
  if (!searches.length) {
    container.innerHTML = '<div class="saved-searches-empty">Uložená hledání jsou prázdná. Klikni 💾 pro uložení.</div>';
    return;
  }
  container.innerHTML = searches.map((s, i) => `
    <div class="saved-search-item" onclick="applySavedSearch(${i})">
      <span class="saved-search-type">${s.type}</span>
      <span class="saved-search-label">${escapeHtml(s.label)}</span>
      <button class="saved-search-del" onclick="deleteSavedSearch(${i}, event)" title="Smazat">✕</button>
    </div>
  `).join('');
}

function toggleSavedSearches() {
  const section = document.getElementById('savedSearchesList');
  const toggle = document.getElementById('savedSearchesToggle');
  if (!section) return;
  const open = section.style.display !== 'none';
  section.style.display = open ? 'none' : 'block';
  if (toggle) toggle.classList.toggle('open', !open);
}

// ── Code Fragments Toggle ──
function toggleCodeFragments(id, btn) {
  const el = document.getElementById(id);
  if (!el) return;
  const open = el.style.display !== 'none';
  el.style.display = open ? 'none' : 'block';
  btn.textContent = open ? `▼ ${el.children.length} dalších shod` : '▲ Skrýt';
}

// ── Star / Unstar Repo ──
async function toggleStarRepo(owner, repo, btn) {
  if (!TOKEN) return;
  btn.disabled = true;
  const starred = btn.dataset.starred === 'true';
  try {
    await fetch(`${API}/user/starred/${owner}/${repo}`, {
      method: starred ? 'DELETE' : 'PUT',
      headers: {
        Authorization: 'token ' + TOKEN,
        Accept: 'application/vnd.github.v3+json',
        'Content-Length': '0'
      }
    });
    btn.dataset.starred = String(!starred);
    btn.textContent = starred ? '☆ Star' : '⭐ Starred';
    btn.classList.toggle('starred', !starred);
    toast(starred ? 'Hvězdička odebrána' : '⭐ Přidáno do oblíbených');
  } catch(e) {
    toast('Chyba: ' + e.message, 'error');
  }
  btn.disabled = false;
}

// Search modal event listeners
document.getElementById('searchBtn').onclick = () => {
  document.getElementById('searchModal').style.display = 'flex';
  // Přednastavit code + HTML
  SEARCH_STATE.type = 'code';
  SEARCH_STATE.filters = { language: 'HTML' };
  document.querySelectorAll('.search-type-tab').forEach(t => {
    t.classList.toggle('active', t.dataset.type === 'code');
  });
  renderSearchFilters();
  renderSavedSearches();
  document.getElementById('searchQueryInput').focus();
};

document.getElementById('closeSearchModal').onclick = () => {
  document.getElementById('searchModal').style.display = 'none';
};

document.getElementById('searchModal').addEventListener('click', (e) => {
  if (e.target === document.getElementById('searchModal')) {
    document.getElementById('searchModal').style.display = 'none';
  }
});

// Search type tabs
document.querySelectorAll('.search-type-tab').forEach(tab => {
  tab.addEventListener('click', () => {
    document.querySelectorAll('.search-type-tab').forEach(t => t.classList.remove('active'));
    tab.classList.add('active');
    SEARCH_STATE.type = tab.dataset.type;
    // Přednastavit HTML pro code
    SEARCH_STATE.filters = tab.dataset.type === 'code' ? { language: 'HTML' } : {};
    SEARCH_STATE.page = 1;
    renderSearchFilters();
    document.getElementById('searchResults').innerHTML = '<div class="search-empty"><div class="icon">🔎</div><p>Zadej hledaný výraz</p></div>';
    document.getElementById('searchStats').textContent = '';
    document.getElementById('searchPagination').style.display = 'none';
  });
});

// Execute search
document.getElementById('executeSearchBtn').onclick = () => {
  SEARCH_STATE.page = 1;
  executeSearch();
};

document.getElementById('searchQueryInput').addEventListener('input', (e) => {
  SEARCH_STATE.query = e.target.value;
  renderSearchHistoryDropdown();
  // Auto-search s debounce pro ne-code typy (sníſení počtu API volání)
  if (SEARCH_STATE.type !== 'code' && e.target.value.length >= 3) {
    clearTimeout(SEARCH_DEBOUNCE_TIMER);
    SEARCH_DEBOUNCE_TIMER = setTimeout(() => {
      SEARCH_STATE.page = 1;
      executeSearch();
    }, 700);
  }
});

document.getElementById('searchQueryInput').addEventListener('focus', () => {
  renderSearchHistoryDropdown();
});

document.getElementById('searchQueryInput').addEventListener('blur', () => {
  setTimeout(() => {
    const dd = document.getElementById('searchHistoryDropdown');
    if (dd) dd.style.display = 'none';
  }, 200);
});

document.getElementById('searchQueryInput').addEventListener('keydown', (e) => {
  if (e.key === 'Enter') {
    SEARCH_STATE.page = 1;
    executeSearch();
  }
});

// Pagination
document.getElementById('searchPrevPage').onclick = () => {
  if (SEARCH_STATE.page > 1) {
    SEARCH_STATE.page--;
    executeSearch();
  }
};

document.getElementById('searchNextPage').onclick = () => {
  const totalPages = Math.ceil(SEARCH_STATE.totalCount / SEARCH_STATE.perPage);
  if (SEARCH_STATE.page < totalPages) {
    SEARCH_STATE.page++;
    executeSearch();
  }
};

// ═══════════════════════════════════════
//  MOUSE BACK BUTTON NAVIGATION
// ═══════════════════════════════════════
// Boční tlačítko myši (button 3 = back) → navigace o složku výš
// POZOR: browser může button 3 interpretovat různě:
// - Chrome/Edge: button 3 = back mouse button (Mouse4)
// - Firefox: stejně
// mouseup zachytíme před contextmenu eventem
let _mouseBackHandled = false;

document.addEventListener("mousedown", (e) => {
  _mouseBackHandled = false;
  if (e.button === 3) {
    e.preventDefault();
    _mouseBackHandled = true;
    if (CURRENT_REPO && CURRENT_PATH) {
      const parts = CURRENT_PATH.split("/");
      const parentPath = parts.slice(0, -1).join("/");
      openRepo(CURRENT_REPO, parentPath);
    } else if (CURRENT_REPO && !CURRENT_PATH) {
      showHomeView();
    }
  }
});

// Zabránit výchozímu kontextovému menu pro boční tlačítka
document.addEventListener("contextmenu", (e) => {
  if (_mouseBackHandled) {
    e.preventDefault();
    _mouseBackHandled = false;
  }
});

document.addEventListener("auxclick", (e) => {
  if (e.button === 3 || e.button === 4) {
    e.preventDefault();
  }
});
document.addEventListener("keydown", (e) => {
  // Ctrl+Shift+F - Otevřít GitHub Search
  if (e.ctrlKey && e.shiftKey && e.key === 'F' && TOKEN) {
    e.preventDefault();
    document.getElementById('searchBtn').click();
  }
  // Ctrl+F - Fokus na filtrování
  if (e.ctrlKey && e.key === "f" && CURRENT_REPO) {
    e.preventDefault();
    document.getElementById("fileFilterInput").focus();
  }

  // Delete - Smazat vybrané soubory (v contextu repozitáře)
  if (e.key === "Delete" && CURRENT_REPO) {
    const selectedRows = document.querySelectorAll(".row-checkbox:checked");
    if (selectedRows.length > 0) {
      e.preventDefault();
      deleteSelectedItems(CURRENT_REPO, CURRENT_PATH);
    }
  }

  // F2 - Přejmenovat první vybraný soubor
  if (e.key === "F2" && CURRENT_REPO) {
    e.preventDefault();
    const selectedRow = document.querySelector(".row-checkbox:checked");
    if (selectedRow) {
      const row = selectedRow.closest(".file-row");
      if (row) {
        const name = row.dataset.name;
        const path = row.dataset.path;
        const type = row.dataset.type;
        openFileContext(
          name,
          path,
          type,
          row.dataset.size || 0,
          CURRENT_REPO,
        );
        // Automaticky otevřít rename
        setTimeout(() => {
          const renameBtn = document.getElementById("ctxRename");
          if (renameBtn) renameBtn.click();
        }, 100);
      }
    }
  }

  // Escape - Zavřít modaly
  if (e.key === "Escape") {
    document.getElementById("fileViewerModal").style.display = "none";
    document.getElementById("ctxModal").style.display = "none";
    document.getElementById("newFileModal").style.display = "none";
    document.getElementById("newRepoModal").style.display = "none";
    document.getElementById("repoCtxModal").style.display = "none";
    document.getElementById("editDescModal").style.display = "none";
    document.getElementById("searchModal").style.display = "none";
    document.getElementById("copyToRepoModal").style.display = "none";
    document.getElementById("syncModal").style.display = "none";
    document.getElementById("cloneModal").style.display = "none";
    document.getElementById("quickSyncModal").style.display = "none";
    document.getElementById("smartSyncModal").style.display = "none";
  }
});

// ═══════════════════════════════════════
//  COPY TO REPO MODAL
// ═══════════════════════════════════════
document.getElementById('cancelCopyToRepo').onclick = () => {
  document.getElementById('copyToRepoModal').style.display = 'none';
};
document.getElementById('copyToRepoModal').addEventListener('click', (e) => {
  if (e.target === document.getElementById('copyToRepoModal')) {
    document.getElementById('copyToRepoModal').style.display = 'none';
  }
});

// ═══════════════════════════════════════
//  SYNC — lokální složka ↔ GitHub repo
// ═══════════════════════════════════════

let SYNC_DIR_HANDLE = null;   // FileSystemDirectoryHandle
let SYNC_ANALYSIS = null;     // výsledek porovnání

// Otevřít sync modal
document.getElementById("syncBtn").addEventListener("click", () => {
  if (!REPOS.length) { toast("Nejdřív se přihlas.", "error"); return; }
  const sel = document.getElementById("syncTargetRepo");
  sel.innerHTML = REPOS.map(r => `<option value="${r.name}">${r.name}</option>`).join("");
  // Předvyplň aktuální repo pokud je otevřené
  if (CURRENT_REPO) sel.value = CURRENT_REPO;
  document.getElementById("syncRepoPath").value = CURRENT_PATH || "";
  resetSyncUI();
  document.getElementById("syncModal").style.display = "flex";
});

document.getElementById("closeSyncModal").addEventListener("click", () => {
  document.getElementById("syncModal").style.display = "none";
});
document.getElementById("syncModal").addEventListener("click", (e) => {
  if (e.target === document.getElementById("syncModal"))
    document.getElementById("syncModal").style.display = "none";
});

function resetSyncUI() {
  SYNC_ANALYSIS = null;
  document.getElementById("syncStatusPanel").style.display = "none";
  document.getElementById("syncStatusList").innerHTML = "";
  document.getElementById("syncCommitArea").style.display = "none";
  document.getElementById("syncPushBtn").style.display = "none";
  document.getElementById("syncPullBtn").style.display = "none";
}

// Výběr lokální složky přes File System Access API
document.getElementById("syncPickFolderBtn").addEventListener("click", async () => {
  if (!window.showDirectoryPicker) {
    toast("Tvůj prohlížeč nepodporuje File System Access API. Použij Chrome nebo Edge.", "error", 5000);
    return;
  }
  try {
    SYNC_DIR_HANDLE = await window.showDirectoryPicker({ mode: "readwrite" });
    document.getElementById("syncLocalFolderName").value = SYNC_DIR_HANDLE.name;
    resetSyncUI();
    toast(`Složka "${SYNC_DIR_HANDLE.name}" vybrána`);
  } catch (e) {
    if (e.name !== "AbortError") toast("Chyba při výběru složky: " + e.message, "error");
  }
});

// Rekurzivně načte všechny soubory z lokální složky → Map<relativePath, File>
async function readLocalFiles(dirHandle, prefix = "") {
  const result = new Map();
  for await (const [name, handle] of dirHandle.entries()) {
    if (handle.kind === "file") {
      const file = await handle.getFile();
      result.set(prefix + name, { handle, file, mtime: file.lastModified });
    } else if (handle.kind === "directory") {
      const sub = await readLocalFiles(handle, prefix + name + "/");
      sub.forEach((v, k) => result.set(k, v));
    }
  }
  return result;
}

// Rekurzivně načte všechny soubory z GitHub repo → Map<relativePath, {sha, size}>
async function readGitHubFiles(repo, repoPath = "") {
  const result = new Map();
  async function scan(path) {
    const endpoint = path
      ? `/repos/${USERNAME}/${repo}/contents/${path}`
      : `/repos/${USERNAME}/${repo}/contents`;
    let items;
    try { items = await ghFetch(endpoint); } catch { return; }
    if (!Array.isArray(items)) return;
    for (const item of items) {
      if (item.type === "dir") {
        await scan(item.path);
      } else {
        // Relativní cesta vůči repoPath
        const rel = repoPath ? item.path.replace(repoPath + "/", "") : item.path;
        result.set(rel, { sha: item.sha, size: item.size, fullPath: item.path });
      }
    }
  }
  await scan(repoPath);
  return result;
}

// Porovnej lokální vs GitHub
document.getElementById("syncAnalyzeBtn").addEventListener("click", async () => {
  if (!SYNC_DIR_HANDLE) { toast("Nejdřív vyber lokální složku.", "error"); return; }
  const repo = document.getElementById("syncTargetRepo").value;
  const repoPath = document.getElementById("syncRepoPath").value.trim().replace(/^\/|\/$/g, "");

  const btn = document.getElementById("syncAnalyzeBtn");
  btn.disabled = true;
  btn.textContent = "🔍 Porovnávám...";
  resetSyncUI();

  try {
    toast("Načítám lokální soubory...", "success", 30000);
    const localFiles = await readLocalFiles(SYNC_DIR_HANDLE);

    toast("Načítám GitHub soubory...", "success", 30000);
    const ghFiles = await readGitHubFiles(repo, repoPath);

    // Porovnej — pro každý lokální soubor zjisti SHA obsahu
    // GitHub SHA = sha1("blob " + size + "\0" + content)
    const analysis = { toUpload: [], toDownload: [], same: [], conflict: [] };

    // Lokální → GitHub
    for (const [relPath, localInfo] of localFiles) {
      const ghInfo = ghFiles.get(relPath);
      if (!ghInfo) {
        analysis.toUpload.push({ relPath, localInfo, reason: "nový lokálně" });
      } else {
        // Porovnej SHA obsahu
        const localSha = await computeGitBlobSha(localInfo.file);
        if (localSha !== ghInfo.sha) {
          analysis.toUpload.push({ relPath, localInfo, ghInfo, reason: "změněn lokálně" });
        } else {
          analysis.same.push(relPath);
        }
        ghFiles.delete(relPath); // odznač jako zpracovaný
      }
    }

    // Co zbyde v ghFiles = existuje na GitHubu ale ne lokálně
    for (const [relPath, ghInfo] of ghFiles) {
      analysis.toDownload.push({ relPath, ghInfo, reason: "chybí lokálně" });
    }

    SYNC_ANALYSIS = { analysis, repo, repoPath, localFiles };

    // Zobraz výsledek
    renderSyncAnalysis(analysis);

  } catch (e) {
    toast("Chyba při analýze: " + e.message, "error");
  } finally {
    btn.disabled = false;
    btn.textContent = "🔍 Porovnat";
  }
});

// Výpočet Git blob SHA (sha1 of "blob <size>\0<content>")
async function computeGitBlobSha(file) {
  return computeLocalBlobSha(file); // alias — stejná funkce
}

function renderSyncAnalysis(analysis) {
  const panel = document.getElementById("syncStatusPanel");
  const list = document.getElementById("syncStatusList");
  panel.style.display = "block";

  const total = analysis.toUpload.length + analysis.toDownload.length + analysis.same.length;
  let html = `<div style="margin-bottom:8px; color:var(--text-dim);">Celkem souborů: ${total} · `;
  html += `<span style="color:var(--accent);">↑ ${analysis.toUpload.length} k nahrání</span> · `;
  html += `<span style="color:var(--blue);">↓ ${analysis.toDownload.length} ke stažení</span> · `;
  html += `<span style="color:var(--text-dim);">${analysis.same.length} shodných</span></div>`;

  if (analysis.toUpload.length) {
    html += `<div style="color:var(--accent); margin-bottom:4px;">⬆️ K nahrání na GitHub:</div>`;
    analysis.toUpload.forEach(f => {
      html += `<div style="padding:2px 0 2px 12px; color:var(--text);">📄 ${f.relPath} <span style="color:var(--text-dim); font-size:10px;">(${f.reason})</span></div>`;
    });
  }
  if (analysis.toDownload.length) {
    html += `<div style="color:var(--blue); margin-top:8px; margin-bottom:4px;">⬇️ Ke stažení z GitHubu:</div>`;
    analysis.toDownload.forEach(f => {
      html += `<div style="padding:2px 0 2px 12px; color:var(--text);">📄 ${f.relPath} <span style="color:var(--text-dim); font-size:10px;">(${f.reason})</span></div>`;
    });
  }
  if (analysis.toUpload.length === 0 && analysis.toDownload.length === 0) {
    html += `<div style="color:var(--accent); text-align:center; padding:8px;">✓ Vše je synchronizované!</div>`;
  }

  list.innerHTML = html;

  // Zobraz tlačítka
  const pushBtn = document.getElementById("syncPushBtn");
  const pullBtn = document.getElementById("syncPullBtn");
  const commitArea = document.getElementById("syncCommitArea");

  pushBtn.style.display = analysis.toUpload.length > 0 ? "block" : "none";
  pushBtn.textContent = `⬆️ Push (${analysis.toUpload.length} souborů)`;
  pullBtn.style.display = analysis.toDownload.length > 0 ? "block" : "none";
  pullBtn.textContent = `⬇️ Pull (${analysis.toDownload.length} souborů)`;
  commitArea.style.display = analysis.toUpload.length > 0 ? "block" : "none";
  document.getElementById("syncCommitMsg").value =
    `Sync: ${analysis.toUpload.length} changed, ${analysis.toDownload.length} new local`;
}

// PUSH — nahraje změněné/nové lokální soubory na GitHub
document.getElementById("syncPushBtn").addEventListener("click", async () => {
  if (!SYNC_ANALYSIS) return;
  const { analysis, repo, repoPath } = SYNC_ANALYSIS;
  const commitMsg = document.getElementById("syncCommitMsg").value.trim() || "Sync update";
  const btn = document.getElementById("syncPushBtn");
  btn.disabled = true;

  const files = analysis.toUpload;
  const total = files.length;
  let done = 0;
  let failed = 0;

  // Sestav SHA cache pro cílovou cestu
  showUploadProgress("Načítám SHA cache...", 0, files.length);
  const shaCache = await buildShaCache(repo, repoPath);
  showUploadProgress("Push na GitHub...", 0, total);

  for (const f of files) {
    updateUploadProgressFile(f.relPath);
    try {
      const content = await readFileAsBase64(f.localInfo.file);
      const uploadPath = repoPath ? `${repoPath}/${f.relPath}` : f.relPath;
      await uploadFileWithCache(repo, uploadPath, content, `${commitMsg}: ${f.relPath}`, shaCache);
      done++;
    } catch (e) {
      failed++;
      console.error("Push chyba:", f.relPath, e);
    }
    showUploadProgress("Push na GitHub...", done + failed, total);
  }

  hideUploadProgress();
  btn.disabled = false;
  if (failed > 0) {
    toast(`Push hotov: ${done}/${total} úspěšně, ${failed} selhalo.`, "error");
  } else {
    toast(`✓ Push hotov: ${done} souborů nahráno na GitHub!`);
  }
  // Znovu analyzuj
  document.getElementById("syncAnalyzeBtn").click();
  if (CURRENT_REPO === repo) openRepo(repo, CURRENT_PATH);
});

// PULL — stáhne soubory z GitHubu do lokální složky
document.getElementById("syncPullBtn").addEventListener("click", async () => {
  if (!SYNC_ANALYSIS || !SYNC_DIR_HANDLE) return;
  const { analysis, repo } = SYNC_ANALYSIS;
  const btn = document.getElementById("syncPullBtn");
  btn.disabled = true;

  const files = analysis.toDownload;
  const total = files.length;
  let done = 0;
  let failed = 0;

  showUploadProgress("Pull z GitHubu...", 0, total);

  for (const f of files) {
    updateUploadProgressFile(f.relPath);
    try {
      // Stáhni obsah z GitHubu
      const fileData = await ghFetch(`/repos/${USERNAME}/${repo}/contents/${f.ghInfo.fullPath}`);
      const binaryStr = atob(fileData.content.replace(/\n/g, ""));
      const bytes = new Uint8Array(binaryStr.length);
      for (let i = 0; i < binaryStr.length; i++) bytes[i] = binaryStr.charCodeAt(i);

      // Zapiš do lokální složky (vytvoř podsložky pokud chybí)
      const parts = f.relPath.split("/");
      let dirHandle = SYNC_DIR_HANDLE;
      for (let i = 0; i < parts.length - 1; i++) {
        dirHandle = await dirHandle.getDirectoryHandle(parts[i], { create: true });
      }
      const fileName = parts[parts.length - 1];
      const fileHandle = await dirHandle.getFileHandle(fileName, { create: true });
      const writable = await fileHandle.createWritable();
      await writable.write(bytes);
      await writable.close();
      done++;
    } catch (e) {
      failed++;
      console.error("Pull chyba:", f.relPath, e);
    }
    showUploadProgress("Pull z GitHubu...", done + failed, total);
  }

  hideUploadProgress();
  btn.disabled = false;
  if (failed > 0) {
    toast(`Pull hotov: ${done}/${total} staženo, ${failed} selhalo.`, "error");
  } else {
    toast(`✓ Pull hotov: ${done} souborů staženo do lokální složky!`);
  }
  document.getElementById("syncAnalyzeBtn").click();
});
(async () => {
  const saved = loadToken();
  if (!saved) return;
  TOKEN = saved;
  try {
    const user = await ghFetch("/user");
    USERNAME = user.login;
    await loadRepos();
    document.getElementById("loginPanel").style.display = "none";
    document.getElementById("sidebar").style.display = "flex";
    document.getElementById("mainContent").style.display = "block";
    document.getElementById("statusDot").classList.add("connected");
    document.getElementById("statusLabel").textContent = USERNAME;
    document.getElementById("logoutBtn").style.display = "inline-block";
    document.getElementById("searchBtn").style.display = "inline-block";
    document.getElementById("dualPaneBtn").style.display = "inline-flex";
    document.getElementById("localLeftBtn").style.display = "inline-flex";
    document.getElementById("logoutArea").style.display = "block";
    document.getElementById("sidebarGreeting").innerHTML = `👋 Ahoj, ${USERNAME}!<div class="sidebar-sub">Tvoje repozitáře</div>`;
    showHomeView();
    initMobileTabs();
  } catch (e) {
    clearToken();
    TOKEN = "";
  }
})();

// ═══════════════════════════════════════
//  CLONE MODAL
// ═══════════════════════════════════════
function openCloneModal(repoName, cloneUrl, sshUrl) {
  document.getElementById("cloneRepoTitle").textContent = repoName;
  document.getElementById("cloneCmdHttps").textContent = `git clone ${cloneUrl}`;
  document.getElementById("cloneCmdSsh").textContent = `git clone ${sshUrl}`;
  document.getElementById("cloneCmdInit").textContent = `git init\ngit remote add origin ${cloneUrl}\ngit pull origin main`;
  document.getElementById("cloneModal").style.display = "flex";
}

function copyCloneCmd(id) {
  const el = document.getElementById(id);
  if (!el) return;
  const text = el.textContent;
  navigator.clipboard.writeText(text).then(() => {
    toast("Zkopírováno do schránky!");
  }).catch(() => {
    const ta = document.createElement("textarea");
    ta.value = text;
    document.body.appendChild(ta);
    ta.select();
    document.execCommand("copy");
    document.body.removeChild(ta);
    toast("Zkopírováno!");
  });
}

const _closeCloneBtn = document.getElementById("closeCloneModal");
if (_closeCloneBtn) _closeCloneBtn.addEventListener("click", () => {
  document.getElementById("cloneModal").style.display = "none";
});
const _cloneModalEl = document.getElementById("cloneModal");
if (_cloneModalEl) _cloneModalEl.addEventListener("click", (e) => {
  if (e.target === _cloneModalEl) _cloneModalEl.style.display = "none";
});

// ═══════════════════════════════════════
//  DUAL PANE MANAGER
// ═══════════════════════════════════════

let DUAL_PANE = false;
let RIGHT_REPO = null;
let RIGHT_PATH = "";
let ACTIVE_PANEL = "left"; // "left" | "right"

// Stav pravého panelu
let RIGHT_ALL_FILES = [];
let RIGHT_SORT = "name-asc";

function updateDpOpsBar() {
  if (!DUAL_PANE) return;
  const leftIsLocal = !!LOCAL_HANDLES.left;
  const rightIsLocal = !!LOCAL_HANDLES.right;

  const copyRight = document.getElementById("dpCopyRight");
  const copyLeft  = document.getElementById("dpCopyLeft");
  const moveRight = document.getElementById("dpMoveRight");
  const moveLeft  = document.getElementById("dpMoveLeft");

  if (copyRight) copyRight.textContent = rightIsLocal ? "⇒ → Lokálně" : "⇒ Kopírovat";
  if (copyLeft)  copyLeft.textContent  = leftIsLocal  ? "⇐ → Lokálně" : "⇐ Kopírovat";
  if (moveRight) moveRight.textContent = rightIsLocal ? "⇒ Přesunout lok." : "⇒ Přesunout";
  if (moveLeft)  moveLeft.textContent  = leftIsLocal  ? "⇐ Přesunout lok." : "⇐ Přesunout";
}

function toggleDualPane() {
  DUAL_PANE = !DUAL_PANE;
  const layout = document.getElementById("mainLayout");
  const btn = document.getElementById("dualPaneBtn");
  const rightPanel = document.getElementById("rightPanel");
  const dpOpsBar = document.getElementById("dpOpsBar");

  if (DUAL_PANE) {
    layout.classList.add("dual-pane");
    btn.classList.add("active");
    btn.title = "Zavřít dual-pane";
    btn.textContent = "⊠";
    rightPanel.style.display = "flex";
    // Zobraz DP tlačítka v levém panelu
    ["leftCopyToRight","leftMoveToRight","leftSyncBtn","leftDpSep"].forEach(id => {
      const el = document.getElementById(id);
      if (el) el.style.display = "inline-flex";
    });
    autoOpenRightPanel();
  } else {
    layout.classList.remove("dual-pane");
    btn.classList.remove("active");
    btn.title = "Dual-pane režim";
    btn.textContent = "⊟";
    rightPanel.style.display = "none";
    // Schovej DP tlačítka
    ["leftCopyToRight","leftMoveToRight","leftSyncBtn","leftDpSep"].forEach(id => {
      const el = document.getElementById(id);
      if (el) el.style.display = "none";
    });
    RIGHT_REPO = null;
    RIGHT_PATH = "";
    ACTIVE_PANEL = "left";
  }
}

function autoOpenRightPanel() {
  // Automaticky otevři jiné repo než je v levém panelu
  const other = REPOS.find(r => r.name !== CURRENT_REPO);
  if (other) {
    openRightPanel(other.name, "");
  } else {
    showRightHome();
  }
}

async function openRightPanel(repoName, path = "") {
  RIGHT_REPO = repoName;
  RIGHT_PATH = path;
  ACTIVE_PANEL = "right";

  updateRightBreadcrumb(repoName, path);

  const view = document.getElementById("rightRepoView");
  view.innerHTML = `<div style="padding:20px; color:var(--text-dim); font-size:12px; font-family:var(--font-mono);">Načítám...</div>`;

  try {
    const endpoint = path
      ? `/repos/${USERNAME}/${repoName}/contents/${path}`
      : `/repos/${USERNAME}/${repoName}/contents`;
    const contents = await ghFetch(endpoint);

    if (!Array.isArray(contents)) {
      openFileViewer(contents.name, contents.path, repoName);
      return;
    }
    RIGHT_ALL_FILES = contents;
    renderRightPanel(repoName, path, contents);
  } catch (e) {
    view.innerHTML = `<div style="padding:20px; color:var(--red); font-size:12px;">Chyba: ${e.message}</div>`;
  }
}

function updateRightBreadcrumb(repoName, path) {
  const bc = document.getElementById("rightBreadcrumb");
  let html = ``;

  if (!repoName) {
    // Home stav
    html = `<span style="color:var(--accent);">🏠 Home</span>`;
  } else {
    const parts = path ? path.split("/") : [];
    // 🏠 klikací → showRightHome
    html = `<button class="up-btn" onclick="showRightHome()" title="Home">🏠</button>`;
    if (path) {
      // Tlačítko ↑ nahoru o složku
      const parentPath = parts.slice(0, -1).join("/");
      html += `<button class="up-btn" onclick="openRightPanel('${repoName}','${parentPath}')" title="O složku výš">↑</button>`;
    }
    // Repo name klikací → root repo
    html += `<span onclick="openRightPanel('${repoName}','')" style="cursor:pointer; color:var(--accent);">${repoName}</span>`;
    parts.forEach((part, i) => {
      const partPath = parts.slice(0, i + 1).join("/");
      const isLast = i === parts.length - 1;
      html += `<span style="color:var(--text-dim); margin:0 2px;">/</span>`;
      html += isLast
        ? `<span style="color:var(--text);">${part}</span>`
        : `<span onclick="openRightPanel('${repoName}','${partPath}')" style="cursor:pointer; color:var(--accent);">${part}</span>`;
    });
  }
  bc.innerHTML = html;
}

function showRightHome() {
  RIGHT_REPO = null;
  RIGHT_PATH = "";
  LOCAL_HANDLES.right = null; // opuštění lokálního módu
  LOCAL_PATHS.right = [];
  updateRightBreadcrumb(null, "");
  updateDpOpsBar();
  const view = document.getElementById("rightRepoView");
  const syncFolders = getSyncFolders();

  if (!REPOS.length) {
    view.innerHTML = `<div class="empty-state" style="padding:40px 20px; text-align:center;"><div style="font-size:32px;">📭</div><p>Žádné repozitáře</p></div>`;
    return;
  }

  view.innerHTML = `
    <table class="file-table repo-table-home">
      <thead><tr><th>Repozitář</th><th>Viditelnost</th><th>Popis</th><th>Aktualizován</th></tr></thead>
      <tbody>
        ${REPOS.map(r => `
          <tr class="repo-row" data-repo="${r.name}" style="cursor:pointer;">
            <td><span class="icon">📁</span><span class="folder-name">${r.name}</span></td>
            <td><span class="visibility ${r.private ? "priv" : "pub"}">${r.private ? "🔒 Private" : "🌐 Public"}</span></td>
            <td class="meta">${r.description || "—"}</td>
            <td class="meta">${new Date(r.updated_at).toLocaleDateString("cs-CZ")}</td>
          </tr>
        `).join("")}
      </tbody>
    </table>
  `;

  view.querySelectorAll(".repo-row").forEach(row => {
    row.addEventListener("click", () => openRightPanel(row.dataset.repo, ""));
    row.addEventListener("contextmenu", (e) => { e.preventDefault(); /* TODO: right panel repo context */ });
  });
}

function renderRightPanel(repoName, path, contents) {
  const view = document.getElementById("rightRepoView");

  // Sort
  const sorted = [...contents];
  sorted.sort((a, b) => {
    if (a.type === "dir" && b.type !== "dir") return -1;
    if (a.type !== "dir" && b.type === "dir") return 1;
    switch (RIGHT_SORT) {
      case "name-desc": return b.name.localeCompare(a.name);
      case "size-asc": return (a.size || 0) - (b.size || 0);
      case "size-desc": return (b.size || 0) - (a.size || 0);
      default: return a.name.localeCompare(b.name);
    }
  });

  // Toolbar — identický s levým + DP tlačítka do levého panelu + 🖥️ lokální
  const repoObj = REPOS.find(r => r.name === repoName);
  const syncFolders = getSyncFolders();
  const hasSyncFolder = !!syncFolders[repoName];
  let html = `<div class="toolbar-actions" style="padding:6px 8px; background:var(--surface); border-bottom:1px solid var(--border);">`;

  html += `<button class="btn-icon" title="${hasSyncFolder ? `Sync: ${syncFolders[repoName]} ↔ ${repoName}` : "Přiřadit sync složku"}" style="font-size:15px; width:30px; height:30px; ${hasSyncFolder ? "color:var(--accent);" : ""}" onclick="quickSyncRepo('${repoName}')">🔄</button>`;
  html += `<button class="btn-icon" title="Otevřít lokální složku v tomto panelu" style="font-size:14px; width:30px; height:30px;" onclick="openLocalPanel('right')">🖥️</button>`;
  html += `<div style="width:1px; background:var(--border); height:20px; margin:0 2px;"></div>`;
  // DP: ← do levého panelu
  html += `<button class="dp-panel-btn" onclick="dualPaneCopy('left')" title="Kopírovat označené do levého panelu">←📋</button>`;
  html += `<button class="dp-panel-btn" onclick="dualPaneMove('left')" title="Přesunout označené do levého panelu" style="color:var(--yellow);">←✂️</button>`;
  html += `<div style="width:1px; background:var(--border); height:20px; margin:0 2px;"></div>`;
  html += `<button id="rightDeleteBtn" style="display:none; color:var(--red); border-color:var(--red);" class="btn-secondary">🗑️ Smazat</button>`;
  html += `<button class="btn-secondary" onclick="openNewFileModalRight('${repoName}','${path}')" style="background:var(--accent); color:var(--bg); border-color:var(--accent); font-weight:600; font-size:11px; padding:4px 10px;">➕ Nový</button>`;
  html += `<div id="rightDropBtn" title="Přetáhni sem soubory" style="padding:5px 10px; border:1.5px dashed var(--border); border-radius:var(--radius); color:var(--text-dim); font-size:11px; font-family:var(--font-mono); cursor:pointer; display:flex; align-items:center; gap:5px; background:transparent; transition:all 0.15s;" onclick="openFileUploadDialogRight('${repoName}','${path}')"><span style="font-size:14px;">🖐</span><span>soubory</span></div>`;
  if (repoObj) html += `<button class="btn-secondary" onclick="openCloneModal('${repoName}','${repoObj.clone_url||''}','${repoObj.ssh_url||''}')" style="font-size:11px; padding:4px 8px;">🔗 Clone</button>`;
  html += `<div style="margin-left:auto; position:relative;">
    <button class="btn-secondary" id="rightUploadMenuBtn" style="font-size:11px; padding:4px 8px;">📤 ▼</button>
    <div id="rightUploadMenu" style="display:none; position:absolute; right:0; top:calc(100% + 4px); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); min-width:190px; z-index:200; box-shadow:0 4px 16px rgba(0,0,0,0.4);">
      <button class="upload-menu-item" onclick="document.getElementById('rightUploadMenu').style.display='none'; openFileUploadDialogRight('${repoName}','${path}')">📤 Nahrát soubory</button>
      <button class="upload-menu-item" onclick="document.getElementById('rightUploadMenu').style.display='none'; openFileUploadDialogRight('${repoName}','${path}','folder')">📁 Nahrát složku</button>
      <button class="upload-menu-item" onclick="document.getElementById('rightUploadMenu').style.display='none'; openFileUploadDialogRight('${repoName}','${path}','contents')">📂 Nahrát obsah složky</button>
      <div style="height:1px;background:var(--border);margin:4px 0;"></div>
      <button class="upload-menu-item" style="color:var(--accent);" onclick="document.getElementById('rightUploadMenu').style.display='none'; openFileUploadDialogRight('${repoName}','${path}','smartsync')">⚡ Smart sync</button>
    </div>
  </div>`;
  html += `</div>`;

  // Tabulka — stejné sloupce jako levý panel (Název, Typ, Velikost, Změněno)
  html += `<table class="file-table" style="width:100%;">
    <thead><tr>
      <th style="width:28px;"><input type="checkbox" id="rightSelectAll" class="file-checkbox" /></th>
      <th class="sortable-th" onclick="RIGHT_SORT = RIGHT_SORT==='name-asc'?'name-desc':'name-asc'; renderRightPanel('${repoName}','${path}',RIGHT_ALL_FILES)">Název <span style="color:var(--accent); font-size:10px;">${RIGHT_SORT==='name-asc'?'↑':RIGHT_SORT==='name-desc'?'↓':''}</span></th>
      <th class="sortable-th" style="min-width:50px;">Typ</th>
      <th class="sortable-th" onclick="RIGHT_SORT = RIGHT_SORT==='size-asc'?'size-desc':'size-asc'; renderRightPanel('${repoName}','${path}',RIGHT_ALL_FILES)" style="text-align:right; min-width:60px;">Velikost <span style="color:var(--accent); font-size:10px;">${RIGHT_SORT==='size-asc'?'↑':RIGHT_SORT==='size-desc'?'↓':''}</span></th>
      <th class="sortable-th" style="min-width:80px;">Změněno</th>
    </tr></thead>
    <tbody>`;

  sorted.forEach(item => {
    const isDir = item.type === "dir";
    const icon = isDir ? "📂" : getFileIcon(item.name);
    const size = isDir ? "—" : formatBytes(item.size);
    html += `<tr class="file-row right-row" data-name="${escapeHtml(item.name)}" data-path="${escapeHtml(item.path)}" data-type="${item.type}" data-size="${item.size || 0}">
      <td class="checkbox-cell"><input type="checkbox" class="file-checkbox right-row-cb" data-path="${escapeHtml(item.path)}" /></td>
      <td><span class="icon">${icon}</span><span class="${isDir ? "folder-name" : "file-name"}">${escapeHtml(item.name)}</span></td>
      <td class="meta">${isDir ? "Složka" : "Soubor"}</td>
      <td class="meta" style="text-align:right;">${size}</td>
      <td class="meta date-cell" data-path="${escapeHtml(item.path)}"><span style="color:var(--text-dim); font-size:10px;">...</span></td>
    </tr>`;
  });
  html += `</tbody></table>`;
  view.innerHTML = html;

  // Lazy datum
  loadFileDatesInView(repoName, path, view);

  // Bind upload menu toggle
  const rUploadBtn = document.getElementById("rightUploadMenuBtn");
  const rUploadMenu = document.getElementById("rightUploadMenu");
  if (rUploadBtn && rUploadMenu) {
    rUploadBtn.addEventListener("click", (e) => { e.stopPropagation(); rUploadMenu.style.display = rUploadMenu.style.display === "none" ? "block" : "none"; });
    document.addEventListener("click", () => { rUploadMenu.style.display = "none"; }, { passive: true });
  }

  // Bind selectAll
  const rightSelAll = document.getElementById("rightSelectAll");
  const rightCbs = Array.from(view.querySelectorAll(".right-row-cb"));
  const rightDeleteBtn = document.getElementById("rightDeleteBtn");

  const updateRightSelUI = () => {
    const n = rightCbs.filter(cb => cb.checked).length;
    if (rightSelAll) { rightSelAll.checked = n > 0 && n === rightCbs.length; rightSelAll.indeterminate = n > 0 && n < rightCbs.length; }
    if (rightDeleteBtn) { rightDeleteBtn.style.display = n > 0 ? "inline-flex" : "none"; rightDeleteBtn.textContent = `🗑️ Smazat (${n})`; }
  };
  if (rightSelAll) rightSelAll.addEventListener("change", () => { rightCbs.forEach(cb => cb.checked = rightSelAll.checked); updateRightSelUI(); });
  if (rightDeleteBtn) rightDeleteBtn.addEventListener("click", () => deleteSelectedRightItems(repoName, path));

  // Drag + Shift+click select v pravém panelu
  const allRightRows = Array.from(view.querySelectorAll(".right-row"));
  let rLastIdx = -1, rDragging = false, rDragStart = -1, rDragState = true;
  const rRowIdx = (row) => allRightRows.indexOf(row);
  const setRightRange = (from, to, checked) => {
    const lo = Math.min(from, to), hi = Math.max(from, to);
    for (let i = lo; i <= hi; i++) { const cb = allRightRows[i].querySelector(".right-row-cb"); if (cb) cb.checked = checked; }
    updateRightSelUI();
  };

  allRightRows.forEach((row, idx) => {
    const cb = row.querySelector(".right-row-cb");

    // Klik — otevřít nebo Shift+click range
    row.addEventListener("click", (e) => {
      const onCb = e.target.classList.contains("file-checkbox") || e.target.classList.contains("checkbox-cell");
      if (e.shiftKey && rLastIdx !== -1) { e.preventDefault(); setRightRange(rLastIdx, idx, true); rLastIdx = idx; return; }
      if (onCb) { rLastIdx = idx; updateRightSelUI(); return; }
      e.preventDefault();
      if (row.dataset.type === "dir") openRightPanel(repoName, row.dataset.path);
      else openFileViewer(row.dataset.name, row.dataset.path, repoName);
    });

    // Pravý klik
    row.addEventListener("contextmenu", (e) => {
      e.preventDefault();
      openFileContext(row.dataset.name, row.dataset.path, row.dataset.type, parseInt(row.dataset.size), repoName);
    });

    // Drag select na checkbox buňce
    const checkCell = row.querySelector(".checkbox-cell");
    if (checkCell) {
      checkCell.addEventListener("mousedown", (e) => {
        if (e.button !== 0) return;
        rDragging = true; rDragStart = idx; rDragState = !cb.checked;
        cb.checked = rDragState; rLastIdx = idx; updateRightSelUI(); e.preventDefault();
      });
    }
    row.addEventListener("mouseover", () => { if (rDragging) setRightRange(rDragStart, idx, rDragState); });
  });

  document.addEventListener("mouseup", () => { rDragging = false; rDragStart = -1; }, { passive: true });

  // Klik na panel → aktivní
  view.addEventListener("click", () => {
    ACTIVE_PANEL = "right";
    document.getElementById("mainPanel").classList.remove("dp-active");
    document.getElementById("rightPanel").classList.add("dp-active");
  }, { passive: true });
}

// Generická verze loadFileDates pro libovolný view container
async function loadFileDatesInView(repoName, path, viewEl) {
  const cells = Array.from(viewEl.querySelectorAll(".date-cell"));
  if (!cells.length) return;
  for (let i = 0; i < cells.length; i += 5) {
    const batch = cells.slice(i, i + 5);
    await Promise.all(batch.map(async (cell) => {
      const filePath = cell.dataset.path;
      if (!filePath) return;
      try {
        const commits = await ghFetch(`/repos/${USERNAME}/${repoName}/commits?path=${encodeURIComponent(filePath)}&per_page=1`);
        if (commits && commits.length > 0) {
          const date = new Date(commits[0].commit.author.date);
          const dateStr = date.toLocaleDateString("cs-CZ", { day: "2-digit", month: "2-digit", year: "2-digit" });
          const timeStr = date.toLocaleTimeString("cs-CZ", { hour: "2-digit", minute: "2-digit" });
          cell.innerHTML = `<span style="font-size:11px;" title="${dateStr} ${timeStr}">${dateStr} <span style="color:var(--text-dim); font-size:10px;">${timeStr}</span></span>`;
        } else {
          cell.innerHTML = `<span style="color:var(--text-dim); font-size:10px;">—</span>`;
        }
      } catch {
        cell.innerHTML = `<span style="color:var(--text-dim); font-size:10px;">—</span>`;
      }
    }));
  }
}

// ─── Smazat vybrané v pravém panelu ───
async function deleteSelectedRightItems(repo, currentPath) {
  const rows = Array.from(document.querySelectorAll(".right-row-cb:checked"));
  if (!rows.length) return;
  if (!confirm(`Smazat ${rows.length} položek?`)) return;
  const dirs = [], files = [];
  for (const cb of rows) {
    const row = cb.closest(".file-row");
    if (!row) continue;
    if (row.dataset.type === "dir") dirs.push(row.dataset.path);
    else files.push({ name: row.dataset.name, path: row.dataset.path });
  }
  showUploadProgress("Mažu...", 0, rows.length);
  let done = 0;
  if (dirs.length) { try { await deleteDirsBatch(repo, dirs); done += dirs.length; } catch (e) { toast("Chyba: " + e.message, "error"); } }
  for (const f of files) {
    if (isCancelled()) break;
    try { const fd = await ghFetch(`/repos/${USERNAME}/${repo}/contents/${f.path}`); await ghFetch(`/repos/${USERNAME}/${repo}/contents/${f.path}`, { method: "DELETE", body: JSON.stringify({ message: `delete: ${f.name}`, sha: fd.sha }) }); done++; }
    catch (e) { toast(`Chyba: ${f.name}`, "error", 3000); }
    showUploadProgress("Mažu...", done, rows.length);
  }
  hideUploadProgress();
  toast(`✓ Smazáno ${done}/${rows.length}`);
  openRightPanel(repo, currentPath);
}

// Nový soubor v pravém panelu — přepne kontext dočasně
function openNewFileModalRight(repo, path) {
  const _r = CURRENT_REPO, _p = CURRENT_PATH;
  CURRENT_REPO = repo; CURRENT_PATH = path;
  openNewFileModal();
  CURRENT_REPO = _r; CURRENT_PATH = _p;
}

// ─── Operace mezi panely ───

function getDualPaneSources(direction) {
  // direction: "right" = přesouvám z levého do pravého, "left" = opačně
  if (direction === "right") {
    // Zdroj = levý panel (CURRENT_REPO), cíl = pravý panel (RIGHT_REPO)
    const rows = Array.from(document.querySelectorAll("#repoView .row-checkbox:checked"));
    return {
      srcRepo: CURRENT_REPO, srcPath: CURRENT_PATH,
      dstRepo: RIGHT_REPO, dstPath: RIGHT_PATH,
      items: rows.map(cb => {
        const row = cb.closest(".file-row");
        return { name: row.dataset.name, path: row.dataset.path, type: row.dataset.type };
      })
    };
  } else {
    // Zdroj = pravý panel, cíl = levý panel
    const rows = Array.from(document.querySelectorAll(".right-row-cb:checked"));
    return {
      srcRepo: RIGHT_REPO, srcPath: RIGHT_PATH,
      dstRepo: CURRENT_REPO, dstPath: CURRENT_PATH,
      items: rows.map(cb => {
        const row = cb.closest(".file-row");
        return { name: row.dataset.name, path: row.dataset.path, type: row.dataset.type };
      })
    };
  }
}

async function dualPaneCopy(direction) {
  const leftIsLocal  = !!LOCAL_HANDLES.left;
  const rightIsLocal = !!LOCAL_HANDLES.right;

  // Lokální → GitHub
  if (direction === "right" && leftIsLocal) { await copyLocalToGitHub("left"); return; }
  if (direction === "left"  && rightIsLocal) { await copyLocalToGitHub("right"); return; }
  // GitHub → Lokální
  if (direction === "right" && rightIsLocal) { await copyGitHubToLocal("right"); return; }
  if (direction === "left"  && leftIsLocal)  { await copyGitHubToLocal("left");  return; }

  // GitHub → GitHub
  const { srcRepo, dstRepo, dstPath, items } = getDualPaneSources(direction);
  if (!items.length) { toast("Nic není označeno.", "error"); return; }
  if (!dstRepo) { toast("Cílový panel nemá otevřené repo.", "error"); return; }

  const total = items.length;
  showUploadProgress(`Kopíruji → ${dstRepo}...`, 0, total);
  let done = 0;

  for (const item of items) {
    if (isCancelled()) break;
    try {
      if (item.type === "dir") {
        // Rekurzivně zkopíruj složku
        const files = await fetchAllFilesExternal(USERNAME, srcRepo, item.path);
        const folderName = item.path.split("/").pop();
        for (const f of files) {
          const relPath = f.path.replace(`${USERNAME}/${srcRepo}/`, "");
          const relToFolder = relPath.replace(item.path + "/", folderName + "/");
          const destPath = dstPath ? `${dstPath}/${relToFolder}` : relToFolder;
          await uploadFileToGitHub(dstRepo, destPath, f.content.replace(/\n/g, ""), `Copy from ${srcRepo}: ${relToFolder}`);
        }
      } else {
        const fileData = await ghFetch(`/repos/${USERNAME}/${srcRepo}/contents/${item.path}`);
        const destPath = dstPath ? `${dstPath}/${item.name}` : item.name;
        await uploadFileToGitHub(dstRepo, destPath, fileData.content.replace(/\n/g, ""), `Copy from ${srcRepo}: ${item.name}`);
      }
      done++;
    } catch (e) {
      toast(`Chyba: ${item.name}: ${e.message}`, "error", 4000);
    }
    showUploadProgress(`Kopíruji → ${dstRepo}...`, done, total);
  }

  hideUploadProgress();
  toast(`✓ Zkopírováno ${done}/${total} do ${dstRepo}`);
  // Refresh cílového panelu
  if (direction === "right") openRightPanel(dstRepo, dstPath || "");
  else openRepo(dstRepo, dstPath || "");
}

async function dualPaneMove(direction) {
  const { srcRepo, srcPath, dstRepo, dstPath, items } = getDualPaneSources(direction);
  if (!items.length) { toast("Nic není označeno.", "error"); return; }
  if (!dstRepo) { toast("Cílový panel nemá otevřené repo.", "error"); return; }
  if (!confirm(`Přesunout ${items.length} položek z ${srcRepo} do ${dstRepo}?\n(Smaže originály)`)) return;

  // Nejdřív zkopíruj, pak smaž originály
  await dualPaneCopy(direction);

  // Smaž originály z zdrojového panelu
  showUploadProgress("Mažu originály...", 0, items.length);
  const dirs = items.filter(i => i.type === "dir").map(i => i.path);
  const files = items.filter(i => i.type !== "dir");
  let done = 0;

  if (dirs.length) {
    try { await deleteDirsBatch(srcRepo, dirs); done += dirs.length; } catch (e) { toast("Chyba při mazání složek: " + e.message, "error"); }
  }
  for (const f of files) {
    if (isCancelled()) break;
    try {
      const fd = await ghFetch(`/repos/${USERNAME}/${srcRepo}/contents/${f.path}`);
      await ghFetch(`/repos/${USERNAME}/${srcRepo}/contents/${f.path}`, {
        method: "DELETE",
        body: JSON.stringify({ message: `move to ${dstRepo}: ${f.name}`, sha: fd.sha }),
      });
      done++;
    } catch (e) { toast(`Chyba mazání ${f.name}`, "error", 3000); }
    showUploadProgress("Mažu originály...", done, items.length);
  }

  hideUploadProgress();
  toast(`✓ Přesunuto ${done}/${items.length} do ${dstRepo}`);
  if (direction === "right") openRepo(srcRepo, srcPath || "");
  else openRightPanel(srcRepo, srcPath || "");
}

async function dualPaneSync() {
  if (!CURRENT_REPO || !RIGHT_REPO) { toast("Oba panely musí mít otevřené repo.", "error"); return; }
  const modal = document.getElementById("quickSyncModal");
  // Použij existující quick sync infrastrukturu
  // Simuluj jako by levý panel byl lokální a pravý je "GitHub"
  toast("Sync mezi panely — funkce využívá Smart Sync modal.", "success", 3000);
}

// ─── Bind dual-pane tlačítek ───
document.getElementById("dualPaneBtn").addEventListener("click", toggleDualPane);
// DP tlačítka jsou nyní inline onclick v toolbar každého panelu
// leftCopyToRight, leftMoveToRight, leftSyncBtn — v levém panelu
// ←📋, ←✂️ — v pravém panelu (renderRightPanel)
// Klik na levý panel → označit jako aktivní
document.getElementById("mainPanel").addEventListener("click", () => {
  if (!DUAL_PANE) return;
  ACTIVE_PANEL = "left";
  document.getElementById("rightPanel").classList.remove("dp-active");
  document.getElementById("mainPanel").classList.add("dp-active");
}, { passive: true });

// ═══════════════════════════════════════
//  LOCAL FILESYSTEM PANEL
// ═══════════════════════════════════════

// Stav lokálního panelu — může být buď v levém nebo pravém
let LOCAL_HANDLES = {
  left: null,   // FileSystemDirectoryHandle pro levý panel
  right: null,  // FileSystemDirectoryHandle pro pravý panel
};
let LOCAL_PATHS = {
  left: [],   // zásobník adresářových handles pro navigaci zpět
  right: [],
};

// Otevři lokální složku v daném panelu
async function openLocalPanel(side) {
  if (!window.showDirectoryPicker) {
    toast("File System Access API není dostupné (Chrome/Edge).", "error");
    return;
  }
  try {
    const handle = await window.showDirectoryPicker({ mode: "readwrite" });
    LOCAL_HANDLES[side] = handle;
    LOCAL_PATHS[side] = [handle];
    await renderLocalPanel(side, handle);
    updateDpOpsBar();
  } catch (e) {
    if (e.name !== "AbortError") toast("Chyba: " + e.message, "error");
  }
}

// Renderuje obsah lokální složky v panelu
async function renderLocalPanel(side, dirHandle) {
  LOCAL_HANDLES[side] = dirHandle;
  const viewId = side === "left" ? "repoView" : "rightRepoView";
  const bcId   = side === "left" ? "breadcrumb" : "rightBreadcrumb";
  const view   = document.getElementById(viewId);
  const bc     = document.getElementById(bcId);

  // Aktualizuj breadcrumb
  const pathParts = LOCAL_PATHS[side].map(h => h.name);
  let bcHtml = `<button class="up-btn" onclick="${side === 'left' ? 'showHomeView' : 'showRightHome'}()" title="Home">🏠</button>`;
  if (LOCAL_PATHS[side].length > 1) {
    bcHtml += `<button class="up-btn" onclick="localGoUp('${side}')" title="O složku výš">↑</button>`;
  }
  bcHtml += `<span style="color:var(--yellow);">💾</span>`;
  pathParts.forEach((part, i) => {
    bcHtml += `<span style="color:var(--text-dim); margin:0 2px;">/</span>`;
    const isLast = i === pathParts.length - 1;
    if (isLast) {
      bcHtml += `<span style="color:var(--text);">${part}</span>`;
    } else {
      bcHtml += `<span style="color:var(--accent); cursor:pointer;" onclick="localGoToDepth('${side}',${i + 1})">${part}</span>`;
    }
  });
  bc.innerHTML = bcHtml;

  view.innerHTML = `<div style="padding:16px; color:var(--text-dim); font-size:12px; font-family:var(--font-mono);">Načítám...</div>`;

  // Načti obsah adresáře
  const entries = [];
  try {
    for await (const [name, handle] of dirHandle.entries()) {
      entries.push({ name, handle, isDir: handle.kind === "directory" });
    }
  } catch (e) {
    view.innerHTML = `<div style="padding:16px; color:var(--red); font-size:12px;">Chyba čtení: ${e.message}</div>`;
    return;
  }

  // Seřaď — složky napřed, pak abecedně
  entries.sort((a, b) => {
    if (a.isDir && !b.isDir) return -1;
    if (!a.isDir && b.isDir) return 1;
    return a.name.localeCompare(b.name);
  });

  // Toolbar
  let html = `<div class="toolbar-actions" style="padding:6px 8px; background:var(--surface); border-bottom:1px solid var(--border);">`;
  html += `<span style="font-size:11px; color:var(--yellow); font-family:var(--font-mono);">💾 Lokální disk</span>`;
  html += `<div style="width:1px; background:var(--border); height:16px; margin:0 6px;"></div>`;
  html += `<button class="btn-secondary" id="local${side}DeleteBtn" style="display:none; color:var(--red); border-color:var(--red); font-size:11px;">🗑️ Smazat</button>`;
  html += `<button class="btn-secondary" onclick="localCreateFolder('${side}')" style="font-size:11px; padding:4px 8px;">📁 Nová složka</button>`;
  html += `<span style="margin-left:auto; font-size:10px; color:var(--text-dim); font-family:var(--font-mono);">${entries.length} položek</span>`;
  html += `</div>`;

  // Tabulka
  html += `<table class="file-table" style="width:100%;">
    <thead><tr>
      <th style="width:28px;"><input type="checkbox" id="local${side}SelAll" class="file-checkbox" /></th>
      <th>Název</th>
      <th style="text-align:right; min-width:60px;">Typ</th>
    </tr></thead>
    <tbody>`;

  for (const entry of entries) {
    const icon = entry.isDir ? "📂" : getFileIcon(entry.name);
    html += `<tr class="file-row local-row-${side}" data-name="${escapeHtml(entry.name)}" data-isdir="${entry.isDir}">
      <td class="checkbox-cell"><input type="checkbox" class="file-checkbox local-cb-${side}" /></td>
      <td><span class="icon">${icon}</span><span class="${entry.isDir ? "folder-name" : "file-name"}">${escapeHtml(entry.name)}</span></td>
      <td class="meta" style="text-align:right;">${entry.isDir ? "Složka" : "Soubor"}</td>
    </tr>`;
  }
  html += `</tbody></table>`;
  view.innerHTML = html;

  // ── Bind events ──

  // SelectAll
  const selAll = document.getElementById(`local${side}SelAll`);
  const cbs = Array.from(view.querySelectorAll(`.local-cb-${side}`));
  const delBtn = document.getElementById(`local${side}DeleteBtn`);
  const updateLocalSelUI = () => {
    const n = cbs.filter(c => c.checked).length;
    if (selAll) { selAll.checked = n > 0 && n === cbs.length; selAll.indeterminate = n > 0 && n < cbs.length; }
    if (delBtn) { delBtn.style.display = n > 0 ? "inline-flex" : "none"; delBtn.textContent = `🗑️ Smazat (${n})`; }
  };
  if (selAll) selAll.addEventListener("change", () => { cbs.forEach(c => c.checked = selAll.checked); updateLocalSelUI(); });
  cbs.forEach(cb => cb.addEventListener("change", updateLocalSelUI));
  if (delBtn) delBtn.addEventListener("click", () => deleteLocalSelected(side, dirHandle, entries));

  // Drag + Shift+click select
  const allLocalRows = Array.from(view.querySelectorAll(`.local-row-${side}`));
  let lLastIdx = -1, lDragging = false, lDragStart = -1, lDragState = true;
  const setLocalRange = (from, to, checked) => {
    const lo = Math.min(from, to), hi = Math.max(from, to);
    for (let i = lo; i <= hi; i++) { const cb = allLocalRows[i]?.querySelector(`.local-cb-${side}`); if (cb) cb.checked = checked; }
    updateLocalSelUI();
  };

  allLocalRows.forEach((row, idx) => {
    const cb = row.querySelector(`.local-cb-${side}`);
    row.addEventListener("click", (e) => {
      const onCb = e.target.classList.contains("file-checkbox") || e.target.classList.contains("checkbox-cell");
      if (e.shiftKey && lLastIdx !== -1) { e.preventDefault(); setLocalRange(lLastIdx, idx, true); lLastIdx = idx; return; }
      if (onCb) { lLastIdx = idx; updateLocalSelUI(); return; }
      e.preventDefault();
      const entry = entries[idx];
      if (entry && entry.isDir) {
        LOCAL_PATHS[side] = [...LOCAL_PATHS[side], entry.handle];
        renderLocalPanel(side, entry.handle);
      }
      // Pro soubory — TODO: preview
    });
    const checkCell = row.querySelector(".checkbox-cell");
    if (checkCell) {
      checkCell.addEventListener("mousedown", (e) => {
        if (e.button !== 0) return;
        lDragging = true; lDragStart = idx; lDragState = !cb?.checked;
        if (cb) cb.checked = lDragState;
        lLastIdx = idx; updateLocalSelUI(); e.preventDefault();
      });
    }
    row.addEventListener("mouseover", () => { if (lDragging) setLocalRange(lDragStart, idx, lDragState); });
  });

  document.addEventListener("mouseup", () => { lDragging = false; lDragStart = -1; }, { passive: true });

  // Drag & drop — nahrání souborů z počítače do lokální složky
  view.addEventListener("dragover", (e) => { e.preventDefault(); view.style.outline = "2px solid var(--accent)"; });
  view.addEventListener("dragleave", (e) => { if (!view.contains(e.relatedTarget)) view.style.outline = ""; });
  view.addEventListener("drop", async (e) => {
    e.preventDefault();
    view.style.outline = "";
    const files = await collectDroppedFiles(e.dataTransfer);
    if (!files.length) return;
    showUploadProgress("Kopírování do lokální složky...", 0, files.length);
    let done = 0;
    for (const { file, path: filePath } of files) {
      if (isCancelled()) break;
      try {
        const parts = filePath.split("/");
        let dh = dirHandle;
        for (let i = 0; i < parts.length - 1; i++) dh = await dh.getDirectoryHandle(parts[i], { create: true });
        const fh = await dh.getFileHandle(parts[parts.length - 1], { create: true });
        const wr = await fh.createWritable();
        await wr.write(file);
        await wr.close();
        done++;
      } catch (err) { toast(`Chyba: ${filePath}: ${err.message}`, "error", 3000); }
      showUploadProgress("Kopírování do lokální složky...", done, files.length);
    }
    hideUploadProgress();
    toast(`✓ Zkopírováno ${done} souborů do lokální složky`);
    renderLocalPanel(side, dirHandle);
  });
}

// Navigace lokálního panelu
async function localGoUp(side) {
  if (LOCAL_PATHS[side].length > 1) {
    LOCAL_PATHS[side].pop();
    const parent = LOCAL_PATHS[side][LOCAL_PATHS[side].length - 1];
    await renderLocalPanel(side, parent);
  }
}

async function localGoToDepth(side, depth) {
  LOCAL_PATHS[side] = LOCAL_PATHS[side].slice(0, depth);
  const handle = LOCAL_PATHS[side][LOCAL_PATHS[side].length - 1];
  await renderLocalPanel(side, handle);
}

// Smaž označené lokální soubory/složky
async function deleteLocalSelected(side, dirHandle, entries) {
  const view = document.getElementById(side === "left" ? "repoView" : "rightRepoView");
  const checkedRows = Array.from(view.querySelectorAll(`.local-cb-${side}:checked`));
  if (!checkedRows.length) return;
  if (!confirm(`Smazat ${checkedRows.length} lokálních položek? Toto nelze vrátit.`)) return;

  let done = 0;
  for (const cb of checkedRows) {
    const row = cb.closest(".file-row");
    if (!row) continue;
    const name = row.dataset.name;
    try {
      await dirHandle.removeEntry(name, { recursive: true });
      done++;
    } catch (e) {
      toast(`Chyba: ${name}: ${e.message}`, "error", 3000);
    }
  }
  toast(`✓ Smazáno ${done} lokálních položek`);
  renderLocalPanel(side, dirHandle);
}

// Vytvoř novou složku
async function localCreateFolder(side) {
  const name = prompt("Název nové složky:");
  if (!name) return;
  const dirHandle = LOCAL_HANDLES[side];
  if (!dirHandle) return;
  try {
    await dirHandle.getDirectoryHandle(name, { create: true });
    renderLocalPanel(side, dirHandle);
    toast(`Složka "${name}" vytvořena`);
  } catch (e) {
    toast("Chyba: " + e.message, "error");
  }
}

// Zkopíruj označené soubory z lokálního panelu na GitHub
async function copyLocalToGitHub(side) {
  const dirHandle = LOCAL_HANDLES[side];
  if (!dirHandle) { toast("Lokální panel nemá otevřenou složku.", "error"); return; }
  const dstRepo   = side === "left" ? RIGHT_REPO : CURRENT_REPO;
  const dstPath   = side === "left" ? RIGHT_PATH : CURRENT_PATH;
  if (!dstRepo) { toast("Druhý panel nemá otevřené GitHub repo.", "error"); return; }

  const view = document.getElementById(side === "left" ? "repoView" : "rightRepoView");
  const checkedRows = Array.from(view.querySelectorAll(`.local-cb-${side}:checked`));
  if (!checkedRows.length) { toast("Označ soubory k zkopírování.", "error"); return; }

  const files = [];
  for (const cb of checkedRows) {
    const row = cb.closest(".file-row");
    if (!row) continue;
    const name = row.dataset.name;
    const isDir = row.dataset.isdir === "true";
    if (isDir) {
      const subHandle = await dirHandle.getDirectoryHandle(name);
      const subMap = await readLocalFiles(subHandle);
      subMap.forEach((v, p) => files.push({ file: v.file, path: `${name}/${p}` }));
    } else {
      const fh = await dirHandle.getFileHandle(name);
      const file = await fh.getFile();
      files.push({ file, path: name });
    }
  }

  if (!files.length) { toast("Žádné soubory k nahrání.", "error"); return; }
  await runUpload(dstRepo, dstPath, files);
}

// Zkopíruj z GitHubu do lokálního panelu
async function copyGitHubToLocal(side) {
  const dirHandle = LOCAL_HANDLES[side];
  if (!dirHandle) { toast("Lokální panel nemá otevřenou složku.", "error"); return; }
  const srcRepo = side === "left" ? CURRENT_REPO : RIGHT_REPO;
  const srcPath = side === "left" ? CURRENT_PATH : RIGHT_PATH;
  if (!srcRepo) { toast("Druhý panel nemá otevřené GitHub repo.", "error"); return; }

  // Získej označené soubory z GitHub panelu
  const ghSide = side === "left" ? "right" : "left";
  const selector = ghSide === "left" ? "#repoView .row-checkbox:checked" : ".right-row-cb:checked";
  const checkedRows = Array.from(document.querySelectorAll(selector));
  if (!checkedRows.length) { toast("Označ soubory v GitHub panelu.", "error"); return; }

  const total = checkedRows.length;
  let done = 0;
  showUploadProgress("Stahování z GitHubu...", 0, total);

  for (const cb of checkedRows) {
    if (isCancelled()) break;
    const row = cb.closest(".file-row");
    if (!row) continue;
    try {
      const fileData = await ghFetch(`/repos/${USERNAME}/${srcRepo}/contents/${row.dataset.path}`);
      const binaryStr = atob(fileData.content.replace(/\n/g, ""));
      const bytes = new Uint8Array(binaryStr.length);
      for (let i = 0; i < binaryStr.length; i++) bytes[i] = binaryStr.charCodeAt(i);
      const fh = await dirHandle.getFileHandle(row.dataset.name, { create: true });
      const wr = await fh.createWritable();
      await wr.write(bytes);
      await wr.close();
      done++;
    } catch (e) {
      toast(`Chyba: ${row.dataset.name}: ${e.message}`, "error", 3000);
    }
    showUploadProgress("Stahování z GitHubu...", done, total);
  }
  hideUploadProgress();
  toast(`✓ Staženo ${done}/${total} souborů`);
  // Refresh lokálního panelu
  renderLocalPanel(side, dirHandle);
}