main
mula.liu 2026-03-09 12:53:15 +08:00
parent 296114f5b6
commit 5cee6e5e12
22 changed files with 1670 additions and 307 deletions

View File

@ -27,8 +27,20 @@ NPM_REGISTRY=https://registry.npmmirror.com
# Keep empty to use SQLite at:
# sqlite:///{HOST_DATA_ROOT}/nanobot_dashboard.db
# DATABASE_URL=postgresql+psycopg://user:password@127.0.0.1:5432/nanobot_dashboard
# DATABASE_URL=mysql+pymysql://user:password@127.0.0.1:3306/nanobot_dashboard
DATABASE_URL=
DATABASE_URL=postgresql+psycopg://postgres:change_me@127.0.0.1:5432/nanobot_dashboard
# Redis cache
REDIS_ENABLED=true
REDIS_URL=redis://127.0.0.1:6379/8
REDIS_PREFIX=dashboard_nanobot
REDIS_DEFAULT_TTL=60
# Panel access protection
PANEL_ACCESS_PASSWORD=change_me_panel_password
# Max upload size for backend validation (MB)
UPLOAD_MAX_MB=100
# 升级迁移
AUTO_MIGRATE_SQLITE_TO_PRIMARY=true
SQLITE_MIGRATION_SOURCE=../data/nanobot_dashboard.db

View File

@ -12,6 +12,21 @@ BOTS_WORKSPACE_ROOT=../workspace/bots
# DATABASE_URL=mysql+pymysql://user:password@127.0.0.1:3306/nanobot_dashboard
# Show SQL statements in backend logs (debug only).
DATABASE_ECHO=true
# Auto-migrate legacy SQLite data into primary database on first startup.
AUTO_MIGRATE_SQLITE_TO_PRIMARY=true
# Legacy SQLite source path used by the auto-migrator.
SQLITE_MIGRATION_SOURCE=../data/nanobot_dashboard.db
# Redis cache
REDIS_ENABLED=false
# Example:
# REDIS_URL=redis://127.0.0.1:6379/8
REDIS_URL=
REDIS_PREFIX=dashboard_nanobot
REDIS_DEFAULT_TTL=60
# Optional panel-level access password for all backend API/WS calls.
PANEL_ACCESS_PASSWORD=
# Max upload size for backend validation (MB)
UPLOAD_MAX_MB=100

View File

@ -0,0 +1,88 @@
import json
from typing import Any, Optional
from core.settings import REDIS_DEFAULT_TTL, REDIS_ENABLED, REDIS_PREFIX, REDIS_URL
try:
from redis import Redis
except Exception: # pragma: no cover
Redis = None # type: ignore
class RedisCache:
def __init__(self):
self.enabled = bool(REDIS_ENABLED and REDIS_URL and Redis is not None)
self.prefix = REDIS_PREFIX
self.default_ttl = int(REDIS_DEFAULT_TTL)
self._client: Optional["Redis"] = None
if self.enabled:
try:
self._client = Redis.from_url(REDIS_URL, decode_responses=True)
self._client.ping()
except Exception:
self.enabled = False
self._client = None
def _full_key(self, key: str) -> str:
return f"{self.prefix}:{key}"
def ping(self) -> bool:
if not self.enabled or self._client is None:
return False
try:
return bool(self._client.ping())
except Exception:
return False
def get_json(self, key: str) -> Any:
if not self.enabled or self._client is None:
return None
try:
raw = self._client.get(self._full_key(key))
if not raw:
return None
return json.loads(raw)
except Exception:
return None
def set_json(self, key: str, value: Any, ttl: Optional[int] = None) -> None:
if not self.enabled or self._client is None:
return
try:
self._client.setex(
self._full_key(key),
int(ttl if ttl is not None else self.default_ttl),
json.dumps(value, ensure_ascii=False, default=str),
)
except Exception:
return
def delete(self, *keys: str) -> None:
if not self.enabled or self._client is None:
return
full_keys = [self._full_key(key) for key in keys if str(key or "").strip()]
if not full_keys:
return
try:
self._client.delete(*full_keys)
except Exception:
return
def delete_prefix(self, prefix: str) -> None:
if not self.enabled or self._client is None:
return
pattern = self._full_key(f"{prefix}*")
try:
cursor = 0
while True:
cursor, rows = self._client.scan(cursor=cursor, match=pattern, count=200)
if rows:
self._client.delete(*rows)
if cursor == 0:
break
except Exception:
return
cache = RedisCache()

View File

@ -1,4 +1,4 @@
from sqlalchemy import text
from sqlalchemy import inspect, text
from sqlmodel import SQLModel, Session, create_engine
from core.settings import DATABASE_ECHO, DATABASE_URL
@ -29,8 +29,6 @@ def _ensure_botinstance_columns() -> None:
def _drop_legacy_botinstance_columns() -> None:
if engine.dialect.name != "sqlite":
return
legacy_columns = [
"avatar_model",
"avatar_skin",
@ -55,12 +53,24 @@ def _drop_legacy_botinstance_columns() -> None:
"bot_env_json",
]
with engine.connect() as conn:
existing_rows = conn.execute(text("PRAGMA table_info(botinstance)")).fetchall()
existing = {str(row[1]) for row in existing_rows}
existing = {
str(col.get("name"))
for col in inspect(conn).get_columns("botinstance")
if col.get("name")
}
for col in legacy_columns:
if col not in existing:
continue
try:
if engine.dialect.name == "mysql":
conn.execute(text(f"ALTER TABLE botinstance DROP COLUMN `{col}`"))
elif engine.dialect.name == "sqlite":
conn.execute(text(f'ALTER TABLE botinstance DROP COLUMN "{col}"'))
else:
conn.execute(text(f'ALTER TABLE botinstance DROP COLUMN IF EXISTS "{col}"'))
except Exception:
# Keep startup resilient on mixed/legacy database engines.
continue
conn.commit()
@ -90,12 +100,42 @@ def _drop_legacy_skill_tables() -> None:
conn.commit()
def align_postgres_sequences() -> None:
if engine.dialect.name != "postgresql":
return
sequence_targets = [
("botmessage", "id"),
]
with engine.connect() as conn:
for table_name, column_name in sequence_targets:
seq_name = conn.execute(
text("SELECT pg_get_serial_sequence(:table_name, :column_name)"),
{"table_name": table_name, "column_name": column_name},
).scalar()
if not seq_name:
continue
max_id = conn.execute(
text(f'SELECT COALESCE(MAX("{column_name}"), 0) FROM "{table_name}"')
).scalar()
max_id = int(max_id or 0)
conn.execute(
text("SELECT setval(:seq_name, :next_value, :is_called)"),
{
"seq_name": seq_name,
"next_value": max_id if max_id > 0 else 1,
"is_called": max_id > 0,
},
)
conn.commit()
def init_database() -> None:
SQLModel.metadata.create_all(engine)
_drop_legacy_skill_tables()
_ensure_botinstance_columns()
_drop_legacy_botinstance_columns()
_ensure_botmessage_columns()
align_postgres_sequences()
def get_session():

View File

