/* WR-562k16/k17: 操作台内嵌「文件管理」素材区 —— 与「我的 → 文件管理」同源(并集),
   直接把素材列在操作台下面: ▶可预览播放, 勾选即选用; 成片/新素材排在最前面。
   WR-562k17(老板实测: "文件管理里面的文件多了还是找不到" / "不能选择其他文件夹文件"):
   顶部加「🔎 按需求筛」+ 文件夹切换 chips; 命中的素材排最前, 找不到就切文件夹翻。
   用法: 在操作台 HTML 里放一个空槽
     <div class="wrFmSlot" data-kind="video" data-key="ref" data-set="mksSetFile"></div>
   回滚: 删除本文件与 index.html 里的 <script> 引用即可。 */
(function () {
  'use strict';
  if (window.__wr562fm) return;
  window.__wr562fm = true;
  var API = 'https://api-gateway.duoweiying.cn';
  var OBS = 'https://categorized-assets-smart-center.obs.cn-east-3.myhuaweicloud.com';
  var EXT = {
    video: /\.(mp4|mov|webm|m4v|avi|mkv)(\?|$)/i,
    image: /\.(jpg|jpeg|png|webp|gif|bmp)(\?|$)/i,
    audio: /\.(mp3|wav|m4a|aac|ogg)(\?|$)/i,
    document: /\.(doc|docx|md|txt|pdf|ppt|pptx)(\?|$)/i
  };
  var STATE = {};

  function st(id) { if (!STATE[id]) STATE[id] = { kw: '', folder: '' }; return STATE[id]; }
  function esc(s) { return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]; }); }
  function uid() {
    try {
      var u = JSON.parse(localStorage.getItem('user_info') || localStorage.getItem('currentUser') || '{}');
      return (u && (u.id || u.username)) || localStorage.getItem('user_id') || 'anonymous';
    } catch (e) { return 'anonymous'; }
  }
  function abs(u) {
    u = String(u || '');
    if (!u) return u;
    if (/^(https?:)?\/\//i.test(u) || /^data:/i.test(u) || /^blob:/i.test(u)) return u;
    if (u.charAt(0) === '/') return u.indexOf('/static/') === 0 ? ('https://ai.duoweiying.cn' + u) : (OBS + u);
    return OBS + '/' + u.replace(/^\.?\//, '');
  }
  function kindOf(u, cat) {
    var c = String(cat || '').toLowerCase();
    if (c === 'video' || EXT.video.test(String(u))) return 'video';
    if (c === 'image' || EXT.image.test(String(u))) return 'image';
    if (c === 'audio' || c === 'voice' || c === 'music' || EXT.audio.test(String(u))) return 'audio';
    return 'file';
  }
  /* WR-562k17: 相关度 —— 文件名命中 > 文件夹名命中 > 去空格后命中 */
  function hitRank(r, kw) {
    if (!kw) return 0;
    var n = String(r.name || '').toLowerCase();
    var f = String(r.folder || '').toLowerCase();
    if (n.indexOf(kw) >= 0) return 3;
    if (f.indexOf(kw) >= 0) return 2;
    if (kw.length >= 2 && n.replace(/\s+/g, '').indexOf(kw.replace(/\s+/g, '')) >= 0) return 1;
    return 0;
  }

  function rowHtml(r) {
    var k = kindOf(r.url, r.cat);
    var sz = r.size ? (' · ' + (Math.round(r.size / 1048576 * 10) / 10) + 'MB') : '';
    var fdt = r.folder ? ('📁' + r.folder + ' ') : '';
    var t = String(r.time || '').replace('T', ' ').slice(0, 16);
    var prev = k === 'video' ? ('<video src="' + esc(r.url) + '" controls playsinline preload="none" style="width:100%;margin-top:6px;border-radius:8px;background:#000;display:none;"></video>')
      : k === 'image' ? ('<img src="' + esc(r.url) + '" style="width:100%;max-height:170px;object-fit:contain;margin-top:6px;border-radius:8px;display:none;background:#f1f5f9;"/>')
        : k === 'audio' ? ('<audio src="' + esc(r.url) + '" controls preload="none" style="width:100%;margin-top:6px;display:none;"></audio>') : '';
    return '<div data-url="' + esc(r.url) + '" style="border:1px solid #eef2f7;border-radius:10px;padding:7px 9px;margin-bottom:6px;background:#fcfdff;">' +
      '<label style="display:flex;gap:8px;align-items:center;cursor:pointer;">' +
      '<input type="checkbox" data-fmgroup="' + esc(r.boxId || '') + '" onchange="wrFmPick(this)" style="flex:none;width:17px;height:17px;">' +
      '<span style="flex:1;min-width:0;word-break:break-all;color:#1f2937;font-size:12px;">' + esc(r.name) + '</span>' +
      '<button type="button" onclick="wrFmPrev(this)" style="flex:none;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;font-size:11px;padding:3px 8px;cursor:pointer;">▶ 预览</button>' +
      '</label>' +
      '<div style="font-size:10px;color:#94a3b8;margin-top:3px;word-break:break-all;">' + esc(fdt + k + sz + ' ' + t) + '</div>' + prev + '</div>';
  }

  function render(box) {
    try {
      var id = box.id;
      var s = st(id);
      var all = box.__rows || [];
      var kw = String(s.kw || '').trim().toLowerCase();
      var list = [];
      for (var i = 0; i < all.length; i++) {
        if (s.folder && String(all[i].folder || '') !== s.folder) continue;
        list.push(all[i]);
      }
      var hits = 0;
      if (kw) {
        for (var j = 0; j < list.length; j++) list[j].__h = hitRank(list[j], kw);
        for (var h = 0; h < list.length; h++) { if (list[h].__h > 0) hits++; }
        list.sort(function (a, b) {
          var d = (b.__h || 0) - (a.__h || 0);
          if (d) return d;
          return String(b.time || '').localeCompare(String(a.time || ''));
        });
      } else {
        list.sort(function (a, b) { return String(b.time || '').localeCompare(String(a.time || '')); });
      }
      var fb = document.getElementById(id + '_fold');
      if (fb) {
        var folders = [];
        for (var m = 0; m < all.length; m++) {
          var f = String(all[m].folder || '');
          if (f && folders.indexOf(f) < 0) folders.push(f);
        }
        var chips = ['全部'].concat(folders);
        fb.innerHTML = chips.map(function (f) {
          var val = (f === '全部') ? '' : f;
          var on = (String(s.folder || '') === val);
          return '<button type="button" onclick="wrFmFolder(this)" data-fmfor="' + esc(id) + '" data-folder="' + esc(val) + '" style="border:1px solid ' + (on ? '#0ea5e9' : '#e2e8f0') + ';background:' + (on ? '#e0f2fe' : '#fff') + ';color:' + (on ? '#0369a1' : '#475569') + ';border-radius:999px;font-size:11px;padding:3px 9px;cursor:pointer;">' + (val ? '📁' : '🗂') + esc(f) + '</button>';
        }).join('');
      }
      var tip = '共 ' + all.length + ' 项' + (s.folder ? (' · 文件夹 ' + s.folder) : '') +
        (kw ? (' · 命中 ' + hits + ' 项已排最前') : ' · 最新在前') + '（勾选即选用）';
      var head = '<div style="display:flex;align-items:center;gap:6px;font-size:10px;color:#94a3b8;margin-bottom:6px;">' +
        '<span style="flex:1;min-width:0;">' + esc(tip) + '</span>' +
        '<button type="button" onclick="wrFmClassify(\'' + esc(id) + '\')" style="flex:none;border:1px solid #ddd6fe;border-radius:7px;background:#f5f3ff;color:#6d28d9;font-size:11px;padding:4px 7px;cursor:pointer;">自动整理</button>' +
        '<button type="button" onclick="wrFmUpload(\'' + esc(id) + '\')" style="flex:none;border:none;border-radius:7px;background:#0ea5e9;color:#fff;font-size:11px;padding:4px 9px;cursor:pointer;">＋ 上传</button>' +
        '</div>';
      var _ft = box.getAttribute('data-fmtip') || '';
      if (_ft) head = '<div style="font-size:11px;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:7px;padding:5px 8px;margin-bottom:6px;">' + esc(_ft) + '</div>' + head;
      for (var z = 0; z < list.length; z++) list[z].boxId = id;
      if (!list.length) {
        box.innerHTML = head + '<div style="color:#94a3b8;padding:6px 0;">没有匹配的素材：清空上面的关键词，或点「🗂 全部」看全部文件</div>';
        return;
      }
      box.innerHTML = head + list.slice(0, 80).map(rowHtml).join('');
    } catch (e) {}
  }

  function loadEl(el) {
    if (!el || el.getAttribute('data-loaded')) return;
    el.setAttribute('data-loaded', '1');
    var kind = el.getAttribute('data-kind') || '';
    var u = uid();
    if (!u || u === 'anonymous') { el.innerHTML = '<div style="color:#b45309;padding:8px 0;font-size:12px;">未识别到登录身份，请先登录后再选择素材</div>'; return; }
    var cat = (kind === 'video' || kind === 'image' || kind === 'audio' || kind === 'document') ? kind : '';
    var jobs = [
      fetch(API + '/api/files/list?user_id=' + encodeURIComponent(u) + (cat ? '&category=' + encodeURIComponent(cat) : '') + '&sort=recent&page_size=100&_t=' + Date.now())
        .then(function (r) { return r.json(); })
        .then(function (d) { return ((d && d.files) || []).map(function (x) { return { name: x.file_name || '文件', url: abs(x.file_url || x.url || ''), folder: x.folder || '', size: x.file_size || 0, time: x.created_at || x.updated_at || '', cat: x.category || cat, desc: x.description || '' }; }); })
        .catch(function () { return []; })
    ];
    if (kind === 'video') {
      jobs.push(fetch(API + '/ai-army/user-resources?user_id=' + encodeURIComponent(u) + '&types=video&_t=' + Date.now())
        .then(function (r) { return r.json(); })
        .then(function (d) { return ((d && d.video) || []).map(function (v) { return { name: v.title || ('视频_' + String(v.id || '')), url: abs(v.url), folder: 'AI成片', size: 0, time: v.time || '', cat: 'video', desc: '' }; }); })
        .catch(function () { return []; }));
    }
    Promise.all(jobs).then(function (lists) {
      var out = [], seen = {};
      lists.forEach(function (l) { (l || []).forEach(function (r) { if (!r || !r.url || seen[r.url]) return; seen[r.url] = 1; out.push(r); }); });
      out = out.filter(function (r) {
        var k = kindOf(r.url, r.cat);
        var f = String(r.folder || '');
        if (f.indexOf('视频草稿箱') === 0 || f.indexOf('_内部验证') === 0 || f.indexOf('回收站') === 0) return false;
        if (!r.size && /material_select|_tts_|_voice_|gen_/i.test(String(r.name || ''))) return false;
        if (kind === 'video' || kind === 'image' || kind === 'audio' || kind === 'document') return k === kind;
        if (kind) return k === kind;
        return true;
      });
      out.sort(function (a, b) { return String(b.time || '').localeCompare(String(a.time || '')); });
      el.__rows = out;
      if (!out.length) {
        el.innerHTML = '<div style="color:#94a3b8;padding:8px 0;font-size:12px;">「文件管理」里还没有可用的素材，先到「我的 → 文件管理」上传</div>';
        return;
      }
      render(el);
    }).catch(function () { el.removeAttribute('data-loaded'); el.innerHTML = '<div style="color:#dc2626;padding:8px 0;font-size:12px;">读取失败，点「刷新」重试</div>'; });
  }

  window.wrFmClassify = function (id) {
    var u = uid();
    if (!u || u === 'anonymous') { return; }
    fetch(API + '/api/files/classify', {
      method: 'POST', headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ user_id: u, dry_run: false })
    }).then(function (r) { return r.json().catch(function () { return {}; }); })
      .then(function (d) {
        var box = document.getElementById(id);
        if (box) {
          box.setAttribute('data-fmtip', (d && d.success) ? ('已整理 ' + (d.changed || 0) + ' 条素材') : '整理失败');
          setTimeout(function () { try { box.removeAttribute('data-fmtip'); } catch (e) {} }, 5000);
          try { box.removeAttribute('data-loaded'); box.__rows = []; } catch (e) {}
          loadEl(box);
        }
      }).catch(function () {});
  };

  window.wrFmKw = function (inp) {
    try {
      var box = document.getElementById(inp.getAttribute('data-fmfor'));
      if (!box) return;
      st(box.id).kw = inp.value || '';
      render(box);
    } catch (e) {}
  };
  window.wrFmFolder = function (btn) {
    try {
      var box = document.getElementById(btn.getAttribute('data-fmfor'));
      if (!box) return;
      var f = btn.getAttribute('data-folder') || '';
      var s = st(box.id);
      s.folder = (s.folder === f) ? '' : f;
      render(box);
    } catch (e) {}
  };
  window.wrFmReload = function (id) { var el = document.getElementById(id); if (el) { el.removeAttribute('data-loaded'); delete el.__rows; el.innerHTML = '正在读取…'; loadEl(el); } };
  window.wrFmUpload = function (id) {
    try {
      var box = document.getElementById(id);
      if (!box) return;
      var s = st(id);
      var folder = s.folder || '素材库/未分类';
      var inp = document.createElement('input');
      inp.type = 'file';
      inp.accept = 'video/*,image/*';
      inp.multiple = true;
      inp.style.display = 'none';
      document.body.appendChild(inp);
      inp.onchange = function () {
        var files = Array.prototype.slice.call(inp.files || []);
        if (!files.length) { try { inp.remove(); } catch (e) {} return; }
        var total = files.length, done = 0, ok = 0;
        files.forEach(function (f) {
          var mt = String(f.type || '').indexOf('image/') === 0 ? 'image' : 'video';
          var fd = new FormData();
          fd.append('file', f);
          fetch(API + '/ai-army/upload?user_id=' + encodeURIComponent(uid()) +
                '&material_type=' + mt +
                '&folder=' + encodeURIComponent(folder) +
                '&usage=' + encodeURIComponent(folder.replace('素材库/', '')),
                { method: 'POST', body: fd })
            .then(function (r) { return r.json().catch(function () { return {}; }); })
            .then(function (d) { if (d && (d.url || d.file_path)) ok++; })
            .catch(function () {})
            .then(function () {
              done++;
              if (done >= total) {
                try { inp.remove(); } catch (e) {}
                if (ok > 0) {
                  window.__wrFmTip = '已上传 ' + ok + ' 个素材到「' + folder + '」'; try { box.setAttribute('data-fmtip', window.__wrFmTip); setTimeout(function(){ try { box.removeAttribute('data-fmtip'); } catch(e){} }, 6000); } catch(e) {}
                  window.wrFmReload(id);
                } else {
                  window.__wrFmTip = '上传失败，请检查网络后重试'; try { box.setAttribute('data-fmtip', window.__wrFmTip); setTimeout(function(){ try { box.removeAttribute('data-fmtip'); } catch(e){} }, 6000); } catch(e) {}
                  window.wrFmReload(id);
                }
              }
            });
        });
      };
      inp.click();
    } catch (e) {}
  };

  window.wrFmPrev = function (btn) {
    try {
      var row = btn.closest('div[data-url]') || btn.closest('div');
      var m = row.querySelector('video,img,audio');
      if (!m) return;
      var show = m.style.display === 'none' || !m.style.display;
      m.style.display = show ? 'block' : 'none';
      btn.textContent = show ? '▽ 收起' : '▶ 预览';
      if (show && (m.tagName === 'VIDEO' || m.tagName === 'AUDIO')) { try { m.play(); } catch (e) {} }
    } catch (e) {}
  };
  window.wrFmPick = function (cb) {
    try {
      var box = document.getElementById(cb.getAttribute('data-fmgroup'));
      if (!box) return;
      var list = box.querySelectorAll('input[data-fmgroup]');
      for (var i = 0; i < list.length; i++) { if (list[i] !== cb) list[i].checked = false; }
      var row = cb.closest('div[data-url]');
      var url = row ? (row.getAttribute('data-url') || '') : '';
      var nm = '';
      try { nm = (row.querySelector('span') || {}).textContent || ''; } catch (e) {}
      var setId = box.getAttribute('data-set') || '';
      var key = box.getAttribute('data-key') || '';
      if (url && setId && typeof window[setId] === 'function') window[setId](key, url, String(nm).trim());
    } catch (e) {}
  };

  function scan() {
    try {
      var slots = document.querySelectorAll('.wrFmSlot');
      for (var i = 0; i < slots.length; i++) {
        var s = slots[i];
        if (s.getAttribute('data-filled')) continue;
        s.setAttribute('data-filled', '1');
        var kind = s.getAttribute('data-kind') || '';
        var key = s.getAttribute('data-key') || '';
        var setId = s.getAttribute('data-set') || '';
        var title = s.getAttribute('data-title') || (kind === 'video' ? '文件管理 · 视频素材' : kind === 'image' ? '文件管理 · 图片素材' : kind === 'document' ? '文件管理 · 文档' : '文件管理 · 素材');
        var id = 'wrFm_' + setId + '_' + kind + '_' + key;
        s.innerHTML = '<div style="margin-top:8px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;">' +
          '<div style="display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #f1f5f9;">' +
          '<b style="font-size:12px;color:#334155;">📂 ' + esc(title) + '（▶ 预览 · 勾选即选用）</b>' +
          '<button type="button" onclick="wrFmReload(\'' + id + '\')" style="border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:12px;padding:4px 10px;cursor:pointer;">刷新</button></div>' +
          '<div style="padding:7px 10px 0;">' +
          '<input type="text" id="' + id + '_kw" data-fmfor="' + esc(id) + '" oninput="wrFmKw(this)" placeholder="🔎 按需求筛：输入门店/主题/人名，命中的素材排最前" style="width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px;font-size:12px;color:#334155;">' +
          '<div id="' + id + '_fold" style="display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;"></div>' +
          '</div>' +
          '<div id="' + id + '" class="wrFmBox" data-set="' + esc(setId) + '" data-kind="' + esc(kind) + '" data-key="' + esc(key) + '" style="max-height:260px;overflow:auto;padding:8px 10px;font-size:12px;color:#94a3b8;">正在读取「文件管理」…</div></div>';
      }
      var boxes = document.querySelectorAll('div.wrFmBox');
      for (var j = 0; j < boxes.length; j++) loadEl(boxes[j]);
    } catch (e) {}
  }
  var timer = null;
  function schedule() { if (timer) return; timer = setTimeout(function () { timer = null; scan(); }, 300); }
  try { new MutationObserver(schedule).observe(document.documentElement, { childList: true, subtree: true }); } catch (e) {}
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', schedule); else schedule();
  setTimeout(schedule, 1200);
  setTimeout(schedule, 3000);
})();