mirror of
https://github.com/Ed1s0nZ/CyberStrikeAI.git
synced 2026-05-20 06:44:46 +02:00
Add files via upload
This commit is contained in:
@@ -20168,3 +20168,392 @@ button.chat-files-dropdown-item:hover:not(:disabled) {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
/* 微信 iLink 机器人 */
|
||||
.robot-wechat-card {
|
||||
margin-bottom: 28px;
|
||||
padding: 20px 22px;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 12px;
|
||||
background: linear-gradient(145deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.robot-wechat-card h4 {
|
||||
margin: 0;
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
.robot-wechat-header {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 14px;
|
||||
margin-bottom: 18px;
|
||||
padding-bottom: 16px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.robot-wechat-header-text {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.robot-wechat-subtitle {
|
||||
margin: 4px 0 0;
|
||||
font-size: 0.8125rem;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.robot-wechat-badge {
|
||||
flex-shrink: 0;
|
||||
align-self: center;
|
||||
padding: 4px 10px;
|
||||
border-radius: 999px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
.robot-wechat-badge--idle {
|
||||
background: var(--bg-tertiary);
|
||||
color: var(--text-secondary);
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.robot-wechat-badge--bound {
|
||||
background: rgba(40, 167, 69, 0.12);
|
||||
color: var(--success-color);
|
||||
border: 1px solid rgba(40, 167, 69, 0.35);
|
||||
}
|
||||
|
||||
.robot-wechat-badge--scanning {
|
||||
background: rgba(0, 102, 255, 0.1);
|
||||
color: var(--accent-color);
|
||||
border: 1px solid rgba(0, 102, 255, 0.25);
|
||||
}
|
||||
|
||||
.robot-wechat-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.robot-wechat-toolbar {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.robot-wechat-action-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 12px 16px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.robot-wechat-action-row .btn-primary {
|
||||
min-width: 160px;
|
||||
padding: 10px 20px;
|
||||
border-radius: 8px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.robot-wechat-card.is-bound .robot-wechat-action-row .btn-primary {
|
||||
background: var(--bg-primary);
|
||||
color: var(--accent-color);
|
||||
border: 1px solid var(--accent-color);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.robot-wechat-card.is-bound .robot-wechat-action-row .btn-primary:hover {
|
||||
background: rgba(0, 102, 255, 0.06);
|
||||
}
|
||||
|
||||
.robot-wechat-hint {
|
||||
margin: 0;
|
||||
flex: 1;
|
||||
min-width: 200px;
|
||||
font-size: 0.8125rem;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.robot-wechat-card.is-bound .robot-wechat-hint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.robot-wechat-panel {
|
||||
margin-top: 16px;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
background: var(--bg-tertiary);
|
||||
border: 1px dashed var(--border-color);
|
||||
}
|
||||
|
||||
.robot-wechat-bound-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
padding: 12px 8px;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.robot-wechat-bound-icon {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
background: rgba(40, 167, 69, 0.12);
|
||||
color: var(--success-color);
|
||||
}
|
||||
|
||||
.robot-wechat-bound-msg {
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
color: var(--success-color);
|
||||
}
|
||||
|
||||
.robot-wechat-bound-id {
|
||||
margin: 0;
|
||||
max-width: 100%;
|
||||
padding: 6px 12px;
|
||||
font-size: 0.75rem;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
||||
color: var(--text-secondary);
|
||||
background: var(--bg-primary);
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--border-color);
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.robot-wechat-scan-panel {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.robot-wechat-steps {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 0;
|
||||
margin: 0 0 20px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: 0.75rem;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.robot-wechat-step {
|
||||
position: relative;
|
||||
padding: 0 14px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.robot-wechat-step:not(:last-child)::after {
|
||||
content: '›';
|
||||
position: absolute;
|
||||
right: -2px;
|
||||
color: var(--border-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.robot-wechat-step.is-active {
|
||||
color: var(--accent-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.robot-wechat-step.is-done {
|
||||
color: var(--success-color);
|
||||
}
|
||||
|
||||
.robot-wechat-qr-loading {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 24px;
|
||||
font-size: 0.875rem;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.robot-wechat-qr-loading[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.robot-wechat-spinner {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border: 3px solid var(--border-color);
|
||||
border-top-color: var(--accent-color);
|
||||
border-radius: 50%;
|
||||
animation: robot-wechat-spin 0.75s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes robot-wechat-spin {
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
.robot-wechat-qr-frame {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0 auto 12px;
|
||||
padding: 14px;
|
||||
background: #fff;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.robot-wechat-qr-frame::before,
|
||||
.robot-wechat-qr-frame::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 2px solid var(--accent-color);
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.robot-wechat-qr-frame::before {
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
border-radius: 4px 0 0 0;
|
||||
}
|
||||
|
||||
.robot-wechat-qr-frame::after {
|
||||
bottom: 6px;
|
||||
right: 6px;
|
||||
border-left: none;
|
||||
border-top: none;
|
||||
border-radius: 0 0 4px 0;
|
||||
}
|
||||
|
||||
.robot-wechat-qr-img {
|
||||
display: block;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.robot-wechat-qr-img[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.robot-wechat-qr-placeholder {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.robot-wechat-qr-placeholder[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.robot-wechat-qr-fallback {
|
||||
margin: 0 0 8px;
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
|
||||
.robot-wechat-qr-fallback a {
|
||||
color: var(--accent-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.robot-wechat-qr-fallback a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.robot-wechat-qr-status {
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.robot-wechat-qr-status.is-success {
|
||||
color: var(--accent-color);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.robot-wechat-qr-status.is-error {
|
||||
color: var(--error-color);
|
||||
}
|
||||
|
||||
.robot-wechat-verify-wrap {
|
||||
margin-top: 16px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid var(--border-color);
|
||||
text-align: left;
|
||||
max-width: 320px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.robot-wechat-verify-wrap[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.robot-wechat-verify-wrap label {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
font-size: 0.8125rem;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.robot-wechat-verify-row {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.robot-wechat-verify-row input {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
padding: 10px 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 8px;
|
||||
font-size: 1.125rem;
|
||||
letter-spacing: 0.2em;
|
||||
text-align: center;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.robot-wechat-advanced {
|
||||
margin-top: 16px;
|
||||
padding-top: 12px;
|
||||
border-top: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.robot-wechat-advanced summary {
|
||||
cursor: pointer;
|
||||
font-size: 0.8125rem;
|
||||
color: var(--text-secondary);
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.robot-wechat-advanced[open] summary {
|
||||
margin-bottom: 12px;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.settings-collapsible {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.settings-collapsible summary {
|
||||
cursor: pointer;
|
||||
color: var(--text-muted, #8b9cb3);
|
||||
font-size: 13px;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.settings-collapsible[open] summary {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
|
||||
@@ -836,7 +836,32 @@
|
||||
},
|
||||
"robots": {
|
||||
"title": "Bot settings",
|
||||
"description": "Configure WeCom, DingTalk and Lark bots so you can chat with CyberStrikeAI on your phone without opening the web UI.",
|
||||
"description": "Configure WeChat (iLink), WeCom, DingTalk and Lark bots so you can chat with CyberStrikeAI on your phone without opening the web UI.",
|
||||
"wechat": {
|
||||
"title": "WeChat / iLink",
|
||||
"subtitle": "Bind personal WeChat via QR code and chat with CyberStrikeAI on your phone",
|
||||
"statusIdle": "Not bound",
|
||||
"statusBound": "Connected",
|
||||
"statusScanning": "Binding…",
|
||||
"step1": "Generate QR",
|
||||
"step2": "Scan in WeChat",
|
||||
"step3": "Confirm",
|
||||
"enabled": "Enable WeChat bot",
|
||||
"bindButton": "Generate QR code and bind",
|
||||
"bindHint": "Scan with WeChat to confirm; settings are saved automatically.",
|
||||
"qrLoading": "Generating QR code…",
|
||||
"verifyCodeLabel": "Code on your phone (only if WeChat asks)",
|
||||
"rebindButton": "Re-bind",
|
||||
"boundBotId": "Bound Bot ID: ",
|
||||
"verifyCodeSubmit": "Submit",
|
||||
"advanced": "Advanced settings",
|
||||
"baseUrl": "API Base URL",
|
||||
"botType": "Bot Type",
|
||||
"botAgent": "Bot Agent",
|
||||
"ilinkBotId": "iLink Bot ID (filled after bind)",
|
||||
"boundSuccess": "Binding successful. WeChat bot is enabled.",
|
||||
"openLink": "QR not showing? Open link in WeChat on your phone"
|
||||
},
|
||||
"wecom": {
|
||||
"title": "WeCom",
|
||||
"enabled": "Enable WeCom bot",
|
||||
|
||||
@@ -825,7 +825,32 @@
|
||||
},
|
||||
"robots": {
|
||||
"title": "机器人设置",
|
||||
"description": "配置企业微信、钉钉、飞书等机器人,在手机端直接与 CyberStrikeAI 对话,无需在服务器上打开网页。",
|
||||
"description": "配置微信、企业微信、钉钉、飞书等机器人,在手机端直接与 CyberStrikeAI 对话,无需在服务器上打开网页。",
|
||||
"wechat": {
|
||||
"title": "微信 / iLink",
|
||||
"subtitle": "扫码绑定个人微信,在手机端直接与 CyberStrikeAI 对话",
|
||||
"statusIdle": "未绑定",
|
||||
"statusBound": "已连接",
|
||||
"statusScanning": "绑定中…",
|
||||
"step1": "生成二维码",
|
||||
"step2": "微信扫码",
|
||||
"step3": "确认绑定",
|
||||
"enabled": "启用微信机器人",
|
||||
"bindButton": "生成二维码并绑定",
|
||||
"bindHint": "用微信扫码确认后会自动保存并启用。",
|
||||
"qrLoading": "正在生成二维码…",
|
||||
"verifyCodeLabel": "手机显示的数字(仅部分账号需要)",
|
||||
"rebindButton": "重新绑定",
|
||||
"boundBotId": "已绑定 Bot ID:",
|
||||
"verifyCodeSubmit": "提交",
|
||||
"advanced": "高级设置",
|
||||
"baseUrl": "API Base URL",
|
||||
"botType": "Bot Type",
|
||||
"botAgent": "Bot Agent",
|
||||
"ilinkBotId": "iLink Bot ID(绑定后自动填充)",
|
||||
"boundSuccess": "绑定成功,微信机器人已启用。",
|
||||
"openLink": "无法显示二维码?点击用手机微信打开链接"
|
||||
},
|
||||
"wecom": {
|
||||
"title": "企业微信",
|
||||
"enabled": "启用企业微信机器人",
|
||||
|
||||
@@ -339,9 +339,23 @@ async function loadConfig(loadTools = true) {
|
||||
|
||||
// 填充机器人配置
|
||||
const robots = currentConfig.robots || {};
|
||||
const wechat = robots.wechat || {};
|
||||
const wecom = robots.wecom || {};
|
||||
const dingtalk = robots.dingtalk || {};
|
||||
const lark = robots.lark || {};
|
||||
const wechatEnabled = document.getElementById('robot-wechat-enabled');
|
||||
if (wechatEnabled) wechatEnabled.checked = wechat.enabled === true;
|
||||
const wechatBase = document.getElementById('robot-wechat-base-url');
|
||||
if (wechatBase) wechatBase.value = wechat.base_url || 'https://ilinkai.weixin.qq.com';
|
||||
const wechatBotType = document.getElementById('robot-wechat-bot-type');
|
||||
if (wechatBotType) wechatBotType.value = wechat.bot_type || '3';
|
||||
const wechatBotAgent = document.getElementById('robot-wechat-bot-agent');
|
||||
if (wechatBotAgent) wechatBotAgent.value = wechat.bot_agent || 'CyberStrikeAI/1.0';
|
||||
const wechatBotId = document.getElementById('robot-wechat-ilink-bot-id');
|
||||
if (wechatBotId) wechatBotId.value = wechat.ilink_bot_id || '';
|
||||
if (typeof refreshWechatRobotBoundUI === 'function') {
|
||||
refreshWechatRobotBoundUI({ ...wechat, bound: !!(wechat.bot_token && wechat.ilink_bot_id) });
|
||||
}
|
||||
const wecomEnabled = document.getElementById('robot-wecom-enabled');
|
||||
if (wecomEnabled) wecomEnabled.checked = wecom.enabled === true;
|
||||
const wecomToken = document.getElementById('robot-wecom-token');
|
||||
@@ -1129,6 +1143,18 @@ async function applySettings() {
|
||||
},
|
||||
robots: {
|
||||
...(prevRobots.session && typeof prevRobots.session === 'object' ? { session: prevRobots.session } : {}),
|
||||
wechat: {
|
||||
enabled: document.getElementById('robot-wechat-enabled')?.checked === true,
|
||||
base_url: document.getElementById('robot-wechat-base-url')?.value.trim() || 'https://ilinkai.weixin.qq.com',
|
||||
bot_type: document.getElementById('robot-wechat-bot-type')?.value.trim() || '3',
|
||||
bot_agent: document.getElementById('robot-wechat-bot-agent')?.value.trim() || 'CyberStrikeAI/1.0',
|
||||
ilink_bot_id: document.getElementById('robot-wechat-ilink-bot-id')?.value.trim() || (prevRobots.wechat && prevRobots.wechat.ilink_bot_id) || '',
|
||||
...(prevRobots.wechat && typeof prevRobots.wechat === 'object' ? {
|
||||
bot_token: prevRobots.wechat.bot_token || '',
|
||||
ilink_user_id: prevRobots.wechat.ilink_user_id || '',
|
||||
get_updates_buf: prevRobots.wechat.get_updates_buf || ''
|
||||
} : {})
|
||||
},
|
||||
wecom: {
|
||||
enabled: document.getElementById('robot-wecom-enabled')?.checked === true,
|
||||
token: document.getElementById('robot-wecom-token')?.value.trim() || '',
|
||||
|
||||
@@ -0,0 +1,350 @@
|
||||
// 微信 iLink 机器人:扫码绑定与状态轮询
|
||||
|
||||
let wechatBindSessionKey = null;
|
||||
let wechatBindPollTimer = null;
|
||||
|
||||
function wechatT(key, fallback) {
|
||||
return typeof t === 'function' ? t(key) : fallback;
|
||||
}
|
||||
|
||||
function getWechatCard() {
|
||||
return document.getElementById('robot-wechat-subsection');
|
||||
}
|
||||
|
||||
function setWechatBadge(mode) {
|
||||
const badge = document.getElementById('robot-wechat-status-badge');
|
||||
if (!badge) return;
|
||||
badge.classList.remove('robot-wechat-badge--idle', 'robot-wechat-badge--bound', 'robot-wechat-badge--scanning');
|
||||
if (mode === 'bound') {
|
||||
badge.classList.add('robot-wechat-badge--bound');
|
||||
badge.textContent = wechatT('settings.robots.wechat.statusBound', '已连接');
|
||||
} else if (mode === 'scanning') {
|
||||
badge.classList.add('robot-wechat-badge--scanning');
|
||||
badge.textContent = wechatT('settings.robots.wechat.statusScanning', '绑定中…');
|
||||
} else {
|
||||
badge.classList.add('robot-wechat-badge--idle');
|
||||
badge.textContent = wechatT('settings.robots.wechat.statusIdle', '未绑定');
|
||||
}
|
||||
}
|
||||
|
||||
function setWechatCardBound(isBound) {
|
||||
const card = getWechatCard();
|
||||
if (card) card.classList.toggle('is-bound', !!isBound);
|
||||
}
|
||||
|
||||
function updateWechatSteps(phase) {
|
||||
const steps = document.querySelectorAll('.robot-wechat-step');
|
||||
if (!steps.length) return;
|
||||
const order = ['generate', 'scan', 'confirm'];
|
||||
const idx = order.indexOf(phase);
|
||||
steps.forEach((el, i) => {
|
||||
el.classList.remove('is-active', 'is-done');
|
||||
if (idx < 0) {
|
||||
if (i === 0) el.classList.add('is-active');
|
||||
} else if (i < idx) {
|
||||
el.classList.add('is-done');
|
||||
} else if (i === idx) {
|
||||
el.classList.add('is-active');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function ensureWechatSteps() {
|
||||
const panel = document.getElementById('robot-wechat-scan-panel');
|
||||
if (!panel || panel.querySelector('.robot-wechat-steps')) return;
|
||||
const ol = document.createElement('ol');
|
||||
ol.className = 'robot-wechat-steps';
|
||||
ol.innerHTML = `
|
||||
<li class="robot-wechat-step is-active">${wechatT('settings.robots.wechat.step1', '生成二维码')}</li>
|
||||
<li class="robot-wechat-step">${wechatT('settings.robots.wechat.step2', '微信扫码')}</li>
|
||||
<li class="robot-wechat-step">${wechatT('settings.robots.wechat.step3', '确认绑定')}</li>`;
|
||||
panel.insertBefore(ol, panel.firstChild);
|
||||
}
|
||||
|
||||
function ensureWechatQrFrame() {
|
||||
const img = document.getElementById('robot-wechat-qr-img');
|
||||
if (!img || img.parentElement?.classList.contains('robot-wechat-qr-frame')) return;
|
||||
const frame = document.createElement('div');
|
||||
frame.className = 'robot-wechat-qr-frame';
|
||||
img.parentNode.insertBefore(frame, img);
|
||||
frame.appendChild(img);
|
||||
let ph = document.getElementById('robot-wechat-qr-placeholder');
|
||||
if (!ph) {
|
||||
ph = document.createElement('div');
|
||||
ph.id = 'robot-wechat-qr-placeholder';
|
||||
ph.className = 'robot-wechat-qr-placeholder';
|
||||
ph.setAttribute('aria-hidden', 'true');
|
||||
ph.innerHTML = '<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><path d="M14 14h3v3h-3v-3zm4 0h3v3h-3v-3zm-4 4h3v3h-3v-3zm4 0h3v3h-3v-3z"/></svg>';
|
||||
frame.appendChild(ph);
|
||||
} else {
|
||||
frame.appendChild(ph);
|
||||
}
|
||||
}
|
||||
|
||||
function stopWechatBindPoll() {
|
||||
if (wechatBindPollTimer) {
|
||||
clearTimeout(wechatBindPollTimer);
|
||||
wechatBindPollTimer = null;
|
||||
}
|
||||
}
|
||||
|
||||
/** 已绑定:仅展示成功状态,不显示二维码/配对码 */
|
||||
function showWechatBoundUI(wechat) {
|
||||
const wc = wechat || {};
|
||||
const wrap = document.getElementById('robot-wechat-qr-wrap');
|
||||
const boundPanel = document.getElementById('robot-wechat-bound-panel');
|
||||
const scanPanel = document.getElementById('robot-wechat-scan-panel');
|
||||
const boundId = document.getElementById('robot-wechat-bound-id');
|
||||
const btn = document.getElementById('robot-wechat-bind-btn');
|
||||
|
||||
stopWechatBindPoll();
|
||||
wechatBindSessionKey = null;
|
||||
setWechatBadge('bound');
|
||||
setWechatCardBound(true);
|
||||
|
||||
if (wrap) wrap.hidden = false;
|
||||
if (boundPanel) boundPanel.hidden = false;
|
||||
if (scanPanel) scanPanel.hidden = true;
|
||||
|
||||
const verifyWrap = document.getElementById('robot-wechat-verify-wrap');
|
||||
if (verifyWrap) verifyWrap.hidden = true;
|
||||
|
||||
const img = document.getElementById('robot-wechat-qr-img');
|
||||
const ph = document.getElementById('robot-wechat-qr-placeholder');
|
||||
if (img) {
|
||||
img.removeAttribute('src');
|
||||
img.hidden = true;
|
||||
}
|
||||
if (ph) ph.hidden = false;
|
||||
|
||||
if (boundId) {
|
||||
const id = wc.ilink_bot_id || document.getElementById('robot-wechat-ilink-bot-id')?.value?.trim() || '';
|
||||
if (id) {
|
||||
boundId.textContent = wechatT('settings.robots.wechat.boundBotId', '已绑定 Bot ID:') + id;
|
||||
boundId.hidden = false;
|
||||
} else {
|
||||
boundId.textContent = '';
|
||||
boundId.hidden = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (btn) {
|
||||
btn.textContent = wechatT('settings.robots.wechat.rebindButton', '重新绑定');
|
||||
}
|
||||
}
|
||||
|
||||
/** 扫码绑定进行中 */
|
||||
function showWechatScanUI() {
|
||||
const wrap = document.getElementById('robot-wechat-qr-wrap');
|
||||
const boundPanel = document.getElementById('robot-wechat-bound-panel');
|
||||
const scanPanel = document.getElementById('robot-wechat-scan-panel');
|
||||
const btn = document.getElementById('robot-wechat-bind-btn');
|
||||
|
||||
setWechatBadge('scanning');
|
||||
setWechatCardBound(false);
|
||||
ensureWechatSteps();
|
||||
updateWechatSteps('generate');
|
||||
|
||||
if (wrap) wrap.hidden = false;
|
||||
if (boundPanel) boundPanel.hidden = true;
|
||||
if (scanPanel) scanPanel.hidden = false;
|
||||
|
||||
const verifyWrap = document.getElementById('robot-wechat-verify-wrap');
|
||||
if (verifyWrap) verifyWrap.hidden = true;
|
||||
|
||||
const verifyInput = document.getElementById('robot-wechat-verify-code');
|
||||
if (verifyInput) verifyInput.value = '';
|
||||
|
||||
if (btn) {
|
||||
btn.textContent = wechatT('settings.robots.wechat.bindButton', '生成二维码并绑定');
|
||||
}
|
||||
}
|
||||
|
||||
/** 未绑定且未在扫码:隐藏面板 */
|
||||
function hideWechatQrWrap() {
|
||||
const wrap = document.getElementById('robot-wechat-qr-wrap');
|
||||
if (wrap) wrap.hidden = true;
|
||||
setWechatBadge('idle');
|
||||
setWechatCardBound(false);
|
||||
}
|
||||
|
||||
function setWechatQrImage(data) {
|
||||
ensureWechatQrFrame();
|
||||
const img = document.getElementById('robot-wechat-qr-img');
|
||||
const ph = document.getElementById('robot-wechat-qr-placeholder');
|
||||
const linkEl = document.getElementById('robot-wechat-qr-link');
|
||||
const openUrl = data.qrcode_open_url || data.qrcode_img_url || '';
|
||||
|
||||
if (img) {
|
||||
if (data.qrcode_image_data_url) {
|
||||
img.onload = () => {
|
||||
img.hidden = false;
|
||||
if (ph) ph.hidden = true;
|
||||
};
|
||||
img.onerror = () => {
|
||||
img.hidden = true;
|
||||
if (ph) ph.hidden = false;
|
||||
};
|
||||
img.src = data.qrcode_image_data_url;
|
||||
updateWechatSteps('scan');
|
||||
} else {
|
||||
img.removeAttribute('src');
|
||||
img.hidden = true;
|
||||
if (ph) ph.hidden = false;
|
||||
}
|
||||
}
|
||||
if (linkEl) {
|
||||
if (openUrl) {
|
||||
linkEl.href = openUrl;
|
||||
linkEl.hidden = false;
|
||||
} else {
|
||||
linkEl.hidden = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function setWechatQrStatus(text, isError) {
|
||||
const el = document.getElementById('robot-wechat-qr-status');
|
||||
if (!el) return;
|
||||
el.textContent = text || '';
|
||||
el.classList.toggle('is-error', !!isError);
|
||||
el.classList.toggle('is-success', !isError && !!text);
|
||||
}
|
||||
|
||||
async function startWechatRobotBind() {
|
||||
stopWechatBindPoll();
|
||||
wechatBindSessionKey = null;
|
||||
showWechatScanUI();
|
||||
ensureWechatQrFrame();
|
||||
|
||||
const loading = document.getElementById('robot-wechat-qr-loading');
|
||||
const img = document.getElementById('robot-wechat-qr-img');
|
||||
const ph = document.getElementById('robot-wechat-qr-placeholder');
|
||||
const btn = document.getElementById('robot-wechat-bind-btn');
|
||||
|
||||
if (loading) loading.hidden = false;
|
||||
if (img) {
|
||||
img.removeAttribute('src');
|
||||
img.hidden = true;
|
||||
}
|
||||
if (ph) ph.hidden = false;
|
||||
setWechatQrStatus('', false);
|
||||
if (btn) btn.disabled = true;
|
||||
|
||||
const botType = document.getElementById('robot-wechat-bot-type')?.value.trim() || '3';
|
||||
|
||||
try {
|
||||
const res = await apiFetch('/api/robot/wechat/qrcode', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ bot_type: botType })
|
||||
});
|
||||
const data = await res.json();
|
||||
if (!res.ok) {
|
||||
throw new Error(data.error || data.message || '获取二维码失败');
|
||||
}
|
||||
wechatBindSessionKey = data.session_key;
|
||||
setWechatQrImage(data);
|
||||
setWechatQrStatus(data.message || '请使用微信扫描二维码', false);
|
||||
pollWechatBindStatus();
|
||||
} catch (e) {
|
||||
setWechatQrStatus(e.message || String(e), true);
|
||||
setWechatBadge('idle');
|
||||
} finally {
|
||||
if (loading) loading.hidden = true;
|
||||
if (btn) btn.disabled = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function pollWechatBindStatus() {
|
||||
if (!wechatBindSessionKey) return;
|
||||
|
||||
try {
|
||||
const url = `/api/robot/wechat/qrcode/status?session_key=${encodeURIComponent(wechatBindSessionKey)}`;
|
||||
const res = await apiFetch(url, { method: 'GET' });
|
||||
const data = await res.json();
|
||||
if (!res.ok) {
|
||||
throw new Error(data.error || '轮询失败');
|
||||
}
|
||||
|
||||
const verifyWrap = document.getElementById('robot-wechat-verify-wrap');
|
||||
|
||||
switch (data.status) {
|
||||
case 'confirmed':
|
||||
stopWechatBindPoll();
|
||||
updateWechatSteps('confirm');
|
||||
document.getElementById('robot-wechat-enabled').checked = true;
|
||||
if (data.ilink_bot_id) {
|
||||
const idEl = document.getElementById('robot-wechat-ilink-bot-id');
|
||||
if (idEl) idEl.value = data.ilink_bot_id;
|
||||
}
|
||||
if (typeof loadConfig === 'function') {
|
||||
await loadConfig(false);
|
||||
} else {
|
||||
showWechatBoundUI({
|
||||
ilink_bot_id: data.ilink_bot_id,
|
||||
bound: true
|
||||
});
|
||||
}
|
||||
return;
|
||||
case 'need_verifycode':
|
||||
updateWechatSteps('scan');
|
||||
if (verifyWrap) verifyWrap.hidden = false;
|
||||
setWechatQrStatus(data.message || '请输入手机微信显示的数字', false);
|
||||
break;
|
||||
case 'scaned':
|
||||
updateWechatSteps('confirm');
|
||||
if (verifyWrap) verifyWrap.hidden = true;
|
||||
setWechatQrStatus('已扫码,请在手机上确认…', false);
|
||||
break;
|
||||
case 'binded_redirect':
|
||||
stopWechatBindPoll();
|
||||
showWechatBoundUI({ bound: true });
|
||||
return;
|
||||
case 'expired':
|
||||
setWechatQrStatus('二维码已过期,请重新点击「生成二维码并绑定」', true);
|
||||
setWechatBadge('scanning');
|
||||
stopWechatBindPoll();
|
||||
return;
|
||||
default:
|
||||
if (verifyWrap) verifyWrap.hidden = true;
|
||||
break;
|
||||
}
|
||||
} catch (e) {
|
||||
setWechatQrStatus(e.message || String(e), true);
|
||||
}
|
||||
|
||||
wechatBindPollTimer = setTimeout(pollWechatBindStatus, 1500);
|
||||
}
|
||||
|
||||
async function submitWechatVerifyCode() {
|
||||
const code = document.getElementById('robot-wechat-verify-code')?.value.trim();
|
||||
if (!code || !wechatBindSessionKey) return;
|
||||
try {
|
||||
const res = await apiFetch('/api/robot/wechat/qrcode/verify', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ session_key: wechatBindSessionKey, verify_code: code })
|
||||
});
|
||||
const data = await res.json();
|
||||
if (!res.ok) throw new Error(data.error || '提交失败');
|
||||
setWechatQrStatus(data.message || '已提交配对码,等待确认…', false);
|
||||
pollWechatBindStatus();
|
||||
} catch (e) {
|
||||
setWechatQrStatus(e.message || String(e), true);
|
||||
}
|
||||
}
|
||||
|
||||
function refreshWechatRobotBoundUI(wechat) {
|
||||
const wc = wechat || {};
|
||||
const isBound = wc.bound || (wc.bot_token && wc.ilink_bot_id) || !!(wc.ilink_bot_id && wc.enabled);
|
||||
if (isBound) {
|
||||
showWechatBoundUI(wc);
|
||||
} else {
|
||||
hideWechatQrWrap();
|
||||
const btn = document.getElementById('robot-wechat-bind-btn');
|
||||
if (btn) {
|
||||
btn.textContent = wechatT('settings.robots.wechat.bindButton', '生成二维码并绑定');
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -2379,6 +2379,73 @@
|
||||
<p class="settings-description" data-i18n="settings.robots.description">配置企业微信、钉钉、飞书等机器人,在手机端直接与 CyberStrikeAI 对话,无需在服务器上打开网页。</p>
|
||||
</div>
|
||||
|
||||
<!-- 微信 / iLink -->
|
||||
<div class="settings-subsection robot-wechat-card" id="robot-wechat-subsection">
|
||||
<div class="robot-wechat-header">
|
||||
<div class="robot-wechat-header-text">
|
||||
<h4 data-i18n="settings.robots.wechat.title">微信 / iLink</h4>
|
||||
<p class="robot-wechat-subtitle" data-i18n="settings.robots.wechat.subtitle">扫码绑定个人微信,在手机端直接与 CyberStrikeAI 对话</p>
|
||||
</div>
|
||||
<span id="robot-wechat-status-badge" class="robot-wechat-badge robot-wechat-badge--idle" data-i18n="settings.robots.wechat.statusIdle">未绑定</span>
|
||||
</div>
|
||||
<div class="settings-form robot-wechat-form">
|
||||
<div class="robot-wechat-toolbar">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" id="robot-wechat-enabled" class="modern-checkbox" />
|
||||
<span class="checkbox-custom"></span>
|
||||
<span class="checkbox-text" data-i18n="settings.robots.wechat.enabled">启用微信机器人</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="robot-wechat-action-row">
|
||||
<button type="button" class="btn-primary" id="robot-wechat-bind-btn" onclick="startWechatRobotBind()" data-i18n="settings.robots.wechat.bindButton">生成二维码并绑定</button>
|
||||
<p class="robot-wechat-hint" id="robot-wechat-bind-hint" data-i18n="settings.robots.wechat.bindHint">用微信扫码确认后会自动保存并启用。</p>
|
||||
</div>
|
||||
<div id="robot-wechat-qr-wrap" class="robot-wechat-panel" hidden>
|
||||
<div id="robot-wechat-bound-panel" class="robot-wechat-bound-panel" hidden>
|
||||
<div class="robot-wechat-bound-icon" aria-hidden="true">
|
||||
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
|
||||
</div>
|
||||
<p class="robot-wechat-bound-msg" data-i18n="settings.robots.wechat.boundSuccess">绑定成功,微信机器人已启用</p>
|
||||
<p id="robot-wechat-bound-id" class="robot-wechat-bound-id" hidden></p>
|
||||
</div>
|
||||
<div id="robot-wechat-scan-panel" class="robot-wechat-scan-panel" hidden>
|
||||
<div id="robot-wechat-qr-loading" class="robot-wechat-qr-loading" hidden data-i18n="settings.robots.wechat.qrLoading">正在生成二维码…</div>
|
||||
<img id="robot-wechat-qr-img" class="robot-wechat-qr-img" alt="" width="220" height="220" hidden />
|
||||
<p class="robot-wechat-qr-fallback">
|
||||
<a id="robot-wechat-qr-link" href="#" target="_blank" rel="noopener noreferrer" hidden data-i18n="settings.robots.wechat.openLink">无法显示二维码?点击用手机微信打开链接</a>
|
||||
</p>
|
||||
<p id="robot-wechat-qr-status" class="robot-wechat-qr-status"></p>
|
||||
<div id="robot-wechat-verify-wrap" class="robot-wechat-verify-wrap" hidden>
|
||||
<label for="robot-wechat-verify-code" data-i18n="settings.robots.wechat.verifyCodeLabel">手机显示的数字(仅部分账号需要)</label>
|
||||
<div class="robot-wechat-verify-row">
|
||||
<input type="text" id="robot-wechat-verify-code" inputmode="numeric" autocomplete="one-time-code" maxlength="8" placeholder="000000" />
|
||||
<button type="button" class="btn-primary btn-sm" onclick="submitWechatVerifyCode()" data-i18n="settings.robots.wechat.verifyCodeSubmit">提交</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<details class="settings-collapsible robot-wechat-advanced" id="robot-wechat-advanced">
|
||||
<summary data-i18n="settings.robots.wechat.advanced">高级设置</summary>
|
||||
<div class="form-group">
|
||||
<label for="robot-wechat-base-url" data-i18n="settings.robots.wechat.baseUrl">API Base URL</label>
|
||||
<input type="text" id="robot-wechat-base-url" placeholder="https://ilinkai.weixin.qq.com" autocomplete="off" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="robot-wechat-bot-type" data-i18n="settings.robots.wechat.botType">Bot Type</label>
|
||||
<input type="text" id="robot-wechat-bot-type" placeholder="3" autocomplete="off" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="robot-wechat-bot-agent" data-i18n="settings.robots.wechat.botAgent">Bot Agent</label>
|
||||
<input type="text" id="robot-wechat-bot-agent" placeholder="CyberStrikeAI/1.0" autocomplete="off" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="robot-wechat-ilink-bot-id" data-i18n="settings.robots.wechat.ilinkBotId">iLink Bot ID(绑定后自动填充)</label>
|
||||
<input type="text" id="robot-wechat-ilink-bot-id" readonly autocomplete="off" />
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 企业微信 -->
|
||||
<div class="settings-subsection">
|
||||
<h4 data-i18n="settings.robots.wecom.title">企业微信</h4>
|
||||
@@ -3548,6 +3615,7 @@
|
||||
<script src="/static/js/chat.js"></script>
|
||||
<script src="/static/js/hitl.js"></script>
|
||||
<script src="/static/js/settings.js"></script>
|
||||
<script src="/static/js/wechat-robot.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/xterm@4.19.0/lib/xterm.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.5.0/lib/xterm-addon-fit.js"></script>
|
||||
<script src="/static/js/terminal.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user