@ -112,6 +112,16 @@ DATABASE_URL_DISPLAY: Final[str] = _mask_database_url(DATABASE_URL)
DATABASE_ECHO: Final[bool] = _env_bool("DATABASE_ECHO", True)
UPLOAD_MAX_MB: Final[int] = _env_int("UPLOAD_MAX_MB", 100, 1, 2048)
REDIS_ENABLED: Final[bool] = _env_bool("REDIS_ENABLED", False)
REDIS_URL: Final[str] = str(os.getenv("REDIS_URL") or "").strip()
REDIS_PREFIX: Final[str] = str(os.getenv("REDIS_PREFIX") or "dashboard_nanobot").strip() or "dashboard_nanobot"
REDIS_DEFAULT_TTL: Final[int] = _env_int("REDIS_DEFAULT_TTL", 60, 1, 86400)
AUTO_MIGRATE_SQLITE_TO_PRIMARY: Final[bool] = _env_bool("AUTO_MIGRATE_SQLITE_TO_PRIMARY", True)
SQLITE_MIGRATION_SOURCE: Final[str] = _normalize_dir_path(
os.getenv("SQLITE_MIGRATION_SOURCE", str(Path(DATA_ROOT) / "nanobot_dashboard.db"))
)
PANEL_ACCESS_PASSWORD: Final[str] = str(os.getenv("PANEL_ACCESS_PASSWORD") or "").strip()
DEFAULT_AGENTS_MD: Final[str] = _env_text(
"DEFAULT_AGENTS_MD",
"# Agent Instructions\n\n- 优先完成任务目标\n- 操作前先说明意图\n- 输出必须可执行\n\n## 默认输出规范\n\n- 每次执行任务时,在 workspace 中创建新目录保存本次输出。\n- 输出内容默认采用 Markdown.md格式。",

View File

@ -4,6 +4,7 @@ import mimetypes
import os
import re
import shutil
import sqlite3
import tempfile
import zipfile
from datetime import datetime
@ -18,9 +19,11 @@ from fastapi.middleware.cors import CORSMiddleware
from sqlmodel import Session, select
from core.config_manager import BotConfigManager
from core.database import engine, get_session, init_database
from core.cache import cache
from core.database import align_postgres_sequences, engine, get_session, init_database
from core.docker_manager import BotDockerManager
from core.settings import (
AUTO_MIGRATE_SQLITE_TO_PRIMARY,
BOTS_WORKSPACE_ROOT,
DATA_ROOT,
DATABASE_ECHO,
@ -31,7 +34,11 @@ from core.settings import (
DEFAULT_SOUL_MD,
DEFAULT_TOOLS_MD,
DEFAULT_USER_MD,
PANEL_ACCESS_PASSWORD,
PROJECT_ROOT,
REDIS_ENABLED,
REDIS_URL,
SQLITE_MIGRATION_SOURCE,
UPLOAD_MAX_MB,
)
from models.bot import BotInstance, BotMessage, NanobotImage
@ -141,6 +148,10 @@ class MessageFeedbackRequest(BaseModel):
feedback: Optional[str] = None # up | down | null
class PanelLoginRequest(BaseModel):
password: Optional[str] = None
def _normalize_packet_channel(packet: Dict[str, Any]) -> str:
raw = str(packet.get("channel") or packet.get("source") or "").strip().lower()
if raw in {"dashboard", "dashboard_channel", "dashboard-channel"}:
@ -250,6 +261,9 @@ def _persist_runtime_packet(bot_id: str, packet: Dict[str, Any]) -> Optional[int
session.commit()
if persisted_message_id:
packet["message_id"] = persisted_message_id
if packet_type in {"ASSISTANT_MESSAGE", "USER_COMMAND", "BUS_EVENT"}:
_invalidate_bot_messages_cache(bot_id)
_invalidate_bot_detail_cache(bot_id)
return persisted_message_id
@ -280,6 +294,7 @@ class WSConnectionManager:
manager = WSConnectionManager()
BOT_ACCESS_PASSWORD_HEADER = "x-bot-password"
PANEL_ACCESS_PASSWORD_HEADER = "x-panel-password"
def _extract_bot_id_from_api_path(path: str) -> Optional[str]:
@ -307,11 +322,38 @@ def _get_supplied_bot_password_http(request: Request) -> str:
return query_value
def _get_supplied_panel_password_http(request: Request) -> str:
header_value = str(request.headers.get(PANEL_ACCESS_PASSWORD_HEADER) or "").strip()
if header_value:
return header_value
query_value = str(request.query_params.get("panel_access_password") or "").strip()
return query_value
def _validate_panel_access_password(supplied: str) -> Optional[str]:
configured = str(PANEL_ACCESS_PASSWORD or "").strip()
if not configured:
return None
candidate = str(supplied or "").strip()
if not candidate:
return "Panel access password required"
if candidate != configured:
return "Invalid panel access password"
return None
@app.middleware("http")
async def bot_access_password_guard(request: Request, call_next):
if request.method.upper() == "OPTIONS":
return await call_next(request)
if request.url.path.startswith("/api/"):
if request.url.path in {"/api/panel/auth/status", "/api/panel/auth/login"}:
return await call_next(request)
panel_error = _validate_panel_access_password(_get_supplied_panel_password_http(request))
if panel_error:
return JSONResponse(status_code=401, content={"detail": panel_error})
bot_id = _extract_bot_id_from_api_path(request.url.path)
if not bot_id:
return await call_next(request)
@ -331,6 +373,23 @@ async def bot_access_password_guard(request: Request, call_next):
return await call_next(request)
@app.get("/api/panel/auth/status")
def get_panel_auth_status():
configured = str(PANEL_ACCESS_PASSWORD or "").strip()
return {"enabled": bool(configured)}
@app.post("/api/panel/auth/login")
def panel_login(payload: PanelLoginRequest):
configured = str(PANEL_ACCESS_PASSWORD or "").strip()
if not configured:
return {"success": True, "enabled": False}
supplied = str(payload.password or "").strip()
if supplied != configured:
raise HTTPException(status_code=401, detail="Invalid panel access password")
return {"success": True, "enabled": True}
def docker_callback(bot_id: str, packet: Dict[str, Any]):
_persist_runtime_packet(bot_id, packet)
loop = getattr(app.state, "main_loop", None)
@ -339,13 +398,142 @@ def docker_callback(bot_id: str, packet: Dict[str, Any]):
asyncio.run_coroutine_threadsafe(manager.broadcast(bot_id, packet), loop)
def _cache_key_bots_list() -> str:
return "bots:list"
def _cache_key_bot_detail(bot_id: str) -> str:
return f"bot:detail:{bot_id}"
def _cache_key_bot_messages(bot_id: str, limit: int) -> str:
return f"bot:messages:{bot_id}:limit:{limit}"
def _cache_key_images() -> str:
return "images:list"
def _invalidate_bot_detail_cache(bot_id: str) -> None:
cache.delete(_cache_key_bots_list(), _cache_key_bot_detail(bot_id))
def _invalidate_bot_messages_cache(bot_id: str) -> None:
cache.delete_prefix(f"bot:messages:{bot_id}:")
def _invalidate_images_cache() -> None:
cache.delete(_cache_key_images())
def _parse_dt(raw: Any) -> datetime:
if isinstance(raw, datetime):
return raw
text = str(raw or "").strip()
if not text:
return datetime.utcnow()
for candidate in (text, text.replace("Z", "+00:00")):
try:
return datetime.fromisoformat(candidate)
except Exception:
continue
return datetime.utcnow()
def _target_has_data() -> bool:
with Session(engine) as session:
if session.exec(select(BotInstance).limit(1)).first() is not None:
return True
if session.exec(select(BotMessage).limit(1)).first() is not None:
return True
if session.exec(select(NanobotImage).limit(1)).first() is not None:
return True
return False
def _migrate_sqlite_if_needed() -> None:
if DATABASE_ENGINE == "sqlite":
return
if not AUTO_MIGRATE_SQLITE_TO_PRIMARY:
return
source_path = str(SQLITE_MIGRATION_SOURCE or "").strip()
if not source_path or not os.path.isfile(source_path):
return
if _target_has_data():
return
conn = sqlite3.connect(source_path)
conn.row_factory = sqlite3.Row
try:
with Session(engine) as session:
for row in conn.execute("SELECT * FROM botinstance"):
bot_id = str(row["id"])
if session.get(BotInstance, bot_id):
continue
session.add(
BotInstance(
id=bot_id,
name=str(row["name"] or ""),
access_password=str(row["access_password"] or ""),
workspace_dir=str(row["workspace_dir"] or ""),
docker_status=str(row["docker_status"] or "STOPPED"),
current_state=str(row["current_state"] or "IDLE"),
last_action=str(row["last_action"] or "") or None,
image_tag=str(row["image_tag"] or "nanobot-base:v0.1.4"),
created_at=_parse_dt(row["created_at"]),
updated_at=_parse_dt(row["updated_at"]),
)
)
for row in conn.execute("SELECT * FROM nanobotimage"):
tag = str(row["tag"])
if session.get(NanobotImage, tag):
continue
session.add(
NanobotImage(
tag=tag,
image_id=str(row["image_id"] or "") or None,
version=str(row["version"] or ""),
status=str(row["status"] or "READY"),
source_dir=str(row["source_dir"] or "") or None,
created_at=_parse_dt(row["created_at"]),
)
)
session.commit()
for row in conn.execute("SELECT * FROM botmessage ORDER BY id ASC"):
message_id = int(row["id"])
if session.get(BotMessage, message_id):
continue
session.add(
BotMessage(
id=message_id,
bot_id=str(row["bot_id"] or ""),
role=str(row["role"] or "assistant"),
text=str(row["text"] or ""),
media_json=str(row["media_json"] or "") or None,
feedback=str(row["feedback"] or "") or None,
feedback_at=_parse_dt(row["feedback_at"]) if row["feedback_at"] else None,
created_at=_parse_dt(row["created_at"]),
)
)
session.commit()
align_postgres_sequences()
finally:
conn.close()
@app.on_event("startup")
async def on_startup():
app.state.main_loop = asyncio.get_running_loop()
print(f"📁 项目根目录: {PROJECT_ROOT}")
print(f"🗄️ 数据库引擎: {DATABASE_ENGINE} (echo={DATABASE_ECHO})")
print(f"📁 数据库连接: {DATABASE_URL_DISPLAY}")
print(f"🧠 Redis 缓存: {'enabled' if cache.ping() else 'disabled'} ({REDIS_URL if REDIS_ENABLED else 'not configured'})")
init_database()
_migrate_sqlite_if_needed()
cache.delete_prefix("")
with Session(engine) as session:
for bot in session.exec(select(BotInstance)).all():
_migrate_bot_resources_store(bot.id)
@ -708,48 +896,6 @@ def _parse_message_media(bot_id: str, media_raw: Optional[str]) -> List[str]:
return []
def _default_tools_config() -> Dict[str, Any]:
return {
"web": {
"search": {
"apiKey": "",
"maxResults": 5,
}
}
}
def _normalize_tools_config(raw: Any) -> Dict[str, Any]:
cfg = _default_tools_config()
if not isinstance(raw, dict):
return cfg
web_raw = raw.get("web")
if isinstance(web_raw, dict):
search_raw = web_raw.get("search")
if isinstance(search_raw, dict):
api_key = str(search_raw.get("apiKey") or search_raw.get("api_key") or "").strip()
max_results_raw = search_raw.get("maxResults", search_raw.get("max_results", 5))
try:
max_results = int(max_results_raw)
except Exception:
max_results = 5
max_results = max(1, min(max_results, 10))
cfg["web"]["search"]["apiKey"] = api_key
cfg["web"]["search"]["maxResults"] = max_results
return cfg
def _parse_tools_config(raw: Optional[str]) -> Dict[str, Any]:
if not raw:
return _default_tools_config()
try:
parsed = json.loads(raw)
except Exception:
return _default_tools_config()
return _normalize_tools_config(parsed)
_ENV_KEY_RE = re.compile(r"^[A-Z_][A-Z0-9_]{0,127}$")
@ -837,7 +983,6 @@ def _read_bot_runtime_snapshot(bot: BotInstance) -> Dict[str, Any]:
channels_cfg = config_data.get("channels")
send_progress, send_tool_hints = _read_global_delivery_flags(channels_cfg)
tools_cfg = _normalize_tools_config(config_data.get("tools"))
llm_provider = provider_name or "dashscope"
llm_model = str(agents_defaults.get("model") or "")
api_key = str(provider_cfg.get("apiKey") or "").strip()
@ -865,8 +1010,6 @@ def _read_bot_runtime_snapshot(bot: BotInstance) -> Dict[str, Any]:
"tools_md": _read_workspace_md(bot.id, "TOOLS.md", DEFAULT_TOOLS_MD),
"identity_md": _read_workspace_md(bot.id, "IDENTITY.md", DEFAULT_IDENTITY_MD),
"system_prompt": soul_md,
"tools_config_json": json.dumps(tools_cfg, ensure_ascii=False),
"tools_config": tools_cfg,
}
@ -906,6 +1049,19 @@ def _serialize_bot(bot: BotInstance) -> Dict[str, Any]:
}
def _serialize_bot_list_item(bot: BotInstance) -> Dict[str, Any]:
return {
"id": bot.id,
"name": bot.name,
"has_access_password": bool(str(bot.access_password or "").strip()),
"image_tag": bot.image_tag,
"docker_status": bot.docker_status,
"current_state": bot.current_state,
"last_action": bot.last_action,
"updated_at": bot.updated_at,
}
def _sync_workspace_channels(
session: Session,
bot_id: str,
@ -937,7 +1093,6 @@ def _sync_workspace_channels(
"storage_gb": _safe_int(snapshot.get("storage_gb"), 10),
"send_progress": bool(snapshot.get("send_progress")),
"send_tool_hints": bool(snapshot.get("send_tool_hints")),
"tools_config_json": json.dumps(_normalize_tools_config(snapshot.get("tools_config")), ensure_ascii=False),
}
if isinstance(runtime_overrides, dict):
for key, value in runtime_overrides.items():
@ -950,9 +1105,6 @@ def _sync_workspace_channels(
bot_data["cpu_cores"] = resources["cpu_cores"]
bot_data["memory_mb"] = resources["memory_mb"]
bot_data["storage_gb"] = resources["storage_gb"]
if "tools_config" in bot_data:
bot_data["tools_config_json"] = json.dumps(_normalize_tools_config(bot_data.get("tools_config")), ensure_ascii=False)
send_progress = bool(bot_data.get("send_progress", False))
send_tool_hints = bool(bot_data.get("send_tool_hints", False))
if isinstance(global_delivery_override, dict):
@ -1285,8 +1437,16 @@ def _list_workspace_dir(path: str, root: str) -> List[Dict[str, Any]]:
@app.get("/api/images", response_model=List[NanobotImage])
def list_images(session: Session = Depends(get_session)):
cached = cache.get_json(_cache_key_images())
if isinstance(cached, list) and all(isinstance(row, dict) for row in cached):
return cached
if isinstance(cached, list):
_invalidate_images_cache()
reconcile_image_registry(session)
return session.exec(select(NanobotImage)).all()
rows = session.exec(select(NanobotImage)).all()
payload = [row.model_dump() for row in rows]
cache.set_json(_cache_key_images(), payload, ttl=60)
return payload
@app.delete("/api/images/{tag:path}")
@ -1302,6 +1462,7 @@ def delete_image(tag: str, session: Session = Depends(get_session)):
session.delete(image)
session.commit()
_invalidate_images_cache()
return {"status": "deleted"}
@ -1345,6 +1506,7 @@ def register_image(payload: dict, session: Session = Depends(get_session)):
session.add(row)
session.commit()
session.refresh(row)
_invalidate_images_cache()
return row
@ -1458,17 +1620,20 @@ def create_bot(payload: BotCreateRequest, session: Session = Depends(get_session
"user_md": payload.user_md or DEFAULT_USER_MD,
"tools_md": payload.tools_md or DEFAULT_TOOLS_MD,
"identity_md": payload.identity_md or DEFAULT_IDENTITY_MD,
"tools_config_json": json.dumps(_normalize_tools_config(payload.tools_config), ensure_ascii=False),
"send_progress": bool(payload.send_progress) if payload.send_progress is not None else False,
"send_tool_hints": bool(payload.send_tool_hints) if payload.send_tool_hints is not None else False,
},
)
session.refresh(bot)
_invalidate_bot_detail_cache(payload.id)
return _serialize_bot(bot)
@app.get("/api/bots")
def list_bots(session: Session = Depends(get_session)):
cached = cache.get_json(_cache_key_bots_list())
if isinstance(cached, list):
return cached
bots = session.exec(select(BotInstance)).all()
dirty = False
for bot in bots:
@ -1483,7 +1648,22 @@ def list_bots(session: Session = Depends(get_session)):
session.commit()
for bot in bots:
session.refresh(bot)
return [_serialize_bot(bot) for bot in bots]
rows = [_serialize_bot_list_item(bot) for bot in bots]
cache.set_json(_cache_key_bots_list(), rows, ttl=30)
return rows
@app.get("/api/bots/{bot_id}")
def get_bot_detail(bot_id: str, session: Session = Depends(get_session)):
cached = cache.get_json(_cache_key_bot_detail(bot_id))
if isinstance(cached, dict):
return cached
bot = session.get(BotInstance, bot_id)
if not bot:
raise HTTPException(status_code=404, detail="Bot not found")
row = _serialize_bot(bot)
cache.set_json(_cache_key_bot_detail(bot_id), row, ttl=30)
return row
@app.get("/api/bots/{bot_id}/resources")
@ -1550,9 +1730,7 @@ def update_bot(bot_id: str, payload: BotUpdateRequest, session: Session = Depend
env_params = update_data.pop("env_params", None) if isinstance(update_data, dict) else None
runtime_overrides: Dict[str, Any] = {}
tools_config = update_data.pop("tools_config", None) if isinstance(update_data, dict) else None
if tools_config is not None:
runtime_overrides["tools_config_json"] = json.dumps(_normalize_tools_config(tools_config), ensure_ascii=False)
update_data.pop("tools_config", None) if isinstance(update_data, dict) else None
runtime_fields = {
"llm_provider",
@ -1615,6 +1793,7 @@ def update_bot(bot_id: str, payload: BotUpdateRequest, session: Session = Depend
global_delivery_override=global_delivery_override,
)
session.refresh(bot)
_invalidate_bot_detail_cache(bot_id)
return _serialize_bot(bot)
@ -1647,12 +1826,14 @@ async def start_bot(bot_id: str, session: Session = Depends(get_session)):
if actual_status != "RUNNING":
session.add(bot)
session.commit()
_invalidate_bot_detail_cache(bot_id)
raise HTTPException(
status_code=500,
detail="Bot container failed shortly after startup. Check bot logs/config.",
)
session.add(bot)
session.commit()
_invalidate_bot_detail_cache(bot_id)
return {"status": "started"}
@ -1666,6 +1847,7 @@ def stop_bot(bot_id: str, session: Session = Depends(get_session)):
bot.docker_status = "STOPPED"
session.add(bot)
session.commit()
_invalidate_bot_detail_cache(bot_id)
return {"status": "stopped"}
@ -1679,6 +1861,7 @@ def deactivate_bot(bot_id: str, session: Session = Depends(get_session)):
bot.docker_status = "STOPPED"
session.add(bot)
session.commit()
_invalidate_bot_detail_cache(bot_id)
return {"status": "deactivated"}
@ -1702,6 +1885,8 @@ def delete_bot(bot_id: str, delete_workspace: bool = True, session: Session = De
if os.path.isdir(workspace_root):
shutil.rmtree(workspace_root, ignore_errors=True)
_invalidate_bot_detail_cache(bot_id)
_invalidate_bot_messages_cache(bot_id)
return {"status": "deleted", "workspace_deleted": bool(delete_workspace)}
@ -1763,6 +1948,7 @@ def update_bot_env_params(bot_id: str, payload: BotEnvParamsUpdateRequest, sessi
raise HTTPException(status_code=404, detail="Bot not found")
normalized = _normalize_env_params(payload.env_params)
_write_env_store(bot_id, normalized)
_invalidate_bot_detail_cache(bot_id)
return {
"status": "updated",
"bot_id": bot_id,
@ -1940,6 +2126,7 @@ def create_bot_channel(bot_id: str, payload: ChannelConfigRequest, session: Sess
channels_cfg[ctype] = _channel_api_to_cfg(new_row)
_write_bot_config(bot_id, config_data)
_sync_workspace_channels(session, bot_id)
_invalidate_bot_detail_cache(bot_id)
return new_row
@ -2010,6 +2197,7 @@ def update_bot_channel(
_write_bot_config(bot_id, config_data)
session.commit()
_sync_workspace_channels(session, bot_id)
_invalidate_bot_detail_cache(bot_id)
return row
@ -2036,6 +2224,7 @@ def delete_bot_channel(bot_id: str, channel_id: str, session: Session = Depends(
_write_bot_config(bot_id, config_data)
session.commit()
_sync_workspace_channels(session, bot_id)
_invalidate_bot_detail_cache(bot_id)
return {"status": "deleted"}
@ -2152,6 +2341,9 @@ def list_bot_messages(bot_id: str, limit: int = 200, session: Session = Depends(
raise HTTPException(status_code=404, detail="Bot not found")
safe_limit = max(1, min(int(limit), 500))
cached = cache.get_json(_cache_key_bot_messages(bot_id, safe_limit))
if isinstance(cached, list):
return cached
rows = session.exec(
select(BotMessage)
.where(BotMessage.bot_id == bot_id)
@ -2159,7 +2351,7 @@ def list_bot_messages(bot_id: str, limit: int = 200, session: Session = Depends(
.limit(safe_limit)
).all()
ordered = list(reversed(rows))
return [
payload = [
{
"id": row.id,
"bot_id": row.bot_id,
@ -2171,6 +2363,8 @@ def list_bot_messages(bot_id: str, limit: int = 200, session: Session = Depends(
}
for row in ordered
]
cache.set_json(_cache_key_bot_messages(bot_id, safe_limit), payload, ttl=30)
return payload
@app.put("/api/bots/{bot_id}/messages/{message_id}/feedback")
@ -2201,6 +2395,7 @@ def update_bot_message_feedback(
session.add(row)
session.commit()
_invalidate_bot_messages_cache(bot_id)
return {
"status": "updated",
"bot_id": bot_id,
@ -2233,6 +2428,8 @@ def clear_bot_messages(bot_id: str, session: Session = Depends(get_session)):
bot.updated_at = datetime.utcnow()
session.add(bot)
session.commit()
_invalidate_bot_detail_cache(bot_id)
_invalidate_bot_messages_cache(bot_id)
return {"bot_id": bot_id, "deleted": deleted, "cleared_sessions": cleared_sessions}
@ -2482,6 +2679,17 @@ async def upload_workspace_files(
@app.websocket("/ws/monitor/{bot_id}")
async def websocket_endpoint(websocket: WebSocket, bot_id: str):
panel_error = _validate_panel_access_password(
str(
websocket.headers.get(PANEL_ACCESS_PASSWORD_HEADER)
or websocket.query_params.get("panel_access_password")
or ""
).strip()
)
if panel_error:
await websocket.close(code=4401, reason=panel_error)
return
with Session(engine) as session:
bot = session.get(BotInstance, bot_id)
if not bot:

View File

@ -3,7 +3,7 @@ uvicorn==0.27.1
docker==7.0.0
sqlmodel==0.0.16
pydantic==2.6.3
psycopg[binary]==3.2.1
psycopg[binary]==3.2.13
pymysql==1.1.1
python-dotenv==1.0.1
httpx==0.27.0
@ -14,3 +14,4 @@ jinja2==3.1.3
watchfiles==0.21.0
urllib3==1.26.18
requests==2.31.0
redis==5.0.8

View File

@ -0,0 +1,85 @@
# Dashboard Nanobot v0.1.4 升级日志(相对 v0.1.3
## 1. 架构与运行模式
- Bot 运行模式从 `agent` 调整为 `gateway`Dashboard 作为标准渠道接入总线。
- 镜像管理策略调整为“手工构建 + 面板登记”,移除面板内自动构建镜像的主路径。
- Bot 配置源统一为 workspace 下文件:
- `.nanobot/config.json`
- `.nanobot/workspace/*.md`
- `.nanobot/env.json`
- `.nanobot/resources.json`
## 2. 数据层升级
- 新增 `PostgreSQL` 主库支持(推荐 `pg17`)。
- 新增 `Redis` 缓存层(可开关):
- `bots:list`
- `bot:detail:{bot_id}`
- `bot:messages:{bot_id}:limit:{n}`
- `images:list`
- 提供 SQLite -> 主库自动迁移入口(启动时可配置开启/关闭)。
- `botmessage` 增加消息反馈字段:
- `feedback`up/down
- `feedback_at`
- 清理历史遗留表与字段:
- 废弃并移除 `channelroute`
- 废弃技能注册表(改为 workspace 文件系统)
- 清理 `botinstance` 中历史冗余配置列(配置以文件为准)
## 3. 渠道与消息总线
- Dashboard 渠道内建、不可删除,支持参数:
- `sendProgress`
- `sendToolHints`
- 多渠道配置保持与配置文件一致,支持新增/编辑/删除可选渠道(飞书/QQ/钉钉/Telegram/Slack
- 对话区与状态区职责分离:
- 对话区仅展示 Dashboard 渠道消息(用户+最终回复)
- 运行状态面板展示全渠道状态与执行态
## 4. 对话与交互体验
- 对话区改为标准 LLM 聊天气泡:
- 用户右侧Bot 左侧
- 支持长文本换行、折叠/展开“更多”
- 输入能力增强:
- 回车发送,`Shift+Enter` 换行
- 附件上传、引用回复、复制消息
- 发送中按钮可切换为“中断”
- Bot 回复支持反馈闭环:
- 点赞/点踩(可取消、可再次点击)
## 5. Workspace 与文件系统
- Workspace 浏览改为标准文件操作模式:
- 双击进入目录
- 支持返回上级
- 文件信息悬浮卡统一
- 文件能力升级:
- Markdown 渲染预览
- HTML/HTM 直接预览 + 复制地址
- PDF 改为直接下载
- 其他二进制按下载处理
- 支持上传附件到 workspace并用于对话消息发送。
## 6. Bot 运维与资源管理
- 支持 Bot 生命周期操作:
- 启动 / 停止 / 重启 / 删除
- 资源配额支持:
- CPU 核数、内存、存储
- `0` 表示不限制
- 资源监控面板:
- 配置配额
- Docker 实际限制
- 实时使用指标CPU/内存/网络/块设备/进程)
## 7. 安全能力
- 新增面板访问密码(全局):
- 未配置则免登录
- 配置后需先登录,再访问 API/WS
- 保留 Bot 级访问密码能力(按 Bot 控制)。
## 8. 环境配置与部署
- 后端新增 `.env` 参数体系(数据库/缓存/默认模板/上传限制/访问密码等)。
- 前端支持通过环境变量配置后端地址与 API 前缀。
- 提供生产环境变量模板:`.env.prod.example`。
## 9. 兼容性与注意事项
- v0.1.4 建议重启后端后再重启 Bot使新配置完全生效。
- 工具类密钥(如 Web Search API改为环境变量管理不再由向导写入工具配置。
- 若从 SQLite 迁移到 PostgreSQL建议首次启动观察日志确认迁移与序列对齐完成。

View File

@ -172,6 +172,65 @@ body {
height: 100%;
}
.app-login-shell {
min-height: calc(100vh - 36px);
display: flex;
align-items: center;
justify-content: center;
}
.app-login-card {
width: min(420px, calc(100vw - 32px));
background: var(--panel);
border: 1px solid var(--line);
border-radius: 22px;
box-shadow: var(--shadow);
padding: 28px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 12px;
}
.app-login-card h1 {
margin: 0;
font-size: 22px;
font-weight: 800;
color: var(--title);
}
.app-login-card p {
margin: 0;
color: var(--subtitle);
font-size: 14px;
line-height: 1.6;
}
.app-login-icon {
width: 34px;
height: 34px;
object-fit: contain;
}
.app-login-form {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 6px;
}
.app-login-error {
color: var(--err);
font-size: 13px;
font-weight: 700;
}
.app-login-submit {
width: 100%;
height: 42px;
justify-content: center;
}
.panel {
background: var(--panel);
border: 1px solid var(--line);

View File

@ -1,9 +1,9 @@
import { useEffect, useMemo, useState } from 'react';
import { useEffect, useMemo, useState, type ReactElement } from 'react';
import axios from 'axios';
import { MoonStar, SunMedium, X } from 'lucide-react';
import {
useAppStore,
} from './store/appStore';
import { useAppStore } from './store/appStore';
import { useBotsSync } from './hooks/useBotsSync';
import { APP_ENDPOINTS } from './config/env';
import { ImageFactoryModule } from './modules/images/ImageFactoryModule';
import { BotWizardModule } from './modules/onboarding/BotWizardModule';
import { BotDashboardModule } from './modules/dashboard/BotDashboardModule';
@ -12,36 +12,24 @@ import { appZhCn } from './i18n/app.zh-cn';
import { appEn } from './i18n/app.en';
import { LucentIconButton } from './components/lucent/LucentIconButton';
import { LucentTooltip } from './components/lucent/LucentTooltip';
import { clearPanelAccessPassword, getPanelAccessPassword, setPanelAccessPassword } from './utils/panelAccess';
import './App.css';
function App() {
function AuthenticatedApp({
forcedBotId,
compactMode,
}: {
forcedBotId?: string;
compactMode: boolean;
}) {
const { theme, setTheme, locale, setLocale, activeBots } = useAppStore();
const [showImageFactory, setShowImageFactory] = useState(false);
const [showCreateWizard, setShowCreateWizard] = useState(false);
useBotsSync();
const t = pickLocale(locale, { 'zh-cn': appZhCn, en: appEn });
const urlView = useMemo(() => {
const params = new URLSearchParams(window.location.search);
const pathMatch = window.location.pathname.match(/^\/bot\/([^/?#]+)/i);
let forcedBotIdFromPath = '';
if (pathMatch?.[1]) {
try {
forcedBotIdFromPath = decodeURIComponent(pathMatch[1]).trim();
} catch {
forcedBotIdFromPath = String(pathMatch[1]).trim();
}
}
const forcedBotIdFromQuery =
(params.get('botId') || params.get('bot_id') || params.get('id') || '').trim();
const forcedBotId = forcedBotIdFromPath || forcedBotIdFromQuery;
const compactRaw = (params.get('compact') || params.get('h5') || params.get('mobile') || '').trim().toLowerCase();
const compactByFlag = ['1', 'true', 'yes', 'on'].includes(compactRaw);
const compactMode = compactByFlag || forcedBotId.length > 0;
return { forcedBotId, compactMode };
}, []);
useEffect(() => {
const forced = urlView.forcedBotId;
const forced = String(forcedBotId || '').trim();
if (!forced) {
document.title = t.title;
return;
@ -49,10 +37,10 @@ function App() {
const bot = activeBots[forced];
const botName = String(bot?.name || '').trim();
document.title = botName ? `${t.title} - ${botName}` : `${t.title} - ${forced}`;
}, [activeBots, t.title, urlView.forcedBotId]);
}, [activeBots, t.title, forcedBotId]);
return (
<div className={`app-shell ${urlView.compactMode ? 'app-shell-compact' : ''}`} data-theme={theme}>
<div className={`app-shell ${compactMode ? 'app-shell-compact' : ''}`} data-theme={theme}>
<div className="app-frame">
<header className="app-header">
<div className="row-between app-header-top">
@ -113,13 +101,13 @@ function App() {
<BotDashboardModule
onOpenCreateWizard={() => setShowCreateWizard(true)}
onOpenImageFactory={() => setShowImageFactory(true)}
forcedBotId={urlView.forcedBotId || undefined}
compactMode={urlView.compactMode}
forcedBotId={forcedBotId || undefined}
compactMode={compactMode}
/>
</main>
</div>
{!urlView.compactMode && showImageFactory && (
{!compactMode && showImageFactory && (
<div className="modal-mask app-modal-mask" onClick={() => setShowImageFactory(false)}>
<div className="modal-card app-modal-card" onClick={(e) => e.stopPropagation()}>
<div className="modal-title-row modal-title-with-close">
@ -139,7 +127,7 @@ function App() {
</div>
)}
{!urlView.compactMode && showCreateWizard && (
{!compactMode && showCreateWizard && (
<div className="modal-mask app-modal-mask" onClick={() => setShowCreateWizard(false)}>
<div className="modal-card app-modal-card" onClick={(e) => e.stopPropagation()}>
<div className="modal-title-row modal-title-with-close">
@ -167,4 +155,152 @@ function App() {
);
}
function PanelLoginGate({
children,
}: {
children: (props: { forcedBotId?: string; compactMode: boolean }) => ReactElement;
}) {
const { theme, locale } = useAppStore();
const t = pickLocale(locale, { 'zh-cn': appZhCn, en: appEn });
const urlView = useMemo(() => {
const params = new URLSearchParams(window.location.search);
const pathMatch = window.location.pathname.match(/^\/bot\/([^/?#]+)/i);
let forcedBotIdFromPath = '';
if (pathMatch?.[1]) {
try {
forcedBotIdFromPath = decodeURIComponent(pathMatch[1]).trim();
} catch {
forcedBotIdFromPath = String(pathMatch[1]).trim();
}
}
const forcedBotIdFromQuery =
(params.get('botId') || params.get('bot_id') || params.get('id') || '').trim();
const forcedBotId = forcedBotIdFromPath || forcedBotIdFromQuery;
const compactRaw = (params.get('compact') || params.get('h5') || params.get('mobile') || '').trim().toLowerCase();
const compactByFlag = ['1', 'true', 'yes', 'on'].includes(compactRaw);
const compactMode = compactByFlag || forcedBotId.length > 0;
return { forcedBotId, compactMode };
}, []);
const [checking, setChecking] = useState(true);
const [required, setRequired] = useState(false);
const [authenticated, setAuthenticated] = useState(false);
const [password, setPassword] = useState('');
const [error, setError] = useState('');
const [submitting, setSubmitting] = useState(false);
useEffect(() => {
let alive = true;
const boot = async () => {
try {
const status = await axios.get<{ enabled: boolean }>(`${APP_ENDPOINTS.apiBase}/panel/auth/status`);
if (!alive) return;
const enabled = Boolean(status.data?.enabled);
if (!enabled) {
setRequired(false);
setAuthenticated(true);
setChecking(false);
return;
}
setRequired(true);
const stored = getPanelAccessPassword();
if (!stored) {
setChecking(false);
return;
}
try {
await axios.post(`${APP_ENDPOINTS.apiBase}/panel/auth/login`, { password: stored });
if (!alive) return;
setAuthenticated(true);
} catch {
clearPanelAccessPassword();
if (!alive) return;
setError(locale === 'zh' ? '面板访问密码错误,请重新输入。' : 'Invalid panel access password. Please try again.');
} finally {
if (alive) setChecking(false);
}
} catch {
if (!alive) return;
setRequired(false);
setAuthenticated(true);
setChecking(false);
}
};
void boot();
return () => {
alive = false;
};
}, [locale]);
const onSubmit = async () => {
const next = String(password || '').trim();
if (!next) {
setError(locale === 'zh' ? '请输入面板访问密码。' : 'Enter the panel access password.');
return;
}
setSubmitting(true);
setError('');
try {
await axios.post(`${APP_ENDPOINTS.apiBase}/panel/auth/login`, { password: next });
setPanelAccessPassword(next);
setAuthenticated(true);
} catch {
clearPanelAccessPassword();
setError(locale === 'zh' ? '面板访问密码错误。' : 'Invalid panel access password.');
} finally {
setSubmitting(false);
}
};
if (checking) {
return (
<div className="app-shell" data-theme={theme}>
<div className="app-login-shell">
<div className="app-login-card">
<img src="/app-bot-icon.svg" alt="Nanobot" className="app-login-icon" />
<h1>{t.title}</h1>
<p>{locale === 'zh' ? '正在校验面板访问权限...' : 'Checking panel access...'}</p>
</div>
</div>
</div>
);
}
if (required && !authenticated) {
return (
<div className="app-shell" data-theme={theme}>
<div className="app-login-shell">
<div className="app-login-card">
<img src="/app-bot-icon.svg" alt="Nanobot" className="app-login-icon" />
<h1>{t.title}</h1>
<p>{locale === 'zh' ? '请输入面板访问密码后继续。' : 'Enter the panel access password to continue.'}</p>
<div className="app-login-form">
<input
className="input"
type="password"
value={password}
onChange={(event) => setPassword(event.target.value)}
onKeyDown={(event) => {
if (event.key === 'Enter') void onSubmit();
}}
placeholder={locale === 'zh' ? '面板访问密码' : 'Panel access password'}
/>
{error ? <div className="app-login-error">{error}</div> : null}
<button className="btn btn-primary app-login-submit" onClick={() => void onSubmit()} disabled={submitting}>
{submitting ? (locale === 'zh' ? '登录中...' : 'Signing in...') : (locale === 'zh' ? '登录' : 'Sign In')}
</button>
</div>
</div>
</div>
</div>
);
}
return children(urlView);
}
function App() {
return <PanelLoginGate>{(urlView) => <AuthenticatedApp {...urlView} />}</PanelLoginGate>;
}
export default App;

View File

@ -288,7 +288,8 @@ export function useBotsSync() {
}
if (data.type === 'USER_COMMAND') {
if (!isDashboardChannel) return;
const text = normalizeUserMessageText(String(data.text || payload.text || payload.command || ''));
const rawText = String(data.text || payload.text || payload.command || '');
const text = normalizeUserMessageText(rawText);
const attachments = normalizeMedia(data.media || payload.media);
const messageId = normalizeMessageId(data.message_id || payload.message_id);
if (!text && attachments.length === 0) return;
@ -296,7 +297,7 @@ export function useBotsSync() {
const prev = lastUserEchoRef.current[bot.id];
if (prev && prev.text === text && now - prev.ts < 10000 && attachments.length === 0) return;
lastUserEchoRef.current[bot.id] = { text, ts: now };
addBotMessage(bot.id, { id: messageId, role: 'user', text, attachments, ts: now, kind: 'final' });
addBotMessage(bot.id, { id: messageId, role: 'user', text: rawText, attachments, ts: now, kind: 'final' });
return;
}
if (data.type === 'RAW_LOG') {

View File

@ -18,6 +18,7 @@ export const dashboardEn = {
uploadFile: 'Upload file',
uploadingFile: 'Uploading...',
uploadFail: 'File upload failed.',
attachmentAdded: (count: number) => `${count} attachment(s) added.`,
uploadTooLarge: (files: string, limitMb: number) => `These files exceed the upload limit (${limitMb}MB): ${files}`,
attachmentMessage: '[attachment message]',
removeAttachment: 'Remove attachment',
@ -27,10 +28,15 @@ export const dashboardEn = {
copyReply: 'Copy reply',
copyReplyDone: 'Reply copied.',
copyReplyFail: 'Failed to copy reply.',
quoteReply: 'Quote reply',
quotedReplyLabel: 'Quoted reply',
clearQuote: 'Clear quote',
quoteOnlyMessage: '[quoted reply]',
goodReply: 'Good reply',
badReply: 'Bad reply',
feedbackUpSaved: 'Marked as good reply.',
feedbackDownSaved: 'Marked as bad reply.',
feedbackCleared: 'Feedback removed.',
feedbackSaveFail: 'Failed to save feedback.',
feedbackMessagePending: 'Message is not synced yet. Please retry in a moment.',
sendFailMsg: (msg: string) => `Command delivery failed: ${msg}`,
@ -43,11 +49,18 @@ export const dashboardEn = {
deleteBotDone: 'Bot and workspace deleted.',
deleteFail: 'Delete failed.',
titleBots: 'Bots',
botSearchPlaceholder: 'Search by bot name or ID',
botSearchNoResult: 'No matching bots.',
paginationPrev: 'Prev',
paginationNext: 'Next',
paginationPage: (current: number, total: number) => `${current} / ${total}`,
newBot: 'New Bot',
manageImages: 'Image Manager',
image: 'Image',
stop: 'Stop',
start: 'Start',
restart: 'Restart Bot',
restartFail: 'Restart failed. Check backend logs.',
delete: 'Delete',
noConversation: 'No conversation yet. Send a command and bot replies will appear here.',
clearHistory: 'Clear history',
@ -62,6 +75,8 @@ export const dashboardEn = {
disabledPlaceholder: 'Bot is not running. Command input is disabled.',
sending: 'Sending...',
send: 'Send',
interrupt: 'Interrupt',
interruptSent: 'Interrupt command sent.',
botStarting: 'Bot is starting...',
botStopping: 'Bot is stopping...',
chatDisabled: 'Bot is stopped. Chat area is disabled.',

View File

@ -18,6 +18,7 @@ export const dashboardZhCn = {
uploadFile: '上传文件',
uploadingFile: '上传中...',
uploadFail: '文件上传失败。',
attachmentAdded: (count: number) => `已添加 ${count} 个附件。`,
uploadTooLarge: (files: string, limitMb: number) => `以下文件超过上传上限 ${limitMb}MB${files}`,
attachmentMessage: '[附件消息]',
removeAttachment: '移除附件',
@ -27,10 +28,15 @@ export const dashboardZhCn = {
copyReply: '复制回复',
copyReplyDone: '回复已复制。',
copyReplyFail: '复制回复失败。',
quoteReply: '引用回复',
quotedReplyLabel: '已引用回复',
clearQuote: '取消引用',
quoteOnlyMessage: '[引用回复]',
goodReply: '好回复',
badReply: '坏回复',
feedbackUpSaved: '已标记为好回复。',
feedbackDownSaved: '已标记为坏回复。',
feedbackCleared: '反馈已取消。',
feedbackSaveFail: '反馈保存失败。',
feedbackMessagePending: '消息尚未同步,暂不可反馈。',
sendFailMsg: (msg: string) => `指令发送失败:${msg}`,
@ -43,11 +49,18 @@ export const dashboardZhCn = {
deleteBotDone: 'Bot 与 workspace 已删除。',
deleteFail: '删除失败。',
titleBots: 'Bot 列表',
botSearchPlaceholder: '按 Bot 名称或 ID 搜索',
botSearchNoResult: '没有匹配的 Bot。',
paginationPrev: '上一页',
paginationNext: '下一页',
paginationPage: (current: number, total: number) => `${current} / ${total}`,
newBot: '新建机器人',
manageImages: '镜像管理',
image: '镜像',
stop: '停止',
start: '启动',
restart: '重启 Bot',
restartFail: '重启失败,请查看后端日志。',
delete: '删除',
noConversation: '暂无对话消息。请先发送指令Bot 回复会在这里按标准会话格式展示。',
clearHistory: '清空对话',
@ -62,6 +75,8 @@ export const dashboardZhCn = {
disabledPlaceholder: 'Bot 未运行,无法发送指令。',
sending: '发送中...',
send: '发送',
interrupt: '中断',
interruptSent: '已发送中断指令。',
botStarting: 'Bot 正在启动中...',
botStopping: 'Bot 正在停止中...',
chatDisabled: 'Bot 已停止,对话区已禁用。',

View File

@ -4,7 +4,9 @@ import './index.css'
import App from './App.tsx'
import { LucentPromptProvider } from './components/lucent/LucentPromptProvider.tsx'
import { setupBotAccessAuth } from './utils/botAccess.ts'
import { setupPanelAccessAuth } from './utils/panelAccess.ts'
setupPanelAccessAuth();
setupBotAccessAuth();
createRoot(document.getElementById('root')!).render(

View File

@ -30,6 +30,36 @@
gap: 8px;
}
.ops-bot-list-toolbar {
margin-top: 8px;
}
.ops-bot-list-empty {
border: 1px dashed var(--line);
border-radius: 10px;
background: var(--panel-soft);
color: var(--subtitle);
text-align: center;
padding: 14px 10px;
font-size: 12px;
font-weight: 700;
}
.ops-bot-list-pagination {
margin-top: 8px;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 8px;
}
.ops-bot-list-page-indicator {
text-align: center;
font-size: 12px;
color: var(--subtitle);
font-weight: 700;
}
.ops-bot-card {
position: relative;
border: 1px solid var(--line);
@ -114,6 +144,43 @@
stroke-width: 2.1;
}
.ops-bot-top-actions {
display: inline-flex;
align-items: center;
gap: 8px;
}
.ops-bot-name-row {
display: inline-flex;
align-items: center;
gap: 6px;
}
.ops-bot-open-inline {
width: 16px;
height: 16px;
min-width: 16px;
padding: 0;
border: 0;
background: transparent;
color: var(--text-soft);
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 0.72;
}
.ops-bot-open-inline:hover {
color: var(--brand);
opacity: 1;
}
.ops-bot-open-inline svg {
width: 11px;
height: 11px;
stroke-width: 2.25;
}
.ops-bot-actions .ops-bot-action-monitor {
background: color-mix(in oklab, var(--panel-soft) 75%, var(--brand-soft) 25%);
border-color: color-mix(in oklab, var(--brand) 44%, var(--line) 56%);
@ -258,7 +325,7 @@
position: relative;
min-height: 0;
display: grid;
grid-template-rows: 1fr auto;
grid-template-rows: minmax(0, 1fr) auto auto;
gap: 10px;
}
@ -329,7 +396,7 @@
}
.ops-chat-scroll {
min-height: 440px;
min-height: 300px;
max-height: 68vh;
overflow: auto;
border: 1px solid var(--line);
@ -344,6 +411,33 @@
margin-bottom: 12px;
}
.ops-chat-date-divider {
display: flex;
align-items: center;
gap: 10px;
margin: 6px 0 14px;
color: var(--subtitle);
font-size: 12px;
font-weight: 700;
}
.ops-chat-date-divider::before,
.ops-chat-date-divider::after {
content: '';
flex: 1 1 auto;
height: 1px;
background: color-mix(in oklab, var(--line) 82%, transparent);
}
.ops-chat-date-divider > span {
flex: 0 0 auto;
padding: 2px 8px;
border: 1px solid color-mix(in oklab, var(--line) 80%, transparent);
border-radius: 999px;
background: color-mix(in oklab, var(--panel) 72%, var(--panel-soft) 28%);
color: var(--muted);
}
.ops-chat-item {
display: flex;
align-items: flex-end;
@ -689,11 +783,61 @@
background: var(--panel-soft);
padding: 10px;
display: grid;
grid-template-columns: 1fr auto auto;
grid-template-columns: 1fr auto auto auto;
gap: 10px;
align-items: flex-end;
}
.ops-chat-top-context {
width: 100%;
min-width: 0;
margin: 0;
max-height: 120px;
overflow: auto;
padding: 6px 10px;
border: 1px solid var(--line);
border-radius: 12px;
background: var(--panel-soft);
}
.ops-chat-dock {
display: grid;
gap: 8px;
min-height: 0;
}
.ops-composer-quote {
grid-column: 1 / -1;
border: 1px solid color-mix(in oklab, var(--brand) 42%, var(--line) 58%);
border-radius: 10px;
padding: 8px 10px;
background: color-mix(in oklab, var(--brand-soft) 34%, var(--panel) 66%);
min-width: 0;
}
.ops-composer-quote-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 6px;
font-size: 12px;
font-weight: 700;
color: var(--title);
}
.ops-composer-quote-text {
font-size: 12px;
line-height: 1.45;
color: var(--text);
white-space: nowrap;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.ops-composer-input {
min-height: 78px;
resize: none;
@ -708,6 +852,43 @@
gap: 8px;
}
.ops-send-toggle-interrupt {
border-color: color-mix(in oklab, #d14b4b 58%, var(--line) 42%);
background: color-mix(in oklab, #d14b4b 12%, var(--panel-soft) 88%);
color: #9b3030;
}
.ops-send-toggle-interrupt:disabled {
opacity: 0.55;
}
.ops-user-quoted-reply {
margin-bottom: 8px;
border-left: 3px solid color-mix(in oklab, var(--brand) 55%, var(--line) 45%);
border-radius: 8px;
background: color-mix(in oklab, var(--panel) 84%, var(--brand-soft) 16%);
padding: 6px 8px;
}
.ops-user-quoted-label {
font-size: 11px;
font-weight: 700;
color: var(--subtitle);
margin-bottom: 4px;
}
.ops-user-quoted-text {
font-size: 12px;
line-height: 1.4;
color: var(--text-soft);
white-space: nowrap;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.ops-upload-progress {
margin-top: 8px;
display: grid;
@ -755,8 +936,8 @@
max-width: 100%;
border: 1px solid var(--line);
border-radius: 999px;
padding: 4px 8px;
font-size: 12px;
padding: 6px 12px;
font-size: 13px;
color: var(--text);
background: color-mix(in oklab, var(--panel-soft) 78%, transparent);
}
@ -768,12 +949,29 @@
}
.ops-chip-remove {
width: 18px;
height: 18px;
min-width: 18px;
min-height: 18px;
width: 34px;
height: 34px;
min-width: 34px;
min-height: 34px;
border-radius: 999px;
color: var(--muted);
border: 1px solid color-mix(in oklab, var(--brand) 28%, var(--line) 72%);
background: color-mix(in oklab, var(--panel) 92%, #f5f8ff 8%);
color: color-mix(in oklab, var(--text) 86%, #4b668f 14%);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
}
.ops-chip-remove:hover {
border-color: color-mix(in oklab, var(--brand) 46%, var(--line) 54%);
background: color-mix(in oklab, var(--panel) 80%, var(--brand-soft) 20%);
}
.ops-chip-remove svg {
width: 16px;
height: 16px;
stroke-width: 2.2;
}
.ops-runtime-panel {

View File

@ -1,6 +1,6 @@
import { useEffect, useMemo, useRef, useState, type AnchorHTMLAttributes, type ChangeEvent, type KeyboardEvent, type ReactNode } from 'react';
import axios from 'axios';
import { Activity, Boxes, Check, Clock3, Copy, Download, EllipsisVertical, Eye, EyeOff, FileText, FolderOpen, Gauge, Hammer, Maximize2, MessageSquareText, Minimize2, Paperclip, Plus, Power, PowerOff, RefreshCw, Repeat2, Save, Settings2, SlidersHorizontal, Square, ThumbsDown, ThumbsUp, TriangleAlert, Trash2, UserRound, Waypoints, X } from 'lucide-react';
import { Activity, Boxes, Check, ChevronLeft, ChevronRight, Clock3, Copy, Download, EllipsisVertical, ExternalLink, Eye, EyeOff, FileText, FolderOpen, Gauge, Hammer, Maximize2, MessageSquareText, Minimize2, Paperclip, Plus, Power, PowerOff, RefreshCw, Repeat2, Reply, Save, Settings2, SlidersHorizontal, Square, ThumbsDown, ThumbsUp, TriangleAlert, Trash2, UserRound, Waypoints, X } from 'lucide-react';
import ReactMarkdown from 'react-markdown';
import remarkGfm from 'remark-gfm';
import rehypeRaw from 'rehype-raw';
@ -19,6 +19,7 @@ import { dashboardEn } from '../../i18n/dashboard.en';
import { useLucentPrompt } from '../../components/lucent/LucentPromptProvider';
import { LucentIconButton } from '../../components/lucent/LucentIconButton';
import { clearBotAccessPassword, getBotAccessPassword, isBotUnauthorizedError, setBotAccessPassword } from '../../utils/botAccess';
import { getPanelAccessPassword } from '../../utils/panelAccess';
interface BotDashboardModuleProps {
onOpenCreateWizard?: () => void;
@ -32,6 +33,8 @@ type WorkspaceNodeType = 'dir' | 'file';
type ChannelType = 'dashboard' | 'feishu' | 'qq' | 'dingtalk' | 'telegram' | 'slack';
type RuntimeViewMode = 'visual' | 'text';
type CompactPanelTab = 'chat' | 'runtime';
type QuotedReply = { id?: number; text: string; ts: number };
const BOT_LIST_PAGE_SIZE = 8;
interface WorkspaceNode {
name: string;
@ -262,6 +265,7 @@ const providerPresets: Record<string, { model: string; apiBase?: string; note: {
},
};
const optionalChannelTypes: ChannelType[] = ['feishu', 'qq', 'dingtalk', 'telegram', 'slack'];
const RUNTIME_STALE_MS = 45000;
function formatClock(ts: number) {
const d = new Date(ts);
@ -271,6 +275,23 @@ function formatClock(ts: number) {
return `${hh}:${mm}:${ss}`;
}
function formatConversationDate(ts: number, isZh: boolean) {
const d = new Date(ts);
try {
return d.toLocaleDateString(isZh ? 'zh-CN' : 'en-US', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
weekday: 'short',
});
} catch {
const y = d.getFullYear();
const m = String(d.getMonth() + 1).padStart(2, '0');
const day = String(d.getDate()).padStart(2, '0');
return `${y}-${m}-${day}`;
}
}
function stateLabel(s?: string) {
return (s || 'IDLE').toUpperCase();
}
@ -285,6 +306,14 @@ function normalizeRuntimeState(s?: string) {
return raw;
}
function parseBotTimestamp(raw?: string | number) {
if (typeof raw === 'number' && Number.isFinite(raw)) return raw;
const text = String(raw || '').trim();
if (!text) return 0;
const ms = Date.parse(text);
return Number.isFinite(ms) ? ms : 0;
}
function isPreviewableWorkspaceFile(node: WorkspaceNode) {
if (node.type !== 'file') return false;
const ext = (node.ext || '').toLowerCase();
@ -402,14 +431,25 @@ function isExternalHttpLink(href: string): boolean {
return /^https?:\/\//i.test(String(href || '').trim());
}
function parseQuotedReplyBlock(input: string): { quoted: string; body: string } {
const source = String(input || '');
const match = source.match(/\[Quoted Reply\]\s*([\s\S]*?)\s*\[\/Quoted Reply\]/i);
const quoted = normalizeAssistantMessageText(match?.[1] || '');
const body = source.replace(/\[Quoted Reply\][\s\S]*?\[\/Quoted Reply\]\s*/gi, '').trim();
return { quoted, body };
}
function mergeConversation(messages: ChatMessage[]) {
const merged: ChatMessage[] = [];
messages
.filter((msg) => msg.role !== 'system' && (msg.text.trim().length > 0 || (msg.attachments || []).length > 0))
.forEach((msg) => {
const cleanText = msg.role === 'user' ? normalizeUserMessageText(msg.text) : normalizeAssistantMessageText(msg.text);
const parsedUser = msg.role === 'user' ? parseQuotedReplyBlock(msg.text) : { quoted: '', body: msg.text };
const userQuoted = parsedUser.quoted;
const userBody = parsedUser.body;
const cleanText = msg.role === 'user' ? normalizeUserMessageText(userBody) : normalizeAssistantMessageText(msg.text);
const attachments = normalizeAttachmentPaths(msg.attachments).map(normalizeDashboardAttachmentPath).filter(Boolean);
if (!cleanText && attachments.length === 0) return;
if (!cleanText && attachments.length === 0 && !userQuoted) return;
const last = merged[merged.length - 1];
if (last && last.role === msg.role) {
const normalizedLast = last.role === 'user' ? normalizeUserMessageText(last.text) : normalizeAssistantMessageText(last.text);
@ -418,7 +458,8 @@ function mergeConversation(messages: ChatMessage[]) {
const currentKind = msg.kind || 'final';
const sameAttachmentSet =
JSON.stringify(normalizeAttachmentPaths(last.attachments)) === JSON.stringify(attachments);
if (lastKind === currentKind && normalizedLast === normalizedCurrent && sameAttachmentSet && Math.abs(msg.ts - last.ts) < 15000) {
const sameQuoted = normalizeAssistantMessageText(last.quoted_reply || '') === normalizeAssistantMessageText(userQuoted);
if (lastKind === currentKind && normalizedLast === normalizedCurrent && sameAttachmentSet && sameQuoted && Math.abs(msg.ts - last.ts) < 15000) {
last.ts = msg.ts;
last.id = msg.id || last.id;
if (typeof msg.feedback !== 'undefined') {
@ -427,7 +468,7 @@ function mergeConversation(messages: ChatMessage[]) {
return;
}
}
merged.push({ ...msg, text: cleanText, attachments });
merged.push({ ...msg, text: cleanText, quoted_reply: userQuoted || undefined, attachments });
});
return merged.slice(-120);
}
@ -520,6 +561,7 @@ export function BotDashboardModule({
const {
activeBots,
setBots,
mergeBot,
updateBotStatus,
locale,
addBotMessage,
@ -548,6 +590,7 @@ export function BotDashboardModule({
const [providerTestResult, setProviderTestResult] = useState('');
const [operatingBotId, setOperatingBotId] = useState<string | null>(null);
const [sendingByBot, setSendingByBot] = useState<Record<string, boolean>>({});
const [interruptingByBot, setInterruptingByBot] = useState<Record<string, boolean>>({});
const [controlStateByBot, setControlStateByBot] = useState<Record<string, 'starting' | 'stopping'>>({});
const chatBottomRef = useRef<HTMLDivElement | null>(null);
const [workspaceEntries, setWorkspaceEntries] = useState<WorkspaceNode[]>([]);
@ -560,6 +603,7 @@ export function BotDashboardModule({
const [workspacePreviewFullscreen, setWorkspacePreviewFullscreen] = useState(false);
const [workspaceAutoRefresh, setWorkspaceAutoRefresh] = useState(false);
const [pendingAttachments, setPendingAttachments] = useState<string[]>([]);
const [quotedReply, setQuotedReply] = useState<QuotedReply | null>(null);
const [isUploadingAttachments, setIsUploadingAttachments] = useState(false);
const [attachmentUploadPercent, setAttachmentUploadPercent] = useState<number | null>(null);
const filePickerRef = useRef<HTMLInputElement | null>(null);
@ -589,6 +633,8 @@ export function BotDashboardModule({
const [runtimeMenuOpen, setRuntimeMenuOpen] = useState(false);
const [compactPanelTab, setCompactPanelTab] = useState<CompactPanelTab>('chat');
const [isCompactMobile, setIsCompactMobile] = useState(false);
const [botListQuery, setBotListQuery] = useState('');
const [botListPage, setBotListPage] = useState(1);
const [expandedProgressByKey, setExpandedProgressByKey] = useState<Record<string, boolean>>({});
const [feedbackSavingByMessageId, setFeedbackSavingByMessageId] = useState<Record<number, boolean>>({});
const [showRuntimeActionModal, setShowRuntimeActionModal] = useState(false);
@ -596,9 +642,11 @@ export function BotDashboardModule({
const runtimeMenuRef = useRef<HTMLDivElement | null>(null);
const buildWorkspaceDownloadHref = (filePath: string, forceDownload: boolean = true) => {
const accessPassword = selectedBotId ? getBotAccessPassword(selectedBotId) : '';
const panelPassword = getPanelAccessPassword();
const query = [`path=${encodeURIComponent(filePath)}`];
if (forceDownload) query.push('download=1');
if (accessPassword) query.push(`access_password=${encodeURIComponent(accessPassword)}`);
if (panelPassword) query.push(`panel_access_password=${encodeURIComponent(panelPassword)}`);
return `${APP_ENDPOINTS.apiBase}/bots/${selectedBotId}/workspace/download?${query.join('&')}`;
};
const closeWorkspacePreview = () => {
@ -823,6 +871,21 @@ export function BotDashboardModule({
});
const bots = useMemo(() => Object.values(activeBots), [activeBots]);
const normalizedBotListQuery = botListQuery.trim().toLowerCase();
const filteredBots = useMemo(() => {
if (!normalizedBotListQuery) return bots;
return bots.filter((bot) => {
const id = String(bot.id || '').toLowerCase();
const name = String(bot.name || '').toLowerCase();
return id.includes(normalizedBotListQuery) || name.includes(normalizedBotListQuery);
});
}, [bots, normalizedBotListQuery]);
const botListTotalPages = Math.max(1, Math.ceil(filteredBots.length / BOT_LIST_PAGE_SIZE));
const pagedBots = useMemo(() => {
const page = Math.min(Math.max(1, botListPage), botListTotalPages);
const start = (page - 1) * BOT_LIST_PAGE_SIZE;
return filteredBots.slice(start, start + BOT_LIST_PAGE_SIZE);
}, [filteredBots, botListPage, botListTotalPages]);
const selectedBot = selectedBotId ? activeBots[selectedBotId] : undefined;
const forcedBotMissing = Boolean(forcedBotId && bots.length > 0 && !activeBots[String(forcedBotId).trim()]);
const messages = selectedBot?.messages || [];
@ -832,16 +895,36 @@ export function BotDashboardModule({
const t = pickLocale(locale, { 'zh-cn': dashboardZhCn, en: dashboardEn });
const lc = isZh ? channelsZhCn : channelsEn;
const botAccessCheckRef = useRef<Record<string, Promise<boolean> | undefined>>({});
const botPasswordResolverRef = useRef<((value: string | null) => void) | null>(null);
const [botPasswordDialog, setBotPasswordDialog] = useState<{
open: boolean;
botName: string;
invalid: boolean;
value: string;
}>({
open: false,
botName: '',
invalid: false,
value: '',
});
const promptForBotPassword = (botName: string, invalid: boolean): string | null => {
const title = invalid
? (isZh ? `访问密码错误:${botName}` : `Invalid access password: ${botName}`)
: (isZh ? `请输入访问密码:${botName}` : `Enter access password for ${botName}`);
const value = window.prompt(title, '');
if (value === null) return null;
const trimmed = String(value || '').trim();
if (!trimmed) return null;
return trimmed;
const promptForBotPassword = (botName: string, invalid: boolean): Promise<string | null> => {
setBotPasswordDialog({
open: true,
botName,
invalid,
value: '',
});
return new Promise((resolve) => {
botPasswordResolverRef.current = resolve;
});
};
const closeBotPasswordDialog = (value: string | null) => {
const resolver = botPasswordResolverRef.current;
botPasswordResolverRef.current = null;
setBotPasswordDialog((prev) => ({ ...prev, open: false, value: '' }));
if (resolver) resolver(value && String(value).trim() ? String(value).trim() : null);
};
const verifyBotPassword = async (botId: string): Promise<boolean> => {
@ -864,7 +947,7 @@ export function BotDashboardModule({
for (let attempt = 0; attempt < 3; attempt += 1) {
let password = getBotAccessPassword(normalizedBotId);
if (!password || askForNewPassword) {
const input = promptForBotPassword(botName, askForNewPassword);
const input = await promptForBotPassword(botName, askForNewPassword);
if (input === null) {
notify(isZh ? '已取消密码输入,无法访问该机器人。' : 'Password input cancelled. Bot access blocked.', {
tone: 'warning',
@ -974,19 +1057,27 @@ export function BotDashboardModule({
[...conversation].reverse().find((m) => m.role === 'assistant' && (m.kind || 'final') !== 'progress')?.ts || 0,
[conversation],
);
const botUpdatedAtTs = useMemo(() => parseBotTimestamp(selectedBot?.updated_at), [selectedBot?.updated_at]);
const latestRuntimeSignalTs = useMemo(() => {
const latestEventTs = latestEvent?.ts || 0;
return Math.max(latestEventTs, botUpdatedAtTs, lastUserTs);
}, [latestEvent?.ts, botUpdatedAtTs, lastUserTs]);
const hasFreshRuntimeSignal = useMemo(
() => latestRuntimeSignalTs > 0 && Date.now() - latestRuntimeSignalTs < RUNTIME_STALE_MS,
[latestRuntimeSignalTs],
);
const isThinking = useMemo(() => {
if (!selectedBot || selectedBot.docker_status !== 'RUNNING') return false;
if (lastUserTs <= 0) return false;
if (lastAssistantFinalTs >= lastUserTs) return false;
// Keep showing running/thinking state until a final assistant reply arrives.
return true;
}, [selectedBot, lastUserTs, lastAssistantFinalTs]);
return hasFreshRuntimeSignal;
}, [selectedBot, lastUserTs, lastAssistantFinalTs, hasFreshRuntimeSignal]);
const displayState = useMemo(() => {
if (!selectedBot) return 'IDLE';
const backendState = normalizeRuntimeState(selectedBot.current_state);
if (selectedBot.docker_status !== 'RUNNING') return backendState;
if (backendState === 'TOOL_CALL' || backendState === 'THINKING' || backendState === 'ERROR') {
if (hasFreshRuntimeSignal && (backendState === 'TOOL_CALL' || backendState === 'THINKING' || backendState === 'ERROR')) {
return backendState;
}
@ -1005,7 +1096,7 @@ export function BotDashboardModule({
if (latestEvent?.state === 'ERROR') return 'ERROR';
return 'IDLE';
}, [selectedBot, isThinking, latestEvent]);
}, [selectedBot, isThinking, latestEvent, hasFreshRuntimeSignal]);
const runtimeAction = useMemo(() => {
const action = normalizeAssistantMessageText(selectedBot?.last_action || '').trim();
if (action) return action;
@ -1061,8 +1152,17 @@ export function BotDashboardModule({
const collapsible = isProgressBubble && (hasSummary || shouldCollapseProgress(fullText));
const expanded = Boolean(expandedProgressByKey[itemKey]);
const displayText = isProgressBubble && !expanded ? summaryText : fullText;
const currentDayKey = new Date(item.ts).toDateString();
const prevDayKey = idx > 0 ? new Date(conversation[idx - 1].ts).toDateString() : '';
const showDateDivider = idx === 0 || currentDayKey !== prevDayKey;
return (
<div key={itemKey} className={`ops-chat-row ${item.role === 'user' ? 'is-user' : 'is-assistant'}`}>
<div key={itemKey}>
{showDateDivider ? (
<div className="ops-chat-date-divider" aria-label={formatConversationDate(item.ts, isZh)}>
<span>{formatConversationDate(item.ts, isZh)}</span>
</div>
) : null}
<div className={`ops-chat-row ${item.role === 'user' ? 'is-user' : 'is-assistant'}`}>
<div className={`ops-chat-item ${item.role === 'user' ? 'is-user' : 'is-assistant'}`}>
{item.role !== 'user' && (
<div className="ops-avatar bot" title="Nanobot">
@ -1107,7 +1207,15 @@ export function BotDashboardModule({
<div className={`ops-chat-text ${collapsible && !expanded ? 'is-collapsed' : ''}`}>
{item.text ? (
item.role === 'user' ? (
<>
{item.quoted_reply ? (
<div className="ops-user-quoted-reply">
<div className="ops-user-quoted-label">{t.quotedReplyLabel}</div>
<div className="ops-user-quoted-text">{normalizeAssistantMessageText(item.quoted_reply)}</div>
</div>
) : null}
<div className="whitespace-pre-wrap">{normalizeUserMessageText(item.text)}</div>
</>
) : (
<ReactMarkdown
remarkPlugins={[remarkGfm]}
@ -1168,6 +1276,14 @@ export function BotDashboardModule({
>
<ThumbsDown size={13} />
</LucentIconButton>
<LucentIconButton
className="ops-chat-inline-action"
onClick={() => quoteAssistantReply(item)}
tooltip={t.quoteReply}
aria-label={t.quoteReply}
>
<Reply size={13} />
</LucentIconButton>
<LucentIconButton
className="ops-chat-inline-action"
onClick={() => void copyAssistantReply(item.text)}
@ -1180,7 +1296,7 @@ export function BotDashboardModule({
) : null}
</div>
</div>
</div>
{item.role === 'user' && (
<div className="ops-avatar user" title={t.user}>
<UserRound size={18} />
@ -1188,7 +1304,8 @@ export function BotDashboardModule({
)}
</div>
</div>
)}),
);
}),
[
conversation,
expandedProgressByKey,
@ -1198,12 +1315,22 @@ export function BotDashboardModule({
t.badReply,
t.copyPrompt,
t.copyReply,
t.quoteReply,
t.quotedReplyLabel,
t.goodReply,
t.user,
t.you,
],
);
useEffect(() => {
setBotListPage(1);
}, [normalizedBotListQuery]);
useEffect(() => {
setBotListPage((prev) => Math.min(Math.max(prev, 1), botListTotalPages));
}, [botListTotalPages]);
useEffect(() => {
const forced = String(forcedBotId || '').trim();
if (forced) {
@ -1222,6 +1349,10 @@ export function BotDashboardModule({
chatBottomRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' });
}, [selectedBotId, conversation.length]);
useEffect(() => {
setQuotedReply(null);
}, [selectedBotId]);
useEffect(() => {
const onPointerDown = (event: MouseEvent) => {
if (!runtimeMenuRef.current) return;
@ -1243,6 +1374,23 @@ export function BotDashboardModule({
setWorkspaceHoverCard(null);
}, [selectedBotId]);
useEffect(() => {
if (!selectedBotId) return;
let alive = true;
const loadBotDetail = async () => {
try {
const res = await axios.get(`${APP_ENDPOINTS.apiBase}/bots/${selectedBotId}`);
if (alive) mergeBot(res.data);
} catch (error) {
console.error(`Failed to fetch bot detail for ${selectedBotId}`, error);
}
};
void loadBotDetail();
return () => {
alive = false;
};
}, [selectedBotId, mergeBot]);
useEffect(() => {
if (!workspaceHoverCard) return;
const close = () => setWorkspaceHoverCard(null);
@ -1852,11 +2000,39 @@ export function BotDashboardModule({
}
};
const restartBot = async (id: string, status: string) => {
const normalized = String(status || '').toUpperCase();
setOperatingBotId(id);
try {
if (normalized === 'RUNNING') {
setControlStateByBot((prev) => ({ ...prev, [id]: 'stopping' }));
await axios.post(`${APP_ENDPOINTS.apiBase}/bots/${id}/stop`);
updateBotStatus(id, 'STOPPED');
}
setControlStateByBot((prev) => ({ ...prev, [id]: 'starting' }));
await axios.post(`${APP_ENDPOINTS.apiBase}/bots/${id}/start`);
updateBotStatus(id, 'RUNNING');
await refresh();
} catch {
notify(t.restartFail, { tone: 'error' });
} finally {
setOperatingBotId(null);
setControlStateByBot((prev) => {
const next = { ...prev };
delete next[id];
return next;
});
}
};
const send = async () => {
if (!selectedBot || !canChat || isSending) return;
if (!command.trim() && pendingAttachments.length === 0) return;
if (!command.trim() && pendingAttachments.length === 0 && !quotedReply) return;
const text = normalizeUserMessageText(command);
const payloadText = text || (pendingAttachments.length > 0 ? t.attachmentMessage : '');
const quoteText = normalizeAssistantMessageText(quotedReply?.text || '');
const quoteBlock = quoteText ? `[Quoted Reply]\n${quoteText}\n[/Quoted Reply]\n` : '';
const payloadCore = text || (pendingAttachments.length > 0 ? t.attachmentMessage : '') || (quoteText ? t.quoteOnlyMessage : '');
const payloadText = `${quoteBlock}${payloadCore}`.trim();
if (!payloadText && pendingAttachments.length === 0) return;
try {
@ -1871,6 +2047,7 @@ export function BotDashboardModule({
}
setCommand('');
setPendingAttachments([]);
setQuotedReply(null);
} catch (error: any) {
const msg = error?.response?.data?.detail || error?.message || t.sendFail;
addBotMessage(selectedBot.id, {
@ -1888,6 +2065,32 @@ export function BotDashboardModule({
}
};
const interruptExecution = async () => {
if (!selectedBot || !canChat) return;
if (interruptingByBot[selectedBot.id]) return;
try {
setInterruptingByBot((prev) => ({ ...prev, [selectedBot.id]: true }));
const res = await axios.post(
`${APP_ENDPOINTS.apiBase}/bots/${selectedBot.id}/command`,
{ command: '/stop' },
{ timeout: 12000 },
);
if (!res.data?.success) {
throw new Error(t.backendDeliverFail);
}
notify(t.interruptSent, { tone: 'success' });
} catch (error: any) {
const msg = error?.response?.data?.detail || error?.message || t.sendFail;
notify(msg, { tone: 'error' });
} finally {
setInterruptingByBot((prev) => {
const next = { ...prev };
delete next[selectedBot.id];
return next;
});
}
};
const copyUserPrompt = async (text: string) => {
await copyTextToClipboard(normalizeUserMessageText(text), t.copyPromptDone, t.copyPromptFail);
};
@ -1896,6 +2099,17 @@ export function BotDashboardModule({
await copyTextToClipboard(normalizeAssistantMessageText(text), t.copyReplyDone, t.copyReplyFail);
};
const quoteAssistantReply = (message: ChatMessage) => {
const content = normalizeAssistantMessageText(message.text);
if (!content) return;
setQuotedReply((prev) => {
if (prev && prev.ts === message.ts && normalizeAssistantMessageText(prev.text) === content) {
return null;
}
return { id: message.id, ts: message.ts, text: content };
});
};
const fetchBotMessages = async (botId: string): Promise<ChatMessage[]> => {
const res = await axios.get<any[]>(`${APP_ENDPOINTS.apiBase}/bots/${botId}/messages`, {
params: { limit: 300 },
@ -1950,11 +2164,16 @@ export function BotDashboardModule({
return;
}
if (feedbackSavingByMessageId[targetMessageId]) return;
const nextFeedback: 'up' | 'down' | null = message.feedback === feedback ? null : feedback;
setFeedbackSavingByMessageId((prev) => ({ ...prev, [targetMessageId]: true }));
try {
await axios.put(`${APP_ENDPOINTS.apiBase}/bots/${selectedBotId}/messages/${targetMessageId}/feedback`, { feedback });
setBotMessageFeedback(selectedBotId, targetMessageId, feedback);
notify(feedback === 'up' ? t.feedbackUpSaved : t.feedbackDownSaved, { tone: 'success' });
await axios.put(`${APP_ENDPOINTS.apiBase}/bots/${selectedBotId}/messages/${targetMessageId}/feedback`, { feedback: nextFeedback });
setBotMessageFeedback(selectedBotId, targetMessageId, nextFeedback);
if (nextFeedback === null) {
notify(t.feedbackCleared, { tone: 'success' });
} else {
notify(nextFeedback === 'up' ? t.feedbackUpSaved : t.feedbackDownSaved, { tone: 'success' });
}
} catch (error: any) {
const msg = error?.response?.data?.detail || t.feedbackSaveFail;
notify(msg, { tone: 'error' });
@ -2376,8 +2595,13 @@ export function BotDashboardModule({
<button
key={key}
className={`workspace-entry file ${previewable ? '' : 'disabled'}`}
disabled={!previewable || workspaceFileLoading}
onClick={() => void openWorkspaceFilePreview(node.path)}
disabled={workspaceFileLoading}
aria-disabled={!previewable || workspaceFileLoading}
onClick={() => {
if (workspaceFileLoading) return;
if (!previewable) return;
void openWorkspaceFilePreview(node.path);
}}
onMouseEnter={(event) => showWorkspaceHoverCard(node, event.currentTarget)}
onMouseLeave={hideWorkspaceHoverCard}
onFocus={(event) => showWorkspaceHoverCard(node, event.currentTarget)}
@ -2399,7 +2623,11 @@ export function BotDashboardModule({
{!compactMode ? (
<section className="panel stack ops-bot-list">
<div className="row-between">
<h2 style={{ fontSize: 18 }}>{t.titleBots}</h2>
<h2 style={{ fontSize: 18 }}>
{normalizedBotListQuery
? `${t.titleBots} (${filteredBots.length}/${bots.length})`
: `${t.titleBots} (${bots.length})`}
</h2>
<div className="ops-list-actions">
<LucentIconButton
className="btn btn-secondary btn-sm icon-btn"
@ -2420,8 +2648,18 @@ export function BotDashboardModule({
</div>
</div>
<div className="ops-bot-list-toolbar">
<input
className="input"
value={botListQuery}
onChange={(e) => setBotListQuery(e.target.value)}
placeholder={t.botSearchPlaceholder}
aria-label={t.botSearchPlaceholder}
/>
</div>
<div className="list-scroll" style={{ maxHeight: '72vh' }}>
{bots.map((bot) => {
{pagedBots.map((bot) => {
const selected = selectedBotId === bot.id;
const controlState = controlStateByBot[bot.id];
const isOperating = operatingBotId === bot.id;
@ -2432,11 +2670,27 @@ export function BotDashboardModule({
<span className={`ops-bot-strip ${bot.docker_status === 'RUNNING' ? 'is-running' : 'is-stopped'}`} aria-hidden="true" />
<div className="row-between ops-bot-top">
<div className="ops-bot-name-wrap">
<div className="ops-bot-name-row">
<div className="ops-bot-name">{bot.name}</div>
<LucentIconButton
className="ops-bot-open-inline"
onClick={(e) => {
e.stopPropagation();
const target = `${window.location.origin}/bot/${encodeURIComponent(bot.id)}`;
window.open(target, '_blank', 'noopener,noreferrer');
}}
tooltip={isZh ? '新页面打开' : 'Open in new page'}
aria-label={isZh ? '新页面打开' : 'Open in new page'}
>
<ExternalLink size={11} />
</LucentIconButton>
</div>
<div className="mono ops-bot-id">{bot.id}</div>
</div>
<div className="ops-bot-top-actions">
<span className={bot.docker_status === 'RUNNING' ? 'badge badge-ok' : 'badge badge-unknown'}>{bot.docker_status}</span>
</div>
</div>
<div className="ops-bot-meta">{t.image}: <span className="mono">{bot.image_tag || '-'}</span></div>
<div className="ops-bot-actions">
<LucentIconButton
@ -2508,6 +2762,30 @@ export function BotDashboardModule({
</div>
);
})}
{filteredBots.length === 0 ? (
<div className="ops-bot-list-empty">{t.botSearchNoResult}</div>
) : null}
</div>
<div className="ops-bot-list-pagination">
<LucentIconButton
className="btn btn-secondary btn-sm icon-btn"
onClick={() => setBotListPage((p) => Math.max(1, p - 1))}
disabled={botListPage <= 1}
tooltip={t.paginationPrev}
aria-label={t.paginationPrev}
>
<ChevronLeft size={14} />
</LucentIconButton>
<div className="ops-bot-list-page-indicator">{t.paginationPage(botListPage, botListTotalPages)}</div>
<LucentIconButton
className="btn btn-secondary btn-sm icon-btn"
onClick={() => setBotListPage((p) => Math.min(botListTotalPages, p + 1))}
disabled={botListPage >= botListTotalPages}
tooltip={t.paginationNext}
aria-label={t.paginationNext}
>
<ChevronRight size={14} />
</LucentIconButton>
</div>
</section>
) : null}
@ -2546,6 +2824,70 @@ export function BotDashboardModule({
<div ref={chatBottomRef} />
</div>
<div className="ops-chat-dock">
{(quotedReply || pendingAttachments.length > 0) ? (
<div className="ops-chat-top-context">
{quotedReply ? (
<div className="ops-composer-quote" aria-live="polite">
<div className="ops-composer-quote-head">
<span>{t.quotedReplyLabel}</span>
<button
type="button"
className="ops-chat-inline-action ops-no-tip-icon-btn"
onClick={() => setQuotedReply(null)}
>
<X size={12} />
</button>
</div>
<div className="ops-composer-quote-text">{normalizeAssistantMessageText(quotedReply.text)}</div>
</div>
) : null}
{pendingAttachments.length > 0 ? (
<div className="ops-pending-files">
{pendingAttachments.map((p) => (
<span key={p} className="ops-pending-chip mono">
{(() => {
const filePath = normalizeDashboardAttachmentPath(p);
const fileAction = workspaceFileAction(filePath);
const filename = filePath.split('/').pop() || filePath;
return (
<a
className="ops-attach-link mono ops-pending-open"
href="#"
onClick={(event) => {
event.preventDefault();
event.stopPropagation();
openWorkspacePathFromChat(filePath);
}}
>
{fileAction === 'download' ? (
<Download size={12} className="ops-attach-link-icon" />
) : fileAction === 'preview' ? (
<Eye size={12} className="ops-attach-link-icon" />
) : (
<FileText size={12} className="ops-attach-link-icon" />
)}
<span className="ops-attach-link-name">{filename}</span>
</a>
);
})()}
<button
type="button"
className="ops-chat-inline-action ops-no-tip-icon-btn"
onClick={(event) => {
event.preventDefault();
event.stopPropagation();
setPendingAttachments((prev) => prev.filter((v) => v !== p));
}}
>
<X size={12} />
</button>
</span>
))}
</div>
) : null}
</div>
) : null}
<div className="ops-composer">
<input
ref={filePickerRef}
@ -2576,13 +2918,18 @@ export function BotDashboardModule({
<Paperclip size={14} className={isUploadingAttachments ? 'animate-spin' : ''} />
</LucentIconButton>
<button
className="btn btn-primary"
disabled={!isChatEnabled || (!command.trim() && pendingAttachments.length === 0)}
onClick={() => void send()}
className={`btn ${isChatEnabled && (isThinking || isSending) ? 'ops-send-toggle-interrupt' : 'btn-primary'}`}
disabled={
isChatEnabled && (isThinking || isSending)
? Boolean(interruptingByBot[selectedBot.id])
: (!isChatEnabled || (!command.trim() && pendingAttachments.length === 0 && !quotedReply))
}
onClick={() => void (isChatEnabled && (isThinking || isSending) ? interruptExecution() : send())}
>
{isSending ? t.sending : t.send}
{isChatEnabled && (isThinking || isSending) ? t.interrupt : (isSending ? t.sending : t.send)}
</button>
</div>
</div>
{isUploadingAttachments ? (
<div className="ops-upload-progress" aria-live="polite">
<div className={`ops-upload-progress-track ${attachmentUploadPercent === null ? 'is-indeterminate' : ''}`}>
@ -2598,52 +2945,6 @@ export function BotDashboardModule({
</span>
</div>
) : null}
{pendingAttachments.length > 0 ? (
<div className="ops-pending-files">
{pendingAttachments.map((p) => (
<span key={p} className="ops-pending-chip mono">
{(() => {
const filePath = normalizeDashboardAttachmentPath(p);
const fileAction = workspaceFileAction(filePath);
const filename = filePath.split('/').pop() || filePath;
return (
<a
className="ops-attach-link mono ops-pending-open"
href="#"
onClick={(event) => {
event.preventDefault();
event.stopPropagation();
openWorkspacePathFromChat(filePath);
}}
title={fileAction === 'download' ? t.download : fileAction === 'preview' ? t.previewTitle : t.fileNotPreviewable}
>
{fileAction === 'download' ? (
<Download size={12} className="ops-attach-link-icon" />
) : fileAction === 'preview' ? (
<Eye size={12} className="ops-attach-link-icon" />
) : (
<FileText size={12} className="ops-attach-link-icon" />
)}
<span className="ops-attach-link-name">{filename}</span>
</a>
);
})()}
<LucentIconButton
className="icon-btn ops-chip-remove"
onClick={(event) => {
event.preventDefault();
event.stopPropagation();
setPendingAttachments((prev) => prev.filter((v) => v !== p));
}}
tooltip={t.removeAttachment}
aria-label={t.removeAttachment}
>
<X size={12} />
</LucentIconButton>
</span>
))}
</div>
) : null}
{!canChat ? (
<div className="ops-chat-disabled-mask">
<div className="ops-chat-disabled-card">
@ -2680,6 +2981,15 @@ export function BotDashboardModule({
>
<Repeat2 size={14} />
</LucentIconButton>
<LucentIconButton
className="btn btn-secondary btn-sm icon-btn"
onClick={() => void restartBot(selectedBot.id, selectedBot.docker_status)}
disabled={operatingBotId === selectedBot.id}
tooltip={t.restart}
aria-label={t.restart}
>
<RefreshCw size={14} className={operatingBotId === selectedBot.id ? 'animate-spin' : ''} />
</LucentIconButton>
<LucentIconButton
className="btn btn-secondary btn-sm icon-btn"
onClick={() => setRuntimeMenuOpen((v) => !v)}
@ -3681,6 +3991,52 @@ export function BotDashboardModule({
</div>
</div>
) : null}
{botPasswordDialog.open ? (
<div className="modal-mask" onClick={() => closeBotPasswordDialog(null)}>
<div className="modal-card" style={{ width: 'min(520px, calc(100vw - 28px))' }} onClick={(event) => event.stopPropagation()}>
<div className="modal-title-row modal-title-with-close">
<div className="modal-title-main">
<h3>
{botPasswordDialog.invalid
? (isZh ? `访问密码错误:${botPasswordDialog.botName}` : `Invalid access password: ${botPasswordDialog.botName}`)
: (isZh ? `请输入访问密码:${botPasswordDialog.botName}` : `Enter access password for ${botPasswordDialog.botName}`)}
</h3>
</div>
<div className="modal-title-actions">
<LucentIconButton className="btn btn-secondary btn-sm icon-btn" onClick={() => closeBotPasswordDialog(null)} tooltip={isZh ? '关闭' : 'Close'} aria-label={isZh ? '关闭' : 'Close'}>
<X size={14} />
</LucentIconButton>
</div>
</div>
<div className="stack" style={{ gap: 12 }}>
<input
className="input"
autoFocus
type="password"
value={botPasswordDialog.value}
onChange={(event) =>
setBotPasswordDialog((prev) => ({
...prev,
value: event.target.value,
}))
}
onKeyDown={(event) => {
if (event.key === 'Enter') closeBotPasswordDialog(botPasswordDialog.value);
}}
placeholder={isZh ? '输入 Bot 访问密码' : 'Enter bot access password'}
/>
<div className="row-between">
<button className="btn btn-secondary" onClick={() => closeBotPasswordDialog(null)}>
{isZh ? '取消' : 'Cancel'}
</button>
<button className="btn btn-primary" onClick={() => closeBotPasswordDialog(botPasswordDialog.value)}>
{isZh ? '确认' : 'Confirm'}
</button>
</div>
</div>
</div>
</div>
) : null}
</>
);
}

View File

@ -5,6 +5,7 @@ const OSC_RE = /\x1b\][^\u0007]*(\u0007|\x1b\\)/g;
const NON_TEXT_RE = /[^\u0009\u0020-\u007E\u4E00-\u9FFF。、“”《》【】—…·\-_./:\\,%+*='"`|<>]/g;
const CONTROL_RE = /[\u0000-\u0008\u000B\u000C\u000E-\u001F\u007F]/g;
const ATTACHMENT_BLOCK_RE = /\[Attached Files\][\s\S]*?\[\/Attached Files\]/gi;
const QUOTED_REPLY_BLOCK_RE = /\[Quoted Reply\][\s\S]*?\[\/Quoted Reply\]/gi;
function cleanLine(line: string) {
return line
@ -23,6 +24,8 @@ export function normalizeUserMessageText(input: string) {
// Keep attachment list out of editable/visible command text.
text = text.replace(ATTACHMENT_BLOCK_RE, '').trim();
// Keep quoted assistant context hidden in chat bubbles, but still allow backend delivery.
text = text.replace(QUOTED_REPLY_BLOCK_RE, '').trim();
// Strip role prefixes injected by some gateways, e.g. "You: ...".
text = text.replace(/(^|\n)\s*(you|user|你)\s*[:]\s*/gi, '$1').trim();

View File

@ -1,4 +1,4 @@
import { useState } from 'react';
import { useEffect, useState } from 'react';
import axios from 'axios';
import { useAppStore } from '../../store/appStore';
import { Power, PowerOff, Terminal, ShieldCheck, Plus, Bot, Cpu, Layers, RefreshCw } from 'lucide-react';
@ -11,7 +11,7 @@ import { managementEn } from '../../i18n/management.en';
import { useLucentPrompt } from '../../components/lucent/LucentPromptProvider';
export function ManagementModule() {
const { activeBots, setBots, updateBotStatus, locale } = useAppStore();
const { activeBots, setBots, mergeBot, updateBotStatus, locale } = useAppStore();
const { notify } = useLucentPrompt();
const t = pickLocale(locale, { 'zh-cn': managementZhCn, en: managementEn });
const [selectedBotId, setSelectedBotId] = useState<string | null>(null);
@ -49,6 +49,23 @@ export function ManagementModule() {
const selectedBot = selectedBotId ? activeBots[selectedBotId] : null;
useEffect(() => {
if (!selectedBotId) return;
let alive = true;
const loadDetail = async () => {
try {
const res = await axios.get(`${APP_ENDPOINTS.apiBase}/bots/${selectedBotId}`);
if (alive) mergeBot(res.data);
} catch (err) {
console.error(err);
}
};
void loadDetail();
return () => {
alive = false;
};
}, [selectedBotId, mergeBot]);
return (
<div className="flex h-full gap-6 animate-in fade-in slide-in-from-bottom-4 duration-500">
<div className="w-1/3 flex flex-col gap-4">

View File

@ -22,6 +22,7 @@ interface AppStore {
theme: AppTheme;
locale: AppLocale;
setBots: (bots: BotState[]) => void;
mergeBot: (bot: BotState) => void;
setView: (view: AppView) => void;
setTheme: (theme: AppTheme) => void;
setLocale: (locale: AppLocale) => void;
@ -58,6 +59,7 @@ export const useAppStore = create<AppStore>((set) => ({
const incomingAction = (bot.last_action || '').trim();
nextBots[bot.id] = {
...prev,
...bot,
logs: prev?.logs ?? [],
messages: prev?.messages ?? [],
@ -68,6 +70,22 @@ export const useAppStore = create<AppStore>((set) => ({
});
return { activeBots: nextBots };
}),
mergeBot: (bot) =>
set((state) => {
const prev = state.activeBots[bot.id];
return {
activeBots: {
...state.activeBots,
[bot.id]: {
...prev,
...bot,
logs: prev?.logs ?? bot.logs ?? [],
messages: prev?.messages ?? bot.messages ?? [],
events: prev?.events ?? bot.events ?? [],
},
},
};
}),
setView: (view) => set({ currentView: view }),
setTheme: (theme) => {
localStorage.setItem('nanobot-theme', theme);

View File

@ -2,6 +2,7 @@ export interface ChatMessage {
id?: number;
role: 'user' | 'assistant' | 'system';
text: string;
quoted_reply?: string;
ts: number;
attachments?: string[];
kind?: 'progress' | 'final';
@ -43,6 +44,8 @@ export interface BotState {
identity_md?: string;
last_action?: string;
current_state?: string;
updated_at?: string | number;
created_at?: string | number;
logs: string[];
messages?: ChatMessage[];
events?: BotEvent[];

View File

@ -1,4 +1,5 @@
import axios from 'axios';
import { appendPanelAccessPassword } from './panelAccess';
const BOT_PASSWORD_HEADER = 'X-Bot-Password';
@ -64,6 +65,8 @@ export function clearAllBotAccessPasswords(): void {
export function isBotUnauthorizedError(error: any, botId?: string): boolean {
if (!axios.isAxiosError(error)) return false;
if (Number(error.response?.status) !== 401) return false;
const detail = String(error.response?.data?.detail || '').trim().toLowerCase();
if (!detail.includes('bot access password')) return false;
if (!botId) return true;
const fromConfig = extractBotIdFromApiPath(String(error.config?.url || ''));
@ -73,7 +76,7 @@ export function isBotUnauthorizedError(error: any, botId?: string): boolean {
}
export function buildMonitorWsUrl(base: string, botId: string): string {
const target = `${String(base || '').replace(/\/$/, '')}/${encodeURIComponent(botId)}`;
const target = appendPanelAccessPassword(`${String(base || '').replace(/\/$/, '')}/${encodeURIComponent(botId)}`);
const password = getBotAccessPassword(botId);
if (!password) return target;
const joiner = target.includes('?') ? '&' : '?';

View File

@ -0,0 +1,78 @@
import axios from 'axios';
const PANEL_PASSWORD_HEADER = 'X-Panel-Password';
const PANEL_STORAGE_KEY = 'nanobot-panel-access-password';
let initialized = false;
let memoryPassword = '';
function resolveAbsoluteUrl(input: string): string {
const url = String(input || '').trim();
if (!url) return '';
try {
if (url.startsWith('http://') || url.startsWith('https://')) {
return new URL(url).pathname;
}
if (typeof window !== 'undefined') {
return new URL(url, window.location.origin).pathname;
}
return url;
} catch {
return url;
}
}
function isApiRequest(url: string): boolean {
const path = resolveAbsoluteUrl(url);
return /^\/api(\/|$)/i.test(path);
}
export function getPanelAccessPassword(): string {
if (memoryPassword) return memoryPassword;
if (typeof window === 'undefined') return '';
const stored = window.localStorage.getItem(PANEL_STORAGE_KEY) || '';
if (stored) memoryPassword = stored;
return memoryPassword;
}
export function setPanelAccessPassword(password: string): void {
const value = String(password || '').trim();
memoryPassword = value;
if (typeof window === 'undefined') return;
if (value) {
window.localStorage.setItem(PANEL_STORAGE_KEY, value);
} else {
window.localStorage.removeItem(PANEL_STORAGE_KEY);
}
}
export function clearPanelAccessPassword(): void {
memoryPassword = '';
if (typeof window === 'undefined') return;
window.localStorage.removeItem(PANEL_STORAGE_KEY);
}
export function appendPanelAccessPassword(target: string): string {
const password = getPanelAccessPassword();
if (!password) return target;
const joiner = target.includes('?') ? '&' : '?';
return `${target}${joiner}panel_access_password=${encodeURIComponent(password)}`;
}
export function setupPanelAccessAuth(): void {
if (initialized) return;
initialized = true;
axios.interceptors.request.use((config) => {
if (!isApiRequest(String(config.url || ''))) return config;
if (String(config.url || '').includes('/api/panel/auth/')) return config;
const password = getPanelAccessPassword();
if (!password) return config;
const headers = config.headers || {};
if (!(PANEL_PASSWORD_HEADER in (headers as Record<string, unknown>))) {
(headers as Record<string, string>)[PANEL_PASSWORD_HEADER] = password;
config.headers = headers;
}
return config;
});
}