(function () {
  'use strict';
  if (window.__DOCKER_PROXY_PLUGIN__) return;
  window.__DOCKER_PROXY_PLUGIN__ = true;

  var NAV_ID = 'docker-nav-li';
  var LINK_ID = 'docker-nav-link';
  var OVERLAY_ID = 'docker-proxy-overlay';
  var API = '/docker-api';
  var isOpen = false;

  /* ---------- 样式：全部限定在 #docker-proxy-overlay 内，颜色跟随 DaisyUI 主题 ---------- */
  var CSS = [
    '#docker-proxy-overlay{position:fixed;left:0;top:0;width:0;height:0;z-index:25;display:none;',
    'overflow:auto;background:var(--color-base-100,#16161d);color:var(--color-base-content,#e6e6ee);',
    'padding:16px 18px 26px;box-sizing:border-box;font-size:14px;line-height:1.5;}',
    '#docker-proxy-overlay *{box-sizing:border-box;}',
    '#docker-proxy-overlay .dkp-head{display:flex;align-items:center;gap:10px;margin-bottom:4px;}',
    '#docker-proxy-overlay .dkp-title{font-size:19px;font-weight:700;}',
    '#docker-proxy-overlay .dkp-desc{font-size:12.5px;opacity:.6;margin:0 0 14px;}',
    '#docker-proxy-overlay .dkp-list{display:flex;flex-direction:column;gap:9px;}',
    '#docker-proxy-overlay .dkp-item{display:flex;align-items:center;justify-content:space-between;',
    'gap:14px;border-radius:12px;padding:13px 17px;transition:border-color .2s;',
    'background:color-mix(in oklab,var(--color-base-content,#fff) 4%,transparent);',
    'border:1px solid color-mix(in oklab,var(--color-base-content,#fff) 12%,transparent);}',
    '#docker-proxy-overlay .dkp-item:hover{border-color:color-mix(in oklab,var(--color-primary,#7a6cf0) 55%,transparent);}',
    '#docker-proxy-overlay .dkp-info{min-width:0;flex:1;}',
    '#docker-proxy-overlay .dkp-name{font-weight:600;font-size:14.5px;}',
    '#docker-proxy-overlay .dkp-meta{font-size:11.5px;opacity:.55;margin-top:4px;',
    'overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}',
    '#docker-proxy-overlay .dkp-badge{display:inline-block;font-size:11px;padding:2px 8px;',
    'border-radius:10px;margin-left:8px;vertical-align:middle;}',
    '#docker-proxy-overlay .dkp-badge.active{background:color-mix(in oklab,var(--color-success,#00b894) 20%,transparent);color:var(--color-success,#00b894);}',
    '#docker-proxy-overlay .dkp-badge.pending{background:color-mix(in oklab,var(--color-warning,#e6a23c) 22%,transparent);color:var(--color-warning,#e6a23c);}',
    '#docker-proxy-overlay .dkp-badge.off{background:color-mix(in oklab,var(--color-base-content,#888) 12%,transparent);opacity:.75;}',
    '#docker-proxy-overlay .dkp-actions{display:flex;align-items:center;gap:9px;flex-shrink:0;}',
    '#docker-proxy-overlay .dkp-btn{background:transparent;font:inherit;font-size:12px;',
    'padding:5px 11px;border-radius:8px;cursor:pointer;transition:.2s;white-space:nowrap;color:inherit;opacity:.75;',
    'border:1px solid color-mix(in oklab,var(--color-base-content,#fff) 18%,transparent);}',
    '#docker-proxy-overlay .dkp-btn:hover{opacity:1;border-color:var(--color-primary,#7a6cf0);color:var(--color-primary,#7a6cf0);}',
    '#docker-proxy-overlay .dkp-btn.warn:hover{border-color:var(--color-warning,#e6a23c);color:var(--color-warning,#e6a23c);}',
    '#docker-proxy-overlay .dkp-btn:disabled{opacity:.4;cursor:wait;}',
    '#docker-proxy-overlay .dkp-btn.ok{border-color:var(--color-success,#00b894);color:var(--color-success,#00b894);opacity:1;}',
    '#docker-proxy-overlay .dkp-btn.fail{border-color:var(--color-error,#e17055);color:var(--color-error,#e17055);opacity:1;}',
    '#docker-proxy-overlay .dkp-sw{position:relative;width:46px;height:25px;flex-shrink:0;cursor:pointer;display:inline-block;}',
    '#docker-proxy-overlay .dkp-sw input{display:none;}',
    '#docker-proxy-overlay .dkp-sl{position:absolute;inset:0;border-radius:25px;transition:.28s;',
    'background:color-mix(in oklab,var(--color-base-content,#888) 30%,transparent);}',
    '#docker-proxy-overlay .dkp-sl:before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;',
    'background:#fff;border-radius:50%;transition:.28s;}',
    '#docker-proxy-overlay .dkp-sw input:checked + .dkp-sl{background:var(--color-success,#00b894);}',
    '#docker-proxy-overlay .dkp-sw input:checked + .dkp-sl:before{transform:translateX(21px);}',
    '#docker-proxy-overlay .dkp-sw.busy{opacity:.5;pointer-events:none;}',
    '#docker-proxy-overlay .dkp-empty{text-align:center;padding:34px;opacity:.55;font-size:13px;}',
    '#docker-proxy-overlay .dkp-sp{display:inline-block;width:13px;height:13px;border-radius:50%;',
    'border:2px solid color-mix(in oklab,var(--color-base-content,#fff) 20%,transparent);',
    'border-top-color:var(--color-primary,#7a6cf0);animation:dkpspin .8s linear infinite;vertical-align:middle;}',
    '@keyframes dkpspin{to{transform:rotate(360deg);}}',
    '#dkp-toast{position:fixed;bottom:18px;right:18px;z-index:90;max-width:min(430px,80vw);',
    'padding:11px 17px;border-radius:10px;font-size:12.5px;transform:translateY(90px);opacity:0;',
    'transition:.28s;box-shadow:0 8px 26px rgba(0,0,0,.3);background:var(--color-base-200,#1c1c26);',
    'color:var(--color-base-content,#e6e6ee);',
    'border:1px solid color-mix(in oklab,var(--color-base-content,#fff) 15%,transparent);}',
    '#dkp-toast.show{transform:translateY(0);opacity:1;}',
    '#dkp-toast.success{border-color:var(--color-success,#00b894);}',
    '#dkp-toast.warning{border-color:var(--color-warning,#e6a23c);}',
    '#dkp-toast.error{border-color:var(--color-error,#e17055);}'
  ].join('');

  function ensureStyle() {
    if (document.getElementById('dkp-style')) return;
    var s = document.createElement('style');
    s.id = 'dkp-style';
    s.textContent = CSS;
    (document.head || document.documentElement).appendChild(s);
  }

  function esc(v) {
    return String(v == null ? '' : v).replace(/[&<>"']/g, function (c) {
      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];
    });
  }

  var toastTimer = null;
  function toast(msg, type) {
    var el = document.getElementById('dkp-toast');
    if (!el) {
      el = document.createElement('div');
      el.id = 'dkp-toast';
      document.body.appendChild(el);
    }
    el.textContent = msg;
    el.className = 'show ' + (type || 'success');
    if (toastTimer) clearTimeout(toastTimer);
    toastTimer = setTimeout(function () { el.className = ''; }, 4200);
  }

  /* ---------- 内容区域：DaisyUI drawer，无 <main>/<aside> ---------- */
  function contentArea() {
    var best = null, bestArea = 0;
    var divs = document.querySelectorAll('div');
    for (var i = 0; i < divs.length; i++) {
      var el = divs[i];
      var cls = (el.className || '').toString();
      if (cls.indexOf('flex-1') < 0 || cls.indexOf('flex-col') < 0) continue;
      if (el.querySelector('.nav-link')) continue;
      if (el.id === OVERLAY_ID || el.querySelector('#' + OVERLAY_ID)) continue;
      var r = el.getBoundingClientRect();
      if (r.width < 300 || r.height < 200) continue;
      var area = r.width * r.height;
      if (area > bestArea) { bestArea = area; best = el; }
    }
    if (best) return best;
    var main = document.querySelector('main');
    if (main) return main;
    var nav = document.querySelector('a.nav-link');
    var side = nav ? (nav.closest('.drawer-side') || nav.closest('nav')) : null;
    if (side) {
      var sr = side.getBoundingClientRect();
      return { getBoundingClientRect: function () {
        return { left: sr.right, top: 0, width: window.innerWidth - sr.right, height: window.innerHeight };
      } };
    }
    return document.body;
  }

  /* ---------- 面板（直接渲染在页面里，避开 PWA Service Worker 对 iframe 导航的拦截） ---------- */
  function ensureOverlay() {
    ensureStyle();
    var ov = document.getElementById(OVERLAY_ID);
    if (ov) return ov;
    ov = document.createElement('div');
    ov.id = OVERLAY_ID;
    ov.innerHTML =
      '<div class="dkp-head"><span class="dkp-title">\u{1F433} Docker \u5bb9\u5668\u4ee3\u7406</span>' +
      '<button class="dkp-btn" data-act="refresh" style="margin-left:auto">\u5237\u65b0</button></div>' +
      '<p class="dkp-desc">\u5f00\u5173 = \u5199\u5165\u4ee3\u7406\u914d\u7f6e\uff1b\u4fee\u6539\u540e\u9700\u70b9\u300c\u91cd\u542f\u300d\u624d\u751f\u6548\u3002' +
      '\u6240\u6709\u5bb9\u5668\u5171\u7528\u9762\u677f\u5f53\u524d\u9009\u4e2d\u7684\u8282\u70b9\u3002</p>' +
      '<div class="dkp-list" id="dkp-list"><div class="dkp-empty"><span class="dkp-sp"></span> \u52a0\u8f7d\u4e2d\u2026</div></div>';
    document.body.appendChild(ov);
    ov.addEventListener('click', onPanelClick);
    ov.addEventListener('change', onPanelChange);
    return ov;
  }

  function rowName(el) {
    var item = el && el.closest ? el.closest('.dkp-item') : null;
    return item ? item.getAttribute('data-name') : '';
  }

  function onPanelClick(e) {
    var btn = e.target && e.target.closest ? e.target.closest('[data-act]') : null;
    if (!btn) return;
    e.preventDefault();
    e.stopPropagation();
    var act = btn.getAttribute('data-act');
    if (act === 'refresh') loadList();
    else if (act === 'restart') doRestart(rowName(btn), btn);
    else if (act === 'test') doTest(rowName(btn), btn);
  }

  function onPanelChange(e) {
    var cb = e.target;
    if (!cb || cb.type !== 'checkbox' || !cb.closest('.dkp-item')) return;
    doToggle(rowName(cb), cb);
  }

  function loadList() {
    var list = document.getElementById('dkp-list');
    if (!list) return;
    fetch(API + '/containers', { cache: 'no-store' })
      .then(function (r) { return r.json(); })
      .then(function (d) { renderList(d.containers || []); })
      .catch(function () {
        list.innerHTML = '<div class="dkp-empty">\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u68c0\u67e5\u9762\u677f\u670d\u52a1</div>';
      });
  }

  function renderList(items) {
    var list = document.getElementById('dkp-list');
    if (!list) return;
    if (!items.length) {
      list.innerHTML = '<div class="dkp-empty">\u6ca1\u6709\u8fd0\u884c\u4e2d\u7684\u5bb9\u5668</div>';
      return;
    }
    list.innerHTML = items.map(function (c) {
      var txt = c.status === 'active' ? '\u5df2\u751f\u6548'
              : (c.status === 'pending' ? '\u5f85\u91cd\u542f' : '\u672a\u542f\u7528');
      var kind = c.is_compose ? ('compose \u00b7 ' + esc(c.service_name)) : '\u72ec\u7acb\u5bb9\u5668';
      return '<div class="dkp-item" data-name="' + esc(c.name) + '">' +
        '<div class="dkp-info"><span class="dkp-name">' + esc(c.name) + '</span>' +
        '<span class="dkp-badge ' + esc(c.status) + '">' + txt + '</span>' +
        '<div class="dkp-meta">' + esc(c.image) + ' \u00b7 GW ' + esc(c.gateway) + ' \u00b7 ' + kind + '</div></div>' +
        '<div class="dkp-actions">' +
        '<button class="dkp-btn" data-act="test">\u6d4b\u8bd5 IP</button>' +
        '<button class="dkp-btn warn" data-act="restart">\u91cd\u542f</button>' +
        '<label class="dkp-sw"><input type="checkbox"' + (c.status !== 'off' ? ' checked' : '') +
        '><span class="dkp-sl"></span></label></div></div>';
    }).join('');
  }

  function doToggle(name, cb) {
    var enable = cb.checked;
    var sw = cb.parentElement;
    sw.classList.add('busy');
    fetch(API + '/containers/' + encodeURIComponent(name) + '/proxy', {
      method: 'POST', headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ enable: enable })
    }).then(function (r) { return r.json(); })
      .then(function (d) {
        if (d.need_manual) { toast(d.hint || d.message, 'warning'); cb.checked = false; }
        else toast(d.message, 'success');
        setTimeout(loadList, 500);
      })
      .catch(function () { toast('\u64cd\u4f5c\u5931\u8d25', 'error'); cb.checked = !enable; })
      .then(function () { sw.classList.remove('busy'); });
  }

  function doRestart(name, btn) {
    btn.disabled = true;
    btn.className = 'dkp-btn warn';
    btn.textContent = '\u91cd\u542f\u4e2d\u2026';
    fetch(API + '/containers/' + encodeURIComponent(name) + '/restart', { method: 'POST' })
      .then(function (r) { return r.json(); })
      .then(function (d) {
        if (d.ok) { btn.textContent = '\u2705 \u5df2\u91cd\u542f'; btn.className = 'dkp-btn ok'; toast(d.message, 'success'); }
        else { btn.textContent = '\u274c \u5931\u8d25'; btn.className = 'dkp-btn fail'; toast(d.message, 'error'); }
        setTimeout(loadList, 2500);
      })
      .catch(function () {
        btn.textContent = '\u274c \u5931\u8d25'; btn.className = 'dkp-btn fail';
        toast('\u91cd\u542f\u8bf7\u6c42\u5931\u8d25', 'error');
        setTimeout(loadList, 2500);
      })
      .then(function () { btn.disabled = false; });
  }

  function doTest(name, btn) {
    btn.disabled = true;
    var old = btn.textContent;
    btn.textContent = '\u6d4b\u8bd5\u4e2d\u2026';
    fetch(API + '/containers/' + encodeURIComponent(name) + '/test', { method: 'POST' })
      .then(function (r) { return r.json(); })
      .then(function (d) {
        var tag = d.is_proxied ? '\u2705 \u8d70\u4ee3\u7406' : '\u26a0\ufe0f \u76f4\u8fde';
        toast(name + ' \u2192 ' + d.container_ip + '\uff08' + tag + '\uff0c\u5b8f\u4e3b\u673a ' + d.host_ip + '\uff09',
              d.is_proxied ? 'success' : 'warning');
        btn.textContent = String(d.container_ip).slice(0, 16);
        setTimeout(function () { btn.textContent = old; }, 6000);
      })
      .catch(function () { toast('\u6d4b\u8bd5\u5931\u8d25', 'error'); btn.textContent = old; })
      .then(function () { btn.disabled = false; });
  }

  function syncRect() {
    if (!isOpen) return;
    var ov = document.getElementById(OVERLAY_ID);
    if (!ov) return;
    var r = contentArea().getBoundingClientRect();
    ov.style.left = r.left + 'px';
    ov.style.top = r.top + 'px';
    ov.style.width = r.width + 'px';
    ov.style.height = r.height + 'px';
  }

  // 记住 Vue 原本高亮的导航项，关面板时还原（Vue 不会自己补回来）
  var prevActive = null;

  function markActive(on) {
    var link = document.getElementById(LINK_ID);
    if (!link) return;
    var ind = link.querySelector('.nav-link__indicator');
    if (on) {
      var all = document.querySelectorAll('.nav-link');
      for (var i = 0; i < all.length; i++) {
        var el = all[i];
        if (el === link) continue;
        if (el.classList.contains('is-active')) {
          prevActive = el;
          el.classList.remove('is-active');
          var pind = el.querySelector('.nav-link__indicator');
          if (pind) { pind.setAttribute('data-dkp-hidden', '1'); pind.style.display = 'none'; }
        }
      }
      link.classList.add('is-active');
      if (ind) ind.style.display = '';
    } else {
      link.classList.remove('is-active');
      if (ind) ind.style.display = 'none';
      if (prevActive && prevActive.isConnected) {
        prevActive.classList.add('is-active');
        var pi = prevActive.querySelector('.nav-link__indicator');
        if (pi && pi.getAttribute('data-dkp-hidden')) {
          pi.style.display = '';
          pi.removeAttribute('data-dkp-hidden');
        }
      }
      prevActive = null;
    }
  }

  function openPanel() {
    isOpen = true;
    ensureOverlay().style.display = 'block';
    syncRect();
    markActive(true);
    loadList();
  }

  function closePanel() {
    if (!isOpen) return;
    isOpen = false;
    var ov = document.getElementById(OVERLAY_ID);
    if (ov) ov.style.display = 'none';
    markActive(false);
  }

  /* ---------- 侧边栏入口 ---------- */
  function scopedAttrs(el) {
    var list = [];
    if (!el) return list;
    for (var i = 0; i < el.attributes.length; i++) {
      var n = el.attributes[i].name;
      if (n.indexOf('data-v-') === 0) list.push(n);
    }
    return list;
  }

  function injectNav() {
    if (document.getElementById(NAV_ID)) return true;

    var links = document.querySelectorAll('a.nav-link');
    if (!links.length) return false;
    var lastLink = links[links.length - 1];
    var lastLi = lastLink.parentElement;
    if (!lastLi || lastLi.tagName !== 'LI') return false;
    var ul = lastLi.parentElement;
    if (!ul) return false;

    var attrs = scopedAttrs(lastLink).concat(scopedAttrs(lastLi));
    function scope(el) { for (var i = 0; i < attrs.length; i++) el.setAttribute(attrs[i], ''); }

    var li = document.createElement('li');
    li.id = NAV_ID;
    li.className = lastLi.className;
    scope(li);

    // 不设置 href：避免任何路由 / hash 跳转
    var a = document.createElement('a');
    a.id = LINK_ID;
    a.setAttribute('role', 'button');
    a.setAttribute('tabindex', '0');
    a.setAttribute('title', 'Docker');
    a.className = String(lastLink.className).replace(/\bis-active\b/g, '').trim();
    a.style.cursor = 'pointer';
    scope(a);

    var glow = document.createElement('span');
    glow.setAttribute('aria-hidden', 'true');
    glow.className = 'nav-link__glow pointer-events-none absolute inset-0 rounded-lg';
    scope(glow);
    a.appendChild(glow);

    var ind = document.createElement('span');
    ind.className = 'nav-link__indicator absolute top-1/2 left-0 -translate-y-1/2 rounded-r-full bg-primary';
    ind.style.display = 'none';
    scope(ind);
    a.appendChild(ind);

    var iconWrap = document.createElement('div');
    iconWrap.className = 'nav-link__icon relative z-1 flex shrink-0 items-center justify-center';
    scope(iconWrap);
    iconWrap.innerHTML =
      '<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" ' +
      'stroke-linecap="round" stroke-linejoin="round">' +
      '<path d="M3 11h3v3H3zM7 11h3v3H7zM11 11h3v3h-3zM7 7h3v3H7zM11 7h3v3h-3zM11 3h3v3h-3z"/>' +
      '<path d="M2 14c0 3 2.5 5.5 6.5 5.5H14c4.5 0 8-2.5 8-6 0 0-2-1.5-4-1"/></svg>';
    a.appendChild(iconWrap);

    var text = document.createElement('span');
    var origText = lastLink.querySelector('.nav-link__icon ~ span');
    text.className = origText ? origText.className
      : 'relative z-1 flex-1 overflow-hidden text-ellipsis whitespace-nowrap';
    text.textContent = 'Docker';
    scope(text);
    a.appendChild(text);

    li.appendChild(a);
    ul.appendChild(li);

    a.addEventListener('click', function (e) {
      e.preventDefault();
      e.stopPropagation();
      if (e.stopImmediatePropagation) e.stopImmediatePropagation();
      openPanel();
    });
    a.addEventListener('keydown', function (e) {
      if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openPanel(); }
    });

    if (isOpen) markActive(true);
    return true;
  }

  /* ---------- 生命周期守护 ---------- */
  document.addEventListener('click', function (e) {
    var t = e.target && e.target.closest ? e.target.closest('.nav-link') : null;
    if (t && t.id !== LINK_ID) closePanel();
  }, true);

  function hookHistory(fn) {
    var orig = history[fn];
    if (!orig || orig.__dockerHooked) return;
    var wrapped = function () {
      var r = orig.apply(this, arguments);
      try { closePanel(); } catch (e) {}
      return r;
    };
    wrapped.__dockerHooked = true;
    history[fn] = wrapped;
  }
  hookHistory('pushState');
  hookHistory('replaceState');
  window.addEventListener('popstate', closePanel);
  window.addEventListener('hashchange', closePanel);

  // MetaCubeXD 的 g+字母 快捷键跳转（同路由跳转不会触发 history 事件）
  var gPrefixAt = 0;
  document.addEventListener('keydown', function (e) {
    if (!isOpen) return;
    var ae = document.activeElement;
    var tag = (ae && ae.tagName || '').toLowerCase();
    if (tag === 'input' || tag === 'textarea' || tag === 'select') return;
    if (ae && ae.getAttribute && ae.getAttribute('contenteditable') === 'true') return;
    var k = (e.key || '').toLowerCase();
    if (e.metaKey || e.ctrlKey || e.altKey) return;
    if (k === 'g') { gPrefixAt = Date.now(); return; }
    if (Date.now() - gPrefixAt < 1600 && 'opculs'.indexOf(k) >= 0) {
      gPrefixAt = 0;
      closePanel();
    }
  }, true);
  window.addEventListener('resize', syncRect);
  window.addEventListener('scroll', syncRect, true);

  new MutationObserver(function () { injectNav(); syncRect(); })
    .observe(document.documentElement, { childList: true, subtree: true });

  setInterval(function () {
    injectNav();
    if (isOpen) { markActive(true); syncRect(); }
  }, 700);

  injectNav();

  window.__dockerProxy = {
    open: openPanel,
    close: closePanel,
    reload: loadList,
    isOpen: function () { return isOpen; },
    injected: function () { return !!document.getElementById(NAV_ID); },
    rows: function () { return document.querySelectorAll('#dkp-list .dkp-item').length; }
  };
})();