feat: convert pasted Mintegral click links

link-generator.html

@@ -3,8 +3,8 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="description" content="自投平台 Click 和 Impression Tracking Link 生成器">
-  <title>自投链接生成器 · Traffic Intelligence</title>
+  <meta name="description" content="粘贴原始 Tracking Link，自动替换为目标自投平台宏">
+  <title>自投链接转换器 · Traffic Intelligence</title>
   <link rel="stylesheet" href="assets/styles.css">
 </head>
 <body>
@@ -16,40 +16,48 @@
 
   <main class="shell page-main">
     <section class="page-heading">
-      <div><p class="eyebrow"><span></span> TRACKING BUILDER / 02</p><h1>自投平台链接生成器</h1><p>选择媒体模板，填写订单参数，并实时检查平台宏映射与最终链接。</p></div>
-      <div class="data-badge"><span class="pulse-dot"></span><p><strong id="templateCount">— 个平台模板</strong><small>Click / Impression</small></p></div>
+      <div><p class="eyebrow"><span></span> TRACKING CONVERTER / 02</p><h1>自投平台链接转换器</h1><p>粘贴一条原始 Tracking Link，自动替换为目标平台要求的宏参数。</p></div>
+      <div class="data-badge"><span class="pulse-dot"></span><p><strong id="templateCount">— 个平台模板</strong><small>Mintegral Click URL 转换</small></p></div>
     </section>
 
     <section class="generator-stack">
-      <section class="panel generator-config">
-        <div class="config-topline"><span class="section-index">STEP 01</span><h2>选择模板与业务参数</h2><button class="outline-btn" id="resetGenerator" type="button">恢复模板默认值</button></div>
-        <div class="config-grid">
-          <label><span>自投平台 *</span><select id="platformSelect"></select></label>
-          <label><span>链接类型 *</span><select id="linkTypeSelect"></select></label>
-          <label><span>Advertiser ID</span><input id="advid" value="30" inputmode="numeric"></label>
-          <label><span>Campaign ID *</span><input id="campid" placeholder="请输入 Camp ID" inputmode="numeric"></label>
-          <label><span>Package Name *</span><input id="pkg" placeholder="如 com.example.app"></label>
-          <label><span>Platform Code</span><input id="platformCode"></label>
-          <label><span>SAN Campaign ID</span><input id="sanCampid" placeholder="可选"></label>
-          <label><span>Ad Set ID</span><input id="adsetId" value="-1"></label>
-          <label><span>固定国家码</span><input id="countryCode" maxlength="3" placeholder="留空则使用媒体宏"></label>
+      <section class="panel converter-input-panel">
+        <div class="config-topline"><span class="section-index">STEP 01</span><h2>选择目标平台并粘贴链接</h2><button class="outline-btn" id="clearConverter" type="button">清空</button></div>
+        <div class="converter-toolbar">
+          <label><span>目标自投平台 *</span><select id="platformSelect"></select></label>
+          <div class="detect-card"><span>模板状态</span><strong id="platformStatus">—</strong></div>
+          <div class="detect-card"><span>识别类型</span><strong id="detectedType">等待链接</strong></div>
+        </div>
+        <label class="textarea-label" for="originalLink"><span>原始 Tracking Link *</span><small>原有业务参数与固定值会保留</small></label>
+        <textarea id="originalLink" class="link-textarea" rows="6" spellcheck="false" placeholder="在这里粘贴完整的 Click 或 Impression Link…"></textarea>
+        <div class="converter-actions">
+          <button class="primary-btn" id="convertLink" type="button"><span>转换为平台链接</span><b>→</b></button>
+          <button class="text-inline-btn" id="sampleLink" type="button">载入示例链接</button>
+          <span class="validation-line" id="generatorMessage" role="alert"></span>
         </div>
-        <div class="validation-line" id="generatorMessage" role="alert"></div>
       </section>
 
       <section class="generator-columns">
         <section class="panel macro-panel">
-          <div class="panel-title compact"><span>STEP 02</span><h2>媒体宏参考</h2><p id="platformStatus"></p></div>
+          <div class="panel-title compact"><span>PLATFORM MACROS</span><h2>目标平台宏参考</h2><p>当前平台可用于替换的动态参数</p></div>
           <div class="macro-search"><input id="macroSearch" placeholder="搜索宏或说明…" aria-label="搜索媒体宏"></div>
           <div class="macro-table-wrap"><table class="macro-table"><thead><tr><th>媒体宏</th><th>说明</th></tr></thead><tbody id="macroTableBody"></tbody></table></div>
         </section>
 
         <section class="panel output-panel">
-          <div class="config-topline output-title"><span class="section-index">STEP 03</span><h2>参数映射与输出</h2><span class="live-chip"><i></i> LIVE</span></div>
-          <div class="mapping-table-wrap"><table class="mapping-table"><thead><tr><th>参数 Key</th><th>媒体 Value / Macro</th></tr></thead><tbody id="mappingTableBody"></tbody></table></div>
-          <div class="output-label"><span>最终投放链接</span><small id="urlLength">0 chars</small></div>
-          <pre class="url-output" id="urlOutput"></pre>
-          <div class="output-actions"><button class="primary-btn" id="copyLink" type="button"><span>复制最终链接</span><b>⧉</b></button><span id="copyStatus" class="copy-status" role="status"></span></div>
+          <div class="config-topline output-title"><span class="section-index">STEP 02</span><h2>转换结果</h2><span class="live-chip"><i></i> AUTO</span></div>
+          <div class="conversion-empty" id="conversionEmpty"><div>↳</div><h3>等待原始链接</h3><p>转换后将在这里展示参数替换明细与最终链接。</p></div>
+          <div id="conversionResult" class="hidden">
+            <div class="conversion-summary">
+              <div><span>链接类型</span><strong id="summaryType">—</strong></div>
+              <div><span>已替换参数</span><strong id="replacementCount">0</strong></div>
+              <div><span>保留参数</span><strong id="preservedCount">0</strong></div>
+            </div>
+            <div class="mapping-table-wrap"><table class="mapping-table conversion-table"><thead><tr><th>参数 Key</th><th>原始值</th><th>替换后的平台宏</th></tr></thead><tbody id="mappingTableBody"></tbody></table></div>
+            <div class="output-label"><span>最终平台链接</span><small id="urlLength">0 chars</small></div>
+            <pre class="url-output" id="urlOutput"></pre>
+            <div class="output-actions"><button class="primary-btn" id="copyLink" type="button" disabled><span>复制最终链接</span><b>⧉</b></button><span id="copyStatus" class="copy-status" role="status"></span></div>
+          </div>
         </section>
       </section>
     </section>
@@ -58,6 +66,7 @@
   <div class="toast" id="toast" role="status"></div>
   <footer class="site-footer shell"><span>Traffic Intelligence Hub</span><span>© <b data-year></b> Media Operations</span></footer>
   <script src="assets/data/link-templates.js"></script>
+  <script src="assets/link-converter-core.js"></script>
   <script src="assets/common.js"></script>
   <script src="assets/link-generator.js"></script>
 </body>