Fix: Restore ai_agent and add Gemini Env support
This commit is contained in:
Marcos
@@ -8,7 +8,7 @@ from config import get_config
|
||||
def get_llm_response(prompt: str, provider: str, cfg: dict) -> str:
|
||||
"""Invoca o provedor de LLM configurado."""
|
||||
if provider == "gemini":
|
||||
api_key = cfg.get("gemini_api_key")
|
||||
api_key = cfg.get("gemini_api_key") or os.getenv("GEMINI_API_KEY")
|
||||
url = f"https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash:generateContent?key={api_key}"
|
||||
payload = {"contents": [{"parts": [{"text": prompt}]}]}
|
||||
res = requests.post(url, json=payload)
|
||||
|
||||
@@ -49,11 +49,9 @@
|
||||
}
|
||||
|
||||
/* Scrollbar Fix for Firefox */
|
||||
@supports (scrollbar-width: thin) {
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: var(--accent) transparent;
|
||||
}
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: var(--accent) transparent;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
@@ -605,7 +603,6 @@
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 2000;
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
transition: opacity 0.5s ease, visibility 0.5s;
|
||||
}
|
||||
@@ -631,104 +628,31 @@
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.login-icon {
|
||||
font-size: 3rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.login-desc {
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 1.5rem;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.login-input {
|
||||
margin-bottom: 1rem;
|
||||
text-align: center;
|
||||
font-size: 1.1rem;
|
||||
letter-spacing: 0.2rem;
|
||||
}
|
||||
|
||||
.login-btn {
|
||||
width: 100%;
|
||||
padding: 0.8rem;
|
||||
}
|
||||
|
||||
#login-error {
|
||||
color: var(--danger);
|
||||
font-size: 0.75rem;
|
||||
margin-top: 1rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.theme-icon-sun {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.theme-icon-moon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
[data-theme="light"] .theme-icon-sun {
|
||||
display: block;
|
||||
}
|
||||
|
||||
[data-theme="light"] .theme-icon-moon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.chat-input-area {
|
||||
padding: 0.75rem;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.recording-indicator {
|
||||
display: none;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: red;
|
||||
border-radius: 50%;
|
||||
animation: pulse 1s infinite;
|
||||
}
|
||||
|
||||
.insights-icon {
|
||||
font-size: 2.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.insights-placeholder small {
|
||||
display: block;
|
||||
margin-top: 0.5rem;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
width: 0%;
|
||||
transition: width 0.5s ease;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="login-overlay">
|
||||
<div class="card login-card">
|
||||
<div class="login-icon" role="img" aria-label="Cadeado de Segurança">🔒</div>
|
||||
<div style="font-size: 3rem; margin-bottom: 1rem;" role="img" aria-label="Cadeado de Segurança">🔒</div>
|
||||
<h2>Acesso Restrito</h2>
|
||||
<p class="login-desc">Esta VPS está protegida. Insira a senha mestra para gerenciar o Agente.</p>
|
||||
<p style="color:var(--text-muted); margin-bottom:1.5rem; font-size:0.85rem;">Esta VPS está protegida. Insira
|
||||
a senha mestra para gerenciar o Agente.</p>
|
||||
<input type="password" id="web-pass-input" aria-label="Senha da VPS" autocomplete="current-password"
|
||||
class="form-input login-input" placeholder="Senha da VPS"
|
||||
class="form-input" placeholder="Senha da VPS"
|
||||
style="margin-bottom:1rem; text-align:center; font-size: 1.1rem; letter-spacing: 0.2rem;"
|
||||
onkeypress="if(event.key==='Enter') attemptLogin()">
|
||||
<button type="button" class="btn btn-primary login-btn"
|
||||
<button type="button" class="btn btn-primary" style="width:100%; padding: 0.8rem;"
|
||||
onclick="attemptLogin()">Entrar no Dashboard</button>
|
||||
<div id="login-error">Senha incorreta. Tente novamente.</div>
|
||||
<div id="login-error" style="color:var(--danger); font-size: 0.75rem; margin-top: 1rem; display: none;">
|
||||
Senha incorreta. Tente novamente.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<header>
|
||||
<div class="logo">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
|
||||
</svg>
|
||||
<h1>VPS AI Dashboard</h1>
|
||||
@@ -736,12 +660,12 @@
|
||||
<div class="header-actions">
|
||||
<div class="status-badge" id="bot-status">Online</div>
|
||||
<button type="button" class="theme-toggle" onclick="toggleTheme()" aria-label="Alternar tema">
|
||||
<svg id="icon-sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="theme-icon-sun">
|
||||
<svg id="icon-sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="display: none;">
|
||||
<circle cx="12" cy="12" r="5" />
|
||||
<path
|
||||
d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" />
|
||||
</svg>
|
||||
<svg id="icon-moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="theme-icon-moon">
|
||||
<svg id="icon-moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
|
||||
</svg>
|
||||
</button>
|
||||
@@ -749,145 +673,152 @@
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="stats-grid">
|
||||
<div class="card stat-card">
|
||||
<h3>CPU</h3>
|
||||
<div class="stat-value" id="cpu-val">--%</div>
|
||||
<div class="progress-bar-bg">
|
||||
<div class="progress-bar" id="cpu-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card stat-card">
|
||||
<h3>RAM</h3>
|
||||
<div class="stat-value" id="ram-val">-- / -- GB</div>
|
||||
<div class="progress-bar-bg">
|
||||
<div class="progress-bar" id="ram-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card stat-card">
|
||||
<h3>Disk</h3>
|
||||
<div class="stat-value" id="disk-val">--%</div>
|
||||
<div class="progress-bar-bg">
|
||||
<div class="progress-bar" id="disk-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-title">Ações Rápidas</div>
|
||||
<div class="actions-grid">
|
||||
<button type="button" class="btn" aria-label="Ping" onclick="executeAction('ping')">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M22 12h-4l-3 9L9 3l-3 9H2" />
|
||||
</svg>
|
||||
Ping
|
||||
</button>
|
||||
<button type="button" class="btn" id="btn-test-llm" aria-label="Testar LLM" onclick="testLLMSpeed()">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M12 2a10 10 0 1 0 10 10H12V2z" />
|
||||
<path d="M12 2a10 10 0 0 1 10 10h-2a8 8 0 0 0-8-8V2z" />
|
||||
<path d="M12 12V2.5l5.5 5.5" />
|
||||
</svg>
|
||||
Testar LLM
|
||||
</button>
|
||||
<button type="button" class="btn" aria-label="Reiniciar Bot" onclick="executeAction('restart_bot')">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M23 4v6h-6M1 20v-6h6" />
|
||||
<path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" />
|
||||
</svg>
|
||||
Reiniciar
|
||||
</button>
|
||||
<button type="button" class="btn" aria-label="Limpar Cache" onclick="executeAction('clear_cache')">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
|
||||
</svg>
|
||||
Limpar Cache
|
||||
</button>
|
||||
<button type="button" class="btn btn-danger" aria-label="Reboot VPS" onclick="executeAction('reboot_vps')">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
|
||||
</svg>
|
||||
Reboot VPS
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="section-title">Configuração AI</div>
|
||||
<div class="card">
|
||||
<div class="config-grid">
|
||||
<div class="form-group">
|
||||
<label for="active_provider">Provider Ativo</label>
|
||||
<select id="active_provider" aria-label="Provider Ativo" class="form-input">
|
||||
<option value="ollama">Ollama (Local)</option>
|
||||
<option value="gemini">Gemini Pro (Google)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="gemini_api_key">Gemini API Key</label>
|
||||
<input type="password" id="gemini_api_key" autocomplete="new-password" aria-label="Gemini API Key"
|
||||
class="form-input" placeholder="AIzaSy...">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary" aria-label="Salvar Configuração" onclick="saveConfiguration()">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />
|
||||
<polyline points="17 21 17 13 7 13 7 21" />
|
||||
<polyline points="7 3 7 8 15 8" />
|
||||
</svg>
|
||||
Salvar
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="section-title">Terminal & Insights da IA</div>
|
||||
<div class="chat-layout">
|
||||
<!-- Coluna 1: Chat Técnico -->
|
||||
<div class="chat-wrapper">
|
||||
<div class="chat-messages" id="chat-box">
|
||||
<div class="chat-bubble bubble-ai">
|
||||
Olá! Sou o VPS Agent. Como posso ajudar com seu servidor? Tudo o que eu fizer aparecerá aqui no
|
||||
terminal técnico.
|
||||
<div class="stats-grid">
|
||||
<div class="card stat-card">
|
||||
<h3>CPU</h3>
|
||||
<div class="stat-value" id="cpu-val">--%</div>
|
||||
<div class="progress-bar-bg">
|
||||
<div class="progress-bar" id="cpu-bar" style="width: 0%"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chat-input-area">
|
||||
<input type="text" id="chat-input" aria-label="Comando do chat" class="chat-input"
|
||||
placeholder="Comande sua VPS aqui..." onkeypress="handleKeyPress(event)">
|
||||
|
||||
<button type="button" class="btn" id="audio-btn" aria-label="Gravar Áudio"
|
||||
onclick="toggleRecording()" title="Gravar Áudio">
|
||||
<svg id="mic-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" />
|
||||
<path d="M19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8" />
|
||||
</svg>
|
||||
<span id="recording-dot" class="recording-indicator"></span>
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-primary" aria-label="Enviar mensagem" onclick="sendChat()">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<line x1="22" y1="2" x2="11" y2="13" />
|
||||
<polygon points="22 2 15 22 11 13 2 9 22 2" />
|
||||
</svg>
|
||||
</button>
|
||||
<div class="card stat-card">
|
||||
<h3>RAM</h3>
|
||||
<div class="stat-value" id="ram-val">-- / -- GB</div>
|
||||
<div class="progress-bar-bg">
|
||||
<div class="progress-bar" id="ram-bar" style="width: 0%"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card stat-card">
|
||||
<h3>Disk</h3>
|
||||
<div class="stat-value" id="disk-val">--%</div>
|
||||
<div class="progress-bar-bg">
|
||||
<div class="progress-bar" id="disk-bar" style="width: 0%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Coluna 2: Painel de Insights (Refinado) -->
|
||||
<div class="insights-wrapper">
|
||||
<div class="insights-header">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
|
||||
<path d="M21 12V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7" />
|
||||
<line x1="16" y1="5" x2="16" y2="19" />
|
||||
<line x1="2" x2="16" y2="12" />
|
||||
<div class="section-title">Ações Rápidas</div>
|
||||
<div class="actions-grid">
|
||||
<button type="button" class="btn" onclick="executeAction('ping')">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M22 12h-4l-3 9L9 3l-3 9H2" />
|
||||
</svg>
|
||||
Painel de Insights Visuais
|
||||
</div>
|
||||
<div class="insights-content" id="insights-panel">
|
||||
<div class="insights-placeholder">
|
||||
<div class="insights-icon" role="img" aria-label="Gráfico de Insights">📊</div>
|
||||
<p>Aguardando dados estruturados...</p>
|
||||
<small>Peça algo como "status dos containers" para ver o refinamento aqui.</small>
|
||||
Ping
|
||||
</button>
|
||||
<button type="button" class="btn" id="btn-test-llm" onclick="testLLMSpeed()">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M12 2a10 10 0 1 0 10 10H12V2z" />
|
||||
<path d="M12 2a10 10 0 0 1 10 10h-2a8 8 0 0 0-8-8V2z" />
|
||||
<path d="M12 12V2.5l5.5 5.5" />
|
||||
</svg>
|
||||
Testar LLM
|
||||
</button>
|
||||
<button type="button" class="btn" onclick="executeAction('restart_bot')">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M23 4v6h-6M1 20v-6h6" />
|
||||
<path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" />
|
||||
</svg>
|
||||
Reiniciar
|
||||
</button>
|
||||
<button type="button" class="btn" onclick="executeAction('clear_cache')">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
|
||||
</svg>
|
||||
Limpar Cache
|
||||
</button>
|
||||
<button type="button" class="btn btn-danger" onclick="executeAction('reboot_vps')">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
|
||||
</svg>
|
||||
Reboot VPS
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="section-title">Configuração AI</div>
|
||||
<div class="card">
|
||||
<div class="config-grid">
|
||||
<div class="form-group">
|
||||
<label for="active_provider">Provider Ativo</label>
|
||||
<select id="active_provider" aria-label="Provider Ativo" class="form-input">
|
||||
<option value="ollama">Ollama (Local)</option>
|
||||
<option value="gemini">Gemini Pro (Google)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="gemini_api_key">Gemini API Key</label>
|
||||
<input type="password" id="gemini_api_key" autocomplete="new-password"
|
||||
aria-label="Gemini API Key" class="form-input" placeholder="AIzaSy...">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary" onclick="saveConfiguration()">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />
|
||||
<polyline points="17 21 17 13 7 13 7 21" />
|
||||
<polyline points="7 3 7 8 15 8" />
|
||||
</svg>
|
||||
Salvar
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="section-title">Terminal & Insights da IA</div>
|
||||
<div class="chat-layout">
|
||||
<!-- Coluna 1: Chat Técnico -->
|
||||
<div class="chat-wrapper">
|
||||
<div class="chat-messages" id="chat-box">
|
||||
<div class="chat-bubble bubble-ai">
|
||||
Olá! Sou o VPS Agent. Como posso ajudar com seu servidor? Tudo o que eu fizer aparecerá aqui
|
||||
no
|
||||
terminal técnico.
|
||||
</div>
|
||||
</div>
|
||||
<div class="chat-input-area" style="padding: 0.75rem; gap: 0.5rem;">
|
||||
<input type="text" id="chat-input" aria-label="Comando do chat" class="chat-input"
|
||||
placeholder="Comande sua VPS aqui..." onkeypress="handleKeyPress(event)">
|
||||
|
||||
<button type="button" class="btn" id="audio-btn" aria-label="Gravar Áudio"
|
||||
onclick="toggleRecording()" title="Gravar Áudio">
|
||||
<svg id="mic-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" />
|
||||
<path d="M19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8" />
|
||||
</svg>
|
||||
<span id="recording-dot"
|
||||
style="display:none; width:8px; height:8px; background:red; border-radius:50%; animation: pulse 1s infinite;">
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-primary" aria-label="Enviar" onclick="sendChat()">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<line x1="22" y1="2" x2="11" y2="13" />
|
||||
<polygon points="22 2 15 22 11 13 2 9 22 2" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Coluna 2: Painel de Insights (Refinado) -->
|
||||
<div class="insights-wrapper">
|
||||
<div class="insights-header">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18">
|
||||
<path d="M21 12V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7" />
|
||||
<line x1="16" y1="5" x2="16" y2="19" />
|
||||
<line x1="2" x2="16" y2="12" />
|
||||
</svg>
|
||||
Painel de Insights Visuais
|
||||
</div>
|
||||
<div class="insights-content" id="insights-panel">
|
||||
<div class="insights-placeholder">
|
||||
<div style="font-size: 2.5rem; margin-bottom: 1rem;" role="img"
|
||||
aria-label="Gráfico de Insights">📊</div>
|
||||
<p>Aguardando dados estruturados...</p>
|
||||
<small style="display:block; margin-top:0.5rem; opacity:0.6;">Peça algo como "status dos
|
||||
containers" para ver o refinamento aqui.</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="toast">Ação executada!</div>
|
||||
|
||||
@@ -947,11 +878,15 @@
|
||||
updateThemeIcon(!isDark);
|
||||
}
|
||||
|
||||
function updateThemeIcon(isDark) {}
|
||||
function updateThemeIcon(isDark) {
|
||||
document.getElementById('icon-sun').style.display = isDark ? 'block' : 'none';
|
||||
document.getElementById('icon-moon').style.display = isDark ? 'none' : 'block';
|
||||
}
|
||||
|
||||
const savedTheme = localStorage.getItem('theme');
|
||||
if (savedTheme) {
|
||||
document.documentElement.dataset.theme = savedTheme;
|
||||
updateThemeIcon(savedTheme === 'light');
|
||||
}
|
||||
|
||||
// Stats
|
||||
@@ -1196,9 +1131,9 @@
|
||||
const icon = document.getElementById('mic-icon');
|
||||
const btn = document.getElementById('audio-btn');
|
||||
|
||||
if (dot) dot.style.display = active ? 'inline-block' : 'none';
|
||||
if (icon) icon.style.color = active ? 'red' : 'inherit';
|
||||
if (btn) btn.style.borderColor = active ? 'red' : 'var(--border)';
|
||||
dot.style.display = active ? 'inline-block' : 'none';
|
||||
icon.style.color = active ? 'red' : 'inherit';
|
||||
btn.style.borderColor = active ? 'red' : 'var(--border)';
|
||||
}
|
||||
|
||||
async function uploadAudio(blob) {
|
||||
|
||||
Reference in New Issue
Block a user