/**
 * ============================================================================
 * MyClaw Artifacts — 学生作品展示
 * ============================================================================
 *
 * 功能：
 *   右下角 "🎨 作品" 按钮，点击后右侧常驻显示作品列表面板
 *   列表展示：编号 / 标题 / 文件名 / 更新时间
 *   点击条目弹出 iframe 预览弹框，点击遮罩或叉号关闭
 *
 * JSON 数据格式（.myclaw/__MY_ARTIFACTS__.json）：
 *   {
 *     "workspace_id": "main",
 *     "title": "我的小游戏",
 *     "updated_at": "2026-04-12T21:35:00+08:00",
 *     "assets": [
 *       { "id": "asset-001", "type": "html", "name": "射击游戏", "path": "myclaw/shooting-game.html" }
 *     ]
 *   }
 *
 * URL 拼接规则：
 *   {origin}/cmd/api/preview?path={wsPrefix}/{asset.path}
 *   main → workspace, 其他 → workspace-{name}
 * ============================================================================
 */
(function () {
  'use strict';

  // ═══ 状态 ═══
  var panelVisible = false;
  var cachedData = null;
  var pollTimer = null;
  var lastKnownClawName = null; // 本地环境下从 API 获取，remote 环境每次从 hostname 实时派生
  var MYCLAW_API_PORT = 8080;
  // 远程环境（公网域名）：nginx 已将 /sync 反代到 127.0.0.1:8080，直接同域访问
  // 本地环境：直接访问 127.0.0.1:8080
  var MYCLAW_API_BASE = (function () {
    var h = window.location.hostname;
    var isRemote = h === 'claw.yiranlaoshi.com' || h.endsWith('.kekouen.cn');
    return isRemote ? window.location.origin + '/sync' : 'http://127.0.0.1:' + MYCLAW_API_PORT;
  })();

  // ═══ 工具：从 URL 解析 agent 名称 ═══
  function getAgentName() {
    var params = new URLSearchParams(window.location.search);
    var session = params.get('session');
    if (session) {
      var decoded = decodeURIComponent(session);
      if (decoded.indexOf('agent:') === 0) {
        var parts = decoded.split(':');
        if (parts.length >= 2) return parts[1];
      }
    }
    var agent = params.get('agent');
    if (agent) return agent;
    return '';
  }

  // ═══ 环境检测 ═══
  // 判断当前是远程服务器还是本地环境
  //   远程：https://claw.yiranlaoshi.com     → { remote: true,  clawName: 'clawdev' }
  //   远程：https://claw3.kekouen.cn         → { remote: true,  clawName: 'claw3' }
  //   本地：http://127.0.0.1:18789           → { remote: false, clawName: null }
  function detectEnvironment() {
    var hostname = window.location.hostname;

    // claw.yiranlaoshi.com → 特殊映射：clawdev
    if (hostname === 'claw.yiranlaoshi.com') {
      return { remote: true, clawName: 'clawdev' };
    }

    // *.kekouen.cn → 子域名即 clawName
    if (hostname.endsWith('.kekouen.cn')) {
      var clawName = hostname.split('.')[0];
      return { remote: true, clawName: clawName };
    }

    // 本地或无法判定
    return { remote: false, clawName: null };
  }

  // ═══ 获取 clawName（本地环境从 API 实时获取） ═══
  function resolveClawName() {
    var env = detectEnvironment();
    if (env.remote) {
      return Promise.resolve(env.clawName);
    }
    return fetch(MYCLAW_API_BASE + '/api/config')
      .then(function (res) {
        if (!res.ok) throw new Error('HTTP ' + res.status);
        return res.json();
      })
      .then(function (data) {
        lastKnownClawName = data.claw;
        return data.claw;
      })
      .catch(function (err) {
        console.warn('[myclaw-artifacts] ⚠ 本地 API 不可用:', err.message);
        return lastKnownClawName; // 降级用上次成功的值
      });
  }

  // ═══ 构建预览 URL ═══
  // 统一走 CDN，clawName 只从两个可信来源取：
  //   远程 → hostname 派生（detectEnvironment）
  //   本地 → resolveClawName() 缓存的 lastKnownClawName
  function buildPreviewUrl(data, assetPath) {
    var env = detectEnvironment();
    var wsPrefix = getWorkspaceId();
    var clawName = env.remote ? env.clawName : lastKnownClawName;

    if (!clawName) {
      console.error('[myclaw-artifacts] ❌ clawName 未就绪，无法构建预览链接');
      return null;
    }

    return 'https://cdn.yiranlaoshi.com/' + clawName + '/' + wsPrefix + '/' + assetPath;
  }

  // ═══ 创建按钮 ═══
  function createArtifactsButton() {
    if (document.querySelector('#myclaw-artifacts-btn')) return;

    var btn = document.createElement('div');
    btn.id = 'myclaw-artifacts-btn';
    btn.style.cssText = [
      'position: fixed',
      'top: 50px',
      'right: 0',
      'padding: 3px 10px',
      'background: rgba(100, 100, 100, 0.7)',
      'color: #fff',
      'font-size: 11px',
      'font-weight: bold',
      'font-family: monospace',
      'border-radius: 4px',
      'z-index: 99999',
      'user-select: none',
      'cursor: pointer',
      'transition: all 0.2s',
      'letter-spacing: 0.5px',
    ].join(';');
    btn.textContent = '\uD83C\uDFA8 \u4F5C\u54C1';
    btn.title = '\u67E5\u770B\u5B66\u751F\u4F5C\u54C1';

    btn.onmouseenter = function () { btn.style.background = 'rgba(80, 80, 80, 0.95)'; btn.style.transform = 'scale(1.05)'; };
    btn.onmouseleave = function () { if (!panelVisible) { btn.style.background = 'rgba(100, 100, 100, 0.7)'; } btn.style.transform = 'scale(1)'; };
    btn.onclick = function (e) {
      e.stopPropagation();
      if (panelVisible) {
        closeArtifactsPanel();
      } else {
        openArtifactsPanel();
      }
    };

    document.body.appendChild(btn);
  }

  // ═══ 打开右侧列表面板 ═══
  function openArtifactsPanel() {
    if (document.querySelector('#myclaw-artifacts-panel')) return;
    panelVisible = true;

    var btn = document.querySelector('#myclaw-artifacts-btn');
    if (btn) btn.style.background = 'rgba(80, 80, 80, 0.95)';

    // 面板
    var panel = document.createElement('div');
    panel.id = 'myclaw-artifacts-panel';
    panel.style.cssText = [
      'position: fixed',
      'top: 75px',
      'right: 0',
      'width: 380px',
      'height: 500px',
      'background: #1e1e2e',
      'border-radius: 8px 0 0 8px',
      'overflow: hidden',
      'display: flex',
      'flex-direction: column',
      'box-shadow: -4px 0 24px rgba(0,0,0,0.3)',
      'z-index: 99997',
      'animation: myclaw-slide-in-right 0.2s ease',
    ].join(';');

    // 标题栏
    var header = document.createElement('div');
    header.style.cssText = [
      'display: flex',
      'align-items: center',
      'justify-content: space-between',
      'padding: 10px 14px',
      'background: #2d2d3f',
      'color: #cdd6f4',
      'font-size: 13px',
      'font-family: monospace',
      'user-select: none',
      'flex-shrink: 0',
    ].join(';');
    header.innerHTML = '<span>\uD83C\uDFA8 \u5B66\u751F\u4F5C\u54C1</span>';

    var headerRight = document.createElement('span');
    headerRight.style.cssText = 'display:flex;align-items:center;gap:10px;';

    // 刷新按钮（全量同步）
    var resyncBtn = document.createElement('span');
    resyncBtn.textContent = '\uD83D\uDD04';
    resyncBtn.title = '\u5237\u65B0\u540C\u6B65';
    resyncBtn.style.cssText = 'cursor:pointer;padding:2px 6px;border-radius:3px;font-size:13px;transition:all 0.15s;';
    resyncBtn.onmouseenter = function () { resyncBtn.style.background = 'rgba(255,255,255,0.1)'; };
    resyncBtn.onmouseleave = function () { if (!resyncBtn._syncing) resyncBtn.style.background = 'none'; };
    resyncBtn.onclick = function () {
      if (resyncBtn._syncing) return;
      resyncBtn._syncing = true;
      resyncBtn.style.animation = 'myclaw-spin 1s linear infinite';
      resyncBtn.style.background = 'rgba(255,255,255,0.1)';

      var wsPrefix = getWorkspaceId();
      fetch(MYCLAW_API_BASE + '/api/resync?workspace=' + encodeURIComponent(wsPrefix), { method: 'POST' })
        .then(function (res) { return res.json(); })
        .then(function (data) {
          if (data.ok) {
            console.log('[myclaw-artifacts] \u2705 \u540C\u6B65\u5B8C\u6210');
            var contentEl = document.querySelector('#myclaw-artifacts-content');
            if (contentEl) fetchArtifacts(contentEl);
          } else {
            console.error('[myclaw-artifacts] \u274C \u540C\u6B65\u5931\u8D25:', data.error);
          }
        })
        .catch(function (err) {
          console.error('[myclaw-artifacts] \u274C \u540C\u6B65\u8BF7\u6C42\u5931\u8D25:', err.message);
        })
        .then(function () {
          resyncBtn._syncing = false;
          resyncBtn.style.animation = '';
          resyncBtn.style.background = 'none';
        });
    };
    headerRight.appendChild(resyncBtn);

    // 展示间跳转（发布按钮左边）
    var showcaseLink = document.createElement('a');
    var _scEnv = detectEnvironment();
    var _scClaw = _scEnv.remote ? _scEnv.clawName : (lastKnownClawName || '');
    var _scWs = getWorkspaceId();
    showcaseLink.href = 'https://www.yiranlaoshi.com/showcase?claw=' + _scClaw + '&workspace=' + _scWs;
    showcaseLink.target = '_blank';
    showcaseLink.textContent = '\uD83D\uDC41 \u9879\u76EE\u96C6';
    showcaseLink.style.cssText = 'cursor:pointer;padding:2px 10px;border-radius:3px;font-size:12px;background:rgba(255,255,255,0.08);transition:background 0.15s;color:#cdd6f4;text-decoration:none;';
    showcaseLink.onmouseenter = function () { showcaseLink.style.background = 'rgba(255,255,255,0.18)'; };
    showcaseLink.onmouseleave = function () { showcaseLink.style.background = 'rgba(255,255,255,0.08)'; };
    headerRight.appendChild(showcaseLink);

    var publishBtn = document.createElement('span');
    publishBtn.textContent = '\u53D1\u5E03';
    publishBtn.style.cssText = 'cursor:pointer;padding:2px 10px;border-radius:3px;font-size:12px;background:rgba(255,255,255,0.08);transition:background 0.15s;';
    publishBtn.onmouseenter = function () { publishBtn.style.background = 'rgba(255,255,255,0.18)'; };
    publishBtn.onmouseleave = function () { publishBtn.style.background = 'rgba(255,255,255,0.08)'; };
    publishBtn.onclick = function () { openPublishModal(); };
    headerRight.appendChild(publishBtn);

    var closeBtn = document.createElement('span');
    closeBtn.textContent = '\u2715';
    closeBtn.style.cssText = 'cursor:pointer;padding:2px 6px;border-radius:3px;font-size:14px;transition:background 0.15s;';
    closeBtn.onmouseenter = function () { closeBtn.style.background = 'rgba(255,255,255,0.1)'; };
    closeBtn.onmouseleave = function () { closeBtn.style.background = 'none'; };
    closeBtn.onclick = function () { closeArtifactsPanel(); };
    headerRight.appendChild(closeBtn);
    header.appendChild(headerRight);

    // 内容区
    var content = document.createElement('div');
    content.id = 'myclaw-artifacts-content';
    content.style.cssText = [
      'flex: 1',
      'overflow-y: auto',
      'padding: 8px',
      'color: #cdd6f4',
      'font-family: monospace',
      'font-size: 12px',
    ].join(';');

    content.innerHTML = '<div style="text-align:center;padding:32px;color:#888;">加载中...</div>';

    // Fork 按钮底部栏
    var panelFooter = document.createElement('div');
    panelFooter.style.cssText = [
      'padding: 8px 10px',
      'background: #252536',
      'border-top: 1px solid #3d3d5c',
      'flex-shrink: 0',
    ].join(';');
    var forkPanelBtn = document.createElement('div');
    forkPanelBtn.textContent = '\uD83D\uDD00 fork\u4ED6\u4EBA\u4F5C\u54C1';
    forkPanelBtn.style.cssText = [
      'cursor: pointer',
      'padding: 6px 10px',
      'border-radius: 4px',
      'font-size: 12px',
      'font-family: monospace',
      'color: #cdd6f4',
      'background: rgba(255,255,255,0.06)',
      'text-align: center',
      'transition: background 0.15s',
    ].join(';');
    forkPanelBtn.onmouseenter = function () { forkPanelBtn.style.background = 'rgba(255,255,255,0.14)'; };
    forkPanelBtn.onmouseleave = function () { forkPanelBtn.style.background = 'rgba(255,255,255,0.06)'; };
    forkPanelBtn.onclick = function () { openForkModal(); };
    panelFooter.appendChild(forkPanelBtn);

    panel.appendChild(header);
    panel.appendChild(content);
    panel.appendChild(panelFooter);
    document.body.appendChild(panel);

    // 立即拉一次，后续由轮询更新
    fetchArtifacts(content);
  }

  // ═══ 关闭右侧面板 ═══
  function closeArtifactsPanel() {
    var panel = document.querySelector('#myclaw-artifacts-panel');
    if (panel) panel.remove();
    panelVisible = false;

    var btn = document.querySelector('#myclaw-artifacts-btn');
    if (btn) btn.style.background = 'rgba(100, 100, 100, 0.7)';
  }

  // ═══ 请求数据 ═══
  function getWorkspaceId() {
    var agent = getAgentName() || 'main';
    return agent === 'main' ? 'workspace' : 'workspace-' + agent;
  }

  function fetchArtifactsFromLocalAPI(wsPrefix) {
    var url = MYCLAW_API_BASE + '/api/artifacts?workspace=' + encodeURIComponent(wsPrefix);
    console.log('[myclaw-artifacts] [1/3] 尝试 LocalAPI:', url);
    return fetch(url)
      .then(function (res) {
        if (!res.ok) throw new Error('HTTP ' + res.status);
        return res.json();
      })
      .then(function (data) {
        console.log('[myclaw-artifacts] ✅ LocalAPI 成功，assets:', (data.assets || []).length);
        return data;
      });
  }

  function fetchArtifactsFromServerAPI(wsPrefix) {
    var url = window.location.origin + '/cmd/api/preview?path=' + encodeURIComponent(wsPrefix + '/.myclaw/__MY_ARTIFACTS__.json');
    console.log('[myclaw-artifacts] [2/2] 尝试 ServerAPI:', url);
    return fetch(url).then(function (res) {
      if (!res.ok) throw new Error('HTTP ' + res.status);
      return res.json();
    }).then(function (data) {
      console.log('[myclaw-artifacts] ✅ ServerAPI 成功');
      return data;
    });
  }

  function fetchArtifacts(contentEl) {
    var wsPrefix = getWorkspaceId();

    // LocalAPI → ServerAPI（两层降级，不走 CDN）
    fetchArtifactsFromLocalAPI(wsPrefix)
      .catch(function (err) {
        console.warn('[myclaw-artifacts] ❌ LocalAPI 失败:', err.message, '→ 降级 ServerAPI');
        return fetchArtifactsFromServerAPI(wsPrefix);
      })
      .then(function (data) {
        cachedData = data;
        if (!contentEl) return;
        if (!data || !data.assets || !data.assets.length) {
          contentEl.innerHTML = '<div style="text-align:center;padding:32px;color:#888;">暂无作品</div>';
          return;
        }
        renderArtifactsList(contentEl, data);
      })
      .catch(function (err) {
        console.error('[myclaw-artifacts] ❌ 全部失败:', err.message);
        if (contentEl) {
          contentEl.innerHTML = '<div style="text-align:center;padding:32px;color:#888;">暂无作品</div>';
        }
      });
  }

  function startPolling() {
    if (pollTimer) return;
    // 立即拉一次
    fetchArtifacts(null);
    // 每秒轮询
    pollTimer = setInterval(function () {
      var contentEl = document.querySelector('#myclaw-artifacts-content');
      fetchArtifacts(contentEl);
    }, 1000);
  }

  // ═══ 渲染列表 ═══
  function renderArtifactsList(container, data) {
    container.innerHTML = '';

    // 表头
    var tableHeader = document.createElement('div');
    tableHeader.style.cssText = [
      'display: flex',
      'padding: 6px 10px',
      'background: #252536',
      'color: #888',
      'font-size: 11px',
      'border-bottom: 1px solid #3d3d5c',
      'flex-shrink: 0',
    ].join(';');
    tableHeader.innerHTML = [
      '<span style="flex-shrink:0;width:44px;"></span>',
      '<span style="flex-shrink:0;width:70px;">更新时间</span>',
      '<span style="flex:1;">文件名</span>',
    ].join('');
    container.appendChild(tableHeader);

    // 按 updated_at 从新到旧排序
    var sorted = data.assets.slice().sort(function (a, b) {
      var ta = a.updated_at || '';
      var tb = b.updated_at || '';
      return tb.localeCompare(ta);
    });

    sorted.forEach(function (asset, idx) {
      // 状态判断：基于 last_open 时间戳
      // - 无 last_open → [最新]（从未点开过）
      // - updated_at > last_open → [有更新]（更新了但没看过）
      var assetKey = asset.id || asset.path;
      var lastOpenKey = 'myclaw-artifacts-last-open-' + assetKey;
      var lastOpen = localStorage.getItem(lastOpenKey); // ISO string or null
      var assetUpdated = asset.updated_at || '';
      var isLatest = !lastOpen;
      var isUpdated = lastOpen && assetUpdated && new Date(assetUpdated) > new Date(lastOpen);

      var row = document.createElement('div');
      row.style.cssText = [
        'display: flex',
        'align-items: center',
        'padding: 8px 10px',
        'border-bottom: 1px solid rgba(255,255,255,0.05)',
        'cursor: pointer',
        'transition: background 0.15s',
      ].join(';');
      row.onmouseenter = function () { row.style.background = '#2d2d3f'; };
      row.onmouseleave = function () { row.style.background = 'transparent'; };
      row.onclick = function () {
        // 记录点开时间
        localStorage.setItem(lastOpenKey, new Date().toISOString());
        // 复制文件名到剪贴板
        var fileName = pathParts[pathParts.length - 1] || asset.name || '未命名';
        navigator.clipboard.writeText(fileName).then(function () {
          var orig = nameSpan.textContent;
          nameSpan.textContent = '✓ 已复制';
          nameSpan.style.color = '#10b981';
          setTimeout(function () {
            nameSpan.textContent = orig;
            nameSpan.style.color = '';
          }, 800);
        });
        openPreviewModal(data, asset);
      };

      // 更新时间
      var time = document.createElement('span');
      time.style.cssText = 'flex-shrink:0;width:70px;color:#888;font-size:11px;';
      var updatedAt = asset.updated_at || data.updated_at || '';
      if (updatedAt) {
        try {
          var d = new Date(updatedAt);
          time.textContent = (d.getMonth() + 1) + '/' + d.getDate() + ' ' + String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0');
        } catch (e) {
          time.textContent = '';
        }
      }

      // 复制相对路径按钮（最左侧）
      var copyPathBtn = document.createElement('button');
      copyPathBtn.textContent = '复制';
      copyPathBtn.style.cssText = [
        'flex-shrink: 0',
        'width: 44px',
        'height: 28px',
        'background: #2d2d4a',
        'color: #a78bfa',
        'border: 1px solid #4a4a7a',
        'border-radius: 4px',
        'font-size: 11px',
        'font-family: monospace',
        'cursor: pointer',
        'transition: background 0.15s, color 0.15s',
      ].join(';');
      copyPathBtn.onmouseenter = function () { copyPathBtn.style.background = '#3d3d6a'; };
      copyPathBtn.onmouseleave = function () { copyPathBtn.style.background = '#2d2d4a'; };
      copyPathBtn.onclick = function (e) {
        e.stopPropagation();
        var relativePath = getWorkspaceId() + '/' + (asset.path || '');
        navigator.clipboard.writeText(relativePath).then(function () {
          copyPathBtn.textContent = '✓';
          copyPathBtn.style.color = '#10b981';
          copyPathBtn.style.borderColor = '#10b981';
          setTimeout(function () {
            copyPathBtn.textContent = '复制';
            copyPathBtn.style.color = '#a78bfa';
            copyPathBtn.style.borderColor = '#4a4a7a';
          }, 1500);
        });
      };

      // 文件名（从 path 提取）+ 标记
      var fname = document.createElement('span');
      fname.style.cssText = 'flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px;';
      var pathParts = (asset.path || '').split('/');
      var nameSpan = document.createElement('span');
      nameSpan.textContent = pathParts[pathParts.length - 1] || asset.name || '未命名';
      nameSpan.title = asset.path || '';
      if (isLatest) {
        var badge = document.createElement('span');
        badge.style.cssText = 'color:#ff4444;font-size:10px;font-weight:bold;flex-shrink:0;';
        badge.textContent = '[最新]';
        fname.appendChild(badge);
      } else if (isUpdated) {
        var badge = document.createElement('span');
        badge.style.cssText = 'color:#10b981;font-size:10px;font-weight:bold;flex-shrink:0;';
        badge.textContent = '[有更新]';
        fname.appendChild(badge);
      }
      fname.appendChild(nameSpan);

      row.appendChild(copyPathBtn);
      row.appendChild(time);
      row.appendChild(fname);
      container.appendChild(row);
    });
  }

  // ═══ 预览弹框 ═══
  var IMAGE_TYPES = ['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp', 'bmp', 'avif', 'ico', 'image'];

  function isImageAsset(asset) {
    return asset.type && IMAGE_TYPES.indexOf(asset.type.toLowerCase()) !== -1;
  }

  function openPreviewModal(data, asset) {
    if (document.querySelector('#myclaw-artifacts-preview')) return;

    var previewUrl = buildPreviewUrl(data, asset.path);
    if (!previewUrl) {
      console.log('[myclaw-artifacts] ↻ clawName 未就绪，尝试重新获取一次...');
      resolveClawName()
        .then(function () {
          var retriedPreviewUrl = buildPreviewUrl(data, asset.path);
          if (!retriedPreviewUrl) {
            console.error('[myclaw-artifacts] ❌ clawName 重试获取后仍未就绪，无法打开预览');
            return;
          }
          openPreviewModal(data, asset);
        })
        .catch(function (err) {
          console.error('[myclaw-artifacts] ❌ clawName 重试获取失败:', err && err.message ? err.message : err);
        });
      return;
    }

    var overlay = document.createElement('div');
    overlay.id = 'myclaw-artifacts-preview';
    overlay.style.cssText = [
      'position: fixed',
      'top: 0',
      'left: 0',
      'width: 100vw',
      'height: 100vh',
      'background: rgba(0, 0, 0, 0.7)',
      'z-index: 99999',
      'display: flex',
      'align-items: center',
      'justify-content: center',
      'animation: myclaw-fade-in 0.15s ease',
    ].join(';');
    overlay.onclick = function (e) { if (e.target === overlay) closePreviewModal(); };

    // 标题栏（共用）
    function makeHeader(label) {
      var header = document.createElement('div');
      header.style.cssText = [
        'display: flex',
        'align-items: center',
        'justify-content: space-between',
        'padding: 8px 14px',
        'background: #2d2d3f',
        'color: #cdd6f4',
        'font-size: 13px',
        'font-family: monospace',
        'user-select: none',
        'flex-shrink: 0',
        'border-radius: 8px 8px 0 0',
      ].join(';');
      header.innerHTML = '<span>' + label + '</span>';

      var right = document.createElement('span');
      right.style.cssText = 'display:flex;align-items:center;gap:10px;';

      var openBtn = document.createElement('span');
      openBtn.textContent = '\u5728\u65B0\u9875\u9762\u6253\u5F00';
      openBtn.style.cssText = 'cursor:pointer;padding:4px 10px;border-radius:4px;font-size:12px;background:rgba(255,255,255,0.08);transition:background 0.15s;';
      openBtn.onmouseenter = function () { openBtn.style.background = 'rgba(255,255,255,0.18)'; };
      openBtn.onmouseleave = function () { openBtn.style.background = 'rgba(255,255,255,0.08)'; };
      openBtn.onclick = function () {
        var urlWithTs = previewUrl + '?t=' + Date.now();
        window.open(urlWithTs, '_blank');
        navigator.clipboard.writeText(urlWithTs).then(function () {
          openBtn.textContent = '\u2713 \u5DF2\u590D\u5236';
          setTimeout(function () { openBtn.textContent = '\u5728\u65B0\u9875\u9762\u6253\u5F00'; }, 1500);
        });
      };
      right.appendChild(openBtn);

      var closeBtn = document.createElement('span');
      closeBtn.textContent = '\u2715';
      closeBtn.style.cssText = 'cursor:pointer;padding:4px 10px;border-radius:4px;font-size:18px;font-weight:bold;transition:background 0.15s;';
      closeBtn.onmouseenter = function () { closeBtn.style.background = 'rgba(255,255,255,0.15)'; };
      closeBtn.onmouseleave = function () { closeBtn.style.background = 'none'; };
      closeBtn.onclick = function () { closePreviewModal(); };
      right.appendChild(closeBtn);
      header.appendChild(right);
      return header;
    }

    if (isImageAsset(asset)) {
      // ── 图片模式：先显示固定大小的容器，img 异步加载渐显 ──
      var imgBox = document.createElement('div');
      imgBox.style.cssText = [
        'display: flex',
        'flex-direction: column',
        'background: #1e1e2e',
        'border-radius: 8px',
        'box-shadow: 0 8px 32px rgba(0,0,0,0.6)',
        'width: min(88vw, 920px)',
        'overflow: hidden',
      ].join(';');

      imgBox.appendChild(makeHeader('\uD83D\uDDBC\uFE0F ' + (asset.name || asset.path)));

      // 固定尺寸的占位区域，立即可见
      var imgArea = document.createElement('div');
      imgArea.style.cssText = [
        'position: relative',
        'width: 100%',
        'height: min(65vh, 600px)',
        'display: flex',
        'align-items: center',
        'justify-content: center',
        'background: #252536',
      ].join(';');

      // 加载中提示
      var hint = document.createElement('div');
      hint.textContent = '\u52A0\u8F7D\u4E2D...';
      hint.style.cssText = 'color:#666;font-size:13px;font-family:monospace;position:absolute;';
      imgArea.appendChild(hint);

      // img 在占位区内加载，opacity 0 → 1
      var img = document.createElement('img');
      img.src = previewUrl;
      img.alt = asset.name || asset.path;
      img.style.cssText = [
        'max-width: 100%',
        'max-height: 100%',
        'width: auto',
        'height: auto',
        'object-fit: contain',
        'opacity: 0',
        'transition: opacity 0.25s ease',
        'position: relative',
        'z-index: 1',
      ].join(';');
      img.onload = function () {
        img.style.opacity = '1';
        hint.style.display = 'none';
      };
      img.onerror = function () {
        hint.textContent = '\u52A0\u8F7D\u5931\u8D25';
      };

      imgArea.appendChild(img);
      imgBox.appendChild(imgArea);
      overlay.appendChild(imgBox);
    } else {
      // ── 非图片：iframe 全屏模式 ──
      var box = document.createElement('div');
      box.style.cssText = [
        'width: 98vw',
        'height: 96vh',
        'background: #1e1e2e',
        'border-radius: 8px',
        'overflow: hidden',
        'display: flex',
        'flex-direction: column',
        'box-shadow: 0 8px 32px rgba(0,0,0,0.5)',
      ].join(';');

      box.appendChild(makeHeader('\uD83C\uDFA8 ' + (asset.name || '预览')));

      var iframe = document.createElement('iframe');
      iframe.src = previewUrl + '?t=' + Date.now();
      iframe.style.cssText = [
        'flex: 1',
        'width: 100%',
        'border: none',
        'background: #fff',
      ].join(';');

      box.appendChild(iframe);
      overlay.appendChild(box);
      document.body.appendChild(overlay);
      iframe.focus();
      return;
    }

    document.body.appendChild(overlay);
  }

  function closePreviewModal() {
    var modal = document.querySelector('#myclaw-artifacts-preview');
    if (modal) modal.remove();
  }

  // ═══ 发布弹框 ═══
  function openPublishModal() {
    if (document.querySelector('#myclaw-artifacts-publish-modal')) return;
    if (!cachedData) return;
    console.log('[myclaw-artifacts-publish] cachedData.assets:', cachedData.assets);
    console.log('[myclaw-artifacts-publish] html assets:', cachedData.assets.filter(function (a) { return a.type && a.type.toLowerCase() === 'html'; }));
    console.log('[myclaw-artifacts-publish] image assets:', cachedData.assets.filter(function (a) { return a.type && a.type.toLowerCase() === 'image'; }));

    // 读取上次发布缓存
    var savedForm = {};
    try { savedForm = JSON.parse(localStorage.getItem('myclaw-publish-cache')) || {}; } catch (e) {}

    var overlay = document.createElement('div');
    overlay.id = 'myclaw-artifacts-publish-modal';
    overlay.style.cssText = [
      'position: fixed',
      'top: 0',
      'left: 0',
      'width: 100vw',
      'height: 100vh',
      'background: rgba(0, 0, 0, 0.4)',
      'z-index: 99999',
      'display: flex',
      'align-items: center',
      'justify-content: center',
      'animation: myclaw-fade-in 0.15s ease',
    ].join(';');

    var box = document.createElement('div');
    box.style.cssText = [
      'width: 500px',
      'background: #1e1e2e',
      'border-radius: 8px',
      'overflow: hidden',
      'display: flex',
      'flex-direction: column',
      'box-shadow: 0 8px 32px rgba(0,0,0,0.5)',
    ].join(';');

    // 标题栏
    var header = document.createElement('div');
    header.style.cssText = [
      'display: flex',
      'align-items: center',
      'justify-content: space-between',
      'padding: 10px 14px',
      'background: #2d2d3f',
      'color: #cdd6f4',
      'font-size: 13px',
      'font-family: monospace',
      'user-select: none',
      'flex-shrink: 0',
    ].join(';');
    header.innerHTML = '<span>\uD83D\uDE80 \u53D1\u5E03\u4F5C\u54C1</span>';

    var closeBtn = document.createElement('span');
    closeBtn.textContent = '\u2715';
    closeBtn.style.cssText = 'cursor:pointer;padding:2px 6px;border-radius:3px;font-size:14px;transition:background 0.15s;';
    closeBtn.onmouseenter = function () { closeBtn.style.background = 'rgba(255,255,255,0.1)'; };
    closeBtn.onmouseleave = function () { closeBtn.style.background = 'none'; };
    closeBtn.onclick = function () { closePublishModal(); };
    header.appendChild(closeBtn);

    // 表单内容
    var form = document.createElement('div');
    form.style.cssText = 'padding: 20px;display:flex;flex-direction:column;gap:16px;color:#cdd6f4;font-family:monospace;font-size:13px;';

    // 字段 0：作品名称
    var titleGroup = document.createElement('div');
    titleGroup.style.cssText = 'display:flex;flex-direction:column;gap:6px;';
    var titleLabel = document.createElement('label');
    titleLabel.textContent = '\u4F5C\u54C1\u540D\u79F0';
    titleLabel.style.cssText = 'font-size:12px;color:#888;';
    var titleInput = document.createElement('input');
    titleInput.type = 'text';
    titleInput.placeholder = '\u8F93\u5165\u5C55\u793A\u6807\u9898';
    titleInput.value = savedForm.title || cachedData.title || '';
    titleInput.style.cssText = 'padding:8px 10px;background:#252536;border:1px solid #3d3d5c;border-radius:4px;color:#cdd6f4;font-size:13px;font-family:monospace;outline:none;';
    titleInput.onfocus = function () { titleInput.style.borderColor = '#6c6caa'; };
    titleInput.onblur = function () { titleInput.style.borderColor = '#3d3d5c'; };
    titleGroup.appendChild(titleLabel);
    titleGroup.appendChild(titleInput);
    form.appendChild(titleGroup);

    // 字段 1：选择封面图片
    var coverGroup = document.createElement('div');
    coverGroup.style.cssText = 'display:flex;flex-direction:column;gap:6px;';
    var coverLabel = document.createElement('label');
    coverLabel.textContent = '\u9009\u62E9\u5C01\u9762\u56FE\u7247';
    coverLabel.style.cssText = 'font-size:12px;color:#888;';
    var coverRow = document.createElement('div');
    coverRow.style.cssText = 'display:flex;align-items:center;gap:10px;';
    var coverSelect = document.createElement('select');
    coverSelect.style.cssText = 'flex:1;padding:8px 10px;background:#252536;border:1px solid #3d3d5c;border-radius:4px;color:#cdd6f4;font-size:13px;font-family:monospace;outline:none;';
    coverSelect.onfocus = function () { coverSelect.style.borderColor = '#6c6caa'; };
    coverSelect.onblur = function () { coverSelect.style.borderColor = '#3d3d5c'; };
    var coverDefaultOpt = document.createElement('option');
    coverDefaultOpt.value = '';
    coverDefaultOpt.textContent = '\u4E0D\u9009\u62E9';
    coverSelect.appendChild(coverDefaultOpt);
    var imageTypes = ['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp', 'bmp', 'image'];
    var imageAssets = (cachedData.assets || []).filter(function (a) { return a.type && imageTypes.indexOf(a.type.toLowerCase()) !== -1; });
    imageAssets.forEach(function (asset) {
      var opt = document.createElement('option');
      opt.value = asset.path;
      opt.textContent = asset.path;
      coverSelect.appendChild(opt);
    });
    var coverPreview = document.createElement('img');
    coverPreview.style.cssText = 'width:60px;height:40px;object-fit:cover;border-radius:4px;border:1px solid #3d3d5c;display:none;background:#252536;';
    coverSelect.onchange = function () {
      if (coverSelect.value) {
        coverPreview.src = buildPreviewUrl(cachedData, coverSelect.value);
        coverPreview.style.display = 'block';
      } else {
        coverPreview.src = '';
        coverPreview.style.display = 'none';
      }
    };
    coverRow.appendChild(coverSelect);
    // 恢复缓存选中
    if (savedForm.cover_path) {
      coverSelect.value = savedForm.cover_path;
      if (coverSelect.value) {
        coverPreview.src = buildPreviewUrl(cachedData, coverSelect.value);
        coverPreview.style.display = 'block';
      }
    }
    coverRow.appendChild(coverPreview);
    coverGroup.appendChild(coverLabel);
    coverGroup.appendChild(coverRow);
    form.appendChild(coverGroup);

    // 字段 2：入口文件
    var entryGroup = document.createElement('div');
    entryGroup.style.cssText = 'display:flex;flex-direction:column;gap:6px;';
    var entryLabel = document.createElement('label');
    entryLabel.textContent = '\u5165\u53E3\u6587\u4EF6';
    entryLabel.style.cssText = 'font-size:12px;color:#888;';
    var entrySelect = document.createElement('select');
    entrySelect.style.cssText = 'padding:8px 10px;background:#252536;border:1px solid #3d3d5c;border-radius:4px;color:#cdd6f4;font-size:13px;font-family:monospace;outline:none;';
    entrySelect.onfocus = function () { entrySelect.style.borderColor = '#6c6caa'; };
    entrySelect.onblur = function () { entrySelect.style.borderColor = '#3d3d5c'; };
    var entryDefaultOpt = document.createElement('option');
    entryDefaultOpt.value = '';
    entryDefaultOpt.textContent = '\u4E0D\u9009\u62E9';
    entrySelect.appendChild(entryDefaultOpt);
    var htmlAssets = (cachedData.assets || []).filter(function (a) { return a.type && a.type.toLowerCase() === 'html'; });
    htmlAssets.forEach(function (asset) {
      var opt = document.createElement('option');
      opt.value = asset.path;
      opt.textContent = asset.path;
      entrySelect.appendChild(opt);
    });
    entryGroup.appendChild(entryLabel);
    entryGroup.appendChild(entrySelect);
    // 恢复缓存选中
    if (savedForm.entry_path) {
      entrySelect.value = savedForm.entry_path;
    }
    form.appendChild(entryGroup);

    // 确认发布按钮
    var submitBtn = document.createElement('button');
    submitBtn.textContent = '\u786E\u8BA4\u53D1\u5E03';
    submitBtn.style.cssText = 'margin:0 20px 20px;padding:10px;background:#4a4a7a;border:none;border-radius:4px;color:#cdd6f4;font-size:13px;font-family:monospace;cursor:pointer;transition:background 0.15s;';
    submitBtn.onmouseenter = function () { submitBtn.style.background = '#5a5a9a'; };
    submitBtn.onmouseleave = function () { submitBtn.style.background = '#4a4a7a'; };
    submitBtn.onclick = function () {
      var titleVal = titleInput.value.trim();
      if (!titleVal) {
        titleInput.style.borderColor = '#ff4444';
        return;
      }
      var payload = {
        title: titleVal,
        workspace: getWorkspaceId(),
        cover_path: coverSelect.value || '',
        entry_path: entrySelect.value || '',
        claw: (function () { var e = detectEnvironment(); return e.remote ? e.clawName : (lastKnownClawName || ''); }()),
      };
      submitBtn.disabled = true;
      submitBtn.textContent = '\u53D1\u5E03\u4E2D...';
      fetch('https://www.yiranlaoshi.com/api/student_workspace_create', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(payload),
      })
        .then(function (res) { return res.json(); })
        .then(function (result) {
          console.log('[myclaw-artifacts-publish]', payload, result);
          if (result.code !== 0) {
            throw new Error(result.msg || '\u53D1\u5E03\u5931\u8D25');
          }
          localStorage.setItem('myclaw-publish-cache', JSON.stringify({
            title: titleVal,
            cover_path: coverSelect.value || '',
            entry_path: entrySelect.value || '',
          }));
          closePublishModal();
          openPublishSuccessModal(result.data);
        })
        .catch(function (err) {
          console.error('[myclaw-artifacts-publish] \u53D1\u5E03\u5931\u8D25:', err);
          submitBtn.disabled = false;
          submitBtn.textContent = '\u786E\u8BA4\u53D1\u5E03';
        });
    };

    box.appendChild(header);
    box.appendChild(form);
    box.appendChild(submitBtn);
    overlay.appendChild(box);
    document.body.appendChild(overlay);
  }

  // ═══ 发布成功弹框 ═══
  function openPublishSuccessModal(data) {
    if (document.querySelector('#myclaw-publish-success')) return;

    var overlay = document.createElement('div');
    overlay.id = 'myclaw-publish-success';
    overlay.style.cssText = [
      'position: fixed',
      'top: 0',
      'left: 0',
      'width: 100vw',
      'height: 100vh',
      'background: rgba(0, 0, 0, 0.5)',
      'z-index: 99999',
      'display: flex',
      'align-items: center',
      'justify-content: center',
      'animation: myclaw-fade-in 0.2s ease',
    ].join(';');

    var box = document.createElement('div');
    box.style.cssText = [
      'width: 440px',
      'background: #1e1e2e',
      'border-radius: 12px',
      'overflow: hidden',
      'display: flex',
      'flex-direction: column',
      'box-shadow: 0 12px 48px rgba(0,0,0,0.6)',
      'animation: myclaw-success-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)',
    ].join(';');

    // 右上角关闭按钮
    var successCloseX = document.createElement('span');
    successCloseX.textContent = '\u2715';
    successCloseX.style.cssText = 'position:absolute;top:12px;right:14px;cursor:pointer;font-size:16px;color:#888;padding:4px 6px;border-radius:3px;transition:background 0.15s;z-index:1;';
    successCloseX.onmouseenter = function () { successCloseX.style.background = 'rgba(255,255,255,0.1)'; successCloseX.style.color = '#cdd6f4'; };
    successCloseX.onmouseleave = function () { successCloseX.style.background = 'none'; successCloseX.style.color = '#888'; };
    successCloseX.onclick = function () { var m = document.querySelector('#myclaw-publish-success'); if (m) m.remove(); };
    box.style.position = 'relative';
    box.appendChild(successCloseX);

    // 头部：庆祝动画区
    var hero = document.createElement('div');
    hero.style.cssText = [
      'padding: 28px 24px 18px',
      'text-align: center',
      'background: linear-gradient(135deg, #2d2d5f 0%, #1e1e2e 100%)',
    ].join(';');

    // emoji 庆祝
    var emoji = document.createElement('div');
    emoji.style.cssText = 'font-size: 48px;margin-bottom:8px;';
    emoji.textContent = '\uD83C\uDF89';
    hero.appendChild(emoji);

    // 版本号大字
    var versionNum = document.createElement('div');
    versionNum.style.cssText = [
      'font-size: 52px',
      'font-weight: 900',
      'font-family: monospace',
      'color: #a78bfa',
      'line-height: 1',
      'text-shadow: 0 0 20px rgba(167,139,250,0.4)',
    ].join(';');
    versionNum.textContent = 'v' + (data.version || '?');
    hero.appendChild(versionNum);

    var versionLabel = document.createElement('div');
    versionLabel.style.cssText = 'font-size:12px;color:#888;margin-top:4px;font-family:monospace;';
    versionLabel.textContent = '\u53D1\u5E03\u6210\u529F\uFF01';
    hero.appendChild(versionLabel);

    box.appendChild(hero);

    // 信息区
    var info = document.createElement('div');
    info.style.cssText = 'padding:20px 24px;display:flex;flex-direction:column;gap:14px;';

    // 作品标题
    if (data.title) {
      var titleRow = createInfoRow('\uD83C\uDFA8 \u4F5C\u54C1', data.title);
      info.appendChild(titleRow);
    }

    // 封面
    if (data.cover_path) {
      var coverRow = document.createElement('div');
      coverRow.style.cssText = 'display:flex;flex-direction:column;gap:6px;font-family:monospace;';
      var coverLbl = document.createElement('span');
      coverLbl.style.cssText = 'color:#888;font-size:12px;';
      coverLbl.textContent = '\uD83D\uDCF7 \u5C01\u9762';
      coverRow.appendChild(coverLbl);
      var coverImg = document.createElement('img');
      coverImg.src = buildPreviewUrl(cachedData, data.cover_path);
      coverImg.style.cssText = 'width:100%;max-height:120px;object-fit:cover;border-radius:4px;border:1px solid #3d3d5c;';
      coverRow.appendChild(coverImg);
      info.appendChild(coverRow);
    }

    // 入口文件
    if (data.entry_path) {
      var entryRow = createInfoRow('\uD83D\uDD17 \u5165\u53E3', data.entry_path);
      info.appendChild(entryRow);
    }

    // 分割线
    var divider = document.createElement('div');
    divider.style.cssText = 'border-top:1px solid #3d3d5c;';
    info.appendChild(divider);

    // 分享链接区
    var shareSection = document.createElement('div');
    shareSection.style.cssText = 'display:flex;flex-direction:column;gap:8px;';

    var shareLabel = document.createElement('div');
    shareLabel.style.cssText = 'font-size:12px;color:#888;font-family:monospace;';
    shareLabel.textContent = '\uD83D\uDD17 \u6C38\u4E45\u94FE\u63A5';
    shareSection.appendChild(shareLabel);

    var shareRow = document.createElement('div');
    shareRow.style.cssText = 'display:flex;gap:8px;align-items:center;';

    var urlInput = document.createElement('input');
    urlInput.type = 'text';
    urlInput.readOnly = true;
    urlInput.value = data.permanent_url || '';
    urlInput.style.cssText = [
      'flex: 1',
      'padding: 8px 10px',
      'background: #252536',
      'border: 1px solid #3d3d5c',
      'border-radius: 4px',
      'color: #cdd6f4',
      'font-size: 11px',
      'font-family: monospace',
      'outline: none',
      'overflow: hidden',
      'text-overflow: ellipsis',
    ].join(';');
    shareRow.appendChild(urlInput);

    var copyBtn = document.createElement('button');
    copyBtn.textContent = '\u590D\u5236\u94FE\u63A5';
    copyBtn.style.cssText = [
      'padding: 8px 14px',
      'background: #a78bfa',
      'border: none',
      'border-radius: 4px',
      'color: #fff',
      'font-size: 12px',
      'font-family: monospace',
      'font-weight: bold',
      'cursor: pointer',
      'white-space: nowrap',
      'transition: background 0.15s',
    ].join(';');
    copyBtn.onmouseenter = function () { copyBtn.style.background = '#8b5cf6'; };
    copyBtn.onmouseleave = function () { copyBtn.style.background = '#a78bfa'; };
    copyBtn.onclick = function () {
      navigator.clipboard.writeText(data.permanent_url || '').then(function () {
        copyBtn.textContent = '\u2713 \u5DF2\u590D\u5236';
        copyBtn.style.background = '#10b981';
        setTimeout(function () {
          copyBtn.textContent = '\u590D\u5236\u94FE\u63A5';
          copyBtn.style.background = '#a78bfa';
        }, 2000);
      });
    };
    shareRow.appendChild(copyBtn);

    shareSection.appendChild(shareRow);
    info.appendChild(shareSection);

    // 二维码区
    if (data.permanent_url) {
      var qrSection = document.createElement('div');
      qrSection.style.cssText = 'display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:4px;';

      var qrDiv = document.createElement('div');
      qrDiv.style.cssText = 'width:140px;height:140px;border-radius:6px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;';
      loadAndGenerateQR(qrDiv, data.permanent_url, 140);
      qrSection.appendChild(qrDiv);

      var qrHint = document.createElement('div');
      qrHint.style.cssText = 'font-size:11px;color:#888;font-family:monospace;';
      qrHint.textContent = '\u626B\u7801\u67E5\u770B\u4F5C\u54C1';
      qrSection.appendChild(qrHint);

      info.appendChild(qrSection);
    }

    box.appendChild(info);

    // 关闭按钮
    var footer = document.createElement('div');
    footer.style.cssText = 'padding: 0 24px 20px;text-align:center;display:flex;gap:10px;justify-content:center;';

    var showcaseBtn = document.createElement('a');
    var cfgAgent = getAgentName() || 'main';
    var cfgWs = getWorkspaceId();
    showcaseBtn.href = 'https://www.yiranlaoshi.com/showcase?workspace=' + cfgWs;
    showcaseBtn.target = '_blank';
    showcaseBtn.textContent = '\uD83D\uDC41 \u67E5\u770B' + cfgAgent + '\u9879\u76EE\u96C6';
    showcaseBtn.style.cssText = [
      'padding: 10px 20px',
      'background: #a78bfa',
      'border: none',
      'border-radius: 6px',
      'color: #fff',
      'font-size: 13px',
      'font-family: monospace',
      'font-weight: bold',
      'cursor: pointer',
      'text-decoration: none',
      'transition: background 0.15s',
      'display: inline-block',
    ].join(';');
    showcaseBtn.onmouseenter = function () { showcaseBtn.style.background = '#8b5cf6'; };
    showcaseBtn.onmouseleave = function () { showcaseBtn.style.background = '#a78bfa'; };
    footer.appendChild(showcaseBtn);

    var closeSuccessBtn = document.createElement('button');
    closeSuccessBtn.textContent = '\u6211\u8981\u518D\u6539\u6539\uFF01';
    closeSuccessBtn.style.cssText = [
      'padding: 10px 40px',
      'background: #4a4a7a',
      'border: none',
      'border-radius: 6px',
      'color: #cdd6f4',
      'font-size: 14px',
      'font-family: monospace',
      'cursor: pointer',
      'transition: background 0.15s',
    ].join(';');
    closeSuccessBtn.onmouseenter = function () { closeSuccessBtn.style.background = '#5a5a9a'; };
    closeSuccessBtn.onmouseleave = function () { closeSuccessBtn.style.background = '#4a4a7a'; };
    closeSuccessBtn.onclick = function () {
      var m = document.querySelector('#myclaw-publish-success');
      if (m) m.remove();
    };
    footer.appendChild(closeSuccessBtn);
    box.appendChild(footer);

    overlay.appendChild(box);
    document.body.appendChild(overlay);
  }

  function createInfoRow(label, value) {
    var row = document.createElement('div');
    row.style.cssText = 'display:flex;align-items:baseline;gap:8px;font-family:monospace;font-size:13px;';
    var lbl = document.createElement('span');
    lbl.style.cssText = 'color:#888;white-space:nowrap;flex-shrink:0;min-width:80px;';
    lbl.textContent = label;
    var val = document.createElement('span');
    val.style.cssText = 'color:#cdd6f4;word-break:break-all;';
    val.textContent = value;
    row.appendChild(lbl);
    row.appendChild(val);
    return row;
  }

  // ═══ QR 码生成（qrcodejs 内联，无外部依赖，无 CSP 问题） ═══
  var QRCode;!function(){function a(a){this.mode=c.MODE_8BIT_BYTE,this.data=a,this.parsedData=[];for(var b=[],d=0,e=this.data.length;e>d;d++){var f=this.data.charCodeAt(d);f>65536?(b[0]=240|(1835008&f)>>>18,b[1]=128|(258048&f)>>>12,b[2]=128|(4032&f)>>>6,b[3]=128|63&f):f>2048?(b[0]=224|(61440&f)>>>12,b[1]=128|(4032&f)>>>6,b[2]=128|63&f):f>128?(b[0]=192|(1984&f)>>>6,b[1]=128|63&f):b[0]=f,this.parsedData=this.parsedData.concat(b)}this.parsedData.length!=this.data.length&&(this.parsedData.unshift(191),this.parsedData.unshift(187),this.parsedData.unshift(239))}function b(a,b){this.typeNumber=a,this.errorCorrectLevel=b,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function i(a,b){if(void 0==a.length)throw new Error(a.length+"/"+b);for(var c=0;c<a.length&&0==a[c];)c++;this.num=new Array(a.length-c+b);for(var d=0;d<a.length-c;d++)this.num[d]=a[d+c]}function j(a,b){this.totalCount=a,this.dataCount=b}function k(){this.buffer=[],this.length=0}function m(){return"undefined"!=typeof CanvasRenderingContext2D}function n(){var a=!1,b=navigator.userAgent;return/android/i.test(b)&&(a=!0,aMat=b.toString().match(/android ([0-9]\.[0-9])/i),aMat&&aMat[1]&&(a=parseFloat(aMat[1]))),a}function r(a,b){for(var c=1,e=s(a),f=0,g=l.length;g>=f;f++){var h=0;switch(b){case d.L:h=l[f][0];break;case d.M:h=l[f][1];break;case d.Q:h=l[f][2];break;case d.H:h=l[f][3]}if(h>=e)break;c++}if(c>l.length)throw new Error("Too long data");return c}function s(a){var b=encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return b.length+(b.length!=a?3:0)}a.prototype={getLength:function(){return this.parsedData.length},write:function(a){for(var b=0,c=this.parsedData.length;c>b;b++)a.put(this.parsedData[b],8)}},b.prototype={addData:function(b){var c=new a(b);this.dataList.push(c),this.dataCache=null},isDark:function(a,b){if(0>a||this.moduleCount<=a||0>b||this.moduleCount<=b)throw new Error(a+","+b);return this.modules[a][b]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=new Array(this.moduleCount);for(var e=0;e<this.moduleCount;e++)this.modules[d][e]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(a,c),this.typeNumber>=7&&this.setupTypeNumber(a),null==this.dataCache&&(this.dataCache=b.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,b){for(var c=-1;7>=c;c++)if(!(-1>=a+c||this.moduleCount<=a+c))for(var d=-1;7>=d;d++)-1>=b+d||this.moduleCount<=b+d||(this.modules[a+c][b+d]=c>=0&&6>=c&&(0==d||6==d)||d>=0&&6>=d&&(0==c||6==c)||c>=2&&4>=c&&d>=2&&4>=d?!0:!1)},getBestMaskPattern:function(){for(var a=0,b=0,c=0;8>c;c++){this.makeImpl(!0,c);var d=f.getLostPoint(this);(0==c||a>d)&&(a=d,b=c)}return b},createMovieClip:function(a,b,c){var d=a.createEmptyMovieClip(b,c),e=1;this.make();for(var f=0;f<this.modules.length;f++)for(var g=f*e,h=0;h<this.modules[f].length;h++){var i=h*e,j=this.modules[f][h];j&&(d.beginFill(0,100),d.moveTo(i,g),d.lineTo(i+e,g),d.lineTo(i+e,g+e),d.lineTo(i,g+e),d.endFill())}return d},setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][6]&&(this.modules[a][6]=0==a%2);for(var b=8;b<this.moduleCount-8;b++)null==this.modules[6][b]&&(this.modules[6][b]=0==b%2)},setupPositionAdjustPattern:function(){for(var a=f.getPatternPosition(this.typeNumber),b=0;b<a.length;b++)for(var c=0;c<a.length;c++){var d=a[b],e=a[c];if(null==this.modules[d][e])for(var g=-2;2>=g;g++)for(var h=-2;2>=h;h++)this.modules[d+g][e+h]=-2==g||2==g||-2==h||2==h||0==g&&0==h?!0:!1}},setupTypeNumber:function(a){for(var b=f.getBCHTypeNumber(this.typeNumber),c=0;18>c;c++){var d=!a&&1==(1&b>>c);this.modules[Math.floor(c/3)][c%3+this.moduleCount-8-3]=d}for(var c=0;18>c;c++){var d=!a&&1==(1&b>>c);this.modules[c%3+this.moduleCount-8-3][Math.floor(c/3)]=d}},setupTypeInfo:function(a,b){for(var c=this.errorCorrectLevel<<3|b,d=f.getBCHTypeInfo(c),e=0;15>e;e++){var g=!a&&1==(1&d>>e);6>e?this.modules[e][8]=g:8>e?this.modules[e+1][8]=g:this.modules[this.moduleCount-15+e][8]=g}for(var e=0;15>e;e++){var g=!a&&1==(1&d>>e);8>e?this.modules[8][this.moduleCount-e-1]=g:9>e?this.modules[8][15-e-1+1]=g:this.modules[8][15-e-1]=g}this.modules[this.moduleCount-8][8]=!a},mapData:function(a,b){for(var c=-1,d=this.moduleCount-1,e=7,g=0,h=this.moduleCount-1;h>0;h-=2)for(6==h&&h--;;){for(var i=0;2>i;i++)if(null==this.modules[d][h-i]){var j=!1;g<a.length&&(j=1==(1&a[g]>>>e));var k=f.getMask(b,d,h-i);k&&(j=!j),this.modules[d][h-i]=j,e--,-1==e&&(g++,e=7)}if(d+=c,0>d||this.moduleCount<=d){d-=c,c=-c;break}}}},b.PAD0=236,b.PAD1=17,b.createData=function(a,c,d){for(var e=j.getRSBlocks(a,c),g=new k,h=0;h<d.length;h++){var i=d[h];g.put(i.mode,4),g.put(i.getLength(),f.getLengthInBits(i.mode,a)),i.write(g)}for(var l=0,h=0;h<e.length;h++)l+=e[h].dataCount;if(g.getLengthInBits()>8*l)throw new Error("code length overflow. ("+g.getLengthInBits()+">"+8*l+")");for(g.getLengthInBits()+4<=8*l&&g.put(0,4);0!=g.getLengthInBits()%8;)g.putBit(!1);for(;;){if(g.getLengthInBits()>=8*l)break;if(g.put(b.PAD0,8),g.getLengthInBits()>=8*l)break;g.put(b.PAD1,8)}return b.createBytes(g,e)},b.createBytes=function(a,b){for(var c=0,d=0,e=0,g=new Array(b.length),h=new Array(b.length),j=0;j<b.length;j++){var k=b[j].dataCount,l=b[j].totalCount-k;d=Math.max(d,k),e=Math.max(e,l),g[j]=new Array(k);for(var m=0;m<g[j].length;m++)g[j][m]=255&a.buffer[m+c];c+=k;var n=f.getErrorCorrectPolynomial(l),o=new i(g[j],n.getLength()-1),p=o.mod(n);h[j]=new Array(n.getLength()-1);for(var m=0;m<h[j].length;m++){var q=m+p.getLength()-h[j].length;h[j][m]=q>=0?p.get(q):0}}for(var r=0,m=0;m<b.length;m++)r+=b[m].totalCount;for(var s=new Array(r),t=0,m=0;d>m;m++)for(var j=0;j<b.length;j++)m<g[j].length&&(s[t++]=g[j][m]);for(var m=0;e>m;m++)for(var j=0;j<b.length;j++)m<h[j].length&&(s[t++]=h[j][m]);return s};for(var c={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},d={L:1,M:0,Q:3,H:2},e={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},f={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var b=a<<10;f.getBCHDigit(b)-f.getBCHDigit(f.G15)>=0;)b^=f.G15<<f.getBCHDigit(b)-f.getBCHDigit(f.G15);return(a<<10|b)^f.G15_MASK},getBCHTypeNumber:function(a){for(var b=a<<12;f.getBCHDigit(b)-f.getBCHDigit(f.G18)>=0;)b^=f.G18<<f.getBCHDigit(b)-f.getBCHDigit(f.G18);return a<<12|b},getBCHDigit:function(a){for(var b=0;0!=a;)b++,a>>>=1;return b},getPatternPosition:function(a){return f.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,b,c){switch(a){case e.PATTERN000:return 0==(b+c)%2;case e.PATTERN001:return 0==b%2;case e.PATTERN010:return 0==c%3;case e.PATTERN011:return 0==(b+c)%3;case e.PATTERN100:return 0==(Math.floor(b/2)+Math.floor(c/3))%2;case e.PATTERN101:return 0==b*c%2+b*c%3;case e.PATTERN110:return 0==(b*c%2+b*c%3)%2;case e.PATTERN111:return 0==(b*c%3+(b+c)%2)%2;default:throw new Error("bad maskPattern:"+a)}},getErrorCorrectPolynomial:function(a){for(var b=new i([1],0),c=0;a>c;c++)b=b.multiply(new i([1,g.gexp(c)],0));return b},getLengthInBits:function(a,b){if(b>=1&&10>b)switch(a){case c.MODE_NUMBER:return 10;case c.MODE_ALPHA_NUM:return 9;case c.MODE_8BIT_BYTE:return 8;case c.MODE_KANJI:return 8;default:throw new Error("mode:"+a)}else if(27>b)switch(a){case c.MODE_NUMBER:return 12;case c.MODE_ALPHA_NUM:return 11;case c.MODE_8BIT_BYTE:return 16;case c.MODE_KANJI:return 10;default:throw new Error("mode:"+a)}else{if(!(41>b))throw new Error("type:"+b);switch(a){case c.MODE_NUMBER:return 14;case c.MODE_ALPHA_NUM:return 13;case c.MODE_8BIT_BYTE:return 16;case c.MODE_KANJI:return 12;default:throw new Error("mode:"+a)}}},getLostPoint:function(a){for(var b=a.getModuleCount(),c=0,d=0;b>d;d++)for(var e=0;b>e;e++){for(var f=0,g=a.isDark(d,e),h=-1;1>=h;h++)if(!(0>d+h||d+h>=b))for(var i=-1;1>=i;i++)0>e+i||e+i>=b||(0!=h||0!=i)&&g==a.isDark(d+h,e+i)&&f++;f>5&&(c+=3+f-5)}for(var d=0;b-1>d;d++)for(var e=0;b-1>e;e++){var j=0;a.isDark(d,e)&&j++,a.isDark(d+1,e)&&j++,a.isDark(d,e+1)&&j++,a.isDark(d+1,e+1)&&j++,(0==j||4==j)&&(c+=3)}for(var d=0;b>d;d++)for(var e=0;b-6>e;e++)a.isDark(d,e)&&!a.isDark(d,e+1)&&a.isDark(d,e+2)&&a.isDark(d,e+3)&&a.isDark(d,e+4)&&!a.isDark(d,e+5)&&a.isDark(d,e+6)&&(c+=40);for(var e=0;b>e;e++)for(var d=0;b-6>d;d++)a.isDark(d,e)&&!a.isDark(d+1,e)&&a.isDark(d+2,e)&&a.isDark(d+3,e)&&a.isDark(d+4,e)&&!a.isDark(d+5,e)&&a.isDark(d+6,e)&&(c+=40);for(var k=0,e=0;b>e;e++)for(var d=0;b>d;d++)a.isDark(d,e)&&k++;var l=Math.abs(100*k/b/b-50)/5;return c+=10*l}},g={glog:function(a){if(1>a)throw new Error("glog("+a+")");return g.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;a>=256;)a-=255;return g.EXP_TABLE[a]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},h=0;8>h;h++)g.EXP_TABLE[h]=1<<h;for(var h=8;256>h;h++)g.EXP_TABLE[h]=g.EXP_TABLE[h-4]^g.EXP_TABLE[h-5]^g.EXP_TABLE[h-6]^g.EXP_TABLE[h-8];for(var h=0;255>h;h++)g.LOG_TABLE[g.EXP_TABLE[h]]=h;i.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var b=new Array(this.getLength()+a.getLength()-1),c=0;c<this.getLength();c++)for(var d=0;d<a.getLength();d++)b[c+d]^=g.gexp(g.glog(this.get(c))+g.glog(a.get(d)));return new i(b,0)},mod:function(a){if(this.getLength()-a.getLength()<0)return this;for(var b=g.glog(this.get(0))-g.glog(a.get(0)),c=new Array(this.getLength()),d=0;d<this.getLength();d++)c[d]=this.get(d);for(var d=0;d<a.getLength();d++)c[d]^=g.gexp(g.glog(a.get(d))+b);return new i(c,0).mod(a)}},j.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],j.getRSBlocks=function(a,b){var c=j.getRsBlockTable(a,b);if(void 0==c)throw new Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+b);for(var d=c.length/3,e=[],f=0;d>f;f++)for(var g=c[3*f+0],h=c[3*f+1],i=c[3*f+2],k=0;g>k;k++)e.push(new j(h,i));return e},j.getRsBlockTable=function(a,b){switch(b){case d.L:return j.RS_BLOCK_TABLE[4*(a-1)+0];case d.M:return j.RS_BLOCK_TABLE[4*(a-1)+1];case d.Q:return j.RS_BLOCK_TABLE[4*(a-1)+2];case d.H:return j.RS_BLOCK_TABLE[4*(a-1)+3];default:return void 0}},k.prototype={get:function(a){var b=Math.floor(a/8);return 1==(1&this.buffer[b]>>>7-a%8)},put:function(a,b){for(var c=0;b>c;c++)this.putBit(1==(1&a>>>b-c-1))},getLengthInBits:function(){return this.length},putBit:function(a){var b=Math.floor(this.length/8);this.buffer.length<=b&&this.buffer.push(0),a&&(this.buffer[b]|=128>>>this.length%8),this.length++}};var l=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]],o=function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){function g(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg",a);for(var d in b)b.hasOwnProperty(d)&&c.setAttribute(d,b[d]);return c}var b=this._htOption,c=this._el,d=a.getModuleCount();Math.floor(b.width/d),Math.floor(b.height/d),this.clear();var h=g("svg",{viewBox:"0 0 "+String(d)+" "+String(d),width:"100%",height:"100%",fill:b.colorLight});h.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),c.appendChild(h),h.appendChild(g("rect",{fill:b.colorDark,width:"1",height:"1",id:"template"}));for(var i=0;d>i;i++)for(var j=0;d>j;j++)if(a.isDark(i,j)){var k=g("use",{x:String(i),y:String(j)});k.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),h.appendChild(k)}},a.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},a}(),p="svg"===document.documentElement.tagName.toLowerCase(),q=p?o:m()?function(){function a(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.display="block",this._elCanvas.style.display="none"}function d(a,b){var c=this;if(c._fFail=b,c._fSuccess=a,null===c._bSupportDataURI){var d=document.createElement("img"),e=function(){c._bSupportDataURI=!1,c._fFail&&_fFail.call(c)},f=function(){c._bSupportDataURI=!0,c._fSuccess&&c._fSuccess.call(c)};return d.onabort=e,d.onerror=e,d.onload=f,d.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==",void 0}c._bSupportDataURI===!0&&c._fSuccess?c._fSuccess.call(c):c._bSupportDataURI===!1&&c._fFail&&c._fFail.call(c)}if(false/*android2.1 fix disabled*/){var b=1/window.devicePixelRatio,c=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(a,d,e,f,g,h,i,j){if("nodeName"in a&&/img/i.test(a.nodeName))for(var l=arguments.length-1;l>=1;l--)arguments[l]=arguments[l]*b;else"undefined"==typeof j&&(arguments[1]*=b,arguments[2]*=b,arguments[3]*=b,arguments[4]*=b);c.apply(this,arguments)}}var e=function(a,b){this._bIsPainted=!1,this._android=n(),this._htOption=b,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=b.width,this._elCanvas.height=b.height,a.appendChild(this._elCanvas),this._el=a,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.style.display="none",this._el.appendChild(this._elImage),this._bSupportDataURI=null};return e.prototype.draw=function(a){var b=this._elImage,c=this._oContext,d=this._htOption,e=a.getModuleCount(),f=d.width/e,g=d.height/e,h=Math.round(f),i=Math.round(g);b.style.display="none",this.clear();for(var j=0;e>j;j++)for(var k=0;e>k;k++){var l=a.isDark(j,k),m=k*f,n=j*g;c.strokeStyle=l?d.colorDark:d.colorLight,c.lineWidth=1,c.fillStyle=l?d.colorDark:d.colorLight,c.fillRect(m,n,f,g),c.strokeRect(Math.floor(m)+.5,Math.floor(n)+.5,h,i),c.strokeRect(Math.ceil(m)-.5,Math.ceil(n)-.5,h,i)}this._bIsPainted=!0},e.prototype.makeImage=function(){this._bIsPainted&&d.call(this,a)},e.prototype.isPainted=function(){return this._bIsPainted},e.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},e.prototype.round=function(a){return a?Math.floor(1e3*a)/1e3:a},e}():function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){for(var b=this._htOption,c=this._el,d=a.getModuleCount(),e=Math.floor(b.width/d),f=Math.floor(b.height/d),g=['<table style="border:0;border-collapse:collapse;">'],h=0;d>h;h++){g.push("<tr>");for(var i=0;d>i;i++)g.push('<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:'+e+"px;height:"+f+"px;background-color:"+(a.isDark(h,i)?b.colorDark:b.colorLight)+';"></td>');g.push("</tr>")}g.push("</table>"),c.innerHTML=g.join("");var j=c.childNodes[0],k=(b.width-j.offsetWidth)/2,l=(b.height-j.offsetHeight)/2;k>0&&l>0&&(j.style.margin=l+"px "+k+"px")},a.prototype.clear=function(){this._el.innerHTML=""},a}();QRCode=function(a,b){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:d.H},"string"==typeof b&&(b={text:b}),b)for(var c in b)this._htOption[c]=b[c];"string"==typeof a&&(a=document.getElementById(a)),this._android=n(),this._el=a,this._oQRCode=null,this._oDrawing=new q(this._el,this._htOption),this._htOption.text&&this.makeCode(this._htOption.text)},QRCode.prototype.makeCode=function(a){this._oQRCode=new b(r(a,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(a),this._oQRCode.make(),this._el.title=a,this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCode.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||this._android>=3)&&this._oDrawing.makeImage()},QRCode.prototype.clear=function(){this._oDrawing.clear()},QRCode.CorrectLevel=d}();

  function loadAndGenerateQR(container, text, size) {
    try {
      new QRCode(container, {
        text: text,
        width: size,
        height: size,
        colorDark: '#000000',
        colorLight: '#ffffff',
        correctLevel: QRCode.CorrectLevel.M,
      });
    } catch (e) {
      console.warn('[myclaw-artifacts] QR generate error:', e);
      container.style.display = 'none';
    }
  }

  function closePublishModal() {
    var modal = document.querySelector('#myclaw-artifacts-publish-modal');
    if (modal) modal.remove();
  }

  // ═══ Fork 辅助函数 ═══
  function onForkError(err, btn, input) {
    console.error('[myclaw-fork]', err);
    btn.disabled = false;
    input.disabled = false;
    btn.textContent = '\u274C 失败，点击重试';
    btn.style.background = '#7a2a2a';
    btn.style.cursor = 'pointer';
    setTimeout(function () {
      btn.textContent = '\u786E\u8BA4 Fork';
      btn.style.background = '#4a4a7a';
    }, 2500);
  }

  function showForkDoneToast(workspace, files) {
    var toast = document.createElement('div');
    toast.style.cssText = [
      'position:fixed', 'bottom:32px', 'right:24px', 'z-index:999999',
      'background:#10b981', 'color:#fff', 'padding:14px 20px',
      'border-radius:8px', 'font-family:monospace', 'font-size:13px',
      'box-shadow:0 4px 16px rgba(0,0,0,0.3)',
      'animation:myclaw-slide-in-right 0.25s ease',
    ].join(';');
    toast.innerHTML = '\u2705 Fork 完成！<br>'
      + '<span style="opacity:0.85;font-size:11px;">' + workspace + '（' + files + ' 个文件）</span>';
    document.body.appendChild(toast);
    setTimeout(function () { toast.remove(); }, 4000);
  }

  // ═══ Fork 他人作品弹框 ═══
  function openForkModal() {
    if (document.querySelector('#myclaw-fork-modal')) return;

    var overlay = document.createElement('div');
    overlay.id = 'myclaw-fork-modal';
    overlay.style.cssText = [
      'position: fixed',
      'top: 0',
      'left: 0',
      'width: 100vw',
      'height: 100vh',
      'background: rgba(0, 0, 0, 0.4)',
      'z-index: 99999',
      'display: flex',
      'align-items: center',
      'justify-content: center',
      'animation: myclaw-fade-in 0.15s ease',
    ].join(';');
    overlay.onclick = function (e) { if (e.target === overlay) closeForkModal(); };

    var box = document.createElement('div');
    box.style.cssText = [
      'width: 480px',
      'background: #1e1e2e',
      'border-radius: 8px',
      'overflow: hidden',
      'display: flex',
      'flex-direction: column',
      'box-shadow: 0 8px 32px rgba(0,0,0,0.5)',
    ].join(';');

    // 标题栏
    var forkHeader = document.createElement('div');
    forkHeader.style.cssText = [
      'display: flex',
      'align-items: center',
      'justify-content: space-between',
      'padding: 10px 14px',
      'background: #2d2d3f',
      'color: #cdd6f4',
      'font-size: 13px',
      'font-family: monospace',
      'user-select: none',
      'flex-shrink: 0',
    ].join(';');
    forkHeader.innerHTML = '<span>\uD83D\uDD00 Fork \u4ED6\u4EBA\u4F5C\u54C1</span>';
    var forkCloseBtn = document.createElement('span');
    forkCloseBtn.textContent = '\u2715';
    forkCloseBtn.style.cssText = 'cursor:pointer;padding:2px 6px;border-radius:3px;font-size:14px;transition:background 0.15s;';
    forkCloseBtn.onmouseenter = function () { forkCloseBtn.style.background = 'rgba(255,255,255,0.1)'; };
    forkCloseBtn.onmouseleave = function () { forkCloseBtn.style.background = 'none'; };
    forkCloseBtn.onclick = function () { closeForkModal(); };
    forkHeader.appendChild(forkCloseBtn);

    // 表单
    var forkForm = document.createElement('div');
    forkForm.style.cssText = 'padding: 20px;display:flex;flex-direction:column;gap:10px;color:#cdd6f4;font-family:monospace;font-size:13px;';

    var urlLabel = document.createElement('label');
    urlLabel.textContent = '\u4F5C\u54C1 URL';
    urlLabel.style.cssText = 'font-size:12px;color:#888;';

    var urlInput = document.createElement('input');
    urlInput.type = 'text';
    urlInput.placeholder = 'https://cdn.yiranlaoshi.com/...';
    urlInput.style.cssText = [
      'padding: 8px 10px',
      'background: #252536',
      'border: 1px solid #3d3d5c',
      'border-radius: 4px',
      'color: #cdd6f4',
      'font-size: 13px',
      'font-family: monospace',
      'outline: none',
    ].join(';');
    urlInput.onfocus = function () { urlInput.style.borderColor = '#6c6caa'; };
    urlInput.onblur = function () { urlInput.style.borderColor = errVisible ? '#ff4444' : '#3d3d5c'; };

    var errVisible = false;
    var errMsg = document.createElement('div');
    errMsg.style.cssText = 'font-size:12px;color:#ff4444;display:none;';
    errMsg.textContent = '\u8BF7\u8F93\u5165\u5B8C\u6574\u7684 URL\uFF08\u9700\u4EE5 http:// \u6216 https:// \u5F00\u5934\uFF09';

    forkForm.appendChild(urlLabel);
    forkForm.appendChild(urlInput);
    forkForm.appendChild(errMsg);

    // 确认按钮
    var forkSubmitBtn = document.createElement('button');
    forkSubmitBtn.textContent = '\u786E\u8BA4 Fork';
    forkSubmitBtn.style.cssText = [
      'margin: 0 20px 20px',
      'padding: 10px',
      'background: #4a4a7a',
      'border: none',
      'border-radius: 4px',
      'color: #cdd6f4',
      'font-size: 13px',
      'font-family: monospace',
      'cursor: pointer',
      'transition: background 0.15s',
    ].join(';');
    forkSubmitBtn.onmouseenter = function () { if (!forkSubmitBtn.disabled) forkSubmitBtn.style.background = '#5a5a9a'; };
    forkSubmitBtn.onmouseleave = function () { if (!forkSubmitBtn.disabled) forkSubmitBtn.style.background = '#4a4a7a'; };

    forkSubmitBtn.onclick = function () {
      var url = urlInput.value.trim();

      // 校验 URL 完整性
      var valid = false;
      try {
        var parsed = new URL(url);
        valid = parsed.protocol === 'http:' || parsed.protocol === 'https:';
      } catch (e) { valid = false; }

      if (!valid) {
        urlInput.style.borderColor = '#ff4444';
        errMsg.style.display = 'block';
        errVisible = true;
        return;
      }
      urlInput.style.borderColor = '#3d3d5c';
      errMsg.style.display = 'none';
      errVisible = false;

      forkSubmitBtn.disabled = true;
      forkSubmitBtn.textContent = '\u23F3 Fork 中...';
      forkSubmitBtn.style.background = '#3a3a5a';
      forkSubmitBtn.style.cursor = 'default';
      urlInput.disabled = true;

      fetch(MYCLAW_API_BASE + '/api/fork', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ url: url }),
      })
        .then(function (res) {
          if (!res.ok) throw new Error('HTTP ' + res.status);
          return res.json();
        })
        .then(function (data) {
          if (!data.job_id) throw new Error(data.error || 'no job_id');
          // 轮询 job 状态
          var jobId = data.job_id;
          var timer = setInterval(function () {
            fetch(MYCLAW_API_BASE + '/api/fork/status?job_id=' + encodeURIComponent(jobId))
              .then(function (r) { return r.json(); })
              .then(function (job) {
                if (job.status === 'running') return;
                clearInterval(timer);
                if (job.status === 'done') {
                  forkSubmitBtn.textContent = '\u2705 Fork 成功！';
                  forkSubmitBtn.style.background = '#10b981';
                  setTimeout(function () {
                    closeForkModal();
                    showForkDoneToast(job.workspace, job.files);
                  }, 800);
                } else {
                  throw new Error(job.error || 'failed');
                }
              })
              .catch(function (err) {
                clearInterval(timer);
                onForkError(err, forkSubmitBtn, urlInput);
              });
          }, 1500);
        })
        .catch(function (err) {
          onForkError(err, forkSubmitBtn, urlInput);
        });
    };

    box.appendChild(forkHeader);
    box.appendChild(forkForm);
    box.appendChild(forkSubmitBtn);
    overlay.appendChild(box);
    document.body.appendChild(overlay);
    urlInput.focus();
  }

  function closeForkModal() {
    var modal = document.querySelector('#myclaw-fork-modal');
    if (modal) modal.remove();
  }

  // ═══ 注入样式 ═══
  function injectStyles() {
    if (document.querySelector('#myclaw-artifacts-styles')) return;
    var style = document.createElement('style');
    style.id = 'myclaw-artifacts-styles';
    style.textContent = [
      '@keyframes myclaw-slide-in-right {',
      '  from { transform: translateX(100%); }',
      '  to { transform: translateX(0); }',
      '}',
      '@keyframes myclaw-fade-in {',
      '  from { opacity: 0; }',
      '  to { opacity: 1; }',
      '}',
      '@keyframes myclaw-success-pop {',
      '  from { transform: scale(0.7); opacity: 0; }',
      '  to { transform: scale(1); opacity: 1; }',
      '}',
      '@keyframes myclaw-spin {',
      '  from { transform: rotate(0deg); }',
      '  to { transform: rotate(360deg); }',
      '}',
    ].join('\n');
    document.head.appendChild(style);
  }

  // ═══ 启动 ═══
  function init() {
    injectStyles();
    createArtifactsButton();
    // 本地环境：启动时获取一次 clawName 并缓存，轮询期间复用
    resolveClawName();
    startPolling();
    var env = detectEnvironment();
    console.log('[myclaw-artifacts] ✅ 初始化完成 (' + (env.remote ? '远程: ' + env.clawName : '本地') + ')');
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})();
