Greasy Fork is available in English.
智能管理 Arena 模型显示
// ==UserScript==
// @name Arena Manager
// @namespace http://tampermonkey.net/
// @icon https://arena.ai/favicon.ico
// @version 5.1.3
// @description 智能管理 Arena 模型显示
// @author Jim Achievo
// @match *://*arena.ai/*
// @match *://canaryarena.ai/*
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_addStyle
// @grant GM_xmlhttpRequest
// @connect api.github.com
// @connect raw.githubusercontent.com
// @run-at document-idle
// @license MIT
// ==/UserScript==
(function() {
'use strict';
const STORAGE_KEY = 'arena_manager_v5';
const VERSION = '5.1.3';
const REPO_OWNER = 'JimAchievo';
const REPO_NAME = 'Arena-Manager';
const RECOMMENDED_FILE = 'recommended-config.json';
const LOGO_CACHE_KEY = 'arena_manager_logos';
const LOGO_BASE_URL = `https://raw.githubusercontent.com/${REPO_OWNER}/${REPO_NAME}/main/Organization%20Logos/`;
// ==================== 1. 国际化系统 ====================
const I18N = {
'zh-CN': {
name: '简体中文',
ui: {
title: 'Arena Manager',
startScan: '开始扫描',
endScan: '结束扫描',
export: '导出',
import: '导入',
clearMarks: '清除标记',
groups: '分组',
settings: '设置',
all: '全部',
enabled: '已启用',
hidden: '已隐藏',
starred: '收藏',
newFound: '新发现',
searchPlaceholder: '搜索... (空格=AND, /regex/)',
allOrgs: '所有组织',
sortByOrg: '按组织',
starredFirst: '收藏优先',
nameAZ: '名称 A-Z',
nameZA: '名称 Z-A',
latestAdded: '最新添加',
models: '个模型',
multiSelect: '多选',
show: '显示',
hide: '隐藏',
addToGroup: '添加至分组',
selectAll: '全部选择',
deselectAll: '全部取消',
invert: '反选',
revert: '还原',
removeFromGroup: '移出分组',
removedFromGroup: '已移出分组',
exitMulti: '退出多选',
byOrg: '按组织',
sort: '排序',
done: '完成',
reset: '重置',
moreOrgs: '更多组织',
byType: '按类型',
features: '特性',
vision: '视觉',
pdfUpload: 'PDF 上传',
universal: '综合',
t2iOnly: '仅文生图',
i2iOnly: '仅图生图',
displayed: '显示',
hiddenCount: '隐藏',
total: '总计',
noMatch: '没有匹配的模型',
noMatchHint: '请打开模型下拉框以触发自动扫描',
modelDetails: '模型详情',
modelName: '模型名称',
org: '所属组织',
orgPlaceholder: '输入组织名',
belongGroups: '所属分组',
noGroupHint: '暂无分组，点击顶栏"分组"创建',
restoreDefault: '恢复默认',
cancel: '取消',
save: '保存',
confirm: '确认',
confirmTitle: '确认操作',
confirmMsg: '确定要执行此操作吗？',
scanResult: '扫描结果',
scannedCount: '本次扫描到',
modelsText: '个模型',
notScanned: '以下模型未被扫描到',
allScanned: '所有模型均已扫描到',
keepAll: '保留全部',
deleteSelected: '删除选中',
groupManage: '分组管理',
newGroupName: '新分组名称',
create: '创建',
close: '关闭',
noGroups: '暂无分组',
rename: '重命名',
delete: '删除',
settingsTitle: '设置',
language: '语言',
newModelAlert: '新模型提示',
newModelAlertDesc: '发现新模型时显示通知',
cloudSync: 'GitHub Gist 云同步',
gistToken: 'GitHub Token',
gistTokenPlaceholder: '输入 GitHub Personal Access Token',
gistId: 'Gist ID',
gistIdPlaceholder: '留空则自动创建',
syncNow: '立即同步',
exported: '已导出',
importSuccess: '导入成功',
importFailed: '导入失败',
marksCleared: '已清除标记',
saved: '已保存',
restored: '已恢复默认',
deleted: '已删除',
renamed: '已重命名',
groupCreated: '分组已创建',
groupExists: '分组名称已存在',
enterGroupName: '请输入分组名称',
nameExists: '名称已存在',
scanStarted: '扫描已开始，请依次打开各模式的模型下拉框',
newModelFound: '发现新模型',
newModelsFound: '发现 {0} 个新模型',
defaultOrderRestored: '已恢复默认排序',
orgOrderRestored: '已恢复默认组织顺序',
addedToGroup: '已添加至分组',
selectGroup: '选择分组',
inputNewName: '输入新名称',
confirmDelete: '确定删除分组"{0}"吗？',
on: '开',
off: '关',
syncUpload: '上传到云端',
syncDownload: '从云端下载',
uploadSuccess: '上传成功',
downloadSuccess: '下载成功，页面即将刷新',
confirmDownload: '下载将覆盖本地所有数据，确定继续吗？',
noGistId: '请先输入 Gist ID 或先上传一次',
tokenRequired: '请输入 GitHub Token',
gistIdSaved: 'Gist ID 已自动保存',
networkError: '网络错误',
invalidToken: 'Token 无效或权限不足',
gistNotFound: 'Gist 不存在',
syncError: '同步错误',
deleteModelData: '删除所有模型数据',
deleteModelDataDesc: '清除所有模型数据、排序和分组，保留设置',
deleteModelDataConfirm: '确定要删除所有模型数据吗？此操作不可撤销！',
modelDataDeleted: '模型数据已删除',
deleteAllData: '删除所有数据',
deleteAllDataDesc: '清除所有设置、模型数据和缓存',
deleteAllDataConfirm: '确定要删除所有数据吗？此操作不可撤销！',
allDataDeleted: '所有数据已删除',
recommendedConfig: '推荐模型配置',
useRecommended: '使用推荐配置',
checkUpdate: '检查更新',
localImported: '本地已导入',
latestAvailable: '最新可用',
notImported: '未导入',
configDiff: '配置差异',
visibilityChanges: '可见性变更',
sortChanges: '排序变更',
starChanges: '收藏变更',
modelInfoChanges: '模型信息变更',
groupChanges: '分组变更',
applySelected: '应用选中',
noChanges: '没有差异',
recommendedApplied: '推荐配置已应用',
adminMode: '管理员模式',
uploadRecommended: '上传推荐配置',
repoToken: '仓库 Token',
repoTokenPlaceholder: '输入仓库写入 Token',
uploadRecommendedSuccess: '推荐配置已上传',
addStarred: '新增收藏',
removeStarred: '取消收藏',
newGroups: '新增分组',
modifiedGroups: '修改分组',
noteIconOrgChanged: '备注/图标/组织有变更',
modelOrderText: '模型顺序',
orgOrderText: '组织顺序',
note: '备注',
notePlaceholder: '输入备注...',
visibleStatus: '可见状态',
visibleYes: '已启用',
visibleNo: '已隐藏',
rankInMode: '排序位置',
rankOf: '第 {0} 位 / 共 {1} 个',
iconEdit: '图标',
iconPlaceholder: '单个字符',
resetOrg: '重置',
modes: '所属模式',
autoSync: '自动云同步',
autoSyncDesc: '自动将数据同步到云端',
syncOnChange: '变更时同步',
syncInterval: '定时同步',
minutes: '分钟',
lockFabPosition: '锁定按钮位置',
lockFabPositionDesc: '禁止拖动悬浮按钮',
exportGroup: '导出分组',
groupExported: '分组已导出',
invalidSyncInterval: '同步间隔必须是1-60之间的整数',
compact: '紧凑',
grid: '网格',
list: '列表'
}
},
'en': {
name: 'English',
ui: {
title: 'Arena Manager',
startScan: 'Start Scan',
endScan: 'End Scan',
export: 'Export',
import: 'Import',
clearMarks: 'Clear Marks',
groups: 'Groups',
settings: 'Settings',
all: 'All',
enabled: 'Enabled',
hidden: 'Hidden',
starred: 'Starred',
newFound: 'New',
searchPlaceholder: 'Search... (space=AND, /regex/)',
allOrgs: 'All Organizations',
sortByOrg: 'By Organization',
starredFirst: 'Starred First',
nameAZ: 'Name A-Z',
nameZA: 'Name Z-A',
latestAdded: 'Latest Added',
models: 'models',
multiSelect: 'Multi-Select',
show: 'Show',
hide: 'Hide',
addToGroup: 'Add to Group',
selectAll: 'Select All',
deselectAll: 'Deselect All',
invert: 'Invert',
revert: 'Revert',
removeFromGroup: 'Remove from Group',
removedFromGroup: 'Removed from group',
exitMulti: 'Exit',
byOrg: 'By Organization',
sort: 'Sort',
done: 'Done',
reset: 'Reset',
moreOrgs: 'More Organizations',
byType: 'By Type',
features: 'Features',
vision: 'Vision',
pdfUpload: 'PDF Upload',
universal: 'Universal',
t2iOnly: 'Text-to-Image',
i2iOnly: 'Image-to-Image',
displayed: 'Shown',
hiddenCount: 'Hidden',
total: 'Total',
noMatch: 'No matching models',
noMatchHint: 'Please open model dropdown to trigger auto scan',
modelDetails: 'Model Details',
modelName: 'Model Name',
org: 'Organization',
orgPlaceholder: 'Enter organization name',
belongGroups: 'Groups',
noGroupHint: 'No groups yet, click "Groups" to create',
restoreDefault: 'Restore Default',
cancel: 'Cancel',
save: 'Save',
confirm: 'Confirm',
confirmTitle: 'Confirm',
confirmMsg: 'Are you sure?',
scanResult: 'Scan Result',
scannedCount: 'Scanned',
modelsText: 'models',
notScanned: 'Following models were not scanned',
allScanned: 'All models scanned successfully',
keepAll: 'Keep All',
deleteSelected: 'Delete Selected',
groupManage: 'Group Management',
newGroupName: 'New group name',
create: 'Create',
close: 'Close',
noGroups: 'No groups',
rename: 'Rename',
delete: 'Delete',
settingsTitle: 'Settings',
language: 'Language',
newModelAlert: 'New Model Alert',
newModelAlertDesc: 'Show notification when new models found',
cloudSync: 'GitHub Gist Sync',
gistToken: 'GitHub Token',
gistTokenPlaceholder: 'Enter GitHub Personal Access Token',
gistId: 'Gist ID',
gistIdPlaceholder: 'Leave empty to auto create',
syncNow: 'Sync Now',
exported: 'Exported',
importSuccess: 'Import successful',
importFailed: 'Import failed',
marksCleared: 'Marks cleared',
saved: 'Saved',
restored: 'Restored to default',
deleted: 'Deleted',
renamed: 'Renamed',
groupCreated: 'Group created',
groupExists: 'Group name exists',
enterGroupName: 'Please enter group name',
nameExists: 'Name already exists',
scanStarted: 'Scan started, please open model dropdowns in each mode',
newModelFound: 'New model found',
newModelsFound: '{0} new models found',
defaultOrderRestored: 'Default order restored',
orgOrderRestored: 'Default organization order restored',
addedToGroup: 'Added to group',
selectGroup: 'Select Group',
inputNewName: 'Enter new name',
confirmDelete: 'Delete group "{0}"?',
on: 'On',
off: 'Off',
syncUpload: 'Upload',
syncDownload: 'Download',
uploadSuccess: 'Upload successful',
downloadSuccess: 'Download successful, page will refresh',
confirmDownload: 'Download will overwrite all local data. Continue?',
noGistId: 'Please enter Gist ID or upload first',
tokenRequired: 'Please enter GitHub Token',
gistIdSaved: 'Gist ID saved',
networkError: 'Network error',
invalidToken: 'Invalid token or insufficient permissions',
gistNotFound: 'Gist not found',
syncError: 'Sync error',
deleteModelData: 'Delete Model Data',
deleteModelDataDesc: 'Clear all model data, sorting and groups, keep settings',
deleteModelDataConfirm: 'Delete all model data? This cannot be undone!',
modelDataDeleted: 'Model data deleted',
deleteAllData: 'Delete All Data',
deleteAllDataDesc: 'Clear all settings, model data and cache',
deleteAllDataConfirm: 'Delete all data? This cannot be undone!',
allDataDeleted: 'All data deleted',
recommendedConfig: 'Recommended Config',
useRecommended: 'Use Recommended',
checkUpdate: 'Check Update',
localImported: 'Local Imported',
latestAvailable: 'Latest Available',
notImported: 'Not imported',
configDiff: 'Config Differences',
visibilityChanges: 'Visibility Changes',
sortChanges: 'Sort Changes',
starChanges: 'Star Changes',
modelInfoChanges: 'Model Info Changes',
groupChanges: 'Group Changes',
applySelected: 'Apply Selected',
noChanges: 'No differences',
recommendedApplied: 'Recommended config applied',
adminMode: 'Admin Mode',
uploadRecommended: 'Upload Recommended',
repoToken: 'Repo Token',
repoTokenPlaceholder: 'Enter repo write Token',
uploadRecommendedSuccess: 'Recommended config uploaded',
addStarred: 'Add star',
removeStarred: 'Remove star',
newGroups: 'New groups',
modifiedGroups: 'Modified groups',
noteIconOrgChanged: 'Note/icon/org changed',
modelOrderText: 'Model order',
orgOrderText: 'Org order',
note: 'Note',
notePlaceholder: 'Enter note...',
visibleStatus: 'Visibility',
visibleYes: 'Enabled',
visibleNo: 'Hidden',
rankInMode: 'Rank',
rankOf: '#{0} of {1}',
iconEdit: 'Icon',
iconPlaceholder: 'Single char',
resetOrg: 'Reset',
modes: 'Modes',
autoSync: 'Auto Sync',
autoSyncDesc: 'Automatically sync data to cloud',
syncOnChange: 'Sync on change',
syncInterval: 'Interval sync',
minutes: 'min',
lockFabPosition: 'Lock Button Position',
lockFabPositionDesc: 'Prevent dragging the floating button',
exportGroup: 'Export Group',
groupExported: 'Group exported',
invalidSyncInterval: 'Sync interval must be 1-60',
compact: 'Compact',
grid: 'Grid',
list: 'List'
}
},
'zh-TW': {
name: '繁體中文',
ui: {
title: 'Arena Manager',
startScan: '開始掃描',
endScan: '結束掃描',
export: '匯出',
import: '匯入',
clearMarks: '清除標記',
groups: '分組',
settings: '設定',
all: '全部',
enabled: '已啟用',
hidden: '已隱藏',
starred: '收藏',
newFound: '新發現',
searchPlaceholder: '搜尋... (空格=AND, /regex/)',
allOrgs: '所有組織',
sortByOrg: '按組織',
starredFirst: '收藏優先',
nameAZ: '名稱 A-Z',
nameZA: '名稱 Z-A',
latestAdded: '最新添加',
models: '個模型',
multiSelect: '多選',
show: '顯示',
hide: '隱藏',
addToGroup: '添加至分組',
selectAll: '全部選擇',
deselectAll: '全部取消',
invert: '反選',
revert: '還原',
removeFromGroup: '移出分組',
removedFromGroup: '已移出分組',
exitMulti: '退出多選',
byOrg: '按組織',
sort: '排序',
done: '完成',
reset: '重置',
moreOrgs: '更多組織',
byType: '按類型',
features: '特性',
vision: '視覺',
pdfUpload: 'PDF 上傳',
universal: '綜合',
t2iOnly: '僅文生圖',
i2iOnly: '僅圖生圖',
displayed: '顯示',
hiddenCount: '隱藏',
total: '總計',
noMatch: '沒有匹配的模型',
noMatchHint: '請打開模型下拉框以觸發自動掃描',
modelDetails: '模型詳情',
modelName: '模型名稱',
org: '所屬組織',
orgPlaceholder: '輸入組織名',
belongGroups: '所屬分組',
noGroupHint: '暫無分組，點擊頂欄「分組」創建',
restoreDefault: '恢復預設',
cancel: '取消',
save: '儲存',
confirm: '確認',
confirmTitle: '確認操作',
confirmMsg: '確定要執行此操作嗎？',
scanResult: '掃描結果',
scannedCount: '本次掃描到',
modelsText: '個模型',
notScanned: '以下模型未被掃描到',
allScanned: '所有模型均已掃描到',
keepAll: '保留全部',
deleteSelected: '刪除選中',
groupManage: '分組管理',
newGroupName: '新分組名稱',
create: '創建',
close: '關閉',
noGroups: '暫無分組',
rename: '重命名',
delete: '刪除',
settingsTitle: '設定',
language: '語言',
newModelAlert: '新模型提示',
newModelAlertDesc: '發現新模型時顯示通知',
cloudSync: 'GitHub Gist 雲同步',
gistToken: 'GitHub Token',
gistTokenPlaceholder: '輸入 GitHub Personal Access Token',
gistId: 'Gist ID',
gistIdPlaceholder: '留空則自動創建',
syncNow: '立即同步',
exported: '已匯出',
importSuccess: '匯入成功',
importFailed: '匯入失敗',
marksCleared: '已清除標記',
saved: '已儲存',
restored: '已恢復預設',
deleted: '已刪除',
renamed: '已重命名',
groupCreated: '分組已創建',
groupExists: '分組名稱已存在',
enterGroupName: '請輸入分組名稱',
nameExists: '名稱已存在',
scanStarted: '掃描已開始，請依次打開各模式的模型下拉框',
newModelFound: '發現新模型',
newModelsFound: '發現 {0} 個新模型',
defaultOrderRestored: '已恢復預設排序',
orgOrderRestored: '已恢復預設組織順序',
addedToGroup: '已添加至分組',
selectGroup: '選擇分組',
inputNewName: '輸入新名稱',
confirmDelete: '確定刪除分組「{0}」嗎？',
on: '開',
off: '關',
syncUpload: '上傳到雲端',
syncDownload: '從雲端下載',
uploadSuccess: '上傳成功',
downloadSuccess: '下載成功，頁面即將刷新',
confirmDownload: '下載將覆蓋本地所有資料，確定繼續嗎？',
noGistId: '請先輸入 Gist ID 或先上傳一次',
tokenRequired: '請輸入 GitHub Token',
gistIdSaved: 'Gist ID 已自動儲存',
networkError: '網路錯誤',
invalidToken: 'Token 無效或權限不足',
gistNotFound: 'Gist 不存在',
syncError: '同步錯誤',
deleteModelData: '刪除所有模型資料',
deleteModelDataDesc: '清除所有模型資料、排序和分組，保留設定',
deleteModelDataConfirm: '確定要刪除所有模型資料嗎？此操作不可撤銷！',
modelDataDeleted: '模型資料已刪除',
deleteAllData: '刪除所有資料',
deleteAllDataDesc: '清除所有設定、模型資料和快取',
deleteAllDataConfirm: '確定要刪除所有資料嗎？此操作不可撤銷！',
allDataDeleted: '所有資料已刪除',
recommendedConfig: '推薦模型配置',
useRecommended: '使用推薦配置',
checkUpdate: '檢查更新',
localImported: '本地已匯入',
latestAvailable: '最新可用',
notImported: '未匯入',
configDiff: '配置差異',
visibilityChanges: '可見性變更',
sortChanges: '排序變更',
starChanges: '收藏變更',
modelInfoChanges: '模型資訊變更',
groupChanges: '分組變更',
applySelected: '套用選中',
noChanges: '沒有差異',
recommendedApplied: '推薦配置已套用',
adminMode: '管理員模式',
uploadRecommended: '上傳推薦配置',
repoToken: '倉庫 Token',
repoTokenPlaceholder: '輸入倉庫寫入 Token',
uploadRecommendedSuccess: '推薦配置已上傳',
addStarred: '新增收藏',
removeStarred: '取消收藏',
newGroups: '新增分組',
modifiedGroups: '修改分組',
noteIconOrgChanged: '備註/圖標/組織有變更',
modelOrderText: '模型順序',
orgOrderText: '組織順序',
note: '備註',
notePlaceholder: '輸入備註...',
visibleStatus: '可見狀態',
visibleYes: '已啟用',
visibleNo: '已隱藏',
rankInMode: '排序位置',
rankOf: '第 {0} 位 / 共 {1} 個',
iconEdit: '圖標',
iconPlaceholder: '單個字符',
resetOrg: '重置',
modes: '所屬模式',
autoSync: '自動雲同步',
autoSyncDesc: '自動將資料同步到雲端',
syncOnChange: '變更時同步',
syncInterval: '定時同步',
minutes: '分鐘',
lockFabPosition: '鎖定按鈕位置',
lockFabPositionDesc: '禁止拖動懸浮按鈕',
exportGroup: '匯出分組',
groupExported: '分組已匯出',
invalidSyncInterval: '同步間隔必須是1-60之間的整數',
compact: '緊湊',
grid: '網格',
list: '列表'
}
},
'ja': {
name: '日本語',
ui: {
title: 'Arena Manager',
startScan: 'スキャン開始',
endScan: 'スキャン終了',
export: 'エクスポート',
import: 'インポート',
clearMarks: 'マーク消去',
groups: 'グループ',
settings: '設定',
all: 'すべて',
enabled: '有効',
hidden: '非表示',
starred: 'お気に入り',
newFound: '新規',
searchPlaceholder: '検索... (スペース=AND, /regex/)',
allOrgs: 'すべての組織',
sortByOrg: '組織順',
starredFirst: 'お気に入り優先',
nameAZ: '名前 A-Z',
nameZA: '名前 Z-A',
latestAdded: '最新追加',
models: 'モデル',
multiSelect: '複数選択',
show: '表示',
hide: '非表示',
addToGroup: 'グループに追加',
selectAll: 'すべて選択',
deselectAll: 'すべて解除',
invert: '反転',
revert: '元に戻す',
removeFromGroup: 'グループから削除',
removedFromGroup: 'グループから削除しました',
exitMulti: '終了',
byOrg: '組織別',
sort: '並び替え',
done: '完了',
reset: 'リセット',
moreOrgs: 'その他の組織',
byType: 'タイプ別',
features: '機能',
vision: 'ビジョン',
pdfUpload: 'PDFアップロード',
universal: '汎用',
t2iOnly: 'テキストから画像',
i2iOnly: '画像から画像',
displayed: '表示',
hiddenCount: '非表示',
total: '合計',
noMatch: '一致するモデルがありません',
noMatchHint: 'モデルドロップダウンを開いて自動スキャンを実行してください',
modelDetails: 'モデル詳細',
modelName: 'モデル名',
org: '組織',
orgPlaceholder: '組織名を入力',
belongGroups: 'グループ',
noGroupHint: 'グループがありません。「グループ」をクリックして作成',
restoreDefault: 'デフォルトに戻す',
cancel: 'キャンセル',
save: '保存',
confirm: '確認',
confirmTitle: '確認',
confirmMsg: '実行しますか？',
scanResult: 'スキャン結果',
scannedCount: 'スキャン済み',
modelsText: 'モデル',
notScanned: '以下のモデルはスキャンされませんでした',
allScanned: 'すべてのモデルがスキャンされました',
keepAll: 'すべて保持',
deleteSelected: '選択を削除',
groupManage: 'グループ管理',
newGroupName: '新しいグループ名',
create: '作成',
close: '閉じる',
noGroups: 'グループなし',
rename: '名前変更',
delete: '削除',
settingsTitle: '設定',
language: '言語',
newModelAlert: '新規モデル通知',
newModelAlertDesc: '新しいモデルが見つかったときに通知を表示',
cloudSync: 'GitHub Gist 同期',
gistToken: 'GitHub Token',
gistTokenPlaceholder: 'GitHub Personal Access Token を入力',
gistId: 'Gist ID',
gistIdPlaceholder: '空白で自動作成',
syncNow: '今すぐ同期',
exported: 'エクスポート完了',
importSuccess: 'インポート成功',
importFailed: 'インポート失敗',
marksCleared: 'マーク消去完了',
saved: '保存完了',
restored: 'デフォルトに戻しました',
deleted: '削除完了',
renamed: '名前変更完了',
groupCreated: 'グループ作成完了',
groupExists: 'グループ名が既に存在します',
enterGroupName: 'グループ名を入力してください',
nameExists: '名前が既に存在します',
scanStarted: 'スキャン開始、各モードでモデルドロップダウンを開いてください',
newModelFound: '新しいモデルを発見',
newModelsFound: '{0} 個の新しいモデルを発見',
defaultOrderRestored: 'デフォルト順序に戻しました',
orgOrderRestored: 'デフォルト組織順序に戻しました',
addedToGroup: 'グループに追加しました',
selectGroup: 'グループを選択',
inputNewName: '新しい名前を入力',
confirmDelete: 'グループ「{0}」を削除しますか？',
on: 'オン',
off: 'オフ',
syncUpload: 'アップロード',
syncDownload: 'ダウンロード',
uploadSuccess: 'アップロード成功',
downloadSuccess: 'ダウンロード成功、ページを更新します',
confirmDownload: 'ダウンロードするとローカルデータが上書きされます。続行しますか？',
noGistId: 'Gist IDを入力するか、先にアップロードしてください',
tokenRequired: 'GitHub Tokenを入力してください',
gistIdSaved: 'Gist IDを保存しました',
networkError: 'ネットワークエラー',
invalidToken: 'Tokenが無効または権限不足',
gistNotFound: 'Gistが見つかりません',
syncError: '同期エラー',
deleteModelData: 'すべてのモデルデータを削除',
deleteModelDataDesc: 'すべてのモデルデータ、並び順、グループを削除し、設定は保持',
deleteModelDataConfirm: 'すべてのモデルデータを削除しますか？元に戻せません！',
modelDataDeleted: 'モデルデータを削除しました',
deleteAllData: 'すべてのデータを削除',
deleteAllDataDesc: 'すべての設定、モデルデータ、キャッシュを削除',
deleteAllDataConfirm: 'すべてのデータを削除しますか？元に戻せません！',
allDataDeleted: 'すべてのデータを削除しました',
recommendedConfig: 'おすすめ設定',
useRecommended: 'おすすめを使用',
checkUpdate: '更新を確認',
localImported: 'ローカル導入済み',
latestAvailable: '最新版',
notImported: '未導入',
configDiff: '設定の差分',
visibilityChanges: '表示状態の変更',
sortChanges: '並び順の変更',
starChanges: 'お気に入りの変更',
modelInfoChanges: 'モデル情報の変更',
groupChanges: 'グループの変更',
applySelected: '選択を適用',
noChanges: '差分なし',
recommendedApplied: 'おすすめ設定を適用しました',
adminMode: '管理者モード',
uploadRecommended: 'おすすめ設定をアップロード',
repoToken: 'リポジトリToken',
repoTokenPlaceholder: 'リポジトリ書込みTokenを入力',
uploadRecommendedSuccess: 'おすすめ設定をアップロードしました',
addStarred: 'お気に入り追加',
removeStarred: 'お気に入り解除',
newGroups: '新規グループ',
modifiedGroups: '変更グループ',
noteIconOrgChanged: 'メモ/アイコン/組織に変更あり',
modelOrderText: 'モデル順序',
orgOrderText: '組織順序',
note: 'メモ',
notePlaceholder: 'メモを入力...',
visibleStatus: '表示状態',
visibleYes: '有効',
visibleNo: '非表示',
rankInMode: '順位',
rankOf: '{1}中{0}位',
iconEdit: 'アイコン',
iconPlaceholder: '1文字',
resetOrg: 'リセット',
modes: 'モード',
autoSync: '自動同期',
autoSyncDesc: 'データを自動的にクラウドに同期',
syncOnChange: '変更時に同期',
syncInterval: '定期同期',
minutes: '分',
lockFabPosition: 'ボタン位置を固定',
lockFabPositionDesc: 'フローティングボタンのドラッグを無効化',
exportGroup: 'グループをエクスポート',
groupExported: 'グループをエクスポートしました',
invalidSyncInterval: '同期間隔は1〜60の整数である必要があります',
compact: 'コンパクト',
grid: 'グリッド',
list: 'リスト'
}
},
'ko': {
name: '한국어',
ui: {
title: 'Arena Manager',
startScan: '스캔 시작',
endScan: '스캔 종료',
export: '내보내기',
import: '가져오기',
clearMarks: '마크 지우기',
groups: '그룹',
settings: '설정',
all: '전체',
enabled: '활성화됨',
hidden: '숨김',
starred: '즐겨찾기',
newFound: '새로운',
searchPlaceholder: '검색... (공백=AND, /regex/)',
allOrgs: '모든 조직',
sortByOrg: '조직순',
starredFirst: '즐겨찾기 우선',
nameAZ: '이름 A-Z',
nameZA: '이름 Z-A',
latestAdded: '최근 추가',
models: '모델',
multiSelect: '다중 선택',
show: '표시',
hide: '숨기기',
addToGroup: '그룹에 추가',
selectAll: '전체 선택',
deselectAll: '전체 해제',
invert: '반전',
revert: '되돌리기',
removeFromGroup: '그룹에서 제거',
removedFromGroup: '그룹에서 제거됨',
exitMulti: '종료',
byOrg: '조직별',
sort: '정렬',
done: '완료',
reset: '초기화',
moreOrgs: '더 많은 조직',
byType: '유형별',
features: '기능',
vision: '비전',
pdfUpload: 'PDF 업로드',
universal: '통합',
t2iOnly: '텍스트→이미지',
i2iOnly: '이미지→이미지',
displayed: '표시',
hiddenCount: '숨김',
total: '총',
noMatch: '일치하는 모델이 없습니다',
noMatchHint: '모델 드롭다운을 열어 자동 스캔을 실행하세요',
modelDetails: '모델 상세',
modelName: '모델 이름',
org: '조직',
orgPlaceholder: '조직 이름 입력',
belongGroups: '그룹',
noGroupHint: '그룹이 없습니다. "그룹"을 클릭하여 생성',
restoreDefault: '기본값 복원',
cancel: '취소',
save: '저장',
confirm: '확인',
confirmTitle: '확인',
confirmMsg: '실행하시겠습니까?',
scanResult: '스캔 결과',
scannedCount: '스캔됨',
modelsText: '모델',
notScanned: '다음 모델은 스캔되지 않았습니다',
allScanned: '모든 모델이 스캔되었습니다',
keepAll: '모두 유지',
deleteSelected: '선택 삭제',
groupManage: '그룹 관리',
newGroupName: '새 그룹 이름',
create: '생성',
close: '닫기',
noGroups: '그룹 없음',
rename: '이름 변경',
delete: '삭제',
settingsTitle: '설정',
language: '언어',
newModelAlert: '새 모델 알림',
newModelAlertDesc: '새 모델 발견 시 알림 표시',
cloudSync: 'GitHub Gist 동기화',
gistToken: 'GitHub Token',
gistTokenPlaceholder: 'GitHub Personal Access Token 입력',
gistId: 'Gist ID',
gistIdPlaceholder: '비워두면 자동 생성',
syncNow: '지금 동기화',
exported: '내보내기 완료',
importSuccess: '가져오기 성공',
importFailed: '가져오기 실패',
marksCleared: '마크 지움',
saved: '저장됨',
restored: '기본값으로 복원됨',
deleted: '삭제됨',
renamed: '이름 변경됨',
groupCreated: '그룹 생성됨',
groupExists: '그룹 이름이 이미 존재합니다',
enterGroupName: '그룹 이름을 입력하세요',
nameExists: '이름이 이미 존재합니다',
scanStarted: '스캔 시작, 각 모드에서 모델 드롭다운을 열어주세요',
newModelFound: '새 모델 발견',
newModelsFound: '{0}개의 새 모델 발견',
defaultOrderRestored: '기본 순서로 복원됨',
orgOrderRestored: '기본 조직 순서로 복원됨',
addedToGroup: '그룹에 추가됨',
selectGroup: '그룹 선택',
inputNewName: '새 이름 입력',
confirmDelete: '그룹 "{0}"을(를) 삭제하시겠습니까?',
on: '켜기',
off: '끄기',
syncUpload: '업로드',
syncDownload: '다운로드',
uploadSuccess: '업로드 성공',
downloadSuccess: '다운로드 성공, 페이지가 새로고침됩니다',
confirmDownload: '다운로드하면 로컬 데이터가 덮어쓰기됩니다. 계속하시겠습니까?',
noGistId: 'Gist ID를 입력하거나 먼저 업로드하세요',
tokenRequired: 'GitHub Token을 입력하세요',
gistIdSaved: 'Gist ID 저장됨',
networkError: '네트워크 오류',
invalidToken: '토큰이 유효하지 않거나 권한이 부족합니다',
gistNotFound: 'Gist를 찾을 수 없습니다',
syncError: '동기화 오류',
deleteModelData: '모든 모델 데이터 삭제',
deleteModelDataDesc: '모든 모델 데이터, 정렬, 그룹을 삭제하고 설정은 유지',
deleteModelDataConfirm: '모든 모델 데이터를 삭제하시겠습니까? 되돌릴 수 없습니다!',
modelDataDeleted: '모델 데이터 삭제됨',
deleteAllData: '모든 데이터 삭제',
deleteAllDataDesc: '모든 설정, 모델 데이터 및 캐시 삭제',
deleteAllDataConfirm: '모든 데이터를 삭제하시겠습니까? 되돌릴 수 없습니다!',
allDataDeleted: '모든 데이터 삭제됨',
recommendedConfig: '추천 설정',
useRecommended: '추천 사용',
checkUpdate: '업데이트 확인',
localImported: '로컬 가져옴',
latestAvailable: '최신 버전',
notImported: '미가져옴',
configDiff: '설정 차이',
visibilityChanges: '표시 상태 변경',
sortChanges: '정렬 변경',
starChanges: '즐겨찾기 변경',
modelInfoChanges: '모델 정보 변경',
groupChanges: '그룹 변경',
applySelected: '선택 적용',
noChanges: '차이 없음',
recommendedApplied: '추천 설정 적용됨',
adminMode: '관리자 모드',
uploadRecommended: '추천 설정 업로드',
repoToken: '저장소 Token',
repoTokenPlaceholder: '저장소 쓰기 Token 입력',
uploadRecommendedSuccess: '추천 설정 업로드됨',
addStarred: '즐겨찾기 추가',
removeStarred: '즐겨찾기 해제',
newGroups: '새 그룹',
modifiedGroups: '수정된 그룹',
noteIconOrgChanged: '메모/아이콘/조직 변경됨',
modelOrderText: '모델 순서',
orgOrderText: '조직 순서',
note: '메모',
notePlaceholder: '메모 입력...',
visibleStatus: '표시 상태',
visibleYes: '활성화',
visibleNo: '숨김',
rankInMode: '순위',
rankOf: '{1}개 중 {0}위',
iconEdit: '아이콘',
iconPlaceholder: '한 글자',
resetOrg: '초기화',
modes: '모드',
autoSync: '자동 동기화',
autoSyncDesc: '데이터를 클라우드에 자동 동기화',
syncOnChange: '변경 시 동기화',
syncInterval: '주기적 동기화',
minutes: '분',
lockFabPosition: '버튼 위치 고정',
lockFabPositionDesc: '플로팅 버튼 드래그 비활성화',
exportGroup: '그룹 내보내기',
groupExported: '그룹 내보내기 완료',
invalidSyncInterval: '동기화 간격은 1-60 사이의 정수여야 합니다',
compact: '컴팩트',
grid: '그리드',
list: '리스트'
}
},
'es': {
name: 'Español',
ui: {
title: 'Arena Manager',
startScan: 'Iniciar Escaneo',
endScan: 'Finalizar Escaneo',
export: 'Exportar',
import: 'Importar',
clearMarks: 'Limpiar Marcas',
groups: 'Grupos',
settings: 'Ajustes',
all: 'Todo',
enabled: 'Habilitado',
hidden: 'Oculto',
starred: 'Favoritos',
newFound: 'Nuevo',
searchPlaceholder: 'Buscar... (espacio=AND, /regex/)',
allOrgs: 'Todas las Organizaciones',
sortByOrg: 'Por Organización',
starredFirst: 'Favoritos Primero',
nameAZ: 'Nombre A-Z',
nameZA: 'Nombre Z-A',
latestAdded: 'Recién Añadido',
models: 'modelos',
multiSelect: 'Selección Múltiple',
show: 'Mostrar',
hide: 'Ocultar',
addToGroup: 'Añadir a Grupo',
selectAll: 'Seleccionar Todo',
deselectAll: 'Deseleccionar Todo',
invert: 'Invertir',
revert: 'Revertir',
removeFromGroup: 'Quitar del Grupo',
removedFromGroup: 'Quitado del grupo',
exitMulti: 'Salir',
byOrg: 'Por Organización',
sort: 'Ordenar',
done: 'Hecho',
reset: 'Restablecer',
moreOrgs: 'Más Organizaciones',
byType: 'Por Tipo',
features: 'Características',
vision: 'Visión',
pdfUpload: 'Carga de PDF',
universal: 'Universal',
t2iOnly: 'Texto a Imagen',
i2iOnly: 'Imagen a Imagen',
displayed: 'Mostrado',
hiddenCount: 'Oculto',
total: 'Total',
noMatch: 'No hay modelos coincidentes',
noMatchHint: 'Abra el menú desplegable para activar el escaneo automático',
modelDetails: 'Detalles del Modelo',
modelName: 'Nombre del Modelo',
org: 'Organización',
orgPlaceholder: 'Ingrese nombre de organización',
belongGroups: 'Grupos',
noGroupHint: 'Sin grupos, haga clic en "Grupos" para crear',
restoreDefault: 'Restaurar Predeterminado',
cancel: 'Cancelar',
save: 'Guardar',
confirm: 'Confirmar',
confirmTitle: 'Confirmar',
confirmMsg: '¿Está seguro?',
scanResult: 'Resultado del Escaneo',
scannedCount: 'Escaneados',
modelsText: 'modelos',
notScanned: 'Los siguientes modelos no fueron escaneados',
allScanned: 'Todos los modelos escaneados correctamente',
keepAll: 'Mantener Todo',
deleteSelected: 'Eliminar Seleccionados',
groupManage: 'Gestión de Grupos',
newGroupName: 'Nombre del nuevo grupo',
create: 'Crear',
close: 'Cerrar',
noGroups: 'Sin grupos',
rename: 'Renombrar',
delete: 'Eliminar',
settingsTitle: 'Ajustes',
language: 'Idioma',
newModelAlert: 'Alerta de Nuevo Modelo',
newModelAlertDesc: 'Mostrar notificación cuando se encuentren nuevos modelos',
cloudSync: 'Sincronización GitHub Gist',
gistToken: 'Token de GitHub',
gistTokenPlaceholder: 'Ingrese GitHub Personal Access Token',
gistId: 'Gist ID',
gistIdPlaceholder: 'Dejar vacío para crear automáticamente',
syncNow: 'Sincronizar Ahora',
exported: 'Exportado',
importSuccess: 'Importación exitosa',
importFailed: 'Importación fallida',
marksCleared: 'Marcas limpiadas',
saved: 'Guardado',
restored: 'Restaurado a predeterminado',
deleted: 'Eliminado',
renamed: 'Renombrado',
groupCreated: 'Grupo creado',
groupExists: 'El nombre del grupo ya existe',
enterGroupName: 'Por favor ingrese el nombre del grupo',
nameExists: 'El nombre ya existe',
scanStarted: 'Escaneo iniciado, abra los menús desplegables en cada modo',
newModelFound: 'Nuevo modelo encontrado',
newModelsFound: '{0} nuevos modelos encontrados',
defaultOrderRestored: 'Orden predeterminado restaurado',
orgOrderRestored: 'Orden de organización predeterminado restaurado',
addedToGroup: 'Añadido al grupo',
selectGroup: 'Seleccionar Grupo',
inputNewName: 'Ingrese nuevo nombre',
confirmDelete: '¿Eliminar grupo "{0}"?',
on: 'Activado',
off: 'Desactivado',
syncUpload: 'Subir',
syncDownload: 'Descargar',
uploadSuccess: 'Subida exitosa',
downloadSuccess: 'Descarga exitosa, la página se actualizará',
confirmDownload: 'La descarga sobrescribirá todos los datos locales. ¿Continuar?',
noGistId: 'Ingrese el Gist ID o suba primero',
tokenRequired: 'Ingrese el GitHub Token',
gistIdSaved: 'Gist ID guardado',
networkError: 'Error de red',
invalidToken: 'Token inválido o permisos insuficientes',
gistNotFound: 'Gist no encontrado',
syncError: 'Error de sincronización',
deleteModelData: 'Eliminar Datos de Modelos',
deleteModelDataDesc: 'Borrar todos los datos de modelos, orden y grupos, mantener ajustes',
deleteModelDataConfirm: '¿Eliminar todos los datos de modelos? ¡No se puede deshacer!',
modelDataDeleted: 'Datos de modelos eliminados',
deleteAllData: 'Eliminar Todos los Datos',
deleteAllDataDesc: 'Borrar todos los ajustes, datos y caché',
deleteAllDataConfirm: '¿Eliminar todos los datos? ¡No se puede deshacer!',
allDataDeleted: 'Todos los datos eliminados',
recommendedConfig: 'Configuración Recomendada',
useRecommended: 'Usar Recomendada',
checkUpdate: 'Buscar Actualización',
localImported: 'Importado Local',
latestAvailable: 'Última Disponible',
notImported: 'No importado',
configDiff: 'Diferencias de Configuración',
visibilityChanges: 'Cambios de Visibilidad',
sortChanges: 'Cambios de Orden',
starChanges: 'Cambios de Favoritos',
modelInfoChanges: 'Cambios de Info del Modelo',
groupChanges: 'Cambios de Grupo',
applySelected: 'Aplicar Seleccionados',
noChanges: 'Sin diferencias',
recommendedApplied: 'Configuración recomendada aplicada',
adminMode: 'Modo Administrador',
uploadRecommended: 'Subir Recomendada',
repoToken: 'Token del Repositorio',
repoTokenPlaceholder: 'Ingrese Token de escritura',
uploadRecommendedSuccess: 'Configuración recomendada subida',
addStarred: 'Añadir favorito',
removeStarred: 'Quitar favorito',
newGroups: 'Nuevos grupos',
modifiedGroups: 'Grupos modificados',
noteIconOrgChanged: 'Nota/icono/org cambiados',
modelOrderText: 'Orden de modelos',
orgOrderText: 'Orden de organizaciones',
note: 'Nota',
notePlaceholder: 'Ingrese nota...',
visibleStatus: 'Estado de Visibilidad',
visibleYes: 'Habilitado',
visibleNo: 'Oculto',
rankInMode: 'Posición',
rankOf: '#{0} de {1}',
iconEdit: 'Icono',
iconPlaceholder: 'Un carácter',
resetOrg: 'Restablecer',
modes: 'Modos',
autoSync: 'Sincronización Automática',
autoSyncDesc: 'Sincronizar datos automáticamente a la nube',
syncOnChange: 'Sincronizar al cambiar',
syncInterval: 'Sincronización periódica',
minutes: 'min',
lockFabPosition: 'Bloquear Posición del Botón',
lockFabPositionDesc: 'Evitar arrastrar el botón flotante',
exportGroup: 'Exportar Grupo',
groupExported: 'Grupo exportado',
invalidSyncInterval: 'El intervalo debe ser entre 1-60',
compact: 'Compacto',
grid: 'Cuadrícula',
list: 'Lista'
}
},
'fr': {
name: 'Français',
ui: {
title: 'Arena Manager',
startScan: 'Démarrer le Scan',
endScan: 'Terminer le Scan',
export: 'Exporter',
import: 'Importer',
clearMarks: 'Effacer les Marques',
groups: 'Groupes',
settings: 'Paramètres',
all: 'Tout',
enabled: 'Activé',
hidden: 'Masqué',
starred: 'Favoris',
newFound: 'Nouveau',
searchPlaceholder: 'Rechercher... (espace=ET, /regex/)',
allOrgs: 'Toutes les Organisations',
sortByOrg: 'Par Organisation',
starredFirst: 'Favoris en Premier',
nameAZ: 'Nom A-Z',
nameZA: 'Nom Z-A',
latestAdded: 'Récemment Ajouté',
models: 'modèles',
multiSelect: 'Sélection Multiple',
show: 'Afficher',
hide: 'Masquer',
addToGroup: 'Ajouter au Groupe',
selectAll: 'Tout Sélectionner',
deselectAll: 'Tout Désélectionner',
invert: 'Inverser',
revert: 'Annuler',
removeFromGroup: 'Retirer du Groupe',
removedFromGroup: 'Retiré du groupe',
exitMulti: 'Quitter',
byOrg: 'Par Organisation',
sort: 'Trier',
done: 'Terminé',
reset: 'Réinitialiser',
moreOrgs: 'Plus d\'Organisations',
byType: 'Par Type',
features: 'Fonctionnalités',
vision: 'Vision',
pdfUpload: 'Téléversement PDF',
universal: 'Universel',
t2iOnly: 'Texte vers Image',
i2iOnly: 'Image vers Image',
displayed: 'Affiché',
hiddenCount: 'Masqué',
total: 'Total',
noMatch: 'Aucun modèle correspondant',
noMatchHint: 'Ouvrez le menu déroulant pour déclencher le scan automatique',
modelDetails: 'Détails du Modèle',
modelName: 'Nom du Modèle',
org: 'Organisation',
orgPlaceholder: 'Entrez le nom de l\'organisation',
belongGroups: 'Groupes',
noGroupHint: 'Pas de groupes, cliquez sur "Groupes" pour créer',
restoreDefault: 'Restaurer par Défaut',
cancel: 'Annuler',
save: 'Enregistrer',
confirm: 'Confirmer',
confirmTitle: 'Confirmer',
confirmMsg: 'Êtes-vous sûr?',
scanResult: 'Résultat du Scan',
scannedCount: 'Scannés',
modelsText: 'modèles',
notScanned: 'Les modèles suivants n\'ont pas été scannés',
allScanned: 'Tous les modèles ont été scannés avec succès',
keepAll: 'Tout Garder',
deleteSelected: 'Supprimer la Sélection',
groupManage: 'Gestion des Groupes',
newGroupName: 'Nom du nouveau groupe',
create: 'Créer',
close: 'Fermer',
noGroups: 'Pas de groupes',
rename: 'Renommer',
delete: 'Supprimer',
settingsTitle: 'Paramètres',
language: 'Langue',
newModelAlert: 'Alerte Nouveau Modèle',
newModelAlertDesc: 'Afficher une notification quand de nouveaux modèles sont trouvés',
cloudSync: 'Synchronisation GitHub Gist',
gistToken: 'Token GitHub',
gistTokenPlaceholder: 'Entrez le GitHub Personal Access Token',
gistId: 'Gist ID',
gistIdPlaceholder: 'Laisser vide pour créer automatiquement',
syncNow: 'Synchroniser Maintenant',
exported: 'Exporté',
importSuccess: 'Importation réussie',
importFailed: 'Importation échouée',
marksCleared: 'Marques effacées',
saved: 'Enregistré',
restored: 'Restauré par défaut',
deleted: 'Supprimé',
renamed: 'Renommé',
groupCreated: 'Groupe créé',
groupExists: 'Le nom du groupe existe déjà',
enterGroupName: 'Veuillez entrer le nom du groupe',
nameExists: 'Le nom existe déjà',
scanStarted: 'Scan démarré, veuillez ouvrir les menus déroulants dans chaque mode',
newModelFound: 'Nouveau modèle trouvé',
newModelsFound: '{0} nouveaux modèles trouvés',
defaultOrderRestored: 'Ordre par défaut restauré',
orgOrderRestored: 'Ordre des organisations par défaut restauré',
addedToGroup: 'Ajouté au groupe',
selectGroup: 'Sélectionner un Groupe',
inputNewName: 'Entrez un nouveau nom',
confirmDelete: 'Supprimer le groupe "{0}"?',
on: 'Activé',
off: 'Désactivé',
syncUpload: 'Téléverser',
syncDownload: 'Télécharger',
uploadSuccess: 'Téléversement réussi',
downloadSuccess: 'Téléchargement réussi, la page va se rafraîchir',
confirmDownload: 'Le téléchargement écrasera toutes les données locales. Continuer?',
noGistId: 'Veuillez entrer le Gist ID ou téléverser d\'abord',
tokenRequired: 'Veuillez entrer le GitHub Token',
gistIdSaved: 'Gist ID enregistré',
networkError: 'Erreur réseau',
invalidToken: 'Token invalide ou permissions insuffisantes',
gistNotFound: 'Gist non trouvé',
syncError: 'Erreur de synchronisation',
deleteModelData: 'Supprimer les Données des Modèles',
deleteModelDataDesc: 'Effacer toutes les données de modèles, tri et groupes, conserver les paramètres',
deleteModelDataConfirm: 'Supprimer toutes les données des modèles ? Irréversible !',
modelDataDeleted: 'Données des modèles supprimées',
deleteAllData: 'Supprimer Toutes les Données',
deleteAllDataDesc: 'Effacer tous les paramètres, données et cache',
deleteAllDataConfirm: 'Supprimer toutes les données ? Irréversible !',
allDataDeleted: 'Toutes les données supprimées',
recommendedConfig: 'Configuration Recommandée',
useRecommended: 'Utiliser la Recommandée',
checkUpdate: 'Vérifier la Mise à Jour',
localImported: 'Importé Localement',
latestAvailable: 'Dernière Disponible',
notImported: 'Non importé',
configDiff: 'Différences de Configuration',
visibilityChanges: 'Changements de Visibilité',
sortChanges: 'Changements de Tri',
starChanges: 'Changements de Favoris',
modelInfoChanges: 'Changements d\'Info du Modèle',
groupChanges: 'Changements de Groupe',
applySelected: 'Appliquer la Sélection',
noChanges: 'Aucune différence',
recommendedApplied: 'Configuration recommandée appliquée',
adminMode: 'Mode Administrateur',
uploadRecommended: 'Téléverser la Recommandée',
repoToken: 'Token du Dépôt',
repoTokenPlaceholder: 'Entrez le Token d\'écriture',
uploadRecommendedSuccess: 'Configuration recommandée téléversée',
addStarred: 'Ajouter aux favoris',
removeStarred: 'Retirer des favoris',
newGroups: 'Nouveaux groupes',
modifiedGroups: 'Groupes modifiés',
noteIconOrgChanged: 'Note/icône/org modifiés',
modelOrderText: 'Ordre des modèles',
orgOrderText: 'Ordre des organisations',
note: 'Note',
notePlaceholder: 'Entrez une note...',
visibleStatus: 'État de Visibilité',
visibleYes: 'Activé',
visibleNo: 'Masqué',
rankInMode: 'Position',
rankOf: '#{0} sur {1}',
iconEdit: 'Icône',
iconPlaceholder: 'Un caractère',
resetOrg: 'Réinitialiser',
modes: 'Modes',
autoSync: 'Synchronisation Automatique',
autoSyncDesc: 'Synchroniser automatiquement les données vers le cloud',
syncOnChange: 'Synchroniser à chaque modification',
syncInterval: 'Synchronisation périodique',
minutes: 'min',
lockFabPosition: 'Verrouiller la Position du Bouton',
lockFabPositionDesc: 'Empêcher le déplacement du bouton flottant',
exportGroup: 'Exporter le Groupe',
groupExported: 'Groupe exporté',
invalidSyncInterval: 'L\'intervalle doit être entre 1-60',
compact: 'Compact',
grid: 'Grille',
list: 'Liste'
}
},
'de': {
name: 'Deutsch',
ui: {
title: 'Arena Manager',
startScan: 'Scan Starten',
endScan: 'Scan Beenden',
export: 'Exportieren',
import: 'Importieren',
clearMarks: 'Markierungen Löschen',
groups: 'Gruppen',
settings: 'Einstellungen',
all: 'Alle',
enabled: 'Aktiviert',
hidden: 'Versteckt',
starred: 'Favoriten',
newFound: 'Neu',
searchPlaceholder: 'Suchen... (Leerzeichen=UND, /regex/)',
allOrgs: 'Alle Organisationen',
sortByOrg: 'Nach Organisation',
starredFirst: 'Favoriten Zuerst',
nameAZ: 'Name A-Z',
nameZA: 'Name Z-A',
latestAdded: 'Zuletzt Hinzugefügt',
models: 'Modelle',
multiSelect: 'Mehrfachauswahl',
show: 'Anzeigen',
hide: 'Verstecken',
addToGroup: 'Zur Gruppe Hinzufügen',
selectAll: 'Alle Auswählen',
deselectAll: 'Alle Abwählen',
invert: 'Umkehren',
revert: 'Zurücksetzen',
removeFromGroup: 'Aus Gruppe Entfernen',
removedFromGroup: 'Aus Gruppe entfernt',
exitMulti: 'Beenden',
byOrg: 'Nach Organisation',
sort: 'Sortieren',
done: 'Fertig',
reset: 'Zurücksetzen',
moreOrgs: 'Mehr Organisationen',
byType: 'Nach Typ',
features: 'Funktionen',
vision: 'Vision',
pdfUpload: 'PDF-Upload',
universal: 'Universal',
t2iOnly: 'Text zu Bild',
i2iOnly: 'Bild zu Bild',
displayed: 'Angezeigt',
hiddenCount: 'Versteckt',
total: 'Gesamt',
noMatch: 'Keine passenden Modelle',
noMatchHint: 'Öffnen Sie das Dropdown-Menü, um den automatischen Scan auszulösen',
modelDetails: 'Modelldetails',
modelName: 'Modellname',
org: 'Organisation',
orgPlaceholder: 'Organisationsname eingeben',
belongGroups: 'Gruppen',
noGroupHint: 'Keine Gruppen, klicken Sie auf "Gruppen" zum Erstellen',
restoreDefault: 'Standard Wiederherstellen',
cancel: 'Abbrechen',
save: 'Speichern',
confirm: 'Bestätigen',
confirmTitle: 'Bestätigen',
confirmMsg: 'Sind Sie sicher?',
scanResult: 'Scan-Ergebnis',
scannedCount: 'Gescannt',
modelsText: 'Modelle',
notScanned: 'Folgende Modelle wurden nicht gescannt',
allScanned: 'Alle Modelle erfolgreich gescannt',
keepAll: 'Alle Behalten',
deleteSelected: 'Ausgewählte Löschen',
groupManage: 'Gruppenverwaltung',
newGroupName: 'Neuer Gruppenname',
create: 'Erstellen',
close: 'Schließen',
noGroups: 'Keine Gruppen',
rename: 'Umbenennen',
delete: 'Löschen',
settingsTitle: 'Einstellungen',
language: 'Sprache',
newModelAlert: 'Neues Modell Benachrichtigung',
newModelAlertDesc: 'Benachrichtigung anzeigen, wenn neue Modelle gefunden werden',
cloudSync: 'GitHub Gist Synchronisation',
gistToken: 'GitHub Token',
gistTokenPlaceholder: 'GitHub Personal Access Token eingeben',
gistId: 'Gist ID',
gistIdPlaceholder: 'Leer lassen für automatische Erstellung',
syncNow: 'Jetzt Synchronisieren',
exported: 'Exportiert',
importSuccess: 'Import erfolgreich',
importFailed: 'Import fehlgeschlagen',
marksCleared: 'Markierungen gelöscht',
saved: 'Gespeichert',
restored: 'Auf Standard zurückgesetzt',
deleted: 'Gelöscht',
renamed: 'Umbenannt',
groupCreated: 'Gruppe erstellt',
groupExists: 'Gruppenname existiert bereits',
enterGroupName: 'Bitte Gruppennamen eingeben',
nameExists: 'Name existiert bereits',
scanStarted: 'Scan gestartet, bitte öffnen Sie die Dropdowns in jedem Modus',
newModelFound: 'Neues Modell gefunden',
newModelsFound: '{0} neue Modelle gefunden',
defaultOrderRestored: 'Standardreihenfolge wiederhergestellt',
orgOrderRestored: 'Standard-Organisationsreihenfolge wiederhergestellt',
addedToGroup: 'Zur Gruppe hinzugefügt',
selectGroup: 'Gruppe Auswählen',
inputNewName: 'Neuen Namen eingeben',
confirmDelete: 'Gruppe "{0}" löschen?',
on: 'An',
off: 'Aus',
syncUpload: 'Hochladen',
syncDownload: 'Herunterladen',
uploadSuccess: 'Upload erfolgreich',
downloadSuccess: 'Download erfolgreich, Seite wird aktualisiert',
confirmDownload: 'Der Download überschreibt alle lokalen Daten. Fortfahren?',
noGistId: 'Bitte Gist ID eingeben oder zuerst hochladen',
tokenRequired: 'Bitte GitHub Token eingeben',
gistIdSaved: 'Gist ID gespeichert',
networkError: 'Netzwerkfehler',
invalidToken: 'Token ungültig oder unzureichende Berechtigungen',
gistNotFound: 'Gist nicht gefunden',
syncError: 'Synchronisierungsfehler',
deleteModelData: 'Modelldaten Löschen',
deleteModelDataDesc: 'Alle Modelldaten, Sortierung und Gruppen löschen, Einstellungen behalten',
deleteModelDataConfirm: 'Alle Modelldaten löschen? Nicht rückgängig machbar!',
modelDataDeleted: 'Modelldaten gelöscht',
deleteAllData: 'Alle Daten Löschen',
deleteAllDataDesc: 'Alle Einstellungen, Daten und Cache löschen',
deleteAllDataConfirm: 'Alle Daten löschen? Nicht rückgängig machbar!',
allDataDeleted: 'Alle Daten gelöscht',
recommendedConfig: 'Empfohlene Konfiguration',
useRecommended: 'Empfohlene Verwenden',
checkUpdate: 'Update Prüfen',
localImported: 'Lokal Importiert',
latestAvailable: 'Neueste Verfügbar',
notImported: 'Nicht importiert',
configDiff: 'Konfigurationsunterschiede',
visibilityChanges: 'Sichtbarkeitsänderungen',
sortChanges: 'Sortieränderungen',
starChanges: 'Favoritenänderungen',
modelInfoChanges: 'Modellinfoänderungen',
groupChanges: 'Gruppenänderungen',
applySelected: 'Ausgewählte Anwenden',
noChanges: 'Keine Unterschiede',
recommendedApplied: 'Empfohlene Konfiguration angewendet',
adminMode: 'Administratormodus',
uploadRecommended: 'Empfohlene Hochladen',
repoToken: 'Repository-Token',
repoTokenPlaceholder: 'Schreib-Token eingeben',
uploadRecommendedSuccess: 'Empfohlene Konfiguration hochgeladen',
addStarred: 'Favorit hinzufügen',
removeStarred: 'Favorit entfernen',
newGroups: 'Neue Gruppen',
modifiedGroups: 'Geänderte Gruppen',
noteIconOrgChanged: 'Notiz/Symbol/Org geändert',
modelOrderText: 'Modellreihenfolge',
orgOrderText: 'Organisationsreihenfolge',
note: 'Notiz',
notePlaceholder: 'Notiz eingeben...',
visibleStatus: 'Sichtbarkeitsstatus',
visibleYes: 'Aktiviert',
visibleNo: 'Versteckt',
rankInMode: 'Position',
rankOf: '#{0} von {1}',
iconEdit: 'Symbol',
iconPlaceholder: 'Ein Zeichen',
resetOrg: 'Zurücksetzen',
modes: 'Modi',
autoSync: 'Automatische Synchronisation',
autoSyncDesc: 'Daten automatisch in die Cloud synchronisieren',
syncOnChange: 'Bei Änderung synchronisieren',
syncInterval: 'Periodische Synchronisation',
minutes: 'Min',
lockFabPosition: 'Schaltflächenposition Sperren',
lockFabPositionDesc: 'Ziehen der schwebenden Schaltfläche verhindern',
exportGroup: 'Gruppe Exportieren',
groupExported: 'Gruppe exportiert',
invalidSyncInterval: 'Intervall muss zwischen 1-60 liegen',
compact: 'Kompakt',
grid: 'Raster',
list: 'Liste'
}
},
'ru': {
name: 'Русский',
ui: {
title: 'Arena Manager',
startScan: 'Начать сканирование',
endScan: 'Завершить сканирование',
export: 'Экспорт',
import: 'Импорт',
clearMarks: 'Очистить метки',
groups: 'Группы',
settings: 'Настройки',
all: 'Все',
enabled: 'Включено',
hidden: 'Скрыто',
starred: 'Избранное',
newFound: 'Новое',
searchPlaceholder: 'Поиск... (пробел=И, /regex/)',
allOrgs: 'Все организации',
sortByOrg: 'По организации',
starredFirst: 'Избранное первым',
nameAZ: 'Имя А-Я',
nameZA: 'Имя Я-А',
latestAdded: 'Недавно добавленные',
models: 'моделей',
multiSelect: 'Множественный выбор',
show: 'Показать',
hide: 'Скрыть',
addToGroup: 'Добавить в группу',
selectAll: 'Выбрать все',
deselectAll: 'Снять выбор',
invert: 'Инвертировать',
revert: 'Отменить',
removeFromGroup: 'Убрать из группы',
removedFromGroup: 'Убрано из группы',
exitMulti: 'Выход',
byOrg: 'По организации',
sort: 'Сортировка',
done: 'Готово',
reset: 'Сброс',
moreOrgs: 'Больше организаций',
byType: 'По типу',
features: 'Функции',
vision: 'Зрение',
pdfUpload: 'Загрузка PDF',
universal: 'Универсальный',
t2iOnly: 'Текст в изображение',
i2iOnly: 'Изображение в изображение',
displayed: 'Показано',
hiddenCount: 'Скрыто',
total: 'Всего',
noMatch: 'Нет подходящих моделей',
noMatchHint: 'Откройте выпадающее меню для автоматического сканирования',
modelDetails: 'Детали модели',
modelName: 'Название модели',
org: 'Организация',
orgPlaceholder: 'Введите название организации',
belongGroups: 'Группы',
noGroupHint: 'Нет групп, нажмите "Группы" для создания',
restoreDefault: 'Восстановить по умолчанию',
cancel: 'Отмена',
save: 'Сохранить',
confirm: 'Подтвердить',
confirmTitle: 'Подтверждение',
confirmMsg: 'Вы уверены?',
scanResult: 'Результат сканирования',
scannedCount: 'Отсканировано',
modelsText: 'моделей',
notScanned: 'Следующие модели не были отсканированы',
allScanned: 'Все модели успешно отсканированы',
keepAll: 'Сохранить все',
deleteSelected: 'Удалить выбранные',
groupManage: 'Управление группами',
newGroupName: 'Название новой группы',
create: 'Создать',
close: 'Закрыть',
noGroups: 'Нет групп',
rename: 'Переименовать',
delete: 'Удалить',
settingsTitle: 'Настройки',
language: 'Язык',
newModelAlert: 'Уведомление о новых моделях',
newModelAlertDesc: 'Показывать уведомление при обнаружении новых моделей',
cloudSync: 'Синхронизация GitHub Gist',
gistToken: 'GitHub Token',
gistTokenPlaceholder: 'Введите GitHub Personal Access Token',
gistId: 'Gist ID',
gistIdPlaceholder: 'Оставьте пустым для автоматического создания',
syncNow: 'Синхронизировать сейчас',
exported: 'Экспортировано',
importSuccess: 'Импорт успешен',
importFailed: 'Импорт не удался',
marksCleared: 'Метки очищены',
saved: 'Сохранено',
restored: 'Восстановлено по умолчанию',
deleted: 'Удалено',
renamed: 'Переименовано',
groupCreated: 'Группа создана',
groupExists: 'Название группы уже существует',
enterGroupName: 'Пожалуйста, введите название группы',
nameExists: 'Название уже существует',
scanStarted: 'Сканирование начато, откройте выпадающие меню в каждом режиме',
newModelFound: 'Найдена новая модель',
newModelsFound: 'Найдено {0} новых моделей',
defaultOrderRestored: 'Порядок по умолчанию восстановлен',
orgOrderRestored: 'Порядок организаций по умолчанию восстановлен',
addedToGroup: 'Добавлено в группу',
selectGroup: 'Выбрать группу',
inputNewName: 'Введите новое название',
confirmDelete: 'Удалить группу "{0}"?',
on: 'Вкл',
off: 'Выкл',
syncUpload: 'Загрузить',
syncDownload: 'Скачать',
uploadSuccess: 'Загрузка успешна',
downloadSuccess: 'Скачивание успешно, страница обновится',
confirmDownload: 'Скачивание перезапишет все локальные данные. Продолжить?',
noGistId: 'Введите Gist ID или сначала загрузите',
tokenRequired: 'Введите GitHub Token',
gistIdSaved: 'Gist ID сохранён',
networkError: 'Ошибка сети',
invalidToken: 'Недействительный токен или недостаточно прав',
gistNotFound: 'Gist не найден',
syncError: 'Ошибка синхронизации',
deleteModelData: 'Удалить данные моделей',
deleteModelDataDesc: 'Удалить все данные моделей, сортировку и группы, сохранить настройки',
deleteModelDataConfirm: 'Удалить все данные моделей? Это действие нельзя отменить!',
modelDataDeleted: 'Данные моделей удалены',
deleteAllData: 'Удалить все данные',
deleteAllDataDesc: 'Удалить все настройки, данные и кэш',
deleteAllDataConfirm: 'Удалить все данные? Это действие нельзя отменить!',
allDataDeleted: 'Все данные удалены',
recommendedConfig: 'Рекомендуемая конфигурация',
useRecommended: 'Использовать рекомендуемую',
checkUpdate: 'Проверить обновление',
localImported: 'Локально импортировано',
latestAvailable: 'Последняя доступная',
notImported: 'Не импортировано',
configDiff: 'Различия конфигурации',
visibilityChanges: 'Изменения видимости',
sortChanges: 'Изменения сортировки',
starChanges: 'Изменения избранного',
modelInfoChanges: 'Изменения информации о модели',
groupChanges: 'Изменения групп',
applySelected: 'Применить выбранное',
noChanges: 'Нет различий',
recommendedApplied: 'Рекомендуемая конфигурация применена',
adminMode: 'Режим администратора',
uploadRecommended: 'Загрузить рекомендуемую',
repoToken: 'Токен репозитория',
repoTokenPlaceholder: 'Введите токен записи',
uploadRecommendedSuccess: 'Рекомендуемая конфигурация загружена',
addStarred: 'Добавить в избранное',
removeStarred: 'Убрать из избранного',
newGroups: 'Новые группы',
modifiedGroups: 'Изменённые группы',
noteIconOrgChanged: 'Заметка/иконка/организация изменены',
modelOrderText: 'Порядок моделей',
orgOrderText: 'Порядок организаций',
note: 'Заметка',
notePlaceholder: 'Введите заметку...',
visibleStatus: 'Статус видимости',
visibleYes: 'Включено',
visibleNo: 'Скрыто',
rankInMode: 'Позиция',
rankOf: '#{0} из {1}',
iconEdit: 'Иконка',
iconPlaceholder: 'Один символ',
resetOrg: 'Сброс',
modes: 'Режимы',
autoSync: 'Автоматическая синхронизация',
autoSyncDesc: 'Автоматически синхронизировать данные в облако',
syncOnChange: 'Синхронизация при изменении',
syncInterval: 'Периодическая синхронизация',
minutes: 'мин',
lockFabPosition: 'Заблокировать позицию кнопки',
lockFabPositionDesc: 'Запретить перетаскивание плавающей кнопки',
exportGroup: 'Экспорт группы',
groupExported: 'Группа экспортирована',
invalidSyncInterval: 'Интервал должен быть от 1 до 60',
compact: 'Компактный',
grid: 'Сетка',
list: 'Список'
}
}
};
// ==================== 2. 选择器与配置 ====================
const SELECTORS = {
modelOptionDropdown: '[cmdk-item][role="option"]',
dropdownList: '[cmdk-list]',
drawerContainer: 'div.relative.px-4',
modelOptionDrawer: 'button.w-full',
modelName: 'span.truncate',
arenaButtons: '[data-arena-buttons="true"]',
chatContainer: 'div.flex.w-full.min-w-0.flex-row.items-center.justify-center.gap-2'
};
const MODE_ORG_CONFIG = {
text: {
tier1: ['Anthropic', 'Google', 'xAI', 'OpenAI', 'Z.ai', 'Alibaba', 'DeepSeek', 'Bytedance', 'Moonshot', 'Baidu', 'Xiaomi', 'Meituan', 'Amazon', 'Mistral', 'MiniMax', 'Tencent'],
tier2: ['Microsoft AI', 'StepFun', 'Arcee AI', 'Nvidia', 'Prime Intellect', 'Cohere', 'Inception AI', 'Ant Group', 'Meta', 'Ai2', '01 AI', 'NexusFlow', 'AI21 Labs', 'Reka AI', 'IBM', 'HuggingFace', 'Databricks', 'InternLM', 'OpenChat', 'Snowflake', 'NousResearch', 'UC Berkeley', 'Upstage AI', 'Cognitive Computations', 'MosaicML', 'TII', 'UW', 'Together AI', 'Stanford', 'RWKV', 'OpenAssistant', 'Stability AI'],
useFolder: true
},
search: {
tier1: ['Anthropic', 'Google', 'OpenAI', 'xAI', 'Perplexity', 'Diffbot'],
tier2: [],
useFolder: false
},
image: {
tier1: ['OpenAI', 'Google', 'Microsoft AI', 'Reve', 'xAI', 'Alibaba', 'Black Forest Labs', 'Tencent', 'Bytedance', 'Shengshu'],
tier2: ['Recraft', 'Ideogram', 'KlingAI', 'Pruna', 'Luma AI', 'Runway', 'Leonardo AI', 'Z.ai', 'Stability AI', 'StepFun'],
useFolder: true
},
code: {
tier1: ['Anthropic', 'Z.ai', 'Moonshot', 'Alibaba', 'Google', 'OpenAI', 'DeepSeek', 'Xiaomi', 'MiniMax', 'xAI', 'KwaiKAT', 'Bytedance'],
tier2: ['Mistral', 'Inception AI', 'Meta'],
useFolder: true
},
video: {
tier1: ['Bytedance', 'Alibaba-ATH', 'Google', 'OpenAI', 'xAI', 'Alibaba', 'Pixverse', 'Runway', 'Shengshu'],
tier2: ['KlingAI', 'Luma AI', 'Pruna', 'MiniMax', 'Kandinsky', 'Tencent', 'lightricks', 'Pika', 'Genmo AI'],
useFolder: true
}
};
const getDefaultOrgOrder = (mode) => {
const config = MODE_ORG_CONFIG[mode] || MODE_ORG_CONFIG.text;
return [...config.tier1, ...config.tier2];
};
const COMPANY_RULES = [
{ patterns: [/^yi-/i], company: '01 AI', icon: '0️⃣' },
{ patterns: [/^olmo/i, /^molmo/i], company: 'Ai2', icon: '🔬' },
{ patterns: [/^jamba/i], company: 'AI21 Labs', icon: '' },
{ patterns: [/^qwen/i, /^qwq/i, /^wan/i], company: 'Alibaba', icon: '🟣' },
{ patterns: [/^happyhorse/i], company: 'Alibaba-ATH', icon: '🐎' },
{ patterns: [/^nova/i, /^amazon/i], company: 'Amazon', icon: '📦' },
{ patterns: [/^ling/i, /^ring/i], company: 'Ant Group', icon: '🐜' },
{ patterns: [/^claude/i], company: 'Anthropic', icon: '🟤' },
{ patterns: [/^trinity/i], company: 'Arcee AI', icon: '🔺' },
{ patterns: [/^ernie/i], company: 'Baidu', icon: '🔴' },
{ patterns: [/^flux/i], company: 'Black Forest Labs', icon: '🌊' },
{ patterns: [/^seed/i, /^dola/i], company: 'Bytedance', icon: '🎵' },
{ patterns: [/^dolphin/i], company: 'Cognitive Computations', icon: '' },
{ patterns: [/^command/i], company: 'Cohere', icon: '🟡' },
{ patterns: [/^dbrx/i], company: 'Databricks', icon: '' },
{ patterns: [/^deepseek/i], company: 'DeepSeek', icon: '🐋' },
{ patterns: [/^diffbot/i], company: 'Diffbot', icon: '🤖' },
{ patterns: [/^mochi/i], company: 'Genmo AI', icon: '一' },
{ patterns: [/^gemini/i, /^gemma/i, /^imagen/i, /^veo/i], company: 'Google', icon: '🔵' },
{ patterns: [/^zephyr/i], company: 'HuggingFace', icon: '😄' },
{ patterns: [/^ibm/i, /^granite/i], company: 'IBM', icon: '💠' },
{ patterns: [/^ideogram/i], company: 'Ideogram', icon: '✏️' },
{ patterns: [/^mercury/i], company: 'Inception AI', icon: '☿️' },
{ patterns: [/^internlm/i], company: 'InternLM', icon: '👨💼' },
{ patterns: [/^kandinsky/i], company: 'Kandinsky', icon: 'K' },
{ patterns: [/^kling/i], company: 'KlingAI', icon: '🔗' },
{ patterns: [/^kat/i], company: 'KwaiKAT', icon: '🎥' },
{ patterns: [/^lucid/i], company: 'Leonardo AI', icon: '🖼️' },
{ patterns: [/^lightricks/i], company: 'ltx', icon: '' },
{ patterns: [/^photon/i], company: 'Luma AI', icon: '💡' },
{ patterns: [/^longcat/i], company: 'Meituan', icon: '🐱' },
{ patterns: [/^llama/i, /^muse/i], company: 'Meta', icon: '🔷' },
{ patterns: [/^mai-/i, /^microsoft/i, /^phi/i], company: 'Microsoft AI', icon: '🪟' },
{ patterns: [/^minimax/i], company: 'MiniMax', icon: '🎯' },
{ patterns: [/^mistral/i, /^magistral/i, /^devstral/i], company: 'Mistral', icon: '🟠' },
{ patterns: [/^kimi/i], company: 'Moonshot', icon: '🌙' },
{ patterns: [/^mpt/i], company: 'MosaicML', icon: '' },
{ patterns: [/^athene/i], company: 'NexusFlow', icon: '🔗' },
{ patterns: [/^openhermes/i], company: 'NousResearch', icon: '' },
{ patterns: [/^nvidia/i, /^nemotron/i], company: 'Nvidia', icon: '💚' },
{ patterns: [/^gpt/i, /^o3/i, /^o4/i, /^chatgpt/i, /^dall-e/i, /^sora/i], company: 'OpenAI', icon: '🟢' },
{ patterns: [/^oasst/i], company: 'OpenAssistant', icon: '' },
{ patterns: [/^openchat/i], company: 'OpenChat', icon: '🧿' },
{ patterns: [/^ppl/i, /^perplexity/i, /^sonar/i], company: 'Perplexity', icon: '❓' },
{ patterns: [/^pika/i], company: 'Pika', icon: '' },
{ patterns: [/^pixverse/i], company: 'Pixverse', icon: 'L' },
{ patterns: [/^intellect/i], company: 'Prime Intellect', icon: '🧠' },
{ patterns: [/^p-image/i], company: 'Pruna', icon: '🍑' },
{ patterns: [/^recraft/i], company: 'Recraft', icon: '🎨' },
{ patterns: [/^reka/i], company: 'Reka AI', icon: '' },
{ patterns: [/^reve/i], company: 'Reve', icon: '💭' },
{ patterns: [/^runway/i], company: 'Runway', icon: 'R' },
{ patterns: [/^RWKV/i], company: 'RWKV', icon: '🦜' },
{ patterns: [/^vidu/i], company: 'Shengshu', icon: '🎬' },
{ patterns: [/^snowflake/i], company: 'Snowflake', icon: '❄' },
{ patterns: [/^stable/i], company: 'Stability AI', icon: 'S' },
{ patterns: [/^alpaca/i], company: 'Stanford', icon: '' },
{ patterns: [/^step/i], company: 'StepFun', icon: '👣' },
{ patterns: [/^Together AI/i], company: 'stripedhyena', icon: '' },
{ patterns: [/^hunyuan/i], company: 'Tencent', icon: '🐧' },
{ patterns: [/^falcon/i], company: 'TII', icon: '' },
{ patterns: [/^starling/i], company: 'UC Berkeley', icon: '' },
{ patterns: [/^solar/i], company: 'Upstage AI', icon: '' },
{ patterns: [/^guanaco/i], company: 'UW', icon: '' },
{ patterns: [/^grok/i], company: 'xAI', icon: '⚫' },
{ patterns: [/^mimo/i], company: 'Xiaomi', icon: '🍊' },
{ patterns: [/^glm/i], company: 'Z.ai', icon: '🔮' }
];
const IMAGE_TYPE_ORDER = { universal: 0, t2i: 1, i2i: 2 };
const VIEW_MODES = {
grid: { icon: '⊞', label: 'grid' },
compact: { icon: '⊟', label: 'compact' },
list: { icon: '☰', label: 'list' }
};
// ==================== 3. 模式检测器 ====================
class ModeDetector {
static detect() {
const btnContainer = document.querySelector(SELECTORS.arenaButtons);
if (btnContainer) {
const buttons = btnContainer.querySelectorAll('button');
for (const btn of buttons) {
if (btn.classList.contains('bg-surface-primary')) {
const text = (btn.textContent || '').trim().toLowerCase();
if (text.includes('text')) return 'text';
if (text.includes('code')) return 'code';
if (text.includes('image')) return 'image';
if (text.includes('search')) return 'search';
if (text.includes('video')) return 'video';
}
}
}
const url = new URL(window.location.href);
const modality = url.searchParams.get('chat-modality');
if (modality) {
if (modality === 'code') return 'code';
if (modality === 'image') return 'image';
if (modality === 'search') return 'search';
if (modality === 'video') return 'video';
if (modality === 'text') return 'text';
}
const pathname = url.pathname;
if (pathname.includes('/code')) return 'code';
if (pathname.includes('/search')) return 'search';
if (pathname.includes('/image')) return 'image';
if (pathname.includes('/video')) return 'video';
return 'text';
}
}
// ==================== 4. 数据管理 ====================
class DataManager {
constructor() {
this.data = this.load();
this.ensureDefaults();
}
ensureDefaults() {
if (!this.data.models) this.data.models = {};
if (!this.data.orgOrder) this.data.orgOrder = {};
if (!this.data.settings) this.data.settings = {};
if (this.data.settings.showNewAlert === undefined) this.data.settings.showNewAlert = true;
if (this.data.settings.defaultVisible === undefined) this.data.settings.defaultVisible = true;
if (!this.data.settings.language) this.data.settings.language = 'zh-CN';
if (!this.data.settings.gistId) this.data.settings.gistId = '';
if (!this.data.settings.gistToken) this.data.settings.gistToken = '';
if (this.data.settings.autoSync === undefined) this.data.settings.autoSync = false;
if (this.data.settings.autoSyncMode === undefined) this.data.settings.autoSyncMode = 'change'; // 'change' | 'interval'
if (this.data.settings.autoSyncInterval === undefined) this.data.settings.autoSyncInterval = 5; // 分钟
if (this.data.settings.lockFabPosition === undefined) this.data.settings.lockFabPosition = false;
if (!this.data.settings.adminToken) this.data.settings.adminToken = '';
if (!this.data.settings.lastRecommendedDate) this.data.settings.lastRecommendedDate = '';
if (!this.data.settings.fabPosition) this.data.settings.fabPosition = { right: 12, top: null, bottom: null };
if (!this.data.modelOrder) this.data.modelOrder = { text: [], search: [], image: [], code: [], video: [] };
if (!this.data.groups) this.data.groups = {};
['text', 'search', 'image', 'code', 'video'].forEach(mode => {
if (!this.data.orgOrder[mode]) {
this.data.orgOrder[mode] = getDefaultOrgOrder(mode);
}
});
}
load() {
try { return JSON.parse(GM_getValue(STORAGE_KEY) || '{}'); }
catch (e) { console.error('[LMM] Load failed:', e); return {}; }
}
save() { GM_setValue(STORAGE_KEY, JSON.stringify(this.data)); }
getModel(name) { return this.data.models[name]; }
setModel(name, data) { this.data.models[name] = { ...this.data.models[name], ...data }; this.save(); }
deleteModels(names) {
names.forEach(n => {
delete this.data.models[n];
Object.keys(this.data.groups || {}).forEach(g => {
const idx = this.data.groups[g].indexOf(n);
if (idx !== -1) this.data.groups[g].splice(idx, 1);
});
});
if (this.data.modelOrder) {
Object.keys(this.data.modelOrder).forEach(mode => {
this.data.modelOrder[mode] = this.data.modelOrder[mode].filter(n => !names.includes(n));
});
}
this.save();
}
getAllModels() { return Object.entries(this.data.models).map(([name, data]) => ({ name, ...data })); }
isVisible(name) { const m = this.data.models[name]; return m ? m.visible !== false : this.data.settings.defaultVisible; }
setVisibility(name, visible) {
if (!this.data.models[name]) this.data.models[name] = this.analyze(name, 'text', {});
this.data.models[name].visible = visible;
this.data.models[name].isNew = false;
this.save();
}
toggleStar(name) {
if (!this.data.models[name]) return false;
const starred = !this.data.models[name].starred;
this.data.models[name].starred = starred;
this.save();
return starred;
}
getModelOrder(mode) { return this.data.modelOrder[mode] || []; }
setModelOrder(mode, order) {
if (!this.data.modelOrder) this.data.modelOrder = {};
this.data.modelOrder[mode] = order;
this.save();
}
getOrgOrder(mode) { return this.data.orgOrder[mode] || getDefaultOrgOrder(mode); }
setOrgOrder(mode, order) {
if (!this.data.orgOrder) this.data.orgOrder = {};
this.data.orgOrder[mode] = order;
this.save();
}
updateModel(name, updates) { if (!this.data.models[name]) return; Object.assign(this.data.models[name], updates); this.save(); }
addModeToModel(name, mode) {
const model = this.data.models[name];
if (model && !model.modes.includes(mode)) { model.modes.push(mode); this.save(); }
}
clearNewFlags() { Object.keys(this.data.models).forEach(k => { this.data.models[k].isNew = false; }); this.save(); }
export(groupName = null) {
const data = JSON.parse(JSON.stringify(this.data));
// 导出时排除 Token
if (data.settings) {
delete data.settings.gistToken;
delete data.settings.adminToken;
}
// 如果指定了分组，只导出该分组相关数据
if (groupName && this.data.groups[groupName]) {
const groupModels = this.data.groups[groupName];
const filteredModels = {};
groupModels.forEach(name => {
if (this.data.models[name]) {
filteredModels[name] = this.data.models[name];
}
});
return JSON.stringify({
exportType: 'group',
groupName: groupName,
models: filteredModels,
exportedAt: new Date().toISOString()
}, null, 2);
}
return JSON.stringify(data, null, 2);
}
import(json) {
try {
const imported = JSON.parse(json);
// 检查是否是分组导出
if (imported.exportType === 'group') {
// 合并分组数据
Object.entries(imported.models || {}).forEach(([name, data]) => {
if (!this.data.models[name]) {
this.data.models[name] = data;
}
});
if (imported.groupName && !this.data.groups[imported.groupName]) {
this.data.groups[imported.groupName] = Object.keys(imported.models || {});
}
} else {
this.data = imported;
}
this.ensureDefaults();
this.save();
return true;
} catch {
return false;
}
}
deleteModelData() {
this.data.models = {};
this.data.modelOrder = { text: [], search: [], image: [], code: [], video: [] };
this.data.orgOrder = {};
this.data.groups = {};
['text', 'search', 'image', 'code', 'video'].forEach(mode => {
this.data.orgOrder[mode] = getDefaultOrgOrder(mode);
});
this.save();
}
deleteAllData() {
GM_setValue(STORAGE_KEY, '{}');
GM_setValue(LOGO_CACHE_KEY, '{}');
location.reload();
}
getLanguage() { return this.data.settings.language || 'zh-CN'; }
setLanguage(lang) { this.data.settings.language = lang; this.save(); }
// 分组管理
getGroups() { return this.data.groups || {}; }
getGroupNames() { return Object.keys(this.data.groups || {}); }
createGroup(name) {
if (!this.data.groups) this.data.groups = {};
if (!this.data.groups[name]) { this.data.groups[name] = []; this.save(); return true; }
return false;
}
deleteGroup(name) {
if (this.data.groups && this.data.groups[name]) { delete this.data.groups[name]; this.save(); return true; }
return false;
}
renameGroup(oldName, newName) {
if (this.data.groups && this.data.groups[oldName] && !this.data.groups[newName]) {
this.data.groups[newName] = this.data.groups[oldName];
delete this.data.groups[oldName];
this.save();
return true;
}
return false;
}
addToGroup(groupName, modelName) {
if (!this.data.groups[groupName]) return false;
if (!this.data.groups[groupName].includes(modelName)) {
this.data.groups[groupName].push(modelName);
this.save();
}
return true;
}
removeFromGroup(groupName, modelName) {
if (!this.data.groups[groupName]) return false;
const idx = this.data.groups[groupName].indexOf(modelName);
if (idx !== -1) { this.data.groups[groupName].splice(idx, 1); this.save(); }
return true;
}
getModelGroups(modelName) {
const groups = [];
Object.entries(this.data.groups || {}).forEach(([name, models]) => {
if (models.includes(modelName)) groups.push(name);
});
return groups;
}
getModelsInGroup(groupName) {
return this.data.groups[groupName] || [];
}
analyze(name, mode, featureFlags = {}) {
let company = 'Other', icon = '❔';
for (const rule of COMPANY_RULES) {
if (rule.patterns.some(p => p.test(name))) {
company = rule.company;
icon = rule.icon;
break;
}
}
let vision = false;
if (mode === 'image') {
const hasVision = featureFlags.vision || false;
const hasRIU = featureFlags.riu || false;
if (hasVision && hasRIU) vision = 'i2i';
else if (hasVision && !hasRIU) vision = 'universal';
else vision = 't2i';
} else {
vision = featureFlags.vision || false;
}
return {
visible: this.data.settings.defaultVisible, company, icon, companyManual: false,
modes: [mode], starred: false, isNew: true, vision, note: '',
fileUpload: featureFlags.fileUpload || false
};
}
reanalyze(name) {
const model = this.data.models[name];
if (!model) return;
const mode = model.modes?.[0] || 'text';
const fresh = this.analyze(name, mode, {});
fresh.visible = model.visible;
fresh.starred = model.starred;
fresh.isNew = false;
fresh.modes = model.modes;
fresh.vision = model.vision;
fresh.note = model.note || '';
fresh.fileUpload = model.fileUpload || false;
this.data.models[name] = fresh;
this.save();
}
}
// ==================== 5. 扫描器 ====================
class Scanner {
constructor(dm) {
this.dm = dm;
this.scanSession = { active: false, startedAt: null, scannedModels: new Set(), scannedModes: new Set() };
this.onMutation = null;
this.observer = null;
this.initHistoryHook();
}
initHistoryHook() {
const originalPush = history.pushState;
const originalReplace = history.replaceState;
const onUrlChange = () => { setTimeout(() => { this.scan(); this.applyFilters(); if (this.onMutation) this.onMutation(); }, 150); };
history.pushState = function() { originalPush.apply(this, arguments); onUrlChange(); };
history.replaceState = function() { originalReplace.apply(this, arguments); onUrlChange(); };
window.addEventListener('popstate', onUrlChange);
}
getAllContainers() {
const result = [];
const dropdownContainers = document.querySelectorAll('[cmdk-group-items]');
dropdownContainers.forEach(container => {
const options = container.querySelectorAll('[cmdk-item][role="option"]');
if (options.length > 0) {
result.push({ container, options: [...options], mode: 'dropdown' });
}
});
if (result.length > 0) return result;
const drawerContainers = document.querySelectorAll('div.relative.px-4');
drawerContainers.forEach(container => {
const options = container.querySelectorAll('button.w-full');
if (options.length > 0) {
result.push({ container, options: [...options], mode: 'drawer' });
}
});
return result;
}
extractInfo(el, layoutMode = 'dropdown') {
const nameEl = el.querySelector(SELECTORS.modelName);
const name = nameEl?.textContent?.trim();
if (!name || name.length < 2) return null;
const svgPaths = el.querySelectorAll('svg path');
let hasVision = false;
let hasRIU = false;
let hasGeneration = false;
let hasFileUpload = false;
svgPaths.forEach(path => {
const d = path.getAttribute('d') || '';
if (d.includes('M2 14C2 16.2')) {
hasVision = true;
}
if (d.includes('M13 21H3.6') || d.includes('19 19V16')) {
hasRIU = true;
}
if (d.includes('M21 3.6V20.4')) {
hasGeneration = true;
}
if (d.includes('M15 2H6')) {
hasFileUpload = true;
}
});
const featureFlags = {
vision: hasVision,
riu: hasRIU,
generation: hasGeneration,
fileUpload: hasFileUpload
};
return { name, featureFlags };
}
scan() {
const containers = this.getAllContainers();
if (containers.length === 0) return;
const currentMode = ModeDetector.detect();
const newModels = [];
containers.forEach(({ options, mode: layoutMode }) => {
options.forEach(el => {
const info = this.extractInfo(el, layoutMode);
if (!info) return;
if (this.scanSession.active) {
this.scanSession.scannedModels.add(info.name);
this.scanSession.scannedModes.add(currentMode);
}
let model = this.dm.getModel(info.name);
if (!model) {
const data = this.dm.analyze(info.name, currentMode, info.featureFlags);
this.dm.setModel(info.name, data);
newModels.push(info.name);
} else {
this.dm.addModeToModel(info.name, currentMode);
if (currentMode === 'image' && typeof model.vision === 'boolean') {
const hasVision = info.featureFlags.vision;
const hasRIU = info.featureFlags.riu;
let vision = 't2i';
if (hasVision && hasRIU) vision = 'i2i';
else if (hasVision && !hasRIU) vision = 'universal';
this.dm.updateModel(info.name, { vision });
} else if (currentMode !== 'image' && info.featureFlags.vision && model.vision === false) {
this.dm.updateModel(info.name, { vision: true });
}
if (info.featureFlags.fileUpload && !model.fileUpload) {
this.dm.updateModel(info.name, { fileUpload: true });
}
}
});
});
if (newModels.length > 0 && this.dm.data.settings.showNewAlert) {
const t = this.getT();
const msg = newModels.length <= 3
? `${t('newModelFound')}: ${newModels.slice(0, 3).join(', ')}`
: t('newModelsFound').replace('{0}', newModels.length);
this.toast(msg);
}
}
getT() {
const lang = this.dm.getLanguage();
return (key) => I18N[lang]?.ui?.[key] || I18N['zh-CN'].ui[key] || key;
}
startScanSession() {
this.scanSession = { active: true, startedAt: Date.now(), scannedModels: new Set(), scannedModes: new Set() };
this.toast(this.getT()('scanStarted'), 'info');
}
endScanSession() {
if (!this.scanSession.active) return { missing: [], modes: [] };
const allModels = this.dm.getAllModels();
const scanned = this.scanSession.scannedModels;
const missing = allModels.filter(m => !scanned.has(m.name)).map(m => m.name);
const result = { missing, scannedCount: scanned.size, modes: [...this.scanSession.scannedModes] };
this.scanSession.active = false;
return result;
}
isScanActive() { return this.scanSession.active; }
applyFilters() {
const containers = this.getAllContainers();
if (containers.length === 0) return;
const currentMode = ModeDetector.detect();
const orgOrder = this.dm.getOrgOrder(currentMode);
const customOrder = this.dm.getModelOrder(currentMode);
const hasCustomOrder = customOrder && customOrder.length > 0;
containers.forEach(({ container, options, mode: layoutMode }) => {
const parent = options[0]?.parentElement;
if (parent) {
parent.style.display = 'flex';
parent.style.flexDirection = 'column';
}
options.forEach(el => {
const info = this.extractInfo(el, layoutMode);
if (!info) return;
const model = this.dm.getModel(info.name);
if (!model) return;
const visible = this.dm.isVisible(info.name);
el.style.display = visible ? '' : 'none';
if (visible) {
let order = 0;
if (model.starred) {
order = -99999 + (info.name.charCodeAt(0) || 0) * 0.001;
} else if (hasCustomOrder) {
const customIndex = customOrder.indexOf(info.name);
if (customIndex !== -1) {
order = customIndex;
} else {
order = 50000 + (info.name.charCodeAt(0) || 0) * 0.01;
}
} else {
let baseOrder = 10000;
if (currentMode === 'image' && typeof model.vision === 'string') {
baseOrder += (IMAGE_TYPE_ORDER[model.vision] ?? 3) * 10000;
}
const orgIndex = orgOrder.indexOf(model.company);
const orgScore = (orgIndex !== -1 ? orgIndex : 900) * 100;
order = baseOrder + orgScore + (info.name.charCodeAt(0) || 0) * 0.01;
}
el.style.order = Math.floor(order);
}
});
});
}
toast(msg, type = 'info') {
document.querySelectorAll('.lmm-toast').forEach(t => t.remove());
const t = document.createElement('div'); t.className = `lmm-toast lmm-toast-${type}`;
t.innerHTML = `<span>${type === 'success' ? '✅' : type === 'warning' ? '⚠️' : 'ℹ️'}</span><span>${msg}</span><button class="lmm-toast-x">×</button>`;
document.body.appendChild(t); t.querySelector('.lmm-toast-x').onclick = () => t.remove(); setTimeout(() => t.remove(), 4000);
}
startObserving() {
let timer = null;
this.observer = new MutationObserver(() => {
if (this.onMutation) this.onMutation();
const containers = this.getAllContainers();
if (containers.length > 0) {
clearTimeout(timer);
timer = setTimeout(() => { this.scan(); this.applyFilters(); }, 50);
}
});
this.observer.observe(document.body, { childList: true, subtree: true });
}
stopObserving() {
if (this.observer) {
this.observer.disconnect();
this.observer = null;
}
}
}
// ==================== 6. UI ====================
class UI {
constructor(dm, scanner) {
this.dm = dm;
this.scanner = scanner;
this.isOpen = false;
this.isSortMode = false;
this.isModelSortMode = false;
this.isTier2Expanded = false;
this.editingModel = null;
this.currentMode = 'all';
this.visibleSubMode = 'text';
this.viewMode = 'grid';
this.filter = { search: '', org: 'all', imageType: 'all', hasVision: 'all', hasFileUpload: 'all' };
this.sort = { by: 'org', order: 'asc' };
this.isMultiSelectMode = false;
this.selectedModels = new Set();
this.multiSelectBackup = new Map();
this.multiSelectGroupBackup = null;
this.autoSyncTimer = null;
this.pendingSync = false;
this.logoCache = JSON.parse(GM_getValue(LOGO_CACHE_KEY) || '{}');
this.adminMode = false;
this.adminClickCount = 0;
this.adminClickTimer = null;
this.remoteDate = null;
this.pageHasChatUI = true;
}
t(key) {
const lang = this.dm.getLanguage();
return I18N[lang]?.ui?.[key] || I18N['zh-CN'].ui[key] || key;
}
init() {
this.injectStyles();
this.createFab();
this.createPanel();
this.createEditModal();
this.createConfirmModal();
this.createScanResultModal();
this.createGroupModal();
this.createSettingsModal();
this.createDiffModal();
this.createGroupSelectModal();
this.bindShortcuts();
this.initAutoSync();
setTimeout(() => this.loadVisibleLogos(), 2000);
}
injectStyles() {
GM_addStyle(`
:root {
--lmm-primary: #6366f1; --lmm-primary-dark: #4f46e5;
--lmm-success: #22c55e; --lmm-warning: #f59e0b; --lmm-danger: #ef4444;
--lmm-bg: #fff; --lmm-bg2: #f8fafc; --lmm-bg3: #f1f5f9;
--lmm-text: #1e293b; --lmm-text2: #64748b; --lmm-border: #e2e8f0;
}
@media (prefers-color-scheme: dark) {
:root {
--lmm-bg: #1a1a2e; --lmm-bg2: #252540; --lmm-bg3: #2f2f4a;
--lmm-text: #e2e8f0; --lmm-text2: #94a3b8; --lmm-border: #3f3f5a;
}
}
.lmm-fab { position: fixed; width: 40px; height: 40px; border-radius: 10px; background: linear-gradient(135deg, var(--lmm-primary), var(--lmm-primary-dark)); color: #fff; border: none; cursor: pointer; z-index: 99990; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 0 2px 10px rgba(99,102,241,0.3); transition: transform 0.15s; user-select: none; }
.lmm-fab:hover { transform: scale(1.08); }
.lmm-fab.dragging { cursor: grabbing; transform: scale(1.1); opacity: 0.9; }
.lmm-fab.has-new::after { content: ''; position: absolute; top: -3px; right: -3px; width: 12px; height: 12px; background: var(--lmm-danger); border-radius: 50%; border: 2px solid var(--lmm-bg); }
.lmm-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); backdrop-filter: blur(3px); z-index: 99995; opacity: 0; visibility: hidden; transition: all 0.2s; pointer-events: none; }
.lmm-overlay.open { opacity: 1; visibility: visible; pointer-events: auto; }
.lmm-panel { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.95); width: 96vw; max-width: 1000px; height: 88vh; max-height: 720px; background: var(--lmm-bg); border-radius: 12px; z-index: 99999; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transition: all 0.2s; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 13px; color: var(--lmm-text); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); pointer-events: none; }
.lmm-panel.open { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); pointer-events: auto; }
.lmm-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border-bottom: 1px solid var(--lmm-border); background: var(--lmm-bg2); border-radius: 12px 12px 0 0; flex-wrap: nowrap; gap: 8px; flex-shrink: 0; }
.lmm-title { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; white-space: nowrap; flex-shrink: 0; }
.lmm-header-btns { display: flex; gap: 5px; align-items: center; margin-left: auto; flex-wrap: wrap; }
.lmm-close { width: 28px; height: 28px; border: none; background: none; font-size: 20px; cursor: pointer; color: var(--lmm-text2); border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 8px; }
.lmm-close:hover { background: var(--lmm-bg3); color: var(--lmm-danger); }
.lmm-btn { padding: 5px 10px; border-radius: 6px; border: 1px solid var(--lmm-border); background: var(--lmm-bg); color: var(--lmm-text); cursor: pointer; font-size: 12px; display: inline-flex; align-items: center; gap: 4px; transition: all 0.15s; white-space: nowrap; flex-shrink: 0; height: 28px; box-sizing: border-box; }
.lmm-btn:hover { background: var(--lmm-bg3); border-color: var(--lmm-primary); }
.lmm-btn-primary { background: var(--lmm-primary); color: #fff; border-color: var(--lmm-primary); }
.lmm-btn-primary:hover { background: var(--lmm-primary-dark); }
.lmm-btn-danger { background: var(--lmm-danger); color: #fff; border-color: var(--lmm-danger); }
.lmm-btn-success { background: var(--lmm-success); color: #fff; border-color: var(--lmm-success); }
.lmm-btn.scanning { animation: lmm-pulse 1.5s infinite; }
.lmm-btn.active { background: var(--lmm-primary); color: #fff; border-color: var(--lmm-primary); }
.lmm-btn-icon { padding: 5px 7px; min-width: 28px; justify-content: center; }
.lmm-btn-sm { padding: 3px 8px; height: 24px; font-size: 11px; }
@keyframes lmm-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.6; } }
.lmm-topbar { display: flex; gap: 5px; padding: 8px 14px; border-bottom: 1px solid var(--lmm-border); overflow-x: auto; flex-shrink: 0; flex-wrap: wrap; }
.lmm-topbar-item { padding: 4px 8px; border-radius: 12px; border: 1px solid var(--lmm-border); background: var(--lmm-bg); font-size: 12px; cursor: pointer; white-space: nowrap; transition: all 0.15s; display: inline-flex; align-items: center; gap: 6px; height: 26px; box-sizing: border-box; }
.lmm-topbar-item:hover { border-color: var(--lmm-primary); color: var(--lmm-primary); }
.lmm-topbar-item.active { background: var(--lmm-primary); border-color: var(--lmm-primary); color: #fff; }
.lmm-topbar-item .cnt { font-size: 10px; background: rgba(0,0,0,0.1); padding: 1px 5px; border-radius: 8px; }
.lmm-topbar-item.active .cnt { background: rgba(255,255,255,0.2); }
.lmm-topbar-sep { border-left: 1px solid var(--lmm-border); margin: 0 4px; }
.lmm-subbar { display: flex; gap: 8px; padding: 8px 14px 0; align-items: center; flex-wrap: wrap; flex-shrink: 0; }
.lmm-subbar-group { display: flex; background: var(--lmm-bg2); border-radius: 6px; padding: 2px; border: 1px solid var(--lmm-border); }
.lmm-subbar-item { padding: 4px 10px; border-radius: 4px; cursor: pointer; font-size: 11px; color: var(--lmm-text2); transition: all 0.1s; }
.lmm-subbar-item.active { background: var(--lmm-bg); color: var(--lmm-text); font-weight: 500; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.lmm-toolbar { display: flex; gap: 8px; padding: 8px 14px; border-bottom: 1px solid var(--lmm-border); flex-wrap: wrap; align-items: center; flex-shrink: 0; }
.lmm-search { flex: 1; min-width: 140px; position: relative; }
.lmm-search-icon { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); color: var(--lmm-text2); font-size: 12px; }
.lmm-search input { width: 100%; padding: 6px 8px 6px 28px; border: 1px solid var(--lmm-border); border-radius: 6px; font-size: 12px; background: var(--lmm-bg); color: var(--lmm-text); height: 30px; box-sizing: border-box; }
.lmm-search input::placeholder { color: var(--lmm-text2); font-size: 11px; }
.lmm-select { padding: 4px 22px 4px 8px; border: 1px solid var(--lmm-border); border-radius: 6px; background: var(--lmm-bg); color: var(--lmm-text); font-size: 11px; cursor: pointer; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%2364748b' d='M1 3l4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 6px center; height: 30px; box-sizing: border-box; }
.lmm-view-toggle { display: flex; gap: 2px; }
.lmm-view-btn { padding: 4px 8px; border: 1px solid var(--lmm-border); background: var(--lmm-bg); cursor: pointer; font-size: 12px; transition: all 0.15s; }
.lmm-view-btn:first-child { border-radius: 6px 0 0 6px; }
.lmm-view-btn:last-child { border-radius: 0 6px 6px 0; }
.lmm-view-btn:not(:first-child) { border-left: none; }
.lmm-view-btn.active { background: var(--lmm-primary); color: #fff; border-color: var(--lmm-primary); }
.lmm-view-btn:hover:not(.active) { background: var(--lmm-bg3); }
.lmm-content { display: flex; flex: 1; overflow: hidden; min-height: 0; }
.lmm-sidebar { width: 170px; border-right: 1px solid var(--lmm-border); background: var(--lmm-bg2); overflow-y: auto; padding: 8px 6px; flex-shrink: 0; }
.lmm-content.visible-mode .lmm-sidebar { display: none; }
.lmm-sidebar-item { display: flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 5px; cursor: pointer; font-size: 11px; transition: all 0.1s; user-select: none; }
.lmm-sidebar-item:hover { background: var(--lmm-bg3); }
.lmm-sidebar-item.active { background: var(--lmm-primary); color: #fff; }
.lmm-sidebar-item .icon { display: inline-flex; width: 1.4em; justify-content: center; flex-shrink: 0; }
.lmm-sidebar-item .cnt { margin-left: auto; font-size: 10px; background: var(--lmm-bg); padding: 1px 5px; border-radius: 6px; color: var(--lmm-text2); }
.lmm-sidebar-item.active .cnt { background: rgba(255,255,255,0.2); color: #fff; }
.lmm-sidebar-item.sort-mode { cursor: grab; background: var(--lmm-bg3); }
.lmm-sidebar-item.sort-mode:active { cursor: grabbing; }
.lmm-sidebar-item.dragging { opacity: 0.5; background: var(--lmm-primary); color: #fff; }
.lmm-sidebar-header { display: flex; justify-content: space-between; align-items: center; padding: 0 6px; margin: 6px 0 4px; gap: 4px; }
.lmm-sidebar-title { font-size: 10px; font-weight: 600; text-transform: uppercase; color: var(--lmm-text2); letter-spacing: 0.3px; }
.lmm-sidebar-btn { font-size: 10px; color: var(--lmm-primary); cursor: pointer; background: none; border: none; padding: 2px 4px; }
.lmm-sidebar-btn.active { color: var(--lmm-success); font-weight: 600; }
.lmm-sidebar-btn.reset { color: var(--lmm-warning); }
.lmm-sidebar-folder { display: flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 5px; cursor: pointer; font-size: 11px; color: var(--lmm-text2); transition: all 0.1s; }
.lmm-sidebar-folder:hover { background: var(--lmm-bg3); color: var(--lmm-text); }
.lmm-sidebar-folder .icon { display: inline-flex; width: 1.4em; justify-content: center; }
.lmm-sidebar-folder .cnt { margin-left: auto; font-size: 10px; background: var(--lmm-bg); padding: 1px 5px; border-radius: 6px; color: var(--lmm-text2); }
.lmm-sidebar-folder-content { display: none; padding-left: 8px; }
.lmm-sidebar-folder-content.open { display: block; }
.lmm-list { flex: 1; overflow-y: auto; padding: 10px; }
.lmm-list-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; flex-wrap: wrap; gap: 6px; }
.lmm-count { color: var(--lmm-text2); font-size: 12px; }
.lmm-batch { display: flex; gap: 5px; flex-wrap: wrap; }
.lmm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.lmm-grid.compact-view { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 6px; }
.lmm-grid.list-view { display: flex; flex-direction: column; gap: 4px; }
.lmm-card { display: flex; align-items: flex-start; gap: 8px; padding: 9px; border: 2px solid var(--lmm-border); border-radius: 8px; background: var(--lmm-bg); cursor: pointer; transition: all 0.15s; position: relative; }
.lmm-card:hover { border-color: var(--lmm-primary); }
.lmm-card.visible { border-color: var(--lmm-primary); }
.lmm-card.hidden { opacity: 0.5; background: var(--lmm-bg3); }
.lmm-card.new { box-shadow: inset 0 0 0 1px var(--lmm-success); }
.lmm-card.starred { box-shadow: inset 0 0 0 1px var(--lmm-warning); }
.lmm-card.selected { background: rgba(99,102,241,0.1); border-color: var(--lmm-primary); }
.lmm-grid.compact-view .lmm-card { padding: 6px 8px; gap: 6px; }
.lmm-grid.compact-view .lmm-card-name { font-size: 10px; }
.lmm-grid.compact-view .lmm-tags { display: none; }
.lmm-grid.compact-view .lmm-card-actions { top: 2px; right: 2px; }
.lmm-grid.compact-view .lmm-check { width: 13px; height: 13px; font-size: 8px; }
.lmm-grid.compact-view .lmm-card-note { display: none; }
.lmm-grid.list-view .lmm-card { padding: 6px 10px; flex-direction: row; align-items: center; }
.lmm-grid.list-view .lmm-card-info { display: flex; align-items: center; gap: 8px; flex-direction: row; }
.lmm-grid.list-view .lmm-card-name { margin-bottom: 0; font-size: 12px; }
.lmm-grid.list-view .lmm-tags { margin-left: auto; }
.lmm-grid.list-view .lmm-card.dragging { opacity: 0.5; border-color: var(--lmm-primary); background: var(--lmm-bg3); }
.lmm-drag-handle { cursor: grab; color: var(--lmm-text2); font-size: 12px; margin-right: 4px; }
.lmm-check { width: 15px; height: 15px; border: 2px solid var(--lmm-border); border-radius: 3px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 9px; margin-top: 2px; }
.lmm-check.on { background: var(--lmm-primary); border-color: var(--lmm-primary); color: #fff; }
.lmm-card-info { flex: 1; min-width: 0; }
.lmm-card-name { font-weight: 500; font-size: 11px; display: flex; align-items: center; gap: 4px; margin-bottom: 3px; }
.lmm-card-name .n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lmm-card-note { font-size: 10px; color: var(--lmm-text2); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; }
.lmm-tags { display: flex; flex-wrap: wrap; gap: 2px; }
.lmm-tag { padding: 1px 4px; border-radius: 3px; font-size: 9px; background: var(--lmm-bg3); color: var(--lmm-text2); }
.lmm-tag.org { background: #e0e7ff; color: #4338ca; }
.lmm-tag.mode { background: #fef3c7; color: #92400e; }
.lmm-tag.new { background: #dcfce7; color: #166534; }
.lmm-tag.imgtype { background: #fce7f3; color: #9d174d; }
.lmm-tag.vision { background: #e0f2fe; color: #0369a1; }
.lmm-tag.group { background: #f0fdf4; color: #15803d; }
@media (prefers-color-scheme: dark) {
.lmm-tag.org { background: #3730a3; color: #c7d2fe; }
.lmm-tag.mode { background: #78350f; color: #fef3c7; }
.lmm-tag.new { background: #166534; color: #bbf7d0; }
.lmm-tag.imgtype { background: #831843; color: #fbcfe8; }
.lmm-tag.vision { background: #0c4a6e; color: #bae6fd; }
.lmm-tag.group { background: #14532d; color: #bbf7d0; }
}
.lmm-card-actions { position: absolute; top: 4px; right: 4px; display: flex; gap: 2px; opacity: 0; transition: opacity 0.15s; }
.lmm-card:hover .lmm-card-actions { opacity: 1; }
.lmm-card-btn { font-size: 12px; background: var(--lmm-bg2); border: 1px solid var(--lmm-border); border-radius: 4px; padding: 2px 5px; cursor: pointer; transition: all 0.15s; }
.lmm-card-btn:hover { background: var(--lmm-primary); color: #fff; border-color: var(--lmm-primary); }
.lmm-card-btn.starred { color: var(--lmm-warning); }
.lmm-footer { display: flex; justify-content: space-between; align-items: center; padding: 8px 14px; border-top: 1px solid var(--lmm-border); background: var(--lmm-bg2); border-radius: 0 0 12px 12px; font-size: 11px; color: var(--lmm-text2); flex-wrap: wrap; gap: 6px; flex-shrink: 0; }
.lmm-stats { display: flex; gap: 12px; }
.lmm-stat b { color: var(--lmm-text); }
.lmm-empty { text-align: center; padding: 30px 20px; color: var(--lmm-text2); }
.lmm-empty-icon { font-size: 32px; margin-bottom: 8px; opacity: 0.5; }
.lmm-toast { position: fixed; top: 60px; right: 12px; display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--lmm-bg); border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); z-index: 100001; animation: lmm-in 0.25s ease; border-left: 3px solid var(--lmm-primary); font-size: 13px; max-width: 350px; }
.lmm-toast-success { border-left-color: var(--lmm-success); }
.lmm-toast-warning { border-left-color: var(--lmm-warning); }
@keyframes lmm-in { from { transform: translateX(100%); opacity: 0; } }
.lmm-toast-x { background: none; border: none; font-size: 16px; cursor: pointer; color: var(--lmm-text2); }
.lmm-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.95); background: var(--lmm-bg); border-radius: 10px; padding: 16px; z-index: 100002; min-width: 320px; max-width: 90vw; max-height: 80vh; overflow-y: auto; box-shadow: 0 20px 40px rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transition: all 0.2s; pointer-events: none; }
.lmm-modal.open { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); pointer-events: auto; }
.lmm-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 100001; opacity: 0; visibility: hidden; transition: all 0.2s; pointer-events: none; }
.lmm-modal-overlay.open { opacity: 1; visibility: visible; pointer-events: auto; }
.lmm-modal-title { font-size: 15px; font-weight: 600; margin-bottom: 12px; }
.lmm-modal-body { margin-bottom: 14px; }
.lmm-modal-footer { display: flex; justify-content: flex-end; gap: 8px; }
.lmm-form-group { margin-bottom: 12px; }
.lmm-form-label { display: block; font-size: 11px; font-weight: 500; margin-bottom: 4px; color: var(--lmm-text2); }
.lmm-form-input, .lmm-form-select { width: 100%; padding: 7px 10px; border: 1px solid var(--lmm-border); border-radius: 6px; font-size: 13px; background: var(--lmm-bg); color: var(--lmm-text); box-sizing: border-box; }
.lmm-form-row { display: flex; gap: 8px; align-items: center; }
.lmm-form-row .lmm-form-input { flex: 1; }
.lmm-checkbox-group { display: flex; flex-wrap: wrap; gap: 6px; }
.lmm-checkbox-item { display: flex; align-items: center; gap: 4px; padding: 4px 8px; border: 1px solid var(--lmm-border); border-radius: 5px; font-size: 11px; cursor: pointer; transition: all 0.15s; }
.lmm-checkbox-item:hover { border-color: var(--lmm-primary); }
.lmm-checkbox-item.checked { background: var(--lmm-primary); color: #fff; border-color: var(--lmm-primary); }
.lmm-scan-list { max-height: 300px; overflow-y: auto; margin: 10px 0; }
.lmm-scan-item { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-bottom: 1px solid var(--lmm-border); font-size: 12px; }
.lmm-scan-item:last-child { border-bottom: none; }
.lmm-group-list { max-height: 200px; overflow-y: auto; margin: 8px 0; }
.lmm-group-item { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid var(--lmm-border); border-radius: 5px; margin-bottom: 4px; font-size: 12px; }
.lmm-group-item:hover { background: var(--lmm-bg3); }
.lmm-group-item .name { flex: 1; }
.lmm-group-item .actions { display: flex; gap: 4px; }
.lmm-group-item .actions button { padding: 2px 6px; font-size: 10px; }
.lmm-switch { position: relative; width: 40px; height: 22px; background: var(--lmm-border); border-radius: 11px; cursor: pointer; transition: background 0.2s; }
.lmm-switch.on { background: var(--lmm-primary); }
.lmm-switch::after { content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background: #fff; border-radius: 50%; transition: transform 0.2s; }
.lmm-switch.on::after { transform: translateX(18px); }
.lmm-setting-row { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--lmm-border); }
.lmm-setting-row:last-child { border-bottom: none; }
.lmm-setting-info { flex: 1; }
.lmm-setting-title { font-weight: 500; margin-bottom: 2px; }
.lmm-setting-desc { font-size: 11px; color: var(--lmm-text2); }
.lmm-detail-row { display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--lmm-border); }
.lmm-detail-row:last-child { border-bottom: none; }
.lmm-detail-label { width: 80px; font-size: 11px; color: var(--lmm-text2); flex-shrink: 0; }
.lmm-detail-value { flex: 1; font-size: 12px; display: flex; align-items: center; gap: 6px; }
.lmm-detail-value input { max-width: 60px; }
@media (max-width: 600px) {
.lmm-panel { width: 100vw; height: 100vh; max-width: none; max-height: none; border-radius: 0; }
.lmm-sidebar { display: none; }
.lmm-grid { grid-template-columns: 1fr; }
}
.lmm-diff-section { padding: 8px 0; border-bottom: 1px solid var(--lmm-border); }
.lmm-diff-section:last-child { border-bottom: none; }
.lmm-diff-category { display: flex; align-items: center; gap: 8px; font-weight: 500; cursor: pointer; font-size: 13px; }
.lmm-diff-details { padding: 4px 0 4px 24px; font-size: 11px; color: var(--lmm-text2); line-height: 1.6; }
.lmm-sidebar-separator { text-align: center; padding: 4px 8px; font-size: 10px; color: var(--lmm-text2); border-top: 1px dashed var(--lmm-border); border-bottom: 1px dashed var(--lmm-border); margin: 4px 0; user-select: none; }
.lmm-sidebar-separator.drag-over { background: var(--lmm-bg3); border-color: var(--lmm-primary); }
.lmm-org-icon { width: 16px; height: 16px; vertical-align: middle; object-fit: contain; display: inline-block; }
.lmm-sidebar-item .lmm-org-icon { width: 14px; height: 14px; }
.lmm-card-name .lmm-org-icon { width: 14px; height: 14px; }
`);
}
createFab() {
const fab = document.createElement('button');
fab.className = 'lmm-fab';
fab.innerHTML = '🎛️';
fab.title = 'Arena Manager (Ctrl+Shift+M)';
// 设置初始位置
const pos = this.dm.data.settings.fabPosition || { right: 12 };
fab.style.right = pos.right + 'px';
if (pos.top !== null && pos.top !== undefined) {
fab.style.top = pos.top + 'px';
} else if (pos.bottom !== null && pos.bottom !== undefined) {
fab.style.bottom = pos.bottom + 'px';
} else {
fab.style.top = '50%';
fab.style.transform = 'translateY(-50%)';
}
fab.onclick = (e) => {
if (!fab.dataset.dragged) this.toggle();
delete fab.dataset.dragged;
};
// 拖动功能
this.bindFabDrag(fab);
document.body.appendChild(fab);
this.fab = fab;
this.updateFabBadge();
}
bindFabDrag(fab) {
let startX, startY, startRight, startTop, isDragging = false;
fab.onmousedown = (e) => {
if (this.dm.data.settings.lockFabPosition) return;
e.preventDefault();
startX = e.clientX;
startY = e.clientY;
const rect = fab.getBoundingClientRect();
startRight = window.innerWidth - rect.right;
startTop = rect.top;
isDragging = false;
const onMove = (e) => {
const dx = e.clientX - startX;
const dy = e.clientY - startY;
if (Math.abs(dx) > 3 || Math.abs(dy) > 3) {
isDragging = true;
fab.classList.add('dragging');
fab.dataset.dragged = 'true';
}
if (isDragging) {
const newRight = Math.max(0, Math.min(window.innerWidth - 50, startRight - dx));
const newTop = Math.max(0, Math.min(window.innerHeight - 50, startTop + dy));
fab.style.right = newRight + 'px';
fab.style.top = newTop + 'px';
fab.style.bottom = 'auto';
fab.style.transform = 'none';
}
};
const onUp = () => {
document.removeEventListener('mousemove', onMove);
document.removeEventListener('mouseup', onUp);
fab.classList.remove('dragging');
if (isDragging) {
// 保存位置
const rect = fab.getBoundingClientRect();
this.dm.data.settings.fabPosition = {
right: window.innerWidth - rect.right,
top: rect.top,
bottom: null
};
this.dm.save();
}
};
document.addEventListener('mousemove', onMove);
document.addEventListener('mouseup', onUp);
};
}
updateFabBadge() {
const hasNew = this.dm.getAllModels().some(m => m.isNew);
this.fab?.classList.toggle('has-new', hasNew);
}
getModeCounts() {
const models = this.dm.getAllModels();
const groups = this.dm.getGroups();
const counts = { all: models.length, text: 0, search: 0, image: 0, code: 0, video: 0, starred: 0, new: 0 };
models.forEach(m => {
if (Array.isArray(m.modes)) {
m.modes.forEach(mode => {
if (counts[mode] !== undefined) counts[mode]++;
});
}
if (m.starred) counts.starred++;
if (m.isNew) counts.new++;
});
Object.keys(groups).forEach(name => {
counts[`group_${name}`] = groups[name].filter(n => this.dm.data.models[n]).length;
});
return counts;
}
// 自动同步相关
initAutoSync() {
if (this.dm.data.settings.autoSync) {
this.setupAutoSync();
}
}
setupAutoSync() {
this.clearAutoSync();
if (!this.dm.data.settings.autoSync) return;
if (this.dm.data.settings.autoSyncMode === 'interval') {
const minutes = this.dm.data.settings.autoSyncInterval || 5;
this.autoSyncTimer = setInterval(() => {
this.doAutoSync();
}, minutes * 60 * 1000);
}
}
clearAutoSync() {
if (this.autoSyncTimer) {
clearInterval(this.autoSyncTimer);
this.autoSyncTimer = null;
}
}
triggerSyncOnChange() {
if (this.dm.data.settings.autoSync && this.dm.data.settings.autoSyncMode === 'change') {
// 防抖：300ms 内只触发一次
if (this.pendingSync) return;
this.pendingSync = true;
setTimeout(() => {
this.pendingSync = false;
this.doAutoSync();
}, 300);
}
}
async doAutoSync() {
const token = this.dm.data.settings.gistToken;
const gistId = this.dm.data.settings.gistId;
if (!token || !gistId) return;
try {
const data = this.dm.export();
await this.gmFetch({
method: 'PATCH',
url: `https://api.github.com/gists/${gistId}`,
headers: {
'Authorization': `token ${token}`,
'Content-Type': 'application/json',
'Accept': 'application/vnd.github.v3+json'
},
data: JSON.stringify({
files: { 'arena-manager-data.json': { content: data } }
})
});
} catch (e) {
console.error('[Arena Manager] Auto sync failed:', e);
}
}
createPanel() {
const overlay = document.createElement('div');
overlay.className = 'lmm-overlay';
overlay.onclick = () => this.close();
document.body.appendChild(overlay);
this.overlay = overlay;
const panel = document.createElement('div');
panel.className = 'lmm-panel';
panel.innerHTML = `
<div class="lmm-header">
<div class="lmm-title"><span>🎛️</span> Arena Manager <span id="lmm-version" style="font-size:10px;color:var(--lmm-text2);cursor:default">v${VERSION}</span></div>
<div class="lmm-header-btns">
<button class="lmm-btn" id="lmm-scan-toggle">🔍 <span data-i18n="startScan"></span></button>
<button class="lmm-btn" id="lmm-export">📤 <span data-i18n="export"></span></button>
<button class="lmm-btn" id="lmm-import">📥 <span data-i18n="import"></span></button>
<button class="lmm-btn" id="lmm-clear-new">✨ <span data-i18n="clearMarks"></span></button>
<button class="lmm-btn" id="lmm-groups-btn">📁 <span data-i18n="groups"></span></button>
<button class="lmm-btn" id="lmm-settings">⚙️ <span data-i18n="settings"></span></button>
</div>
<button class="lmm-close" id="lmm-close">×</button>
</div>
<div class="lmm-topbar" id="lmm-topbar"></div>
<div class="lmm-subbar" id="lmm-subbar" style="display:none">
<div class="lmm-subbar-group">
<div class="lmm-subbar-item" data-mode="text">Text</div>
<div class="lmm-subbar-item" data-mode="search">Search</div>
<div class="lmm-subbar-item" data-mode="image">Image</div>
<div class="lmm-subbar-item" data-mode="code">Code</div>
<div class="lmm-subbar-item" data-mode="video">Video</div>
</div>
<div style="flex:1"></div>
<button class="lmm-btn" id="lmm-model-sort-btn">⇅ <span data-i18n="sort"></span></button>
<button class="lmm-btn" id="lmm-model-sort-reset" style="display:none">↺ <span data-i18n="reset"></span></button>
</div>
<div class="lmm-toolbar">
<div class="lmm-search">
<span class="lmm-search-icon">🔍</span>
<input type="text" id="lmm-search" data-i18n-placeholder="searchPlaceholder">
</div>
<select class="lmm-select" id="lmm-org"></select>
<select class="lmm-select" id="lmm-sort">
<option value="org-asc" data-i18n="sortByOrg" data-icon="🏢"></option>
<option value="starred-desc" data-i18n="starredFirst" data-icon="⭐"></option>
<option value="name-asc" data-i18n="nameAZ" data-icon="🔤"></option>
<option value="name-desc" data-i18n="nameZA" data-icon="🔤"></option>
</select>
<div class="lmm-view-toggle">
<button class="lmm-view-btn active" data-view="grid" title="Grid">⊞</button>
<button class="lmm-view-btn" data-view="compact" title="Compact">⊟</button>
<button class="lmm-view-btn" data-view="list" title="List">☰</button>
</div>
</div>
<div class="lmm-content" id="lmm-content">
<div class="lmm-sidebar" id="lmm-sidebar"></div>
<div class="lmm-list">
<div class="lmm-list-header">
<span class="lmm-count" id="lmm-count"></span>
<div class="lmm-batch" id="lmm-batch"></div>
</div>
<div class="lmm-grid" id="lmm-grid"></div>
</div>
</div>
<div class="lmm-footer">
<div class="lmm-stats">
<span class="lmm-stat"><span data-i18n="displayed"></span>: <b id="lmm-v">0</b></span>
<span class="lmm-stat"><span data-i18n="hiddenCount"></span>: <b id="lmm-h">0</b></span>
<span class="lmm-stat"><span data-i18n="total"></span>: <b id="lmm-t">0</b></span>
</div>
<span>Ctrl+Shift+M | / = Search</span>
</div>
`;
document.body.appendChild(panel);
this.panel = panel;
this.bindEvents();
this.updateI18n();
}
updateI18n() {
this.panel.querySelectorAll('[data-i18n]').forEach(el => {
el.textContent = this.t(el.dataset.i18n);
});
this.panel.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
el.placeholder = this.t(el.dataset.i18nPlaceholder);
});
// 更新排序下拉框（使用正确图标）
const sortSelect = this.$('#lmm-sort');
if (sortSelect) {
sortSelect.querySelectorAll('option').forEach(opt => {
if (opt.dataset.i18n) {
const icon = opt.dataset.icon || '';
opt.textContent = icon + ' ' + this.t(opt.dataset.i18n);
}
});
}
// 更新扫描按钮
const scanBtn = this.$('#lmm-scan-toggle');
if (scanBtn) {
if (this.scanner.isScanActive()) {
scanBtn.innerHTML = `⏹️ <span>${this.t('endScan')}</span>`;
} else {
scanBtn.innerHTML = `🔍 <span>${this.t('startScan')}</span>`;
}
}
}
createEditModal() {
const modalOverlay = document.createElement('div');
modalOverlay.className = 'lmm-modal-overlay';
modalOverlay.onclick = () => this.closeEditModal();
document.body.appendChild(modalOverlay);
this.editModalOverlay = modalOverlay;
const modal = document.createElement('div');
modal.className = 'lmm-modal';
modal.style.minWidth = '400px';
modal.innerHTML = `
<div class="lmm-modal-title">📋 <span data-i18n="modelDetails"></span></div>
<div class="lmm-modal-body" id="lmm-edit-body"></div>
<div class="lmm-modal-footer">
<button class="lmm-btn" id="lmm-edit-reset" style="margin-right:auto">↺ <span data-i18n="restoreDefault"></span></button>
<button class="lmm-btn" id="lmm-edit-cancel" data-i18n="cancel"></button>
<button class="lmm-btn lmm-btn-primary" id="lmm-edit-save" data-i18n="save"></button>
</div>
`;
document.body.appendChild(modal);
this.editModal = modal;
modal.querySelector('#lmm-edit-cancel').onclick = () => this.closeEditModal();
modal.querySelector('#lmm-edit-save').onclick = () => this.saveEdit();
modal.querySelector('#lmm-edit-reset').onclick = () => this.resetEdit();
}
createConfirmModal() {
const modalOverlay = document.createElement('div');
modalOverlay.className = 'lmm-modal-overlay';
document.body.appendChild(modalOverlay);
this.confirmModalOverlay = modalOverlay;
const modal = document.createElement('div');
modal.className = 'lmm-modal';
modal.innerHTML = `
<div class="lmm-modal-title" id="lmm-confirm-title"></div>
<div class="lmm-modal-body"><p id="lmm-confirm-msg"></p></div>
<div class="lmm-modal-footer">
<button class="lmm-btn" id="lmm-confirm-no" data-i18n="cancel"></button>
<button class="lmm-btn lmm-btn-danger" id="lmm-confirm-yes" data-i18n="confirm"></button>
</div>
`;
document.body.appendChild(modal);
this.confirmModal = modal;
}
createScanResultModal() {
const modalOverlay = document.createElement('div');
modalOverlay.className = 'lmm-modal-overlay';
document.body.appendChild(modalOverlay);
this.scanModalOverlay = modalOverlay;
const modal = document.createElement('div');
modal.className = 'lmm-modal';
modal.style.minWidth = '400px';
modal.innerHTML = `
<div class="lmm-modal-title">🔍 <span data-i18n="scanResult"></span></div>
<div class="lmm-modal-body">
<p id="lmm-scan-summary"></p>
<div class="lmm-scan-list" id="lmm-scan-list"></div>
</div>
<div class="lmm-modal-footer">
<button class="lmm-btn" id="lmm-scan-keep" data-i18n="keepAll"></button>
<button class="lmm-btn lmm-btn-danger" id="lmm-scan-delete" data-i18n="deleteSelected"></button>
</div>
`;
document.body.appendChild(modal);
this.scanModal = modal;
}
createGroupModal() {
const modalOverlay = document.createElement('div');
modalOverlay.className = 'lmm-modal-overlay';
modalOverlay.onclick = () => this.closeGroupModal();
document.body.appendChild(modalOverlay);
this.groupModalOverlay = modalOverlay;
const modal = document.createElement('div');
modal.className = 'lmm-modal';
modal.style.minWidth = '360px';
modal.innerHTML = `
<div class="lmm-modal-title">📁 <span data-i18n="groupManage"></span></div>
<div class="lmm-modal-body">
<div class="lmm-form-group">
<div style="display:flex;gap:6px;">
<input type="text" class="lmm-form-input" id="lmm-group-new-name" data-i18n-placeholder="newGroupName" style="flex:1">
<button class="lmm-btn lmm-btn-primary" id="lmm-group-create" data-i18n="create"></button>
</div>
</div>
<div class="lmm-group-list" id="lmm-group-list"></div>
</div>
<div class="lmm-modal-footer">
<button class="lmm-btn" id="lmm-group-close" data-i18n="close"></button>
</div>
`;
document.body.appendChild(modal);
this.groupModal = modal;
modal.querySelector('#lmm-group-create').onclick = () => this.createGroup();
modal.querySelector('#lmm-group-close').onclick = () => this.closeGroupModal();
}
createSettingsModal() {
const modalOverlay = document.createElement('div');
modalOverlay.className = 'lmm-modal-overlay';
modalOverlay.onclick = () => this.closeSettingsModal();
document.body.appendChild(modalOverlay);
this.settingsModalOverlay = modalOverlay;
const modal = document.createElement('div');
modal.className = 'lmm-modal';
modal.style.minWidth = '420px';
modal.innerHTML = `
<div class="lmm-modal-title">⚙️ <span data-i18n="settingsTitle"></span></div>
<div class="lmm-modal-body">
<div class="lmm-setting-row">
<div class="lmm-setting-info">
<div class="lmm-setting-title" data-i18n="language"></div>
</div>
<select class="lmm-select" id="lmm-setting-lang" style="width:140px"></select>
</div>
<div class="lmm-setting-row">
<div class="lmm-setting-info">
<div class="lmm-setting-title" data-i18n="newModelAlert"></div>
<div class="lmm-setting-desc" data-i18n="newModelAlertDesc"></div>
</div>
<div class="lmm-switch" id="lmm-setting-alert"></div>
</div>
<div class="lmm-setting-row">
<div class="lmm-setting-info">
<div class="lmm-setting-title" data-i18n="lockFabPosition"></div>
<div class="lmm-setting-desc" data-i18n="lockFabPositionDesc"></div>
</div>
<div class="lmm-switch" id="lmm-setting-lock-fab"></div>
</div>
<div class="lmm-setting-row" style="flex-direction:column;align-items:stretch;gap:8px">
<div class="lmm-setting-title" data-i18n="cloudSync"></div>
<div class="lmm-form-group" style="margin:0">
<label class="lmm-form-label" data-i18n="gistToken"></label>
<input type="password" class="lmm-form-input" id="lmm-setting-gist-token" data-i18n-placeholder="gistTokenPlaceholder">
</div>
<div class="lmm-form-group" style="margin:0">
<label class="lmm-form-label" data-i18n="gistId"></label>
<input type="text" class="lmm-form-input" id="lmm-setting-gist-id" data-i18n-placeholder="gistIdPlaceholder">
</div>
<div style="display:flex;gap:8px">
<button class="lmm-btn lmm-btn-primary" id="lmm-setting-upload">📤 <span data-i18n="syncUpload"></span></button>
<button class="lmm-btn" id="lmm-setting-download">📥 <span data-i18n="syncDownload"></span></button>
</div>
</div>
<div class="lmm-setting-row" style="flex-direction:column;align-items:stretch;gap:8px">
<div style="display:flex;align-items:center;justify-content:space-between">
<div class="lmm-setting-title" data-i18n="autoSync"></div>
<div class="lmm-switch" id="lmm-setting-auto-sync"></div>
</div>
<div class="lmm-setting-desc" data-i18n="autoSyncDesc"></div>
<div id="lmm-auto-sync-options" style="display:none">
<div style="display:flex;gap:12px;margin-top:8px">
<label style="display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer">
<input type="radio" name="lmm-sync-mode" value="change"> <span data-i18n="syncOnChange"></span>
</label>
<label style="display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer">
<input type="radio" name="lmm-sync-mode" value="interval"> <span data-i18n="syncInterval"></span>
<input type="number" id="lmm-sync-interval" min="1" max="60" value="5" style="width:50px;padding:2px 4px;font-size:11px">
<span data-i18n="minutes"></span>
</label>
</div>
</div>
</div>
<div class="lmm-setting-row" style="flex-direction:column;align-items:stretch;gap:8px">
<div class="lmm-setting-title" data-i18n="recommendedConfig"></div>
<div style="display:flex;gap:12px;font-size:12px;flex-wrap:wrap;align-items:center">
<span><span data-i18n="localImported"></span>: <b id="lmm-rec-local-date">-</b></span>
<span><span data-i18n="latestAvailable"></span>: <b id="lmm-rec-remote-date">-</b></span>
<button class="lmm-btn lmm-btn-sm" id="lmm-rec-check" data-i18n="checkUpdate"></button>
</div>
<button class="lmm-btn lmm-btn-primary" id="lmm-rec-use" data-i18n="useRecommended"></button>
</div>
<div class="lmm-setting-row" id="lmm-admin-section" style="display:none;flex-direction:column;align-items:stretch;gap:8px;border-top:2px solid var(--lmm-primary);padding-top:12px;margin-top:12px">
<div class="lmm-setting-title">🔒 <span data-i18n="adminMode"></span></div>
<div class="lmm-form-group" style="margin:0">
<label class="lmm-form-label" data-i18n="repoToken"></label>
<input type="password" class="lmm-form-input" id="lmm-admin-token" data-i18n-placeholder="repoTokenPlaceholder">
</div>
<button class="lmm-btn lmm-btn-primary" id="lmm-admin-upload">📤 <span data-i18n="uploadRecommended"></span></button>
</div>
<div class="lmm-setting-row" style="border-top:2px solid var(--lmm-danger);margin-top:12px;padding-top:12px">
<div class="lmm-setting-info">
<div class="lmm-setting-title" style="color:var(--lmm-danger)" data-i18n="deleteModelData"></div>
<div class="lmm-setting-desc" data-i18n="deleteModelDataDesc"></div>
</div>
<button class="lmm-btn lmm-btn-danger" id="lmm-setting-delete-models" data-i18n="delete"></button>
</div>
<div class="lmm-setting-row">
<div class="lmm-setting-info">
<div class="lmm-setting-title" style="color:var(--lmm-danger)" data-i18n="deleteAllData"></div>
<div class="lmm-setting-desc" data-i18n="deleteAllDataDesc"></div>
</div>
<button class="lmm-btn lmm-btn-danger" id="lmm-setting-delete-all" data-i18n="delete"></button>
</div>
</div>
<div class="lmm-modal-footer">
<button class="lmm-btn lmm-btn-primary" id="lmm-settings-close" data-i18n="close"></button>
</div>
`;
document.body.appendChild(modal);
this.settingsModal = modal;
// 填充语言选项
const langSelect = modal.querySelector('#lmm-setting-lang');
Object.entries(I18N).forEach(([code, data]) => {
const opt = document.createElement('option');
opt.value = code;
opt.textContent = data.name;
langSelect.appendChild(opt);
});
langSelect.onchange = () => {
this.dm.setLanguage(langSelect.value);
this.updateI18n();
this.updateSettingsModalI18n();
this.updateTopbar();
this.updateSidebar();
this.refresh();
};
modal.querySelector('#lmm-setting-alert').onclick = (e) => {
const sw = e.currentTarget;
sw.classList.toggle('on');
this.dm.data.settings.showNewAlert = sw.classList.contains('on');
this.dm.save();
};
modal.querySelector('#lmm-setting-lock-fab').onclick = (e) => {
const sw = e.currentTarget;
sw.classList.toggle('on');
this.dm.data.settings.lockFabPosition = sw.classList.contains('on');
this.dm.save();
};
modal.querySelector('#lmm-setting-auto-sync').onclick = (e) => {
const sw = e.currentTarget;
sw.classList.toggle('on');
this.dm.data.settings.autoSync = sw.classList.contains('on');
modal.querySelector('#lmm-auto-sync-options').style.display = sw.classList.contains('on') ? 'block' : 'none';
this.dm.save();
this.setupAutoSync();
};
modal.querySelectorAll('input[name="lmm-sync-mode"]').forEach(radio => {
radio.onchange = () => {
this.dm.data.settings.autoSyncMode = radio.value;
this.dm.save();
this.setupAutoSync();
};
});
modal.querySelector('#lmm-sync-interval').onchange = (e) => {
const val = parseInt(e.target.value);
if (!val || val < 1 || val > 60) {
this.scanner.toast(this.t('invalidSyncInterval'), 'warning');
e.target.value = this.dm.data.settings.autoSyncInterval || 5;
return;
}
this.dm.data.settings.autoSyncInterval = val;
this.dm.save();
this.setupAutoSync();
};
modal.querySelector('#lmm-setting-upload').onclick = () => this.gistUpload();
modal.querySelector('#lmm-setting-download').onclick = () => this.gistDownload();
modal.querySelector('#lmm-setting-delete-models').onclick = () => {
this.closeSettingsModal();
this.showConfirm(this.t('deleteModelData'), this.t('deleteModelDataConfirm'), () => {
this.dm.deleteModelData();
this.scanner.toast(this.t('modelDataDeleted'), 'success');
this.updateTopbar();
this.updateSidebar();
this.refresh();
this.updateFabBadge();
});
};
modal.querySelector('#lmm-setting-delete-all').onclick = () => {
this.closeSettingsModal();
this.showConfirm(this.t('deleteAllData'), this.t('deleteAllDataConfirm'), () => {
this.scanner.toast(this.t('allDataDeleted'), 'success');
setTimeout(() => this.dm.deleteAllData(), 1500);
});
};
modal.querySelector('#lmm-settings-close').onclick = () => this.closeSettingsModal();
modal.querySelector('#lmm-rec-check').onclick = () => this.checkRecommendedUpdate();
modal.querySelector('#lmm-rec-use').onclick = () => this.useRecommendedConfig();
modal.querySelector('#lmm-admin-upload').onclick = () => this.uploadRecommendedConfig();
}
updateSettingsModalI18n() {
this.settingsModal.querySelectorAll('[data-i18n]').forEach(el => {
el.textContent = this.t(el.dataset.i18n);
});
this.settingsModal.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
el.placeholder = this.t(el.dataset.i18nPlaceholder);
});
}
createGroupSelectModal() {
const modalOverlay = document.createElement('div');
modalOverlay.className = 'lmm-modal-overlay';
modalOverlay.onclick = () => this.closeGroupSelectModal();
document.body.appendChild(modalOverlay);
this.groupSelectModalOverlay = modalOverlay;
const modal = document.createElement('div');
modal.className = 'lmm-modal';
modal.style.minWidth = '300px';
modal.innerHTML = `
<div class="lmm-modal-title">📁 <span data-i18n="selectGroup"></span></div>
<div class="lmm-modal-body">
<div class="lmm-group-list" id="lmm-group-select-list"></div>
</div>
<div class="lmm-modal-footer">
<button class="lmm-btn" id="lmm-group-select-close" data-i18n="cancel"></button>
</div>
`;
document.body.appendChild(modal);
this.groupSelectModal = modal;
modal.querySelector('#lmm-group-select-close').onclick = () => this.closeGroupSelectModal();
}
gmFetch(options) {
const self = this;
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
...options,
onload: (response) => {
if (response.status >= 200 && response.status < 300) {
resolve({
ok: true,
status: response.status,
json: () => Promise.resolve(JSON.parse(response.responseText)),
text: () => Promise.resolve(response.responseText)
});
} else {
resolve({
ok: false,
status: response.status,
statusText: response.statusText
});
}
},
onerror: (error) => {
reject(new Error(self.t('networkError')));
},
ontimeout: () => {
reject(new Error(self.t('networkError')));
}
});
});
}
async gistUpload() {
const token = this.settingsModal.querySelector('#lmm-setting-gist-token').value.trim();
let gistId = this.settingsModal.querySelector('#lmm-setting-gist-id').value.trim();
if (!token) {
this.scanner.toast(this.t('tokenRequired'), 'warning');
return;
}
// 保存 Token 和 gistId 到本地存储
this.dm.data.settings.gistToken = token;
this.dm.data.settings.gistId = gistId;
this.dm.save();
const data = this.dm.export();
const filename = 'arena-manager-data.json';
try {
let res;
if (gistId) {
res = await this.gmFetch({
method: 'PATCH',
url: `https://api.github.com/gists/${gistId}`,
headers: {
'Authorization': `token ${token}`,
'Content-Type': 'application/json',
'Accept': 'application/vnd.github.v3+json'
},
data: JSON.stringify({
files: { [filename]: { content: data } }
})
});
} else {
res = await this.gmFetch({
method: 'POST',
url: 'https://api.github.com/gists',
headers: {
'Authorization': `token ${token}`,
'Content-Type': 'application/json',
'Accept': 'application/vnd.github.v3+json'
},
data: JSON.stringify({
description: 'Arena Manager Data Backup',
public: false,
files: { [filename]: { content: data } }
})
});
}
if (!res.ok) {
if (res.status === 401) throw new Error(this.t('invalidToken'));
if (res.status === 404) throw new Error(this.t('gistNotFound'));
throw new Error(`HTTP ${res.status}`);
}
const result = await res.json();
if (!gistId && result.id) {
gistId = result.id;
this.settingsModal.querySelector('#lmm-setting-gist-id').value = gistId;
this.dm.data.settings.gistId = gistId;
this.dm.save();
this.scanner.toast(`${this.t('uploadSuccess')} - ${this.t('gistIdSaved')}`, 'success');
} else {
this.scanner.toast(this.t('uploadSuccess'), 'success');
}
} catch (e) {
console.error('[Arena Manager] Gist upload error:', e);
this.scanner.toast(`${this.t('syncError')}: ${e.message}`, 'warning');
}
}
async gistDownload() {
const token = this.settingsModal.querySelector('#lmm-setting-gist-token').value.trim();
let gistId = this.settingsModal.querySelector('#lmm-setting-gist-id').value.trim();
if (!gistId) gistId = this.dm.data.settings.gistId || '';
if (!token) {
this.scanner.toast(this.t('tokenRequired'), 'warning');
return;
}
if (!gistId) {
this.scanner.toast(this.t('noGistId'), 'warning');
return;
}
// 保存 Token 和 gistId（下载前先保存，这样即使下载覆盖也能恢复）
const savedToken = token;
const savedGistId = gistId;
this.dm.data.settings.gistToken = token;
this.dm.data.settings.gistId = gistId;
this.dm.save();
this.closeSettingsModal();
this.showConfirm(this.t('syncDownload'), this.t('confirmDownload'), async () => {
try {
const res = await this.gmFetch({
method: 'GET',
url: `https://api.github.com/gists/${gistId}`,
headers: {
'Authorization': `token ${token}`,
'Accept': 'application/vnd.github.v3+json'
}
});
if (!res.ok) {
if (res.status === 401) throw new Error(this.t('invalidToken'));
if (res.status === 404) throw new Error(this.t('gistNotFound'));
throw new Error(`HTTP ${res.status}`);
}
const result = await res.json();
const filename = 'arena-manager-data.json';
let file = result.files?.[filename];
if (!file) {
file = result.files?.['lmarena-manager-data.json'];
}
if (!file || !file.content) {
throw new Error('File not found in Gist');
}
if (this.dm.import(file.content)) {
// 恢复 Token 和 gistId（因为导入会覆盖，且云端数据不含Token）
this.dm.data.settings.gistToken = savedToken;
this.dm.data.settings.gistId = savedGistId;
this.dm.save();
this.scanner.toast(this.t('downloadSuccess'), 'success');
setTimeout(() => location.reload(), 1500);
} else {
throw new Error('Invalid data format');
}
} catch (e) {
console.error('[Arena Manager] Gist download error:', e);
this.scanner.toast(`${this.t('syncError')}: ${e.message}`, 'warning');
}
});
}
showConfirm(title, msg, onConfirm) {
this.confirmModal.querySelector('#lmm-confirm-title').textContent = title;
this.confirmModal.querySelector('#lmm-confirm-msg').textContent = msg;
this.confirmModal.querySelector('#lmm-confirm-no').textContent = this.t('cancel');
this.confirmModal.querySelector('#lmm-confirm-yes').textContent = this.t('confirm');
this.confirmModalOverlay.classList.add('open');
this.confirmModal.classList.add('open');
const closeConfirm = () => {
this.confirmModalOverlay.classList.remove('open');
this.confirmModal.classList.remove('open');
};
this.confirmModal.querySelector('#lmm-confirm-yes').onclick = () => { closeConfirm(); onConfirm(); };
this.confirmModal.querySelector('#lmm-confirm-no').onclick = closeConfirm;
this.confirmModalOverlay.onclick = closeConfirm;
}
showScanResult(result) {
const { missing, scannedCount } = result;
this.scanModal.querySelector('#lmm-scan-summary').innerHTML = `${this.t('scannedCount')} <b>${scannedCount}</b> ${this.t('modelsText')}，${missing.length > 0 ? `${this.t('notScanned')}：` : this.t('allScanned') + ' ✓'}`;
const list = this.scanModal.querySelector('#lmm-scan-list');
if (missing.length > 0) {
list.innerHTML = `<div class="lmm-scan-item" style="font-weight:500;background:var(--lmm-bg3)"><input type="checkbox" id="lmm-scan-all" checked><label for="lmm-scan-all">${this.t('selectAll')}</label></div>` + missing.map(name => `<div class="lmm-scan-item"><input type="checkbox" class="lmm-scan-check" value="${this.esc(name)}" checked><span>${this.esc(name)}</span></div>`).join('');
list.querySelector('#lmm-scan-all').onchange = (e) => {
list.querySelectorAll('.lmm-scan-check').forEach(cb => { cb.checked = e.target.checked; });
};
} else {
list.innerHTML = '';
}
this.scanModal.querySelector('#lmm-scan-keep').textContent = this.t('keepAll');
this.scanModal.querySelector('#lmm-scan-delete').textContent = this.t('deleteSelected');
this.scanModal.querySelector('#lmm-scan-delete').style.display = missing.length > 0 ? '' : 'none';
this.scanModalOverlay.classList.add('open');
this.scanModal.classList.add('open');
const closeScan = () => {
this.scanModalOverlay.classList.remove('open');
this.scanModal.classList.remove('open');
};
this.scanModal.querySelector('#lmm-scan-keep').onclick = closeScan;
this.scanModal.querySelector('#lmm-scan-delete').onclick = () => {
const toDelete = [...list.querySelectorAll('.lmm-scan-check:checked')].map(cb => cb.value);
if (toDelete.length > 0) {
this.dm.deleteModels(toDelete);
this.scanner.toast(`${this.t('deleted')} ${toDelete.length}`, 'success');
this.refresh();
this.updateSidebar();
this.updateTopbar();
}
closeScan();
};
this.scanModalOverlay.onclick = closeScan;
}
$(sel) { return this.panel.querySelector(sel); }
$$(sel) { return this.panel.querySelectorAll(sel); }
bindEvents() {
this.$('#lmm-close').onclick = () => this.close();
this.$('#lmm-scan-toggle').onclick = () => {
const btn = this.$('#lmm-scan-toggle');
if (this.scanner.isScanActive()) {
const result = this.scanner.endScanSession();
btn.innerHTML = `🔍 <span>${this.t('startScan')}</span>`;
btn.classList.remove('scanning', 'lmm-btn-success');
this.showScanResult(result);
} else {
this.scanner.startScanSession();
btn.innerHTML = `⏹️ <span>${this.t('endScan')}</span>`;
btn.classList.add('scanning', 'lmm-btn-success');
}
};
this.$('#lmm-export').onclick = () => {
const blob = new Blob([this.dm.export()], { type: 'application/json' });
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = `Arena-manager-${new Date().toISOString().slice(0,10)}.json`;
a.click();
this.scanner.toast(this.t('exported'), 'success');
};
this.$('#lmm-import').onclick = () => {
const input = document.createElement('input');
input.type = 'file';
input.accept = '.json';
input.onchange = e => {
const file = e.target.files?.[0];
if (!file) return;
const reader = new FileReader();
reader.onload = ev => {
if (this.dm.import(ev.target.result)) {
this.refresh();
this.updateSidebar();
this.updateTopbar();
this.scanner.toast(this.t('importSuccess'), 'success');
} else {
this.scanner.toast(this.t('importFailed'), 'warning');
}
};
reader.readAsText(file);
};
input.click();
};
this.$('#lmm-clear-new').onclick = () => {
this.dm.clearNewFlags();
this.refresh();
this.updateFabBadge();
this.scanner.toast(this.t('marksCleared'), 'success');
};
this.$('#lmm-groups-btn').onclick = () => this.openGroupModal();
this.$('#lmm-settings').onclick = () => this.openSettingsModal();
const searchInput = this.$('#lmm-search');
let searchTimer = null;
searchInput.oninput = e => {
clearTimeout(searchTimer);
searchTimer = setTimeout(() => {
this.filter.search = e.target.value;
this.refresh();
}, 150);
};
searchInput.onkeydown = e => {
if (e.key === 'Enter') {
const firstCard = this.$('.lmm-card');
if (firstCard) firstCard.click();
}
};
this.$('#lmm-org').onchange = e => { this.filter.org = e.target.value; this.refresh(); };
this.$('#lmm-sort').onchange = e => {
const [by, order] = e.target.value.split('-');
this.sort = { by, order: order || 'asc' };
this.refresh();
};
this.$$('.lmm-view-btn').forEach(btn => {
btn.onclick = () => {
this.$$('.lmm-view-btn').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
this.viewMode = btn.dataset.view;
this.updateGridView();
};
});
this.$('#lmm-subbar').querySelectorAll('.lmm-subbar-item').forEach(item => {
item.onclick = () => {
this.visibleSubMode = item.dataset.mode;
this.updateSubbar();
this.updateSidebar();
this.refresh();
};
});
this.$('#lmm-model-sort-btn').onclick = () => {
this.isModelSortMode = !this.isModelSortMode;
this.updateSubbar();
this.refresh();
};
this.$('#lmm-model-sort-reset').onclick = () => {
this.dm.setModelOrder(this.visibleSubMode, []);
this.refresh();
this.scanner.applyFilters();
this.scanner.toast(this.t('defaultOrderRestored'), 'success');
};
this.$('#lmm-version').onclick = () => {
this.adminClickCount++;
clearTimeout(this.adminClickTimer);
this.adminClickTimer = setTimeout(() => { this.adminClickCount = 0; }, 2000);
if (this.adminClickCount >= 5) {
this.adminClickCount = 0;
this.adminMode = true;
this.openSettingsModal();
}
};
}
bindShortcuts() {
document.addEventListener('keydown', e => {
if (e.ctrlKey && e.shiftKey && (e.key === 'M' || e.key === 'm')) {
e.preventDefault();
if (this.pageHasChatUI) this.toggle();
}
if (e.key === 'Escape') {
if (this.settingsModal.classList.contains('open')) this.closeSettingsModal();
else if (this.groupSelectModal.classList.contains('open')) this.closeGroupSelectModal();
else if (this.groupModal.classList.contains('open')) this.closeGroupModal();
else if (this.editModal.classList.contains('open')) this.closeEditModal();
else if (this.confirmModal.classList.contains('open')) {
this.confirmModalOverlay.classList.remove('open');
this.confirmModal.classList.remove('open');
}
else if (this.scanModal.classList.contains('open')) {
this.scanModalOverlay.classList.remove('open');
this.scanModal.classList.remove('open');
}
else if (this.diffModal.classList.contains('open')) this.closeDiffModal();
else if (this.isOpen) this.close();
}
if (e.key === '/' && this.isOpen && !e.ctrlKey && !e.metaKey) {
const searchInput = this.$('#lmm-search');
if (document.activeElement !== searchInput) {
e.preventDefault();
searchInput.focus();
searchInput.select();
}
}
});
}
toggle() { this.isOpen ? this.close() : this.open(); }
open() {
this.isOpen = true;
this.loadVisibleLogos();
this.panel.classList.add('open');
this.overlay.classList.add('open');
this.updateI18n();
this.updateTopbar();
this.refresh();
this.updateSidebar();
}
close() {
if (this.isMultiSelectMode) {
this.revertMultiSelectChanges();
this.exitMultiSelectMode();
}
this.isOpen = false;
this.isSortMode = false;
this.isModelSortMode = false;
this.updateGridView();
this.panel.classList.remove('open');
this.overlay.classList.remove('open');
this.scanner.applyFilters();
}
updateGridView() {
const grid = this.$('#lmm-grid');
grid.classList.remove('compact-view', 'list-view');
if (this.viewMode === 'compact') grid.classList.add('compact-view');
else if (this.viewMode === 'list' || this.isModelSortMode) grid.classList.add('list-view');
}
updateTopbar() {
const counts = this.getModeCounts();
const groups = this.dm.getGroupNames();
const topbar = this.$('#lmm-topbar');
const items = [
{ key: 'all', icon: '📋', label: this.t('all'), count: counts.all },
{ key: 'text', icon: '📝', label: 'Text', count: counts.text },
{ key: 'search', icon: '🔍', label: 'Search', count: counts.search },
{ key: 'image', icon: '🎨', label: 'Image', count: counts.image },
{ key: 'code', icon: '💻', label: 'Code', count: counts.code },
];
if (counts.video > 0) {
items.push({ key: 'video', icon: '🎬', label: 'Video', count: counts.video });
}
let html = items.map(it => `<div class="lmm-topbar-item ${this.currentMode === it.key ? 'active' : ''}" data-mode="${it.key}">${it.icon} ${it.label} ${it.count > 0 ? `<span class="cnt">${it.count}</span>` : ''}</div>`).join('');
html += `<div class="lmm-topbar-sep"></div>`;
html += `<div class="lmm-topbar-item ${this.currentMode === 'visible' ? 'active' : ''}" data-mode="visible">👁️ ${this.t('enabled')}</div>`;
html += `<div class="lmm-topbar-item ${this.currentMode === 'hidden' ? 'active' : ''}" data-mode="hidden">🙈 ${this.t('hidden')}</div>`;
html += `<div class="lmm-topbar-item ${this.currentMode === 'starred' ? 'active' : ''}" data-mode="starred">⭐ ${this.t('starred')} ${counts.starred > 0 ? `<span class="cnt">${counts.starred}</span>` : ''}</div>`;
html += `<div class="lmm-topbar-item ${this.currentMode === 'new' ? 'active' : ''}" data-mode="new">✨ ${this.t('newFound')} ${counts.new > 0 ? `<span class="cnt">${counts.new}</span>` : ''}</div>`;
if (groups.length > 0) {
html += `<div class="lmm-topbar-sep"></div>`;
groups.forEach(name => {
const cnt = counts[`group_${name}`] || 0;
html += `<div class="lmm-topbar-item ${this.currentMode === `group_${name}` ? 'active' : ''}" data-mode="group_${name}">📁 ${this.esc(name)} ${cnt > 0 ? `<span class="cnt">${cnt}</span>` : ''}</div>`;
});
}
topbar.innerHTML = html;
topbar.querySelectorAll('.lmm-topbar-item').forEach(item => {
item.onclick = () => {
this.currentMode = item.dataset.mode;
this.filter = { search: '', org: 'all', imageType: 'all', hasVision: 'all', hasFileUpload: 'all' };
this.$('#lmm-search').value = '';
this.$('#lmm-org').value = 'all';
this.isTier2Expanded = false;
this.isModelSortMode = false;
this.updateGridView();
this.updateTopbar();
this.updateSidebar();
this.updateSubbar();
this.refresh();
};
});
}
updateSubbar() {
const subbar = this.$('#lmm-subbar');
const content = this.$('#lmm-content');
if (this.currentMode === 'visible') {
subbar.style.display = 'flex';
content.classList.add('visible-mode');
subbar.querySelectorAll('.lmm-subbar-item').forEach(el => {
el.classList.toggle('active', el.dataset.mode === this.visibleSubMode);
});
const btn = this.$('#lmm-model-sort-btn');
const resetBtn = this.$('#lmm-model-sort-reset');
if (this.isModelSortMode) {
btn.innerHTML = `✓ ${this.t('sort')}`;
btn.classList.add('active');
resetBtn.style.display = '';
this.updateGridView();
} else {
btn.innerHTML = `⇅ ${this.t('sort')}`;
btn.classList.remove('active');
resetBtn.style.display = 'none';
this.updateGridView();
}
} else {
subbar.style.display = 'none';
content.classList.remove('visible-mode');
}
}
getModelsInCurrentMode() {
const models = this.dm.getAllModels();
if (this.currentMode === 'visible') {
return models.filter(m => m.visible !== false && Array.isArray(m.modes) && m.modes.includes(this.visibleSubMode));
}
if (this.currentMode.startsWith('group_')) {
const groupName = this.currentMode.substring(6);
const groupModels = this.dm.getModelsInGroup(groupName);
return models.filter(m => groupModels.includes(m.name));
}
switch (this.currentMode) {
case 'all': return models;
case 'starred': return models.filter(m => m.starred);
case 'hidden': return models.filter(m => m.visible === false);
case 'new': return models.filter(m => m.isNew);
default: return models.filter(m => Array.isArray(m.modes) && m.modes.includes(this.currentMode));
}
}
getSidebarMode() {
if (this.currentMode === 'visible') return this.visibleSubMode;
if (['text', 'search', 'image', 'code', 'video'].includes(this.currentMode)) return this.currentMode;
return 'text';
}
collapseTier2() {
this.isTier2Expanded = false;
const folderContent = this.$('#lmm-tier2-content');
const folder = this.$('#lmm-tier2-folder');
if (folderContent) folderContent.classList.remove('open');
if (folder) folder.querySelector('.icon').textContent = '📁';
}
updateSidebar() {
if (this.currentMode === 'visible') {
this.$('#lmm-content').classList.remove('visible-mode');
}
const modeModels = this.getModelsInCurrentMode();
const sidebarMode = this.getSidebarMode();
const orgOrder = this.dm.getOrgOrder(sidebarMode);
const config = MODE_ORG_CONFIG[sidebarMode] || MODE_ORG_CONFIG.text;
const showImageTypes = sidebarMode === 'image';
const visionCount = modeModels.filter(m => m.vision === true).length;
const showVisionFilter = visionCount > 0 && sidebarMode !== 'image';
const fileUploadCount = modeModels.filter(m => m.fileUpload === true).length;
const showFileUploadFilter = fileUploadCount > 0 && ['text', 'code', 'search'].includes(sidebarMode);
const showFeaturesSection = showVisionFilter || showFileUploadFilter;
let html = `<div class="lmm-sidebar-header"><span class="lmm-sidebar-title">${this.t('byOrg')}</span><button class="lmm-sidebar-btn ${this.isSortMode ? 'active' : ''}" id="lmm-sort-btn">${this.isSortMode ? this.t('done') : this.t('sort')}</button>${this.isSortMode ? `<button class="lmm-sidebar-btn reset" id="lmm-sort-reset">${this.t('reset')}</button>` : ''}</div><div id="lmm-org-list"></div>`;
if (showImageTypes) {
html += `<div class="lmm-sidebar-header" style="margin-top:12px"><span class="lmm-sidebar-title">${this.t('byType')}</span></div><div id="lmm-image-type-list"></div>`;
}
if (showFeaturesSection) {
html += `<div class="lmm-sidebar-header" style="margin-top:12px"><span class="lmm-sidebar-title">${this.t('features')}</span></div><div id="lmm-features-list"></div>`;
}
this.$('#lmm-sidebar').innerHTML = html;
const orgs = {};
modeModels.forEach(m => {
const c = m.company || 'Other';
if (!orgs[c]) orgs[c] = { cnt: 0, icon: m.icon || '❔' };
orgs[c].cnt++;
});
const allOrgItems = [];
Object.entries(orgs).forEach(([name, data]) => {
if (name !== 'Other') allOrgItems.push({ name, ...data });
});
const cleanOrder = orgOrder.filter(x => x !== '---');
allOrgItems.sort((a, b) => {
const ai = cleanOrder.indexOf(a.name);
const bi = cleanOrder.indexOf(b.name);
return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi);
});
let tier1, tier2;
const sepPos = orgOrder.indexOf('---');
if (config.useFolder) {
if (sepPos !== -1) {
const tier1Names = orgOrder.slice(0, sepPos);
tier1 = allOrgItems.filter(c => tier1Names.includes(c.name));
tier2 = allOrgItems.filter(c => !tier1Names.includes(c.name));
} else {
const splitAt = config.tier1.length;
if (allOrgItems.length > splitAt) {
tier1 = allOrgItems.slice(0, splitAt);
tier2 = allOrgItems.slice(splitAt);
} else {
tier1 = allOrgItems;
tier2 = [];
}
}
} else {
tier1 = allOrgItems;
tier2 = [];
}
const tier2Total = tier2.reduce((sum, c) => sum + c.cnt, 0);
const hasOther = orgs.Other;
this.renderOrgList(tier1, tier2, tier2Total, hasOther, []);
if (showImageTypes) {
const imageTypes = { universal: 0, t2i: 0, i2i: 0 };
modeModels.forEach(m => {
if (typeof m.vision === 'string' && imageTypes[m.vision] !== undefined) {
imageTypes[m.vision]++;
}
});
const imgTypeLabels = {
universal: { icon: '🔄', label: this.t('universal') },
t2i: { icon: '✨', label: this.t('t2iOnly') },
i2i: { icon: '🖼️', label: this.t('i2iOnly') }
};
const imgTypeList = this.$('#lmm-image-type-list');
if (imgTypeList) {
imgTypeList.innerHTML = Object.entries(imageTypes)
.filter(([_, cnt]) => cnt > 0)
.map(([type, cnt]) => `<div class="lmm-sidebar-item ${this.filter.imageType === type ? 'active' : ''}" data-imgtype="${type}"><span class="icon">${imgTypeLabels[type].icon}</span> <span>${imgTypeLabels[type].label}</span> <span class="cnt">${cnt}</span></div>`)
.join('');
imgTypeList.querySelectorAll('.lmm-sidebar-item').forEach(item => {
item.onclick = () => {
imgTypeList.querySelectorAll('.lmm-sidebar-item').forEach(i => i.classList.remove('active'));
item.classList.add('active');
this.filter.imageType = item.dataset.imgtype;
this.collapseTier2();
this.refresh();
};
});
}
}
if (showFeaturesSection) {
const featuresList = this.$('#lmm-features-list');
if (featuresList) {
let featHtml = '';
if (showVisionFilter) {
featHtml += `<div class="lmm-sidebar-item ${this.filter.hasVision === 'yes' ? 'active' : ''}" data-feature="vision"><span class="icon">👓</span> <span>${this.t('vision')}</span> <span class="cnt">${visionCount}</span></div>`;
}
if (showFileUploadFilter) {
featHtml += `<div class="lmm-sidebar-item ${this.filter.hasFileUpload === 'yes' ? 'active' : ''}" data-feature="fileUpload"><span class="icon">📄</span> <span>${this.t('pdfUpload')}</span> <span class="cnt">${fileUploadCount}</span></div>`;
}
featuresList.innerHTML = featHtml;
featuresList.querySelectorAll('.lmm-sidebar-item').forEach(item => {
item.onclick = () => {
const feature = item.dataset.feature;
const filterKey = feature === 'vision' ? 'hasVision' : 'hasFileUpload';
if (item.classList.contains('active')) {
item.classList.remove('active');
this.filter[filterKey] = 'all';
} else {
item.classList.add('active');
this.filter[filterKey] = 'yes';
}
this.collapseTier2();
this.refresh();
};
});
}
}
this.$('#lmm-sort-btn').onclick = () => this.toggleSortMode();
if (this.isSortMode) {
this.$('#lmm-sort-reset').onclick = () => {
const sm = this.getSidebarMode();
const defaultOrder = [...getDefaultOrgOrder(sm)];
const cfg = MODE_ORG_CONFIG[sm] || MODE_ORG_CONFIG.text;
if (cfg.useFolder && this.isSortMode) {
const splitAt = Math.min(cfg.tier1.length, defaultOrder.length);
defaultOrder.splice(splitAt, 0, '---');
}
this.dm.setOrgOrder(sm, defaultOrder);
this.updateSidebar();
this.scanner.toast(this.t('orgOrderRestored'), 'success');
};
}
}
renderOrgList(tier1, tier2, tier2Total, hasOther, other) {
const list = this.$('#lmm-org-list');
const sidebarMode = this.getSidebarMode();
const config = MODE_ORG_CONFIG[sidebarMode] || MODE_ORG_CONFIG.text;
const renderItem = (c, inFolder = false) => `<div class="lmm-sidebar-item ${this.isSortMode ? 'sort-mode' : ''} ${this.filter.org === c.name ? 'active' : ''}" data-org="${this.esc(c.name)}" data-in-folder="${inFolder}" ${this.isSortMode ? 'draggable="true"' : ''}>${this.isSortMode ? '<span class="lmm-drag-handle">⠿</span>' : ''}<span class="icon">${this.getOrgLogoHtml(c.name, c.icon)}</span><span style="flex:1;overflow:hidden;text-overflow:ellipsis">${this.esc(c.name)}</span><span class="cnt">${c.cnt}</span></div>`;
let html;
if (this.isSortMode) {
html = tier1.map(c => renderItem(c, false)).join('');
if (config.useFolder) {
html += `<div class="lmm-sidebar-separator" id="lmm-tier-separator">── ${this.t('moreOrgs')} ──</div>`;
}
html += tier2.map(c => renderItem(c, false)).join('');
if (hasOther) html += renderItem({ name: 'Other', icon: '❔', cnt: hasOther.cnt }, false);
} else {
html = tier1.map(c => renderItem(c, false)).join('');
if (tier2.length > 0) {
html += `<div class="lmm-sidebar-folder" id="lmm-tier2-folder"><span class="icon">${this.isTier2Expanded ? '📂' : '📁'}</span><span>${this.t('moreOrgs')}</span><span class="cnt">${tier2Total}</span></div><div class="lmm-sidebar-folder-content ${this.isTier2Expanded ? 'open' : ''}" id="lmm-tier2-content">${tier2.map(c => renderItem(c, true)).join('')}</div>`;
}
other.forEach(c => {html += renderItem(c, false)});
if (hasOther) html += renderItem({ name: 'Other', icon: '❔', cnt: hasOther.cnt }, false);
}
list.innerHTML = html;
// separator drop 事件
if (this.isSortMode) {
const sep = this.$('#lmm-tier-separator');
if (sep) {
sep.ondragover = (e) => {
e.preventDefault();
e.dataTransfer.dropEffect = 'move';
sep.classList.add('drag-over');
};
sep.ondragleave = () => sep.classList.remove('drag-over');
sep.ondrop = (e) => {
e.preventDefault();
sep.classList.remove('drag-over');
const from = e.dataTransfer.getData('text/plain');
if (from) {
const order = this.dm.getOrgOrder(sidebarMode);
const fromIdx = order.indexOf(from);
const sepIdx = order.indexOf('---');
if (fromIdx !== -1 && sepIdx !== -1) {
order.splice(fromIdx, 1);
const newSepIdx = order.indexOf('---');
order.splice(newSepIdx + 1, 0, from);
this.dm.setOrgOrder(sidebarMode, order);
this.updateSidebar();
}
}
};
}
}
// folder 事件
if (!this.isSortMode) {
const folder = this.$('#lmm-tier2-folder');
if (folder) {
folder.onclick = () => {
this.isTier2Expanded = !this.isTier2Expanded;
this.$('#lmm-tier2-content').classList.toggle('open', this.isTier2Expanded);
folder.querySelector('.icon').textContent = this.isTier2Expanded ? '📂' : '📁';
};
}
}
// item 事件
list.querySelectorAll('.lmm-sidebar-item').forEach(item => {
if (this.isSortMode) {
this.bindDragEvents(item);
item.onclick = (e) => e.preventDefault();
} else {
item.onclick = (e) => {
if (e.target.closest('.lmm-drag-handle')) return;
list.querySelectorAll('.lmm-sidebar-item').forEach(i => i.classList.remove('active'));
item.classList.add('active');
this.filter.org = item.dataset.org;
if (item.dataset.inFolder !== 'true') {
this.collapseTier2();
}
this.refresh();
};
}
});
}
toggleSortMode() {
this.isSortMode = !this.isSortMode;
const sidebarMode = this.getSidebarMode();
const config = MODE_ORG_CONFIG[sidebarMode] || MODE_ORG_CONFIG.text;
if (this.isSortMode) {
if (this.$('#lmm-tier2-folder')) this.isTier2Expanded = true;
if (config.useFolder) {
const order = this.dm.getOrgOrder(sidebarMode);
if (!order.includes('---')) {
const splitAt = Math.min(config.tier1.length, order.length);
order.splice(splitAt, 0, '---');
this.dm.setOrgOrder(sidebarMode, order);
}
}
} else {
const list = this.$('#lmm-org-list');
const newOrder = [];
for (const child of list.children) {
if (child.id === 'lmm-tier-separator') {
newOrder.push('---');
} else if (child.dataset && child.dataset.org) {
newOrder.push(child.dataset.org);
}
}
this.dm.setOrgOrder(sidebarMode, newOrder);
}
this.updateSidebar();
}
bindDragEvents(item) {
item.ondragstart = (e) => {
e.dataTransfer.effectAllowed = 'move';
e.dataTransfer.setData('text/plain', item.dataset.org);
item.classList.add('dragging');
};
item.ondragend = () => item.classList.remove('dragging');
item.ondragover = (e) => { e.preventDefault(); e.dataTransfer.dropEffect = 'move'; };
item.ondrop = (e) => {
e.preventDefault();
const from = e.dataTransfer.getData('text/plain');
const to = item.dataset.org;
if (from && to && from !== to) {
const sidebarMode = this.getSidebarMode();
const order = this.dm.getOrgOrder(sidebarMode);
const fromIdx = order.indexOf(from);
if (fromIdx !== -1) {
order.splice(fromIdx, 1);
const toIdx = order.indexOf(to);
order.splice(toIdx === -1 ? order.length : toIdx, 0, from);
this.dm.setOrgOrder(sidebarMode, order);
this.updateSidebar();
}
}
};
}
bindModelDragEvents(card) {
card.setAttribute('draggable', 'true');
card.ondragstart = (e) => {
e.dataTransfer.effectAllowed = 'move';
e.dataTransfer.setData('text/plain', card.dataset.name);
card.classList.add('dragging');
};
card.ondragend = () => card.classList.remove('dragging');
card.ondragover = (e) => { e.preventDefault(); e.dataTransfer.dropEffect = 'move'; };
card.ondrop = (e) => {
e.preventDefault();
const from = e.dataTransfer.getData('text/plain');
const to = card.dataset.name;
if (from && to && from !== to) {
const grid = this.$('#lmm-grid');
const cards = Array.from(grid.children);
const fromCard = cards.find(c => c.dataset.name === from);
const toCard = cards.find(c => c.dataset.name === to);
if (fromCard && toCard) {
const fromIdx = cards.indexOf(fromCard);
const toIdx = cards.indexOf(toCard);
if (fromIdx < toIdx) grid.insertBefore(fromCard, toCard.nextSibling);
else grid.insertBefore(fromCard, toCard);
const names = Array.from(grid.children).map(el => el.dataset.name).filter(Boolean);
this.dm.setModelOrder(this.visibleSubMode, names);
this.scanner.applyFilters();
this.triggerSyncOnChange();
}
}
};
}
updateOrgFilter() {
const modeModels = this.getModelsInCurrentMode();
const sidebarMode = this.getSidebarMode();
const orgOrder = this.dm.getOrgOrder(sidebarMode);
const orgs = [...new Set(modeModels.map(m => m.company).filter(Boolean))];
orgs.sort((a, b) => {
if (a === 'Other') return 1;
if (b === 'Other') return -1;
const ai = orgOrder.indexOf(a);
const bi = orgOrder.indexOf(b);
return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi);
});
const sel = this.$('#lmm-org');
const val = sel.value;
sel.innerHTML = `<option value="all">📂 ${this.t('allOrgs')}</option>` + orgs.map(c => `<option value="${this.esc(c)}">${this.esc(c)}</option>`).join('');
sel.value = orgs.includes(val) ? val : 'all';
}
matchesSearch(model, searchStr) {
if (!searchStr) return true;
const s = searchStr.trim();
if (!s) return true;
if (s.startsWith('/') && s.lastIndexOf('/') > 0) {
const lastSlash = s.lastIndexOf('/');
const pattern = s.substring(1, lastSlash);
const flags = s.substring(lastSlash + 1);
try {
const regex = new RegExp(pattern, flags || 'i');
return regex.test(model.name) || regex.test(model.company || '') || regex.test(model.note || '');
} catch (e) { /* fallback */ }
}
const keywords = s.toLowerCase().split(/\s+/).filter(k => k.length > 0);
const target = `${model.name} ${model.company || ''} ${model.note || ''}`.toLowerCase();
return keywords.every(kw => target.includes(kw));
}
getFiltered() {
let models = this.getModelsInCurrentMode();
if (this.filter.search) {
models = models.filter(m => this.matchesSearch(m, this.filter.search));
}
if (this.filter.org !== 'all') models = models.filter(m => m.company === this.filter.org);
if (this.filter.imageType !== 'all') models = models.filter(m => m.vision === this.filter.imageType);
if (this.filter.hasVision === 'yes') models = models.filter(m => m.vision === true);
if (this.filter.hasFileUpload === 'yes') models = models.filter(m => m.fileUpload === true);
const sidebarMode = this.getSidebarMode();
const orgOrder = this.dm.getOrgOrder(sidebarMode);
if (this.currentMode === 'visible') {
const customOrder = this.dm.getModelOrder(this.visibleSubMode);
if (customOrder.length > 0) {
models.sort((a, b) => {
let ai = customOrder.indexOf(a.name);
let bi = customOrder.indexOf(b.name);
if (ai === -1) ai = 9999;
if (bi === -1) bi = 9999;
if (ai !== bi) return ai - bi;
if (sidebarMode === 'image') {
const ta = IMAGE_TYPE_ORDER[a.vision] ?? 3;
const tb = IMAGE_TYPE_ORDER[b.vision] ?? 3;
if (ta !== tb) return ta - tb;
}
const cai = orgOrder.indexOf(a.company);
const cbi = orgOrder.indexOf(b.company);
return (cai === -1 ? 999 : cai) - (cbi === -1 ? 999 : cbi);
});
return models;
}
models.sort((a, b) => {
if (sidebarMode === 'image') {
const ta = IMAGE_TYPE_ORDER[a.vision] ?? 3;
const tb = IMAGE_TYPE_ORDER[b.vision] ?? 3;
if (ta !== tb) return ta - tb;
}
const ai = orgOrder.indexOf(a.company);
const bi = orgOrder.indexOf(b.company);
const c = (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi);
return c !== 0 ? c : a.name.localeCompare(b.name);
});
return models;
}
models.sort((a, b) => {
if (this.sort.by === 'starred') {
if (a.starred && !b.starred) return -1;
if (!a.starred && b.starred) return 1;
return a.name.localeCompare(b.name);
}
let c = 0;
if (this.sort.by === 'name') c = a.name.localeCompare(b.name);
else if (this.sort.by === 'org') {
if (sidebarMode === 'image') {
const ta = IMAGE_TYPE_ORDER[a.vision] ?? 3;
const tb = IMAGE_TYPE_ORDER[b.vision] ?? 3;
if (ta !== tb) return ta - tb;
}
const ai = orgOrder.indexOf(a.company);
const bi = orgOrder.indexOf(b.company);
c = (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi) || a.name.localeCompare(b.name);
}
return this.sort.order === 'desc' ? -c : c;
});
return models;
}
// 多选模式方法
enterMultiSelectMode() {
this.isMultiSelectMode = true;
this.selectedModels.clear();
this.multiSelectBackup.clear();
this.dm.getAllModels().forEach(m => {
this.multiSelectBackup.set(m.name, m.visible !== false);
});
this.multiSelectGroupBackup = JSON.parse(JSON.stringify(this.dm.getGroups()));
this.refresh();
}
exitMultiSelectMode() {
this.isMultiSelectMode = false;
this.selectedModels.clear();
this.multiSelectBackup.clear();
this.multiSelectGroupBackup = null;
this.refresh();
}
revertMultiSelectChanges() {
this.multiSelectBackup.forEach((visible, name) => {
if (this.dm.getModel(name)) {
this.dm.setVisibility(name, visible);
}
});
if (this.multiSelectGroupBackup) {
this.dm.data.groups = JSON.parse(JSON.stringify(this.multiSelectGroupBackup));
this.dm.save();
}
this.scanner.applyFilters();
}
multiSelectShow() {
this.selectedModels.forEach(name => {
this.dm.setVisibility(name, true);
});
this.refresh();
this.scanner.applyFilters();
this.triggerSyncOnChange();
}
multiSelectHide() {
this.selectedModels.forEach(name => {
this.dm.setVisibility(name, false);
});
this.refresh();
this.scanner.applyFilters();
this.triggerSyncOnChange();
}
multiSelectAddToGroup() {
const groups = this.dm.getGroupNames();
if (groups.length === 0) {
this.scanner.toast(this.t('noGroupHint'), 'warning');
return;
}
this.openGroupSelectModal();
}
openGroupSelectModal() {
const list = this.groupSelectModal.querySelector('#lmm-group-select-list');
const groups = this.dm.getGroupNames();
list.innerHTML = groups.map(name => `
<div class="lmm-group-item" data-group="${this.esc(name)}">
<span class="name">📁 ${this.esc(name)}</span>
</div>
`).join('');
list.querySelectorAll('.lmm-group-item').forEach(item => {
item.onclick = () => {
const groupName = item.dataset.group;
this.selectedModels.forEach(modelName => {
this.dm.addToGroup(groupName, modelName);
});
this.closeGroupSelectModal();
this.scanner.toast(this.t('addedToGroup'), 'success');
this.updateTopbar();
this.refresh();
this.triggerSyncOnChange();
};
});
this.groupSelectModal.querySelector('[data-i18n="selectGroup"]').textContent = this.t('selectGroup');
this.groupSelectModal.querySelector('#lmm-group-select-close').textContent = this.t('cancel');
this.groupSelectModalOverlay.classList.add('open');
this.groupSelectModal.classList.add('open');
}
closeGroupSelectModal() {
this.groupSelectModalOverlay.classList.remove('open');
this.groupSelectModal.classList.remove('open');
}
saveLogoCache() {
GM_setValue(LOGO_CACHE_KEY, JSON.stringify(this.logoCache));
}
getOrgLogoHtml(company, fallbackIcon = '❔') {
const rule = COMPANY_RULES.find(r => r.company === company);
if (rule) {
const cached = this.logoCache[company];
if (cached) {
return `<img src="${cached}" class="lmm-org-icon" alt="${this.esc(company)}">`;
}
return rule.icon;
}
return fallbackIcon;
}
async loadLogo(orgName) {
if (orgName in this.logoCache) return this.logoCache[orgName];
const encodedName = encodeURIComponent(orgName);
// Try SVG
try {
const res = await this.gmFetch({ method: 'GET', url: `${LOGO_BASE_URL}${encodedName}.svg` });
if (res.ok) {
const text = await res.text();
const dataUrl = 'data:image/svg+xml;base64,' + btoa(unescape(encodeURIComponent(text)));
this.logoCache[orgName] = dataUrl;
this.saveLogoCache();
return dataUrl;
}
} catch (e) {}
// Try PNG
try {
const dataUrl = await this.fetchBlobAsDataUrl(`${LOGO_BASE_URL}${encodedName}.png`);
this.logoCache[orgName] = dataUrl;
this.saveLogoCache();
return dataUrl;
} catch (e) {}
this.logoCache[orgName] = null;
this.saveLogoCache();
return null;
}
fetchBlobAsDataUrl(url) {
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'GET',
url: url,
responseType: 'blob',
onload: (response) => {
if (response.status >= 200 && response.status < 300) {
const reader = new FileReader();
reader.onload = () => resolve(reader.result);
reader.onerror = () => reject(new Error('FileReader error'));
reader.readAsDataURL(response.response);
} else {
reject(new Error(`HTTP ${response.status}`));
}
},
onerror: () => reject(new Error('Network error')),
ontimeout: () => reject(new Error('Timeout'))
});
});
}
async loadVisibleLogos() {
const models = this.dm.getAllModels();
const orgs = new Set(models.map(m => m.company).filter(Boolean));
const builtInOrgs = [...orgs].filter(org => COMPANY_RULES.some(r => r.company === org));
const uncached = builtInOrgs.filter(org => !(org in this.logoCache));
if (uncached.length === 0) return;
await Promise.allSettled(uncached.map(org => this.loadLogo(org)));
if (this.isOpen) {
this.updateSidebar();
this.refresh();
}
}
checkPageContext() {
const hasChatUI = !!document.querySelector(SELECTORS.chatContainer);
if (hasChatUI === this.pageHasChatUI) return;
this.pageHasChatUI = hasChatUI;
if (this.fab) this.fab.style.display = hasChatUI ? '' : 'none';
if (!hasChatUI && this.isOpen) this.close();
}
createDiffModal() {
const modalOverlay = document.createElement('div');
modalOverlay.className = 'lmm-modal-overlay';
modalOverlay.onclick = () => this.closeDiffModal();
document.body.appendChild(modalOverlay);
this.diffModalOverlay = modalOverlay;
const modal = document.createElement('div');
modal.className = 'lmm-modal';
modal.style.minWidth = '450px';
modal.innerHTML = `
<div class="lmm-modal-title">📋 <span data-i18n="configDiff"></span></div>
<div class="lmm-modal-body" id="lmm-diff-body"></div>
<div class="lmm-modal-footer">
<button class="lmm-btn" id="lmm-diff-cancel" data-i18n="cancel"></button>
<button class="lmm-btn lmm-btn-primary" id="lmm-diff-apply">✓ <span data-i18n="applySelected"></span></button>
</div>
`;
document.body.appendChild(modal);
this.diffModal = modal;
modal.querySelector('#lmm-diff-cancel').onclick = () => this.closeDiffModal();
}
closeDiffModal() {
this.diffModalOverlay.classList.remove('open');
this.diffModal.classList.remove('open');
}
async checkRecommendedUpdate() {
const dateEl = this.settingsModal.querySelector('#lmm-rec-remote-date');
dateEl.textContent = '...';
try {
const res = await this.gmFetch({
method: 'GET',
url: `https://api.github.com/repos/${REPO_OWNER}/${REPO_NAME}/commits?path=${RECOMMENDED_FILE}&per_page=1`
});
if (!res.ok) throw new Error(`HTTP ${res.status}`);
const commits = await res.json();
if (commits.length > 0) {
const d = new Date(commits[0].commit.committer.date);
this.remoteDate = `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')} ${String(d.getHours()).padStart(2,'0')}:${String(d.getMinutes()).padStart(2,'0')}`;
dateEl.textContent = this.remoteDate;
} else {
dateEl.textContent = '-';
}
} catch (e) {
dateEl.textContent = '❌';
console.error('[Arena Manager] Check update error:', e);
}
}
async useRecommendedConfig() {
try {
const res = await this.gmFetch({
method: 'GET',
url: `https://raw.githubusercontent.com/${REPO_OWNER}/${REPO_NAME}/main/${RECOMMENDED_FILE}?_=${Date.now()}`
});
if (!res.ok) throw new Error(`HTTP ${res.status}`);
const remote = JSON.parse(await res.text());
if (!this.remoteDate) await this.checkRecommendedUpdate();
const diff = this.computeDiff(remote);
this.closeSettingsModal();
this.showDiffModal(diff, remote);
} catch (e) {
console.error('[Arena Manager] Download recommended config error:', e);
this.scanner.toast(`${this.t('syncError')}: ${e.message}`, 'warning');
}
}
computeDiff(remote) {
const diff = {
visibility: { show: [], hide: [] },
sort: {},
stars: { added: [], removed: [] },
modelInfo: [],
groups: { added: [], modified: [] }
};
const remoteModels = remote.models || {};
const localModels = this.dm.data.models || {};
for (const [name, rm] of Object.entries(remoteModels)) {
const lm = localModels[name];
const remoteVis = rm.visible !== false;
if (!lm) {
(remoteVis ? diff.visibility.show : diff.visibility.hide).push(name);
if (rm.starred) diff.stars.added.push(name);
if (rm.note || (rm.company && rm.company !== 'Other')) diff.modelInfo.push(name);
continue;
}
if (remoteVis !== (lm.visible !== false)) {
(remoteVis ? diff.visibility.show : diff.visibility.hide).push(name);
}
if (rm.starred && !lm.starred) diff.stars.added.push(name);
if (!rm.starred && lm.starred) diff.stars.removed.push(name);
if ((rm.note || '') !== (lm.note || '') ||
(rm.icon || '') !== (lm.icon || '') ||
(rm.company || 'Other') !== (lm.company || 'Other')) {
diff.modelInfo.push(name);
}
}
['text', 'search', 'image', 'code', 'video'].forEach(mode => {
const mo = JSON.stringify((remote.modelOrder || {})[mode] || []) !== JSON.stringify((this.dm.data.modelOrder || {})[mode] || []);
const oo = JSON.stringify((remote.orgOrder || {})[mode] || []) !== JSON.stringify((this.dm.data.orgOrder || {})[mode] || []);
if (mo || oo) diff.sort[mode] = { modelOrder: mo, orgOrder: oo };
});
const remoteGroups = remote.groups || {};
const localGroups = this.dm.data.groups || {};
for (const [name, members] of Object.entries(remoteGroups)) {
if (!localGroups[name]) diff.groups.added.push(name);
else if (JSON.stringify([...members].sort()) !== JSON.stringify([...localGroups[name]].sort())) diff.groups.modified.push(name);
}
return diff;
}
showDiffModal(diff, remote) {
const body = this.diffModal.querySelector('#lmm-diff-body');
const visCount = diff.visibility.show.length + diff.visibility.hide.length;
const sortModes = Object.keys(diff.sort);
const starCount = diff.stars.added.length + diff.stars.removed.length;
const infoCount = diff.modelInfo.length;
const groupCount = diff.groups.added.length + diff.groups.modified.length;
const hasChanges = visCount + sortModes.length + starCount + infoCount + groupCount > 0;
if (!hasChanges) {
body.innerHTML = `<div style="text-align:center;padding:20px;color:var(--lmm-text2)">✅ ${this.t('noChanges')}</div>`;
this.diffModal.querySelector('#lmm-diff-apply').style.display = 'none';
this.dm.data.settings.lastRecommendedDate = this.remoteDate || this.dm.data.settings.lastRecommendedDate;
this.dm.save();
this.settingsModal.querySelector('#lmm-rec-local-date').textContent = this.dm.data.settings.lastRecommendedDate || this.t('notImported');
this.diffModalOverlay.classList.add('open');
this.diffModal.classList.add('open');
return;
}
const trunc = (arr, max = 5) => {
const s = arr.slice(0, max).join(', ');
return arr.length > max ? `${s} +${arr.length - max}` : s;
};
const modeIcons = { text: '📝', search: '🔍', image: '🎨', code: '💻', video: '🎬' };
let html = '';
if (visCount > 0) {
html += `<div class="lmm-diff-section"><label class="lmm-diff-category"><input type="checkbox" checked data-diff="visibility"> ${this.t('visibilityChanges')}（${visCount} ${this.t('models')}）</label><div class="lmm-diff-details">`;
if (diff.visibility.show.length) html += `<div>${this.t('show')}: ${trunc(diff.visibility.show)}</div>`;
if (diff.visibility.hide.length) html += `<div>${this.t('hide')}: ${trunc(diff.visibility.hide)}</div>`;
html += '</div></div>';
}
if (sortModes.length > 0) {
html += `<div class="lmm-diff-section"><label class="lmm-diff-category"><input type="checkbox" checked data-diff="sort"> ${this.t('sortChanges')}</label><div class="lmm-diff-details">`;
sortModes.forEach(mode => {
const s = diff.sort[mode], parts = [];
if (s.modelOrder) parts.push(this.t('modelOrderText'));
if (s.orgOrder) parts.push(this.t('orgOrderText'));
html += `<div>${modeIcons[mode] || ''} ${mode}: ${parts.join(', ')}</div>`;
});
html += '</div></div>';
}
if (starCount > 0) {
html += `<div class="lmm-diff-section"><label class="lmm-diff-category"><input type="checkbox" checked data-diff="stars"> ${this.t('starChanges')}（${starCount} ${this.t('models')}）</label><div class="lmm-diff-details">`;
if (diff.stars.added.length) html += `<div>${this.t('addStarred')}: ${trunc(diff.stars.added)}</div>`;
if (diff.stars.removed.length) html += `<div>${this.t('removeStarred')}: ${trunc(diff.stars.removed)}</div>`;
html += '</div></div>';
}
if (infoCount > 0) {
html += `<div class="lmm-diff-section"><label class="lmm-diff-category"><input type="checkbox" checked data-diff="modelInfo"> ${this.t('modelInfoChanges')}（${infoCount} ${this.t('models')}）</label><div class="lmm-diff-details"><div>${this.t('noteIconOrgChanged')}: ${trunc(diff.modelInfo)}</div></div></div>`;
}
if (groupCount > 0) {
html += `<div class="lmm-diff-section"><label class="lmm-diff-category"><input type="checkbox" checked data-diff="groups"> ${this.t('groupChanges')}</label><div class="lmm-diff-details">`;
if (diff.groups.added.length) html += `<div>${this.t('newGroups')}: ${diff.groups.added.join(', ')}</div>`;
if (diff.groups.modified.length) html += `<div>${this.t('modifiedGroups')}: ${diff.groups.modified.join(', ')}</div>`;
html += '</div></div>';
}
body.innerHTML = html;
this.diffModal.querySelector('#lmm-diff-apply').style.display = '';
this.diffModal.querySelector('#lmm-diff-apply').onclick = () => {
this.applyDiff(diff, remote);
this.closeDiffModal();
};
this.diffModal.querySelector('[data-i18n="configDiff"]').textContent = this.t('configDiff');
this.diffModal.querySelector('#lmm-diff-cancel').textContent = this.t('cancel');
this.diffModal.querySelector('#lmm-diff-apply').querySelector('[data-i18n="applySelected"]').textContent = this.t('applySelected');
this.diffModalOverlay.classList.add('open');
this.diffModal.classList.add('open');
}
applyDiff(diff, remote) {
const checked = sel => this.diffModal.querySelector(`input[data-diff="${sel}"]`)?.checked;
if (checked('visibility')) {
diff.visibility.show.forEach(name => {
if (!this.dm.data.models[name] && remote.models[name]) {
this.dm.setModel(name, { ...remote.models[name] });
}
this.dm.setVisibility(name, true);
});
diff.visibility.hide.forEach(name => {
if (!this.dm.data.models[name] && remote.models[name]) {
this.dm.setModel(name, { ...remote.models[name] });
}
this.dm.setVisibility(name, false);
});
}
if (checked('sort')) {
Object.entries(diff.sort).forEach(([mode, s]) => {
if (s.modelOrder) this.dm.setModelOrder(mode, (remote.modelOrder || {})[mode] || []);
if (s.orgOrder) this.dm.setOrgOrder(mode, (remote.orgOrder || {})[mode] || []);
});
}
if (checked('stars')) {
diff.stars.added.forEach(name => {
if (this.dm.data.models[name]) this.dm.updateModel(name, { starred: true });
});
diff.stars.removed.forEach(name => {
if (this.dm.data.models[name]) this.dm.updateModel(name, { starred: false });
});
}
if (checked('modelInfo')) {
diff.modelInfo.forEach(name => {
const rm = remote.models[name];
if (!rm) return;
const updates = {};
if (rm.note !== undefined) updates.note = rm.note;
if (rm.icon !== undefined) updates.icon = rm.icon;
if (rm.company && rm.company !== 'Other') {
updates.company = rm.company;
updates.companyManual = true;
}
if (this.dm.data.models[name]) {
this.dm.updateModel(name, updates);
} else {
this.dm.setModel(name, { ...rm });
}
});
}
if (checked('groups')) {
const remoteGroups = remote.groups || {};
diff.groups.added.forEach(name => {
this.dm.createGroup(name);
(remoteGroups[name] || []).forEach(m => this.dm.addToGroup(name, m));
});
diff.groups.modified.forEach(name => {
(remoteGroups[name] || []).forEach(m => this.dm.addToGroup(name, m));
});
}
this.dm.data.settings.lastRecommendedDate = this.remoteDate || (() => { const d = new Date(); return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')} ${String(d.getHours()).padStart(2,'0')}:${String(d.getMinutes()).padStart(2,'0')}`; })();
this.dm.save();
this.scanner.applyFilters();
this.updateTopbar();
this.updateSidebar();
this.refresh();
this.updateFabBadge();
this.scanner.toast(this.t('recommendedApplied'), 'success');
}
async uploadRecommendedConfig() {
const token = this.settingsModal.querySelector('#lmm-admin-token').value.trim();
if (!token) {
this.scanner.toast(this.t('tokenRequired'), 'warning');
return;
}
this.dm.data.settings.adminToken = token;
this.dm.save();
try {
// 获取当前文件 SHA（如果存在）
let sha = null;
try {
const getRes = await this.gmFetch({
method: 'GET',
url: `https://api.github.com/repos/${REPO_OWNER}/${REPO_NAME}/contents/${RECOMMENDED_FILE}`,
headers: {
'Authorization': `token ${token}`,
'Accept': 'application/vnd.github.v3+json'
}
});
if (getRes.ok) {
const fileInfo = await getRes.json();
sha = fileInfo.sha;
}
} catch (e) { /* 文件不存在，sha 为 null */ }
// 准备导出数据（去除敏感信息和设置）
const data = JSON.parse(JSON.stringify(this.dm.data));
delete data.settings;
const content = btoa(unescape(encodeURIComponent(JSON.stringify(data, null, 2))));
const body = {
message: `Update recommended config ${new Date().toISOString().slice(0, 10)}`,
content: content
};
if (sha) body.sha = sha;
const res = await this.gmFetch({
method: 'PUT',
url: `https://api.github.com/repos/${REPO_OWNER}/${REPO_NAME}/contents/${RECOMMENDED_FILE}`,
headers: {
'Authorization': `token ${token}`,
'Content-Type': 'application/json',
'Accept': 'application/vnd.github.v3+json'
},
data: JSON.stringify(body)
});
if (!res.ok) {
if (res.status === 401) throw new Error(this.t('invalidToken'));
throw new Error(`HTTP ${res.status}`);
}
this.scanner.toast(this.t('uploadRecommendedSuccess'), 'success');
} catch (e) {
console.error('[Arena Manager] Upload recommended config error:', e);
this.scanner.toast(`${this.t('syncError')}: ${e.message}`, 'warning');
}
}
multiSelectAll() {
const models = this.getFiltered();
models.forEach(m => this.selectedModels.add(m.name));
this.refresh();
}
multiDeselectAll() {
this.selectedModels.clear();
this.refresh();
}
multiInvert() {
const models = this.getFiltered();
models.forEach(m => {
if (this.selectedModels.has(m.name)) {
this.selectedModels.delete(m.name);
} else {
this.selectedModels.add(m.name);
}
});
this.refresh();
}
multiSelectRemoveFromGroup() {
if (!this.currentMode.startsWith('group_')) return;
const groupName = this.currentMode.substring(6);
this.selectedModels.forEach(name => {
this.dm.removeFromGroup(groupName, name);
});
this.selectedModels.clear();
this.scanner.toast(this.t('removedFromGroup'), 'success');
this.updateTopbar();
this.refresh();
this.triggerSyncOnChange();
}
renderBatchButtons() {
const batch = this.$('#lmm-batch');
if (this.isMultiSelectMode) {
const isGroupMode = this.currentMode.startsWith('group_');
batch.innerHTML = `
<button class="lmm-btn lmm-btn-sm" id="lmm-multi-show">${this.t('show')}</button>
<button class="lmm-btn lmm-btn-sm" id="lmm-multi-hide">${this.t('hide')}</button>
<button class="lmm-btn lmm-btn-sm" id="lmm-multi-add-group">${this.t('addToGroup')}</button>
${isGroupMode ? `<button class="lmm-btn lmm-btn-sm lmm-btn-danger" id="lmm-multi-remove-group">${this.t('removeFromGroup')}</button>` : ''}
<button class="lmm-btn lmm-btn-sm" id="lmm-multi-toggle-all">${this.selectedModels.size > 0 ? this.t('deselectAll') : this.t('selectAll')}</button>
<button class="lmm-btn lmm-btn-sm" id="lmm-multi-invert">${this.t('invert')}</button>
<button class="lmm-btn lmm-btn-sm" id="lmm-multi-revert">${this.t('revert')}</button>
<button class="lmm-btn lmm-btn-sm lmm-btn-primary" id="lmm-multi-exit">${this.t('exitMulti')}</button>
`;
batch.querySelector('#lmm-multi-show').onclick = () => this.multiSelectShow();
batch.querySelector('#lmm-multi-hide').onclick = () => this.multiSelectHide();
batch.querySelector('#lmm-multi-add-group').onclick = () => this.multiSelectAddToGroup();
if (isGroupMode) {
batch.querySelector('#lmm-multi-remove-group').onclick = () => this.multiSelectRemoveFromGroup();
}
batch.querySelector('#lmm-multi-toggle-all').onclick = () => {
if (this.selectedModels.size > 0) this.multiDeselectAll();
else this.multiSelectAll();
};
batch.querySelector('#lmm-multi-invert').onclick = () => this.multiInvert();
batch.querySelector('#lmm-multi-revert').onclick = () => {
this.revertMultiSelectChanges();
this.refresh();
};
batch.querySelector('#lmm-multi-exit').onclick = () => this.exitMultiSelectMode();
} else {
batch.innerHTML = `
<button class="lmm-btn" id="lmm-multi-btn">${this.t('multiSelect')}</button>
`;
batch.querySelector('#lmm-multi-btn').onclick = () => this.enterMultiSelectMode();
}
}
esc(s) {
if (!s) return '';
return s.replace(/[&<>"']/g, c => ({'&':'&','<':'<','>':'>','"':'"',"'":'''})[c]);
}
getModeIcons(modes) {
if (!Array.isArray(modes) || modes.length === 0) return ['❓'];
const icons = { text: '📝', search: '🔍', image: '🎨', code: '💻', video: '🎬' };
const order = ['text', 'search', 'image', 'code', 'video'];
const sorted = order.filter(m => modes.includes(m));
return sorted.length > 0 ? sorted.map(m => icons[m]) : ['❓'];
}
refresh() {
const grid = this.$('#lmm-grid');
const models = this.getFiltered();
const sidebarMode = this.getSidebarMode();
this.updateGridView();
this.renderBatchButtons();
if (models.length === 0) {
const isCustomGroup = this.currentMode.startsWith('group_');
const hint = isCustomGroup ? '' : `<br><br>${this.t('noMatchHint')}`;
grid.innerHTML = `<div class="lmm-empty" style="grid-column:1/-1"><div class="lmm-empty-icon">📭</div><div>${this.t('noMatch')}${hint}</div></div>`;
} else {
grid.innerHTML = models.map(m => {
const vis = m.visible !== false;
const dragHandle = this.isModelSortMode ? '<span class="lmm-drag-handle">⠿</span>' : '';
const modes = Array.isArray(m.modes) ? m.modes : ['text'];
const imgTypeLabels = {
universal: { icon: '🔄' },
t2i: { icon: '✨' },
i2i: { icon: '🖼️' }
};
const imgTypeTag = (sidebarMode === 'image' && typeof m.vision === 'string' && imgTypeLabels[m.vision])
? `<span class="lmm-tag imgtype">${imgTypeLabels[m.vision].icon}</span>` : '';
const visionTag = m.vision === true ? `<span class="lmm-tag vision">👓</span>` : '';
const fileUploadTag = m.fileUpload ? `<span class="lmm-tag vision">📄</span>` : '';
const modelGroups = this.dm.getModelGroups(m.name);
const groupTags = modelGroups.slice(0, 2).map(() => `<span class="lmm-tag group">📁</span>`).join('');
const isSelected = this.selectedModels.has(m.name);
const showCheck = this.isMultiSelectMode;
const cardClasses = [
'lmm-card',
vis ? 'visible' : 'hidden',
m.isNew ? 'new' : '',
m.starred ? 'starred' : '',
isSelected ? 'selected' : ''
].filter(Boolean).join(' ');
// 备注显示（仅 grid 和 list 视图）
const noteHtml = m.note ? `<div class="lmm-card-note" title="${this.esc(m.note)}">${this.esc(m.note)}</div>` : '';
return `
<div class="${cardClasses}" data-name="${this.esc(m.name)}">
${dragHandle}
${showCheck ? `<div class="lmm-check ${isSelected ? 'on' : ''}">${isSelected ? '✓' : ''}</div>` : ''}
<div class="lmm-card-info">
<div class="lmm-card-name">
<span>${this.getOrgLogoHtml(m.company, m.icon)}</span>
<span class="n" title="${this.esc(m.name)}">${this.esc(m.name)}</span>
</div>
<div class="lmm-tags">
<span class="lmm-tag org">${this.esc(m.company || 'Other')}</span>
${this.getModeIcons(modes).map(icon => `<span class="lmm-tag mode">${icon}</span>`).join('')}
${imgTypeTag}
${visionTag}
${fileUploadTag}
${groupTags}
${m.isNew ? `<span class="lmm-tag new">${this.t('newFound')}</span>` : ''}
</div>
${noteHtml}
</div>
${!this.isMultiSelectMode ? `
<div class="lmm-card-actions">
<button class="lmm-card-btn lmm-star-btn ${m.starred ? 'starred' : ''}" title="${this.t('starred')}">${m.starred ? '⭐' : '☆'}</button>
<button class="lmm-card-btn lmm-edit-btn" title="${this.t('modelDetails')}">📋</button>
</div>
` : ''}
</div>
`;
}).join('');
grid.querySelectorAll('.lmm-card').forEach(card => {
const name = card.dataset.name;
if (this.isModelSortMode) {
this.bindModelDragEvents(card);
} else if (this.isMultiSelectMode) {
card.onclick = () => {
if (this.selectedModels.has(name)) {
this.selectedModels.delete(name);
} else {
this.selectedModels.add(name);
}
this.refresh();
};
} else {
card.onclick = (e) => {
if (e.target.closest('.lmm-card-actions')) return;
const newVis = !this.dm.isVisible(name);
this.dm.setVisibility(name, newVis);
this.refresh();
this.updateStats();
this.updateFabBadge();
this.triggerSyncOnChange();
};
card.ondblclick = () => this.openEditModal(name);
const starBtn = card.querySelector('.lmm-star-btn');
if (starBtn) {
starBtn.onclick = (e) => {
e.stopPropagation();
this.dm.toggleStar(name);
this.refresh();
this.updateTopbar();
this.triggerSyncOnChange();
};
}
const editBtn = card.querySelector('.lmm-edit-btn');
if (editBtn) {
editBtn.onclick = (e) => {
e.stopPropagation();
this.openEditModal(name);
};
}
}
});
}
this.$('#lmm-count').textContent = `${models.length} ${this.t('models')}`;
this.updateStats();
this.updateOrgFilter();
}
updateStats() {
const modeModels = this.getModelsInCurrentMode();
const v = modeModels.filter(m => m.visible !== false).length;
this.$('#lmm-v').textContent = v;
this.$('#lmm-h').textContent = modeModels.length - v;
this.$('#lmm-t').textContent = modeModels.length;
}
// 计算模型在当前模式下的排序位置
getModelRank(name) {
if (this.currentMode !== 'visible') return null;
const models = this.getModelsInCurrentMode().filter(m => m.visible !== false);
const customOrder = this.dm.getModelOrder(this.visibleSubMode);
if (customOrder.length > 0) {
const sorted = [...models].sort((a, b) => {
let ai = customOrder.indexOf(a.name);
let bi = customOrder.indexOf(b.name);
if (ai === -1) ai = 9999;
if (bi === -1) bi = 9999;
return ai - bi;
});
const idx = sorted.findIndex(m => m.name === name);
return idx !== -1 ? { rank: idx + 1, total: sorted.length } : null;
}
const sidebarMode = this.getSidebarMode();
const orgOrder = this.dm.getOrgOrder(sidebarMode);
const sorted = [...models].sort((a, b) => {
const ai = orgOrder.indexOf(a.company);
const bi = orgOrder.indexOf(b.company);
return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi) || a.name.localeCompare(b.name);
});
const idx = sorted.findIndex(m => m.name === name);
return idx !== -1 ? { rank: idx + 1, total: sorted.length } : null;
}
openEditModal(name) {
const m = this.dm.getModel(name);
if (!m) return;
this.editingModel = name;
const body = this.editModal.querySelector('#lmm-edit-body');
const allGroups = this.dm.getGroupNames();
const modelGroups = this.dm.getModelGroups(name);
const modes = Array.isArray(m.modes) ? m.modes : ['text'];
const isVisible = m.visible !== false;
const isBuiltInOrg = COMPANY_RULES.some(r => r.company === m.company);
// 计算排序位置
let rankInfo = '';
if (isVisible) {
modes.forEach(mode => {
const visibleModels = this.dm.getAllModels().filter(
md => md.visible !== false && Array.isArray(md.modes) && md.modes.includes(mode)
);
const customOrder = this.dm.getModelOrder(mode);
const orgOrder = this.dm.getOrgOrder(mode);
let sorted;
if (customOrder.length > 0) {
sorted = [...visibleModels].sort((a, b) => {
let ai = customOrder.indexOf(a.name);
let bi = customOrder.indexOf(b.name);
if (ai === -1) ai = 9999;
if (bi === -1) bi = 9999;
return ai - bi;
});
} else {
sorted = [...visibleModels].sort((a, b) => {
const ai = orgOrder.indexOf(a.company);
const bi = orgOrder.indexOf(b.company);
return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi) || a.name.localeCompare(b.name);
});
}
const idx = sorted.findIndex(md => md.name === name);
if (idx !== -1) {
const modeIcons = { text: '📝', search: '🔍', image: '🎨', code: '💻', video: '🎬' };
rankInfo += `<span style="margin-right:8px">${modeIcons[mode] || ''} ${this.t('rankOf').replace('{0}', idx + 1).replace('{1}', sorted.length)}</span>`;
}
});
}
// Vision 显示
let visionDisplay = '';
if (typeof m.vision === 'string') {
const visionLabels = { universal: this.t('universal'), t2i: this.t('t2iOnly'), i2i: this.t('i2iOnly') };
visionDisplay = visionLabels[m.vision] || m.vision;
} else {
visionDisplay = m.vision ? this.t('on') : this.t('off');
}
body.innerHTML = `
<div class="lmm-detail-row">
<span class="lmm-detail-label">${this.t('modelName')}</span>
<span class="lmm-detail-value"><strong>${this.esc(name)}</strong></span>
</div>
<div class="lmm-detail-row">
<span class="lmm-detail-label">${this.t('visibleStatus')}</span>
<span class="lmm-detail-value">
<span style="color:${isVisible ? 'var(--lmm-success)' : 'var(--lmm-text2)'}">${isVisible ? '✓ ' + this.t('visibleYes') : '✗ ' + this.t('visibleNo')}</span>
${isVisible && rankInfo ? `<span style="margin-left:12px;font-size:11px;color:var(--lmm-text2)">${rankInfo}</span>` : ''}
</span>
</div>
<div class="lmm-detail-row">
<span class="lmm-detail-label">${this.t('org')}</span>
<span class="lmm-detail-value lmm-form-row">
<input type="text" class="lmm-form-input" id="lmm-edit-org" value="${this.esc(m.company === 'Other' ? '' : m.company)}" placeholder="${this.t('orgPlaceholder')}">
${m.companyManual ? `<button class="lmm-btn lmm-btn-sm" id="lmm-reset-org">${this.t('resetOrg')}</button>` : ''}
</span>
</div>
<div class="lmm-detail-row">
<span class="lmm-detail-label">${this.t('iconEdit')}</span>
<span class="lmm-detail-value">
${isBuiltInOrg
? this.getOrgLogoHtml(m.company, m.icon)
: `<input type="text" class="lmm-form-input" id="lmm-edit-icon" value="${this.esc(m.icon || '')}" placeholder="${this.t('iconPlaceholder')}" style="width:60px;text-align:center" maxlength="2">`}
</span>
</div>
<div class="lmm-detail-row">
<span class="lmm-detail-label">${this.t('modes')}</span>
<span class="lmm-detail-value">
${modes.map(mode => {
const icons = { text: '📝', search: '🔍', image: '🎨', code: '💻', video: '🎬' };
return `<span class="lmm-tag mode">${icons[mode] || '❓'} ${mode}</span>`;
}).join(' ')}
</span>
</div>
<div class="lmm-detail-row">
<span class="lmm-detail-label">${this.t('starred')}</span>
<span class="lmm-detail-value">
<div class="lmm-switch ${m.starred ? 'on' : ''}" id="lmm-edit-starred"></div>
</span>
</div>
<div class="lmm-detail-row">
<span class="lmm-detail-label">${this.t('vision')}</span>
<span class="lmm-detail-value">${visionDisplay}</span>
</div>
<div class="lmm-detail-row">
<span class="lmm-detail-label">${this.t('pdfUpload')}</span>
<span class="lmm-detail-value">${m.fileUpload ? this.t('on') : this.t('off')}</span>
</div>
<div class="lmm-detail-row">
<span class="lmm-detail-label">${this.t('belongGroups')}</span>
<span class="lmm-detail-value">
${allGroups.length > 0 ? `
<div class="lmm-checkbox-group" id="lmm-edit-groups">
${allGroups.map(g => `<div class="lmm-checkbox-item ${modelGroups.includes(g) ? 'checked' : ''}" data-group="${this.esc(g)}">📁 ${this.esc(g)}</div>`).join('')}
</div>
` : `<span style="color:var(--lmm-text2);font-size:11px">${this.t('noGroupHint')}</span>`}
</span>
</div>
<div class="lmm-detail-row" style="flex-direction:column;align-items:stretch">
<span class="lmm-detail-label" style="margin-bottom:4px">${this.t('note')}</span>
<textarea class="lmm-form-input" id="lmm-edit-note" rows="2" placeholder="${this.t('notePlaceholder')}" style="resize:vertical">${this.esc(m.note || '')}</textarea>
</div>
`;
// 绑定事件
const starredSwitch = body.querySelector('#lmm-edit-starred');
if (starredSwitch) {
starredSwitch.onclick = () => starredSwitch.classList.toggle('on');
}
const resetOrgBtn = body.querySelector('#lmm-reset-org');
if (resetOrgBtn) {
resetOrgBtn.onclick = () => {
// 重新分析组织
for (const rule of COMPANY_RULES) {
if (rule.patterns.some(p => p.test(name))) {
body.querySelector('#lmm-edit-org').value = rule.company;
break;
}
}
};
}
body.querySelectorAll('#lmm-edit-groups .lmm-checkbox-item').forEach(item => {
item.onclick = () => item.classList.toggle('checked');
});
// 更新模态框标题和按钮
this.editModal.querySelector('[data-i18n="modelDetails"]').textContent = this.t('modelDetails');
this.editModal.querySelector('[data-i18n="restoreDefault"]').textContent = this.t('restoreDefault');
this.editModal.querySelector('#lmm-edit-cancel').textContent = this.t('cancel');
this.editModal.querySelector('#lmm-edit-save').textContent = this.t('save');
this.editModalOverlay.classList.add('open');
this.editModal.classList.add('open');
}
closeEditModal() {
this.editModalOverlay.classList.remove('open');
this.editModal.classList.remove('open');
this.editingModel = null;
}
saveEdit() {
if (!this.editingModel) return;
const body = this.editModal.querySelector('#lmm-edit-body');
const company = body.querySelector('#lmm-edit-org').value.trim();
const isBuiltInOrg = COMPANY_RULES.some(r => r.company === (company || 'Other'));
let icon;
if (isBuiltInOrg) {
const rule = COMPANY_RULES.find(r => r.company === (company || 'Other'));
icon = rule ? rule.icon : '❔';
} else {
const iconInput = body.querySelector('#lmm-edit-icon');
icon = iconInput ? iconInput.value.trim() : '';
}
const note = body.querySelector('#lmm-edit-note').value.trim();
const starred = body.querySelector('#lmm-edit-starred').classList.contains('on');
const allGroups = this.dm.getGroupNames();
const selectedGroups = [];
body.querySelectorAll('#lmm-edit-groups .lmm-checkbox-item.checked').forEach(item => {
selectedGroups.push(item.dataset.group);
});
allGroups.forEach(g => {
if (selectedGroups.includes(g)) {
this.dm.addToGroup(g, this.editingModel);
} else {
this.dm.removeFromGroup(g, this.editingModel);
}
});
this.dm.updateModel(this.editingModel, {
company: company || 'Other',
companyManual: company !== '',
icon: icon || this.dm.getModel(this.editingModel).icon,
note: note,
starred: starred
});
this.closeEditModal();
this.refresh();
this.updateSidebar();
this.updateTopbar();
this.scanner.toast(this.t('saved'), 'success');
this.triggerSyncOnChange();
}
resetEdit() {
if (!this.editingModel) return;
this.dm.reanalyze(this.editingModel);
this.closeEditModal();
this.refresh();
this.updateSidebar();
this.updateTopbar();
this.scanner.toast(this.t('restored'), 'success');
this.triggerSyncOnChange();
}
openGroupModal() {
this.renderGroupList();
this.groupModal.querySelector('[data-i18n="groupManage"]').textContent = this.t('groupManage');
this.groupModal.querySelector('#lmm-group-new-name').placeholder = this.t('newGroupName');
this.groupModal.querySelector('#lmm-group-create').textContent = this.t('create');
this.groupModal.querySelector('#lmm-group-close').textContent = this.t('close');
this.groupModalOverlay.classList.add('open');
this.groupModal.classList.add('open');
}
closeGroupModal() {
this.groupModalOverlay.classList.remove('open');
this.groupModal.classList.remove('open');
}
createGroup() {
const input = this.groupModal.querySelector('#lmm-group-new-name');
const name = input.value.trim();
if (!name) {
this.scanner.toast(this.t('enterGroupName'), 'warning');
return;
}
if (this.dm.createGroup(name)) {
input.value = '';
this.renderGroupList();
this.updateTopbar();
this.scanner.toast(this.t('groupCreated'), 'success');
this.triggerSyncOnChange();
} else {
this.scanner.toast(this.t('groupExists'), 'warning');
}
}
renderGroupList() {
const list = this.groupModal.querySelector('#lmm-group-list');
const groups = this.dm.getGroups();
const names = Object.keys(groups);
if (names.length === 0) {
list.innerHTML = `<div style="color:var(--lmm-text2);text-align:center;padding:20px">${this.t('noGroups')}</div>`;
return;
}
list.innerHTML = names.map(name => `
<div class="lmm-group-item" data-group="${this.esc(name)}">
<span class="name">📁 ${this.esc(name)}</span>
<span style="color:var(--lmm-text2);font-size:10px">${groups[name].length} ${this.t('models')}</span>
<div class="actions">
<button class="lmm-btn lmm-btn-sm lmm-export-group-btn" title="${this.t('exportGroup')}">📤</button>
<button class="lmm-btn lmm-rename-btn">${this.t('rename')}</button>
<button class="lmm-btn lmm-btn-danger lmm-delete-btn">${this.t('delete')}</button>
</div>
</div>
`).join('');
list.querySelectorAll('.lmm-group-item').forEach(item => {
const name = item.dataset.group;
item.querySelector('.lmm-export-group-btn').onclick = () => {
const data = this.dm.export(name);
const blob = new Blob([data], { type: 'application/json' });
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = `Arena-group-${name}-${new Date().toISOString().slice(0,10)}.json`;
a.click();
this.scanner.toast(this.t('groupExported'), 'success');
};
item.querySelector('.lmm-rename-btn').onclick = () => {
const newName = prompt(this.t('inputNewName'), name);
if (newName && newName.trim() && newName !== name) {
if (this.dm.renameGroup(name, newName.trim())) {
this.renderGroupList();
this.updateTopbar();
this.scanner.toast(this.t('renamed'), 'success');
this.triggerSyncOnChange();
} else {
this.scanner.toast(this.t('nameExists'), 'warning');
}
}
};
item.querySelector('.lmm-delete-btn').onclick = () => {
if (confirm(this.t('confirmDelete').replace('{0}', name))) {
this.dm.deleteGroup(name);
this.renderGroupList();
this.updateTopbar();
this.scanner.toast(this.t('deleted'), 'success');
this.triggerSyncOnChange();
}
};
});
}
openSettingsModal() {
const langSelect = this.settingsModal.querySelector('#lmm-setting-lang');
langSelect.value = this.dm.getLanguage();
const alertSwitch = this.settingsModal.querySelector('#lmm-setting-alert');
alertSwitch.classList.toggle('on', this.dm.data.settings.showNewAlert);
const lockFabSwitch = this.settingsModal.querySelector('#lmm-setting-lock-fab');
lockFabSwitch.classList.toggle('on', this.dm.data.settings.lockFabPosition);
const autoSyncSwitch = this.settingsModal.querySelector('#lmm-setting-auto-sync');
autoSyncSwitch.classList.toggle('on', this.dm.data.settings.autoSync);
this.settingsModal.querySelector('#lmm-auto-sync-options').style.display = this.dm.data.settings.autoSync ? 'block' : 'none';
const syncMode = this.dm.data.settings.autoSyncMode || 'change';
this.settingsModal.querySelectorAll('input[name="lmm-sync-mode"]').forEach(radio => {
radio.checked = radio.value === syncMode;
});
this.settingsModal.querySelector('#lmm-sync-interval').value = this.dm.data.settings.autoSyncInterval || 5;
this.settingsModal.querySelector('#lmm-setting-gist-token').value = this.dm.data.settings.gistToken || '';
this.settingsModal.querySelector('#lmm-setting-gist-id').value = this.dm.data.settings.gistId || '';
this.updateSettingsModalI18n();
const localDate = this.dm.data.settings.lastRecommendedDate;
this.settingsModal.querySelector('#lmm-rec-local-date').textContent = localDate || this.t('notImported');
this.settingsModal.querySelector('#lmm-rec-remote-date').textContent = this.remoteDate || '-';
const adminSection = this.settingsModal.querySelector('#lmm-admin-section');
if (adminSection) adminSection.style.display = this.adminMode ? '' : 'none';
this.settingsModal.querySelector('#lmm-admin-token').value = this.dm.data.settings.adminToken || '';
this.settingsModalOverlay.classList.add('open');
this.settingsModal.classList.add('open');
}
closeSettingsModal() {
this.settingsModalOverlay.classList.remove('open');
this.settingsModal.classList.remove('open');
this.adminMode = false;
}
}
// ==================== 初始化 ====================
function init() {
console.log(`[Arena Manager] v${VERSION} 启动`);
const dm = new DataManager();
const scanner = new Scanner(dm);
const ui = new UI(dm, scanner);
ui.init();
scanner.onMutation = () => ui.checkPageContext();
scanner.startObserving();
ui.checkPageContext();
setTimeout(() => { scanner.scan(); ui.checkPageContext(); }, 2000);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();