Update config and management UI

Co-Authored-By: Codex <noreply@openai.com>

api/ai.py

@@ -1,5 +1,8 @@
 from __future__ import annotations
 
+from datetime import datetime
+import time
+
 from fastapi import APIRouter, File, Form, Header, HTTPException, Request, UploadFile
 from fastapi.concurrency import run_in_threadpool
 from fastapi.responses import StreamingResponse
@@ -8,6 +11,10 @@ from pydantic import BaseModel, ConfigDict, Field
 from api.support import raise_image_quota_error, require_identity, resolve_image_base_url
 from services.account_service import account_service
 from services.chatgpt_service import ChatGPTService, ImageGenerationError
+from services.log_service import (
+    LOG_TYPE_CALL,
+    log_service,
+)
 from utils.helper import anthropic_sse_stream, is_image_chat_request, sse_json_stream
 
 
@@ -48,6 +55,58 @@ class AnthropicMessageRequest(BaseModel):
     stream: bool | None = None
 
 
+def _identity_detail(identity: dict[str, object]) -> dict[str, object]:
+    return {"key_id": identity.get("id"), "key_name": identity.get("name"), "role": identity.get("role")}
+
+
+def _collect_urls(value: object) -> list[str]:
+    urls: list[str] = []
+    if isinstance(value, dict):
+        for key, item in value.items():
+            if key == "url" and isinstance(item, str):
+                urls.append(item)
+            elif key == "urls" and isinstance(item, list):
+                urls.extend(str(url) for url in item if isinstance(url, str))
+            else:
+                urls.extend(_collect_urls(item))
+    elif isinstance(value, list):
+        for item in value:
+            urls.extend(_collect_urls(item))
+    return urls
+
+
+def _log_call(summary: str, identity: dict[str, object], endpoint: str, model: str, started: float, result: object = None, status: str = "success") -> None:
+    detail = {
+        **_identity_detail(identity),
+        "endpoint": endpoint,
+        "model": model,
+        "started_at": datetime.fromtimestamp(started).strftime("%Y-%m-%d %H:%M:%S"),
+        "ended_at": datetime.now().strftime("%Y-%m-%d %H:%M:%S"),
+        "duration_ms": int((time.time() - started) * 1000),
+        "status": status,
+    }
+    urls = _collect_urls(result)
+    if urls:
+        detail["urls"] = urls
+    log_service.add(LOG_TYPE_CALL, summary, detail)
+
+
+def _stream_with_log(items, summary: str, identity: dict[str, object], endpoint: str, model: str, started: float):
+    urls: list[str] = []
+    failed = False
+    try:
+        for item in items:
+            urls.extend(_collect_urls(item))
+            yield item
+    except Exception:
+        failed = True
+        _log_call(summary.replace("结束", "失败"), identity, endpoint, model, started, {"urls": list(dict.fromkeys(urls))}, "failed")
+        raise
+    finally:
+        if not failed:
+            _log_call(summary, identity, endpoint, model, started, {"urls": list(dict.fromkeys(urls))})
+
+
 def create_router(chatgpt_service: ChatGPTService) -> APIRouter:
     router = APIRouter()
 
@@ -65,7 +124,8 @@ def create_router(chatgpt_service: ChatGPTService) -> APIRouter:
             request: Request,
             authorization: str | None = Header(default=None),
     ):
-        require_identity(authorization)
+        identity = require_identity(authorization)
+        started = time.time()
         base_url = resolve_image_base_url(request)
         if body.stream:
             try:
@@ -74,17 +134,27 @@ def create_router(chatgpt_service: ChatGPTService) -> APIRouter:
                 raise_image_quota_error(exc)
             return StreamingResponse(
                 sse_json_stream(
-                    chatgpt_service.stream_image_generation(
-                        body.prompt, body.model, body.n, body.size, body.response_format, base_url
+                    _stream_with_log(
+                        chatgpt_service.stream_image_generation(
+                            body.prompt, body.model, body.n, body.size, body.response_format, base_url
+                        ),
+                        "文生图流式调用结束",
+                        identity,
+                        "/v1/images/generations",
+                        body.model,
+                        started,
                     )
                 ),
                 media_type="text/event-stream",
             )
         try:
-            return await run_in_threadpool(
+            result = await run_in_threadpool(
                 chatgpt_service.generate_with_pool, body.prompt, body.model, body.n, body.size, body.response_format, base_url
             )
+            _log_call("文生图调用完成", identity, "/v1/images/generations", body.model, started, result)
+            return result
         except ImageGenerationError as exc:
+            _log_call("文生图调用失败", identity, "/v1/images/generations", body.model, started, {"error": str(exc)}, "failed")
             raise_image_quota_error(exc)
 
     @router.post("/v1/images/edits")
@@ -100,7 +170,8 @@ def create_router(chatgpt_service: ChatGPTService) -> APIRouter:
             response_format: str = Form(default="b64_json"),
             stream: bool | None = Form(default=None),
     ):
-        require_identity(authorization)
+        identity = require_identity(authorization)
+        started = time.time()
         if n < 1 or n > 4:
             raise HTTPException(status_code=400, detail={"error": "n must be between 1 and 4"})
         uploads = [*(image or []), *(image_list or [])]
@@ -117,20 +188,32 @@ def create_router(chatgpt_service: ChatGPTService) -> APIRouter:
             if not account_service.has_available_account():
                 raise_image_quota_error(RuntimeError("no available image quota"))
             return StreamingResponse(
-                sse_json_stream(chatgpt_service.stream_image_edit(prompt, images, model, n, size, response_format, base_url)),
+                sse_json_stream(_stream_with_log(
+                    chatgpt_service.stream_image_edit(prompt, images, model, n, size, response_format, base_url),
+                    "图生图流式调用结束",
+                    identity,
+                    "/v1/images/edits",
+                    model,
+                    started,
+                )),
                 media_type="text/event-stream",
             )
         try:
-            return await run_in_threadpool(
+            result = await run_in_threadpool(
                 chatgpt_service.edit_with_pool, prompt, images, model, n, size, response_format, base_url
             )
+            _log_call("图生图调用完成", identity, "/v1/images/edits", model, started, result)
+            return result
         except ImageGenerationError as exc:
+            _log_call("图生图调用失败", identity, "/v1/images/edits", model, started, {"error": str(exc)}, "failed")
             raise_image_quota_error(exc)
 
     @router.post("/v1/chat/completions")
     async def create_chat_completion(body: ChatCompletionRequest, authorization: str | None = Header(default=None)):
-        require_identity(authorization)
+        identity = require_identity(authorization)
+        started = time.time()
         payload = body.model_dump(mode="python")
+        model = str(payload.get("model") or "auto")
         if bool(payload.get("stream")):
             if is_image_chat_request(payload):
                 try:
@@ -138,21 +221,35 @@ def create_router(chatgpt_service: ChatGPTService) -> APIRouter:
                 except RuntimeError as exc:
                     raise_image_quota_error(exc)
             return StreamingResponse(
-                sse_json_stream(chatgpt_service.stream_chat_completion(payload)),
+                sse_json_stream(_stream_with_log(chatgpt_service.stream_chat_completion(payload), "文本生成流式调用结束", identity, "/v1/chat/completions", model, started)),
                 media_type="text/event-stream",
             )
-        return await run_in_threadpool(chatgpt_service.create_chat_completion, payload)
+        try:
+            result = await run_in_threadpool(chatgpt_service.create_chat_completion, payload)
+            _log_call("文本生成调用完成", identity, "/v1/chat/completions", model, started, result)
+            return result
+        except Exception as exc:
+            _log_call("文本生成调用失败", identity, "/v1/chat/completions", model, started, {"error": str(exc)}, "failed")
+            raise
 
     @router.post("/v1/responses")
     async def create_response(body: ResponseCreateRequest, authorization: str | None = Header(default=None)):
-        require_identity(authorization)
+        identity = require_identity(authorization)
+        started = time.time()
         payload = body.model_dump(mode="python")
+        model = str(payload.get("model") or "auto")
         if bool(payload.get("stream")):
             return StreamingResponse(
-                sse_json_stream(chatgpt_service.stream_response(payload)),
+                sse_json_stream(_stream_with_log(chatgpt_service.stream_response(payload), "Responses 流式调用结束", identity, "/v1/responses", model, started)),
                 media_type="text/event-stream",
             )
-        return await run_in_threadpool(chatgpt_service.create_response, payload)
+        try:
+            result = await run_in_threadpool(chatgpt_service.create_response, payload)
+            _log_call("Responses 调用完成", identity, "/v1/responses", model, started, result)
+            return result
+        except Exception as exc:
+            _log_call("Responses 调用失败", identity, "/v1/responses", model, started, {"error": str(exc)}, "failed")
+            raise
 
     @router.post("/v1/messages")
     async def create_message(
@@ -161,13 +258,21 @@ def create_router(chatgpt_service: ChatGPTService) -> APIRouter:
             x_api_key: str | None = Header(default=None, alias="x-api-key"),
             anthropic_version: str | None = Header(default=None, alias="anthropic-version"),
     ):
-        require_identity(authorization or (f"Bearer {x_api_key}" if x_api_key else None))
+        identity = require_identity(authorization or (f"Bearer {x_api_key}" if x_api_key else None))
+        started = time.time()
         payload = body.model_dump(mode="python")
+        model = str(payload.get("model") or "auto")
         if bool(payload.get("stream")):
             return StreamingResponse(
-                anthropic_sse_stream(chatgpt_service.stream_message(payload)),
+                anthropic_sse_stream(_stream_with_log(chatgpt_service.stream_message(payload), "Messages 流式调用结束", identity, "/v1/messages", model, started)),
                 media_type="text/event-stream",
             )
-        return await run_in_threadpool(chatgpt_service.create_message, payload)
+        try:
+            result = await run_in_threadpool(chatgpt_service.create_message, payload)
+            _log_call("Messages 调用完成", identity, "/v1/messages", model, started, result)
+            return result
+        except Exception as exc:
+            _log_call("Messages 调用失败", identity, "/v1/messages", model, started, {"error": str(exc)}, "failed")
+            raise
 
     return router

api/app.py

@@ -23,6 +23,7 @@ def create_app() -> FastAPI:
     async def lifespan(_: FastAPI):
         stop_event = Event()
         thread = start_limited_account_watcher(stop_event)
+        config.cleanup_old_images()
         try:
             yield
         finally:

api/system.py

@@ -1,11 +1,13 @@
 from __future__ import annotations
 
-from fastapi import APIRouter, Header, HTTPException
+from fastapi import APIRouter, Header, HTTPException, Request
 from fastapi.concurrency import run_in_threadpool
 from pydantic import BaseModel, ConfigDict
 
-from api.support import require_admin, require_identity
+from api.support import require_admin, require_identity, resolve_image_base_url
 from services.config import config
+from services.image_service import list_images
+from services.log_service import log_service
 from services.proxy_service import test_proxy
 
 
@@ -45,6 +47,16 @@ def create_router(app_version: str) -> APIRouter:
         require_admin(authorization)
         return {"config": config.update(body.model_dump(mode="python"))}
 
+    @router.get("/api/images")
+    async def get_images(request: Request, start_date: str = "", end_date: str = "", authorization: str | None = Header(default=None)):
+        require_admin(authorization)
+        return list_images(resolve_image_base_url(request), start_date=start_date.strip(), end_date=end_date.strip())
+
+    @router.get("/api/logs")
+    async def get_logs(type: str = "", start_date: str = "", end_date: str = "", authorization: str | None = Header(default=None)):
+        require_admin(authorization)
+        return {"items": log_service.list(type=type.strip(), start_date=start_date.strip(), end_date=end_date.strip())}
+
     @router.post("/api/proxy/test")
     async def test_proxy_endpoint(body: ProxyTestRequest, authorization: str | None = Header(default=None)):
         require_admin(authorization)

config.json

@@ -1,6 +1,8 @@
 {
   "auth-key": "chatgpt2api",
   "refresh_account_interval_minute": 60,
+  "image_retention_days": 15,
+  "auto_remove_invalid_accounts": false,
   "proxy": "",
   "base_url": ""
 }

services/account_service.py

@@ -12,6 +12,10 @@ from datetime import datetime
 from curl_cffi.requests import Session
 
 from services.config import config
+from services.log_service import (
+    LOG_TYPE_ACCOUNT,
+    log_service,
+)
 from services.proxy_service import proxy_settings
 from services.storage.base import StorageBackend
 from utils.helper import anonymize_token
@@ -248,6 +252,9 @@ class AccountService:
             message = str(exc)
             print(f"[account-available] refresh token={token_ref} fail {message}")
             if "/backend-api/me failed: HTTP 401" in message:
+                if config.auto_remove_invalid_accounts and self.remove_token(access_token):
+                    log_service.add(LOG_TYPE_ACCOUNT, "自动移除异常账号", {"source": "refresh_account_state", "token": token_ref})
+                    return None
                 return self.update_account(
                     access_token,
                     {
@@ -331,6 +338,7 @@ class AccountService:
             self._accounts = list(indexed.values())
             self._save_accounts()
             items = self._public_items(self._accounts)
+            log_service.add(LOG_TYPE_ACCOUNT, f"新增 {added} 个账号，跳过 {skipped} 个", {"added": added, "skipped": skipped})
         return {"added": added, "skipped": skipped, "items": items}
 
     def delete_accounts(self, tokens: list[str]) -> dict:
@@ -348,6 +356,7 @@ class AccountService:
                 self._index = 0
             if removed:
                 self._save_accounts()
+                log_service.add(LOG_TYPE_ACCOUNT, f"删除 {removed} 个账号", {"removed": removed})
             items = self._public_items(self._accounts)
         return {"removed": removed, "items": items}
 
@@ -367,6 +376,7 @@ class AccountService:
                 return None
             self._accounts[index] = account
             self._save_accounts()
+            log_service.add(LOG_TYPE_ACCOUNT, "更新账号", {"token": anonymize_token(access_token), "status": account.get("status")})
             return dict(account)
         return None
 
@@ -495,13 +505,10 @@ class AccountService:
                     message = str(exc)
                     print(f"[account-refresh] fail {anonymize_token(access_token)} {message}")
                     if "/backend-api/me failed: HTTP 401" in message:
-                        self.update_account(
-                            access_token,
-                            {
-                                "status": "异常",
-                                "quota": 0,
-                            },
-                        )
+                        if config.auto_remove_invalid_accounts and self.remove_token(access_token):
+                            log_service.add(LOG_TYPE_ACCOUNT, "自动移除异常账号", {"source": "refresh_accounts", "token": anonymize_token(access_token)})
+                        else:
+                            self.update_account(access_token, {"status": "异常", "quota": 0})
                         message = "检测到封号"
                     errors.append({"access_token": access_token, "error": message})
 

services/chatgpt_service.py

@@ -13,9 +13,11 @@ from fastapi import HTTPException
 from services.account_service import AccountService
 from services.anthropic_protocol import preprocess_payload
 from services.config import config
+from services.log_service import LOG_TYPE_ACCOUNT, log_service
 from services.openai_backend_api import CODEX_IMAGE_MODEL, OpenAIBackendAPI
 from utils.helper import (
     IMAGE_MODELS,
+    anonymize_token,
     extract_chat_image,
     extract_chat_prompt,
     extract_image_from_message_content,
@@ -43,6 +45,7 @@ def is_token_invalid_error(message: str) -> bool:
 
 
 def _save_image_bytes(image_data: bytes, base_url: str | None = None) -> str:
+    config.cleanup_old_images()
     file_hash = hashlib.md5(image_data).hexdigest()
     timestamp = int(time.time())
     filename = f"{timestamp}_{file_hash}.png"
@@ -348,7 +351,7 @@ class ChatGPTService:
             raise HTTPException(status_code=502, detail={"error": "image generation failed"})
 
         created = int(image_result.get("created") or time.time())
-        return {
+        response = {
             "id": f"resp_{created}",
             "object": "response",
             "created_at": created,
@@ -359,6 +362,7 @@ class ChatGPTService:
             "output": output,
             "parallel_tool_calls": False,
         }
+        return response
 
     def _stream_token_image_response(self, body: dict[str, object]) -> Iterator[dict[str, object]]:
         prompt = extract_response_prompt(body.get("input"))
@@ -453,7 +457,8 @@ class ChatGPTService:
                 b64_json = str(item.get("b64_json") or "").strip()
                 if response_format == "b64_json":
                     if b64_json:
-                        formatted_items.append({"b64_json": b64_json, "revised_prompt": revised_prompt})
+                        image_url = _save_image_bytes(base64.b64decode(b64_json), base_url)
+                        formatted_items.append({"b64_json": b64_json, "url": image_url, "revised_prompt": revised_prompt})
                     continue
                 if not b64_json:
                     continue
@@ -462,6 +467,14 @@ class ChatGPTService:
                     {"url": _save_image_bytes(image_data, base_url), "revised_prompt": revised_prompt})
         return {"created": created, "data": formatted_items}
 
+    def _remove_invalid_token(self, access_token: str, event: str) -> bool:
+        if not config.auto_remove_invalid_accounts:
+            return False
+        removed = self.account_service.remove_token(access_token)
+        if removed:
+            log_service.add(LOG_TYPE_ACCOUNT, "自动移除异常账号", {"source": event, "token": anonymize_token(access_token)})
+        return removed
+
     @staticmethod
     def _extract_image_data_urls(markdown_content: str) -> list[str]:
         return re.findall(r"!\[[^\]]*\]\((data:image/[^;]+;base64,[^)]+)\)", markdown_content or "")
@@ -639,7 +652,7 @@ class ChatGPTService:
                         "status": account.get("status") if account else "unknown",
                     })
                     if is_token_invalid_error(message):
-                        self.account_service.remove_token(request_token)
+                        self._remove_invalid_token(request_token, "image_generate")
                         logger.warning({
                             "event": "image_generate_remove_invalid_token",
                             "request_token": request_token,
@@ -660,10 +673,11 @@ class ChatGPTService:
             data = result.get("data")
             if isinstance(data, list):
                 image_items.extend(item for item in data if isinstance(item, dict))
-        return {
+        result = {
             "created": created,
             "data": image_items,
         }
+        return result
 
     def stream_image_generation(
             self,
@@ -742,7 +756,7 @@ class ChatGPTService:
                         "status": account.get("status") if account else "unknown",
                     })
                     if not emitted_for_request and is_token_invalid_error(message):
-                        self.account_service.remove_token(request_token)
+                        self._remove_invalid_token(request_token, "image_generate_stream")
                         logger.warning({
                             "event": "image_generate_stream_remove_invalid_token",
                             "request_token": request_token,
@@ -822,7 +836,7 @@ class ChatGPTService:
                         "status": account.get("status") if account else "unknown",
                     })
                     if is_token_invalid_error(message):
-                        self.account_service.remove_token(request_token)
+                        self._remove_invalid_token(request_token, "image_edit")
                         logger.warning({
                             "event": "image_edit_remove_invalid_token",
                             "request_token": request_token,
@@ -833,10 +847,11 @@ class ChatGPTService:
         if not image_items:
             raise ImageGenerationError(last_error or "image edit failed")
 
-        return {
+        result = {
             "created": created,
             "data": image_items,
         }
+        return result
 
     def stream_image_edit(
             self,
@@ -923,7 +938,7 @@ class ChatGPTService:
                         "status": account.get("status") if account else "unknown",
                     })
                     if not emitted_for_request and is_token_invalid_error(message):
-                        self.account_service.remove_token(request_token)
+                        self._remove_invalid_token(request_token, "image_edit_stream")
                         logger.warning({
                             "event": "image_edit_stream_remove_invalid_token",
                             "request_token": request_token,
@@ -1044,7 +1059,7 @@ class ChatGPTService:
                     "status": account.get("status") if account else "unknown",
                 })
                 if not emitted and is_token_invalid_error(message):
-                    self.account_service.remove_token(request_token)
+                    self._remove_invalid_token(request_token, "image_stream")
                     logger.warning({
                         "event": "image_stream_remove_invalid_token",
                         "request_token": request_token,
@@ -1056,7 +1071,8 @@ class ChatGPTService:
         model = str(body.get("model") or "auto").strip() or "auto"
         messages = self._chat_messages_from_body(body)
         try:
-            return self._new_backend(self._get_text_access_token()).chat_completions(messages=messages, model=model, stream=False)
+            result = self._new_backend(self._get_text_access_token()).chat_completions(messages=messages, model=model, stream=False)
+            return result
         except Exception as exc:
             raise HTTPException(status_code=502, detail={"error": str(exc)}) from exc
 
@@ -1082,13 +1098,14 @@ class ChatGPTService:
         model = str(body.get("model") or "auto").strip() or "auto"
         messages = self._chat_messages_from_body(body)
         try:
-            return self._new_backend(self._get_text_access_token()).messages(
+            result = self._new_backend(self._get_text_access_token()).messages(
                 messages=messages,
                 model=model,
                 stream=False,
                 system=body.get("system"),
                 tools=body.get("tools"),
             )
+            return result
         except Exception as exc:
             raise HTTPException(status_code=502, detail={"error": str(exc)}) from exc
 
@@ -1141,12 +1158,13 @@ class ChatGPTService:
 
     def create_response(self, body: dict[str, object]) -> dict[str, object]:
         if self._is_text_response_request(body):
-            return self._create_text_response(body)
+            result = self._create_text_response(body)
+            return result
         if not self._is_codex_image_response_request(body):
             return self._create_token_image_response(body)
         try:
             access_token = self._get_response_access_token(body)
-            return self._new_backend(access_token).responses(
+            result = self._new_backend(access_token).responses(
                 input=body.get("input") or "",
                 model=str(body.get("model") or "gpt-5.4").strip() or "gpt-5.4",
                 tools=body.get("tools") if isinstance(body.get("tools"), list) else None,
@@ -1155,5 +1173,6 @@ class ChatGPTService:
                 stream=False,
                 store=bool(body.get("store")),
             )
+            return result
         except Exception as exc:
             raise HTTPException(status_code=502, detail={"error": str(exc)}) from exc

services/config.py

@@ -5,6 +5,7 @@ import json
 import os
 import sys
 from pathlib import Path
+import time
 
 from services.storage.base import StorageBackend
 
@@ -102,12 +103,40 @@ class ConfigStore:
         except (TypeError, ValueError):
             return 5
 
+    @property
+    def image_retention_days(self) -> int:
+        try:
+            return max(1, int(self.data.get("image_retention_days", 30)))
+        except (TypeError, ValueError):
+            return 30
+
+    @property
+    def auto_remove_invalid_accounts(self) -> bool:
+        value = self.data.get("auto_remove_invalid_accounts", False)
+        if isinstance(value, str):
+            return value.strip().lower() in {"1", "true", "yes", "on"}
+        return bool(value)
+
     @property
     def images_dir(self) -> Path:
         path = DATA_DIR / "images"
         path.mkdir(parents=True, exist_ok=True)
         return path
 
+    def cleanup_old_images(self) -> int:
+        cutoff = time.time() - self.image_retention_days * 86400
+        removed = 0
+        for path in self.images_dir.rglob("*"):
+            if path.is_file() and path.stat().st_mtime < cutoff:
+                path.unlink()
+                removed += 1
+        for path in sorted((p for p in self.images_dir.rglob("*") if p.is_dir()), key=lambda p: len(p.parts), reverse=True):
+            try:
+                path.rmdir()
+            except OSError:
+                pass
+        return removed
+
     @property
     def base_url(self) -> str:
         return str(
@@ -126,6 +155,9 @@ class ConfigStore:
 
     def get(self) -> dict[str, object]:
         data = dict(self.data)
+        data["refresh_account_interval_minute"] = self.refresh_account_interval_minute
+        data["image_retention_days"] = self.image_retention_days
+        data["auto_remove_invalid_accounts"] = self.auto_remove_invalid_accounts
         data.pop("auth-key", None)
         return data
 

services/image_service.py

@@ -0,0 +1,33 @@
+from __future__ import annotations
+
+from datetime import datetime
+
+from services.config import config
+
+
+def list_images(base_url: str, start_date: str = "", end_date: str = "") -> dict[str, object]:
+    config.cleanup_old_images()
+    items = []
+    root = config.images_dir
+    for path in root.rglob("*"):
+        if not path.is_file():
+            continue
+        rel = path.relative_to(root).as_posix()
+        parts = rel.split("/")
+        day = "-".join(parts[:3]) if len(parts) >= 4 else datetime.fromtimestamp(path.stat().st_mtime).strftime("%Y-%m-%d")
+        if start_date and day < start_date:
+            continue
+        if end_date and day > end_date:
+            continue
+        items.append({
+            "name": path.name,
+            "date": day,
+            "size": path.stat().st_size,
+            "url": f"{base_url.rstrip('/')}/images/{rel}",
+            "created_at": datetime.fromtimestamp(path.stat().st_mtime).strftime("%Y-%m-%d %H:%M:%S"),
+        })
+    items.sort(key=lambda item: str(item["created_at"]), reverse=True)
+    groups: dict[str, list[dict[str, object]]] = {}
+    for item in items:
+        groups.setdefault(str(item["date"]), []).append(item)
+    return {"items": items, "groups": [{"date": key, "items": value} for key, value in groups.items()]}

services/log_service.py

@@ -0,0 +1,51 @@
+from __future__ import annotations
+
+import json
+from datetime import datetime
+from pathlib import Path
+from typing import Any
+
+from services.config import DATA_DIR
+
+LOG_TYPE_CALL = "call"
+LOG_TYPE_ACCOUNT = "account"
+
+class LogService:
+    def __init__(self, path: Path):
+        self.path = path
+        self.path.parent.mkdir(parents=True, exist_ok=True)
+
+    def add(self, type: str, summary: str = "", detail: dict[str, Any] | None = None, **data: Any) -> None:
+        item = {
+            "time": datetime.now().strftime("%Y-%m-%d %H:%M:%S"),
+            "type": type,
+            "summary": summary,
+            "detail": detail or data,
+        }
+        with self.path.open("a", encoding="utf-8") as file:
+            file.write(json.dumps(item, ensure_ascii=False, separators=(",", ":")) + "\n")
+
+    def list(self, type: str = "", start_date: str = "", end_date: str = "", limit: int = 200) -> list[dict[str, Any]]:
+        if not self.path.exists():
+            return []
+        items: list[dict[str, Any]] = []
+        for line in reversed(self.path.read_text(encoding="utf-8").splitlines()):
+            try:
+                item = json.loads(line)
+            except Exception:
+                continue
+            t = str(item.get("time") or "")
+            day = t[:10]
+            if type and item.get("type") != type:
+                continue
+            if start_date and day < start_date:
+                continue
+            if end_date and day > end_date:
+                continue
+            items.append(item)
+            if len(items) >= limit:
+                break
+        return items
+
+
+log_service = LogService(DATA_DIR / "logs.jsonl")

services/openai_backend_api.py

@@ -634,6 +634,7 @@ class OpenAIBackendAPI:
         return data.get("download_url") or data.get("url") or ""
 
     def _save_image_bytes(self, image_data: bytes) -> str:
+        config.cleanup_old_images()
         file_name = f"{int(time.time())}_{new_uuid().replace('-', '')}.png"
         relative_dir = Path(time.strftime("%Y"), time.strftime("%m"), time.strftime("%d"))
         file_path = config.images_dir / relative_dir / file_name

web/bun.lock

@@ -7,17 +7,20 @@
       "dependencies": {
         "@radix-ui/react-checkbox": "^1.3.3",
         "@radix-ui/react-dialog": "^1.1.15",
+        "@radix-ui/react-popover": "^1.1.15",
         "@radix-ui/react-select": "^2.2.6",
         "@radix-ui/react-slot": "^1.2.3",
         "axios": "^1.9.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
+        "date-fns": "^4.1.0",
         "immer": "^10.1.3",
         "localforage": "^1.10.0",
         "lucide-react": "^0.523.0",
         "motion": "^12.38.0",
         "next": "16.2.3",
         "react": "19.2.5",
+        "react-day-picker": "^9.14.0",
         "react-dom": "19.2.5",
         "react-hook-form": "^7.62.0",
         "react-medium-image-zoom": "^5.3.0",
@@ -84,6 +87,8 @@
 
     "@babel/types": ["@babel/types@7.29.0", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A=="],
 
+    "@date-fns/tz": ["@date-fns/tz@1.4.1", "https://registry.npmmirror.com/@date-fns/tz/-/tz-1.4.1.tgz", {}, "sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA=="],
+
     "@emnapi/core": ["@emnapi/core@1.4.3", "https://registry.npmmirror.com/@emnapi/core/-/core-1.4.3.tgz", { "dependencies": { "@emnapi/wasi-threads": "1.0.2", "tslib": "^2.4.0" } }, "sha512-4m62DuCE07lw01soJwPiBGC0nAww0Q+RY70VZ+n49yDIO13yyinhbWCeNnaob0lakDtWQzSdtNWzJeOJt2ma+g=="],
 
     "@emnapi/runtime": ["@emnapi/runtime@1.9.2", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw=="],
@@ -244,6 +249,8 @@
 
     "@radix-ui/react-id": ["@radix-ui/react-id@1.1.1", "https://registry.npmmirror.com/@radix-ui/react-id/-/react-id-1.1.1.tgz", { "dependencies": { "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg=="],
 
+    "@radix-ui/react-popover": ["@radix-ui/react-popover@1.1.15", "https://registry.npmmirror.com/@radix-ui/react-popover/-/react-popover-1.1.15.tgz", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-dismissable-layer": "1.1.11", "@radix-ui/react-focus-guards": "1.1.3", "@radix-ui/react-focus-scope": "1.1.7", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-popper": "1.2.8", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-presence": "1.1.5", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3", "@radix-ui/react-use-controllable-state": "1.2.2", "aria-hidden": "^1.2.4", "react-remove-scroll": "^2.6.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA=="],
+
     "@radix-ui/react-popper": ["@radix-ui/react-popper@1.2.8", "https://registry.npmmirror.com/@radix-ui/react-popper/-/react-popper-1.2.8.tgz", { "dependencies": { "@floating-ui/react-dom": "^2.0.0", "@radix-ui/react-arrow": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-layout-effect": "1.1.1", "@radix-ui/react-use-rect": "1.1.1", "@radix-ui/react-use-size": "1.1.1", "@radix-ui/rect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw=="],
 
     "@radix-ui/react-portal": ["@radix-ui/react-portal@1.1.9", "https://registry.npmmirror.com/@radix-ui/react-portal/-/react-portal-1.1.9.tgz", { "dependencies": { "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ=="],
@@ -280,6 +287,8 @@
 
     "@swc/helpers": ["@swc/helpers@0.5.15", "https://registry.npmmirror.com/@swc/helpers/-/helpers-0.5.15.tgz", { "dependencies": { "tslib": "^2.8.0" } }, "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g=="],
 
+    "@tabby_ai/hijri-converter": ["@tabby_ai/hijri-converter@1.0.5", "https://registry.npmmirror.com/@tabby_ai/hijri-converter/-/hijri-converter-1.0.5.tgz", {}, "sha512-r5bClKrcIusDoo049dSL8CawnHR6mRdDwhlQuIgZRNty68q0x8k3Lf1BtPAMxRf/GgnHBnIO4ujd3+GQdLWzxQ=="],
+
     "@tailwindcss/node": ["@tailwindcss/node@4.1.10", "https://registry.npmmirror.com/@tailwindcss/node/-/node-4.1.10.tgz", { "dependencies": { "@ampproject/remapping": "^2.3.0", "enhanced-resolve": "^5.18.1", "jiti": "^2.4.2", "lightningcss": "1.30.1", "magic-string": "^0.30.17", "source-map-js": "^1.2.1", "tailwindcss": "4.1.10" } }, "sha512-2ACf1znY5fpRBwRhMgj9ZXvb2XZW8qs+oTfotJ2C5xR0/WNL7UHZ7zXl6s+rUqedL1mNi+0O+WQr5awGowS3PQ=="],
 
     "@tailwindcss/oxide": ["@tailwindcss/oxide@4.1.10", "https://registry.npmmirror.com/@tailwindcss/oxide/-/oxide-4.1.10.tgz", { "dependencies": { "detect-libc": "^2.0.4", "tar": "^7.4.3" }, "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.1.10", "@tailwindcss/oxide-darwin-arm64": "4.1.10", "@tailwindcss/oxide-darwin-x64": "4.1.10", "@tailwindcss/oxide-freebsd-x64": "4.1.10", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.10", "@tailwindcss/oxide-linux-arm64-gnu": "4.1.10", "@tailwindcss/oxide-linux-arm64-musl": "4.1.10", "@tailwindcss/oxide-linux-x64-gnu": "4.1.10", "@tailwindcss/oxide-linux-x64-musl": "4.1.10", "@tailwindcss/oxide-wasm32-wasi": "4.1.10", "@tailwindcss/oxide-win32-arm64-msvc": "4.1.10", "@tailwindcss/oxide-win32-x64-msvc": "4.1.10" } }, "sha512-v0C43s7Pjw+B9w21htrQwuFObSkio2aV/qPx/mhrRldbqxbWJK6KizM+q7BF1/1CmuLqZqX3CeYF7s7P9fbA8Q=="],
@@ -496,6 +505,10 @@
 
     "data-view-byte-offset": ["data-view-byte-offset@1.0.1", "https://registry.npmmirror.com/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "is-data-view": "^1.0.1" } }, "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ=="],
 
+    "date-fns": ["date-fns@4.1.0", "https://registry.npmmirror.com/date-fns/-/date-fns-4.1.0.tgz", {}, "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg=="],
+
+    "date-fns-jalali": ["date-fns-jalali@4.1.0-0", "https://registry.npmmirror.com/date-fns-jalali/-/date-fns-jalali-4.1.0-0.tgz", {}, "sha512-hTIP/z+t+qKwBDcmmsnmjWTduxCg+5KfdqWQvb2X/8C9+knYY6epN/pfxdDuyVlSVeFz0sM5eEfwIUQ70U4ckg=="],
+
     "dayjs": ["dayjs@1.11.13", "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz", {}, "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="],
 
     "debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
@@ -966,6 +979,8 @@
 
     "react": ["react@19.2.5", "", {}, "sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA=="],
 
+    "react-day-picker": ["react-day-picker@9.14.0", "https://registry.npmmirror.com/react-day-picker/-/react-day-picker-9.14.0.tgz", { "dependencies": { "@date-fns/tz": "^1.4.1", "@tabby_ai/hijri-converter": "1.0.5", "date-fns": "^4.1.0", "date-fns-jalali": "4.1.0-0" }, "peerDependencies": { "react": ">=16.8.0" } }, "sha512-tBaoDWjPwe0M5pGrum4H0SR6Lyk+BO9oHnp9JbKpGKW2mlraNPgP9BMfsg5pWpwrssARmeqk7YBl2oXutZTaHA=="],
+
     "react-dom": ["react-dom@19.2.5", "", { "dependencies": { "scheduler": "^0.27.0" }, "peerDependencies": { "react": "^19.2.5" } }, "sha512-J5bAZz+DXMMwW/wV3xzKke59Af6CHY7G4uYLN1OvBcKEsWOs4pQExj86BBKamxl/Ik5bx9whOrvBlSDfWzgSag=="],
 
     "react-hook-form": ["react-hook-form@7.62.0", "https://registry.npmmirror.com/react-hook-form/-/react-hook-form-7.62.0.tgz", { "peerDependencies": { "react": "^16.8.0 || ^17 || ^18 || ^19" } }, "sha512-7KWFejc98xqG/F4bAxpL41NB3o1nnvQO1RWZT3TqRZYL8RryQETGfEdVnJN2fy1crCiBLLjkRBVK05j24FxJGA=="],

web/package.json

@@ -11,17 +11,20 @@
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-slot": "^1.2.3",
     "axios": "^1.9.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
     "immer": "^10.1.3",
     "localforage": "^1.10.0",
     "lucide-react": "^0.523.0",
     "motion": "^12.38.0",
     "next": "16.2.3",
     "react": "19.2.5",
+    "react-day-picker": "^9.14.0",
     "react-dom": "19.2.5",
     "react-hook-form": "^7.62.0",
     "react-medium-image-zoom": "^5.3.0",

web/src/app/image-manager/page.tsx

@@ -0,0 +1,175 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { CalendarDays, ChevronLeft, ChevronRight, Copy, ImageIcon, LoaderCircle, Maximize2, RefreshCw, Search } from "lucide-react";
+import { toast } from "sonner";
+
+import { DateRangeFilter } from "@/components/date-range-filter";
+import { ImageLightbox } from "@/components/image-lightbox";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent } from "@/components/ui/card";
+import { fetchManagedImages, type ManagedImage } from "@/lib/api";
+import { useAuthGuard } from "@/lib/use-auth-guard";
+
+function formatSize(size: number) {
+  return size > 1024 * 1024 ? `${(size / 1024 / 1024).toFixed(2)} MB` : `${Math.ceil(size / 1024)} KB`;
+}
+
+function ImageManagerContent() {
+  const [items, setItems] = useState<ManagedImage[]>([]);
+  const [startDate, setStartDate] = useState("");
+  const [endDate, setEndDate] = useState("");
+  const [lightboxIndex, setLightboxIndex] = useState(0);
+  const [lightboxOpen, setLightboxOpen] = useState(false);
+  const [page, setPage] = useState(1);
+  const [dimensions, setDimensions] = useState<Record<string, string>>({});
+  const [isLoading, setIsLoading] = useState(true);
+  const lightboxImages = items.map((item) => ({
+    id: item.name,
+    src: item.url,
+    sizeLabel: formatSize(item.size),
+    dimensions: dimensions[item.url],
+  }));
+  const pageSize = 12;
+  const pageCount = Math.max(1, Math.ceil(items.length / pageSize));
+  const safePage = Math.min(page, pageCount);
+  const currentRows = items.slice((safePage - 1) * pageSize, safePage * pageSize);
+
+  const loadImages = async () => {
+    setIsLoading(true);
+    try {
+      const data = await fetchManagedImages({ start_date: startDate, end_date: endDate });
+      setItems(data.items);
+      setPage(1);
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : "加载图片失败");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const clearFilters = () => {
+    setStartDate("");
+    setEndDate("");
+  };
+
+  useEffect(() => {
+    void loadImages();
+  }, [startDate, endDate]);
+
+  return (
+    <section className="space-y-5">
+      <div className="flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between">
+        <div className="space-y-1">
+          <div className="text-xs font-semibold tracking-[0.18em] text-stone-500 uppercase">Images</div>
+          <h1 className="text-2xl font-semibold tracking-tight">图片管理</h1>
+        </div>
+        <div className="flex flex-wrap gap-2">
+          <DateRangeFilter startDate={startDate} endDate={endDate} onChange={(start, end) => { setStartDate(start); setEndDate(end); }} />
+          <Button variant="outline" onClick={clearFilters} className="h-10 rounded-xl border-stone-200 bg-white px-4 text-stone-700">
+            清除筛选条件
+          </Button>
+          <Button onClick={() => void loadImages()} disabled={isLoading} className="h-10 rounded-xl bg-stone-950 px-4 text-white hover:bg-stone-800">
+            {isLoading ? <LoaderCircle className="size-4 animate-spin" /> : <Search className="size-4" />}
+            查询
+          </Button>
+        </div>
+      </div>
+
+      <Card className="rounded-2xl border-white/80 bg-white/90 shadow-sm">
+        <CardContent className="p-0">
+          <div className="flex items-center justify-between border-b border-stone-100 px-5 py-4">
+            <div className="flex items-center gap-2 text-sm text-stone-600">
+              <ImageIcon className="size-4" />
+              共 {items.length} 张
+            </div>
+            <Button variant="ghost" className="h-8 rounded-lg px-3 text-stone-500" onClick={() => void loadImages()} disabled={isLoading}>
+              <RefreshCw className={`size-4 ${isLoading ? "animate-spin" : ""}`} />
+              刷新
+            </Button>
+          </div>
+          <div className="grid gap-0 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+            {currentRows.map((item, index) => {
+              const imageIndex = items.findIndex((row) => row.url === item.url);
+              return (
+              <div key={item.url} className="group border-r border-b border-stone-100 p-4 transition hover:bg-stone-50">
+                <button
+                  type="button"
+                  className="relative block aspect-square w-full cursor-zoom-in overflow-hidden rounded-lg bg-stone-100 text-left"
+                  onClick={() => {
+                    setLightboxIndex(imageIndex);
+                    setLightboxOpen(true);
+                  }}
+                >
+                  <img
+                    src={item.url}
+                    alt={item.name}
+                    className="h-full w-full object-cover transition group-hover:scale-[1.02]"
+                    onLoad={(event) => {
+                      const image = event.currentTarget;
+                      setDimensions((current) => ({
+                        ...current,
+                        [item.url]: `${image.naturalWidth} x ${image.naturalHeight}`,
+                      }));
+                    }}
+                  />
+                  <span className="absolute right-2 bottom-2 rounded-full bg-black/50 p-2 text-white opacity-0 transition group-hover:opacity-100">
+                    <Maximize2 className="size-4" />
+                  </span>
+                </button>
+                <div className="mt-3 space-y-1 text-xs text-stone-500">
+                  <div className="flex items-center justify-between gap-2">
+                    <div className="flex items-center gap-1 font-medium text-stone-700">
+                      <CalendarDays className="size-3.5" />
+                      {item.created_at}
+                    </div>
+                    <Button
+                      variant="ghost"
+                      size="icon"
+                      className="size-8 rounded-lg text-stone-400 hover:bg-stone-100 hover:text-stone-700"
+                      onClick={() => {
+                        void navigator.clipboard.writeText(item.url);
+                        toast.success("图片地址已复制");
+                      }}
+                    >
+                      <Copy className="size-4" />
+                    </Button>
+                  </div>
+                  <div className="flex items-center justify-between gap-2">
+                    <span>{formatSize(item.size)}</span>
+                    <span>{dimensions[item.url] || "-"}</span>
+                  </div>
+                </div>
+              </div>
+            )})}
+          </div>
+          <div className="flex items-center justify-end gap-2 border-t border-stone-100 px-4 py-3 text-sm text-stone-500">
+            <span>第 {safePage} / {pageCount} 页，共 {items.length} 张</span>
+            <Button variant="outline" size="icon" className="size-9 rounded-lg border-stone-200 bg-white" disabled={safePage <= 1} onClick={() => setPage((value) => Math.max(1, value - 1))}>
+              <ChevronLeft className="size-4" />
+            </Button>
+            <Button variant="outline" size="icon" className="size-9 rounded-lg border-stone-200 bg-white" disabled={safePage >= pageCount} onClick={() => setPage((value) => Math.min(pageCount, value + 1))}>
+              <ChevronRight className="size-4" />
+            </Button>
+          </div>
+          {!isLoading && items.length === 0 ? <div className="px-6 py-14 text-center text-sm text-stone-500">没有找到图片</div> : null}
+        </CardContent>
+      </Card>
+      <ImageLightbox
+        images={lightboxImages}
+        currentIndex={lightboxIndex}
+        open={lightboxOpen}
+        onOpenChange={setLightboxOpen}
+        onIndexChange={setLightboxIndex}
+      />
+    </section>
+  );
+}
+
+export default function ImageManagerPage() {
+  const { isCheckingAuth, session } = useAuthGuard(["admin"]);
+  if (isCheckingAuth || !session || session.role !== "admin") {
+    return <div className="flex min-h-[40vh] items-center justify-center"><LoaderCircle className="size-5 animate-spin text-stone-400" /></div>;
+  }
+  return <ImageManagerContent />;
+}

web/src/app/logs/page.tsx

@@ -0,0 +1,229 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { ChevronLeft, ChevronRight, LoaderCircle, RefreshCw, Search } from "lucide-react";
+import { toast } from "sonner";
+
+import { DateRangeFilter } from "@/components/date-range-filter";
+import { ImageLightbox } from "@/components/image-lightbox";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent } from "@/components/ui/card";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { fetchSystemLogs, type SystemLog } from "@/lib/api";
+import { useAuthGuard } from "@/lib/use-auth-guard";
+
+const LogType = {
+  Call: "call",
+  Account: "account",
+} as const;
+
+const typeLabels: Record<string, string> = {
+  [LogType.Call]: "调用日志",
+  [LogType.Account]: "账号管理日志",
+};
+
+function getDetailText(item: SystemLog, key: string) {
+  const value = item.detail?.[key];
+  return typeof value === "string" || typeof value === "number" ? String(value) : "-";
+}
+
+function formatDuration(item: SystemLog) {
+  const value = item.detail?.duration_ms;
+  return typeof value === "number" ? `${(value / 1000).toFixed(2)} s` : "-";
+}
+
+function getUrls(item: SystemLog | null) {
+  const urls = item?.detail?.urls;
+  return Array.isArray(urls) ? urls.filter((url): url is string => typeof url === "string") : [];
+}
+
+function getStatus(item: SystemLog) {
+  const status = item.detail?.status;
+  if (status === "success") return "成功";
+  if (status === "failed") return "失败";
+  return "-";
+}
+
+function LogsContent() {
+  const [items, setItems] = useState<SystemLog[]>([]);
+  const [type, setType] = useState(LogType.Call);
+  const [startDate, setStartDate] = useState("");
+  const [endDate, setEndDate] = useState("");
+  const [detailLog, setDetailLog] = useState<SystemLog | null>(null);
+  const [lightboxIndex, setLightboxIndex] = useState(0);
+  const [lightboxOpen, setLightboxOpen] = useState(false);
+  const [page, setPage] = useState(1);
+  const [isLoading, setIsLoading] = useState(true);
+  const detailUrls = getUrls(detailLog);
+  const detailImages = detailUrls.map((url, index) => ({ id: `${index}`, src: url }));
+  const isCallLog = type === LogType.Call;
+  const pageSize = 10;
+  const pageCount = Math.max(1, Math.ceil(items.length / pageSize));
+  const safePage = Math.min(page, pageCount);
+  const currentRows = items.slice((safePage - 1) * pageSize, safePage * pageSize);
+
+  const loadLogs = async () => {
+    setIsLoading(true);
+    try {
+      const data = await fetchSystemLogs({ type, start_date: startDate, end_date: endDate });
+      setItems(data.items);
+      setPage(1);
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : "加载日志失败");
+    } finally {
+    setIsLoading(false);
+    }
+  };
+
+  const clearFilters = () => {
+    setStartDate("");
+    setEndDate("");
+  };
+
+  useEffect(() => {
+    void loadLogs();
+  }, [type, startDate, endDate]);
+
+  return (
+    <section className="space-y-5">
+      <div className="flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between">
+        <div className="space-y-1">
+          <div className="text-xs font-semibold tracking-[0.18em] text-stone-500 uppercase">Logs</div>
+          <h1 className="text-2xl font-semibold tracking-tight">日志管理</h1>
+        </div>
+        <div className="flex flex-wrap gap-2">
+          <Select value={type} onValueChange={setType}>
+            <SelectTrigger className="h-10 w-[150px] rounded-xl border-stone-200 bg-white"><SelectValue /></SelectTrigger>
+            <SelectContent>
+              <SelectItem value={LogType.Call}>调用日志</SelectItem>
+              <SelectItem value={LogType.Account}>账号管理日志</SelectItem>
+            </SelectContent>
+          </Select>
+          <DateRangeFilter startDate={startDate} endDate={endDate} onChange={(start, end) => { setStartDate(start); setEndDate(end); }} />
+          <Button variant="outline" onClick={clearFilters} className="h-10 rounded-xl border-stone-200 bg-white px-4 text-stone-700">
+            清除筛选条件
+          </Button>
+          <Button onClick={() => void loadLogs()} disabled={isLoading} className="h-10 rounded-xl bg-stone-950 px-4 text-white hover:bg-stone-800">
+            {isLoading ? <LoaderCircle className="size-4 animate-spin" /> : <Search className="size-4" />}
+            查询
+          </Button>
+        </div>
+      </div>
+
+      <Card className="overflow-hidden rounded-2xl border-white/80 bg-white/90 shadow-sm">
+        <CardContent className="p-0">
+          <div className="flex items-center justify-between border-b border-stone-100 px-5 py-4 text-sm text-stone-600">
+            <span>共 {items.length} 条</span>
+            <Button variant="ghost" className="h-8 rounded-lg px-3 text-stone-500" onClick={() => void loadLogs()} disabled={isLoading}>
+              <RefreshCw className={`size-4 ${isLoading ? "animate-spin" : ""}`} />
+              刷新
+            </Button>
+          </div>
+          <div className="overflow-x-auto">
+            <Table className="min-w-[820px]">
+              <TableHeader>
+                <TableRow>
+                  <TableHead>时间</TableHead>
+                  <TableHead>类型</TableHead>
+                  {isCallLog ? <TableHead>令牌名称</TableHead> : null}
+                  {isCallLog ? <TableHead>调用耗时</TableHead> : null}
+                  {isCallLog ? <TableHead>状态</TableHead> : null}
+                  <TableHead>简述</TableHead>
+                  <TableHead className="w-28">详情</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {currentRows.map((item, index) => (
+                  <TableRow key={`${item.time}-${index}`} className="text-stone-600">
+                    <TableCell className="whitespace-nowrap">{item.time}</TableCell>
+                    <TableCell><Badge variant="secondary" className="rounded-md">{typeLabels[item.type] || item.type}</Badge></TableCell>
+                    {isCallLog ? <TableCell>{getDetailText(item, "key_name")}</TableCell> : null}
+                    {isCallLog ? <TableCell>{formatDuration(item)}</TableCell> : null}
+                    {isCallLog ? (
+                      <TableCell>
+                        <Badge variant={item.detail?.status === "failed" ? "danger" : "success"} className="rounded-md">
+                          {getStatus(item)}
+                        </Badge>
+                      </TableCell>
+                    ) : null}
+                    <TableCell className="max-w-[420px] truncate text-stone-500">{item.summary || "-"}</TableCell>
+                    <TableCell>
+                      <Button variant="ghost" className="h-8 rounded-lg px-3 text-stone-600" onClick={() => setDetailLog(item)}>
+                        查看详情
+                      </Button>
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+          <div className="flex items-center justify-end gap-2 border-t border-stone-100 px-4 py-3 text-sm text-stone-500">
+            <span>第 {safePage} / {pageCount} 页，共 {items.length} 条</span>
+            <Button variant="outline" size="icon" className="size-9 rounded-lg border-stone-200 bg-white" disabled={safePage <= 1} onClick={() => setPage((value) => Math.max(1, value - 1))}>
+              <ChevronLeft className="size-4" />
+            </Button>
+            <Button variant="outline" size="icon" className="size-9 rounded-lg border-stone-200 bg-white" disabled={safePage >= pageCount} onClick={() => setPage((value) => Math.min(pageCount, value + 1))}>
+              <ChevronRight className="size-4" />
+            </Button>
+          </div>
+          {!isLoading && items.length === 0 ? <div className="px-6 py-14 text-center text-sm text-stone-500">没有找到日志</div> : null}
+        </CardContent>
+      </Card>
+      <Dialog open={Boolean(detailLog)} onOpenChange={(open) => (!open ? setDetailLog(null) : null)}>
+        <DialogContent className="w-[min(92vw,920px)] rounded-2xl p-6">
+          <DialogHeader>
+            <DialogTitle>日志详情</DialogTitle>
+          </DialogHeader>
+          <div className="grid gap-3 rounded-xl border border-stone-200 bg-white p-4 text-sm text-stone-600 md:grid-cols-2">
+            {Object.entries(detailLog?.detail || {})
+              .filter(([key, value]) => key !== "urls" && typeof value !== "object")
+              .map(([key, value]) => (
+                <div key={key} className="flex items-start justify-between gap-4">
+                  <span className="text-stone-400">{key}</span>
+                  <span className="text-right font-medium text-stone-700">{String(value)}</span>
+                </div>
+              ))}
+          </div>
+          {detailUrls.length ? (
+            <div className="grid gap-3 sm:grid-cols-2 md:grid-cols-3">
+              {detailUrls.map((url, index) => (
+                <button
+                  key={url}
+                  type="button"
+                  className="aspect-square overflow-hidden rounded-xl border border-stone-200 bg-stone-100"
+                  onClick={() => {
+                    setLightboxIndex(index);
+                    setLightboxOpen(true);
+                  }}
+                >
+                  <img src={url} alt="" className="h-full w-full object-cover" />
+                </button>
+              ))}
+            </div>
+          ) : null}
+          <pre className="max-h-[72vh] overflow-auto rounded-xl border border-stone-200 bg-stone-50 p-4 text-xs leading-6 text-stone-700">
+            {JSON.stringify(detailLog?.detail || {}, null, 2)}
+          </pre>
+        </DialogContent>
+      </Dialog>
+      <ImageLightbox
+        images={detailImages}
+        currentIndex={lightboxIndex}
+        open={lightboxOpen}
+        onOpenChange={setLightboxOpen}
+        onIndexChange={setLightboxIndex}
+      />
+    </section>
+  );
+}
+
+export default function LogsPage() {
+  const { isCheckingAuth, session } = useAuthGuard(["admin"]);
+  if (isCheckingAuth || !session || session.role !== "admin") {
+    return <div className="flex min-h-[40vh] items-center justify-center"><LoaderCircle className="size-5 animate-spin text-stone-400" /></div>;
+  }
+  return <LogsContent />;
+}

web/src/app/settings/components/config-card.tsx

@@ -6,6 +6,7 @@ import { toast } from "sonner";
 
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
+import { Checkbox } from "@/components/ui/checkbox";
 import { Input } from "@/components/ui/input";
 import { testProxy, type ProxyTestResult } from "@/lib/api";
 
@@ -18,6 +19,8 @@ export function ConfigCard() {
   const isLoadingConfig = useSettingsStore((state) => state.isLoadingConfig);
   const isSavingConfig = useSettingsStore((state) => state.isSavingConfig);
   const setRefreshAccountIntervalMinute = useSettingsStore((state) => state.setRefreshAccountIntervalMinute);
+  const setImageRetentionDays = useSettingsStore((state) => state.setImageRetentionDays);
+  const setAutoRemoveInvalidAccounts = useSettingsStore((state) => state.setAutoRemoveInvalidAccounts);
   const setProxy = useSettingsStore((state) => state.setProxy);
   const setBaseUrl = useSettingsStore((state) => state.setBaseUrl);
   const saveConfig = useSettingsStore((state) => state.saveConfig);
@@ -120,6 +123,23 @@ export function ConfigCard() {
             />
             <p className="text-xs text-stone-500">用于生成图片结果的访问前缀地址。</p>
           </div>
+          <div className="space-y-2">
+            <label className="text-sm text-stone-700">图片自动清理</label>
+            <Input
+              value={String(config?.image_retention_days || "")}
+              onChange={(event) => setImageRetentionDays(event.target.value)}
+              placeholder="30"
+              className="h-10 rounded-xl border-stone-200 bg-white"
+            />
+            <p className="text-xs text-stone-500">自动删除多少天前的本地图片。</p>
+          </div>
+          <label className="flex items-center gap-3 rounded-xl border border-stone-200 bg-white px-4 py-3 text-sm text-stone-700">
+            <Checkbox
+              checked={Boolean(config?.auto_remove_invalid_accounts)}
+              onCheckedChange={(checked) => setAutoRemoveInvalidAccounts(Boolean(checked))}
+            />
+            自动移除异常账号
+          </label>
         </div>
 
         <div className="flex justify-end">

web/src/app/settings/components/user-keys-card.tsx

@@ -44,6 +44,7 @@ export function UserKeysCard() {
   const [isCreating, setIsCreating] = useState(false);
   const [pendingIds, setPendingIds] = useState<Set<string>>(() => new Set());
   const [revealedKey, setRevealedKey] = useState("");
+  const [deletingItem, setDeletingItem] = useState<UserKey | null>(null);
 
   const load = async () => {
     setIsLoading(true);
@@ -106,14 +107,16 @@ export function UserKeysCard() {
     }
   };
 
-  const handleDelete = async (item: UserKey) => {
-    if (!window.confirm(`确认删除用户密钥「${item.name}」吗？`)) {
+  const handleDelete = async () => {
+    if (!deletingItem) {
       return;
     }
+    const item = deletingItem;
     setItemPending(item.id, true);
     try {
       const data = await deleteUserKey(item.id);
       setItems(data.items);
+      setDeletingItem(null);
       toast.success("用户密钥已删除");
     } catch (error) {
       toast.error(error instanceof Error ? error.message : "删除用户密钥失败");
@@ -217,7 +220,7 @@ export function UserKeysCard() {
                         type="button"
                         variant="outline"
                         className="h-9 rounded-xl border-rose-200 bg-white px-4 text-rose-600 hover:bg-rose-50 hover:text-rose-700"
-                        onClick={() => void handleDelete(item)}
+                        onClick={() => setDeletingItem(item)}
                         disabled={isPending}
                       >
                         {isPending ? <LoaderCircle className="size-4 animate-spin" /> : <Trash2 className="size-4" />}
@@ -271,6 +274,37 @@ export function UserKeysCard() {
           </DialogFooter>
         </DialogContent>
       </Dialog>
+
+      <Dialog open={Boolean(deletingItem)} onOpenChange={(open) => (!open ? setDeletingItem(null) : null)}>
+        <DialogContent className="rounded-2xl p-6">
+          <DialogHeader className="gap-2">
+            <DialogTitle>删除用户密钥</DialogTitle>
+            <DialogDescription className="text-sm leading-6">
+              确认删除用户密钥「{deletingItem?.name}」吗？删除后该密钥将无法继续调用接口。
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter>
+            <Button
+              type="button"
+              variant="secondary"
+              className="h-10 rounded-xl bg-stone-100 px-5 text-stone-700 hover:bg-stone-200"
+              onClick={() => setDeletingItem(null)}
+              disabled={deletingItem ? pendingIds.has(deletingItem.id) : false}
+            >
+              取消
+            </Button>
+            <Button
+              type="button"
+              className="h-10 rounded-xl bg-rose-600 px-5 text-white hover:bg-rose-700"
+              onClick={() => void handleDelete()}
+              disabled={deletingItem ? pendingIds.has(deletingItem.id) : false}
+            >
+              {deletingItem && pendingIds.has(deletingItem.id) ? <LoaderCircle className="size-4 animate-spin" /> : <Trash2 className="size-4" />}
+              删除
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
     </>
   );
 }

web/src/app/settings/store.ts

@@ -25,6 +25,8 @@ function normalizeConfig(config: SettingsConfig): SettingsConfig {
   return {
     ...config,
     refresh_account_interval_minute: Number(config.refresh_account_interval_minute || 5),
+    image_retention_days: Number(config.image_retention_days || 30),
+    auto_remove_invalid_accounts: Boolean(config.auto_remove_invalid_accounts),
     proxy: typeof config.proxy === "string" ? config.proxy : "",
     base_url: typeof config.base_url === "string" ? config.base_url : "",
   };
@@ -78,6 +80,8 @@ type SettingsStore = {
   loadConfig: () => Promise<void>;
   saveConfig: () => Promise<void>;
   setRefreshAccountIntervalMinute: (value: string) => void;
+  setImageRetentionDays: (value: string) => void;
+  setAutoRemoveInvalidAccounts: (value: boolean) => void;
   setProxy: (value: string) => void;
   setBaseUrl: (value: string) => void;
 
@@ -158,6 +162,8 @@ export const useSettingsStore = create<SettingsStore>((set, get) => ({
       const data = await updateSettingsConfig({
         ...config,
         refresh_account_interval_minute: Math.max(1, Number(config.refresh_account_interval_minute) || 1),
+        image_retention_days: Math.max(1, Number(config.image_retention_days) || 30),
+        auto_remove_invalid_accounts: Boolean(config.auto_remove_invalid_accounts),
         proxy: config.proxy.trim(),
         base_url: String(config.base_url || "").trim(),
       });
@@ -186,6 +192,14 @@ export const useSettingsStore = create<SettingsStore>((set, get) => ({
     });
   },
 
+  setImageRetentionDays: (value) => {
+    set((state) => state.config ? { config: { ...state.config, image_retention_days: value } } : {});
+  },
+
+  setAutoRemoveInvalidAccounts: (value) => {
+    set((state) => state.config ? { config: { ...state.config, auto_remove_invalid_accounts: value } } : {});
+  },
+
   setProxy: (value) => {
     set((state) => {
       if (!state.config) {

web/src/components/date-range-filter.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { format, parse } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import type { DateRange } from "react-day-picker";
+
+import { Button } from "@/components/ui/button";
+import { Calendar } from "@/components/ui/calendar";
+import { Field } from "@/components/ui/field";
+import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
+
+type DateRangeFilterProps = {
+  startDate: string;
+  endDate: string;
+  onChange: (startDate: string, endDate: string) => void;
+};
+
+export function DateRangeFilter({ startDate, endDate, onChange }: DateRangeFilterProps) {
+  const selected: DateRange | undefined = startDate
+    ? {
+        from: parse(startDate, "yyyy-MM-dd", new Date()),
+        to: endDate ? parse(endDate, "yyyy-MM-dd", new Date()) : undefined,
+      }
+    : undefined;
+
+  const label = startDate ? `${startDate} 至 ${endDate || startDate}` : "选择日期范围";
+
+  return (
+    <Field className="w-[240px]">
+      <Popover>
+        <PopoverTrigger asChild>
+          <Button variant="outline" className="h-10 justify-start rounded-xl border-stone-200 bg-white px-3 font-normal text-stone-700">
+            <CalendarIcon className="size-4 text-stone-400" />
+            {label}
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent className="w-auto p-3" align="start">
+          <Calendar
+            mode="range"
+            defaultMonth={selected?.from}
+            selected={selected}
+            onSelect={(value) => onChange(value?.from ? format(value.from, "yyyy-MM-dd") : "", value?.to ? format(value.to, "yyyy-MM-dd") : "")}
+            numberOfMonths={2}
+          />
+        </PopoverContent>
+      </Popover>
+    </Field>
+  );
+}

web/src/components/image-lightbox.tsx

@@ -9,6 +9,8 @@ import { cn } from "@/lib/utils";
 type LightboxImage = {
   id: string;
   src: string;
+  sizeLabel?: string;
+  dimensions?: string;
 };
 
 type ImageLightboxProps = {
@@ -79,6 +81,11 @@ export function ImageLightbox({
 
           {/* toolbar */}
           <div className="absolute top-4 right-4 z-10 flex items-center gap-2">
+            {current.sizeLabel || current.dimensions ? (
+              <span className="rounded-full bg-black/50 px-3 py-1.5 text-xs font-medium text-white/90">
+                {[current.sizeLabel, current.dimensions].filter(Boolean).join(" · ")}
+              </span>
+            ) : null}
             {images.length > 1 && (
               <span className="rounded-full bg-black/50 px-3 py-1.5 text-xs font-medium text-white/90">
                 {currentIndex + 1} / {images.length}

web/src/components/top-nav.tsx

@@ -12,6 +12,8 @@ import { cn } from "@/lib/utils";
 const adminNavItems = [
   { href: "/image", label: "画图" },
   { href: "/accounts", label: "号池管理" },
+  { href: "/image-manager", label: "图片管理" },
+  { href: "/logs", label: "日志管理" },
   { href: "/settings", label: "设置" },
 ];
 

web/src/components/ui/calendar.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import * as React from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+
+import { cn } from "@/lib/utils";
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}: React.ComponentProps<typeof DayPicker>) {
+  return (
+    <DayPicker
+      showOutsideDays={showOutsideDays}
+      className={cn("p-1 text-sm", className)}
+      classNames={{
+        months: "flex flex-col gap-4 sm:flex-row",
+        month: "relative",
+        month_caption: "flex h-9 items-center justify-center font-medium",
+        nav: "absolute inset-x-2 top-2 flex items-center justify-between",
+        button_previous: "inline-flex size-8 items-center justify-center rounded-lg hover:bg-stone-100",
+        button_next: "inline-flex size-8 items-center justify-center rounded-lg hover:bg-stone-100",
+        weekdays: "mt-2 grid grid-cols-7 text-xs text-stone-400",
+        weekday: "flex h-8 items-center justify-center font-normal",
+        week: "grid grid-cols-7",
+        day: "size-9 p-0 text-center",
+        day_button: "size-9 rounded-lg text-sm transition hover:bg-stone-100",
+        today: "font-semibold text-stone-950",
+        selected: "[&_button]:bg-stone-950 [&_button]:text-white [&_button]:hover:bg-stone-800",
+        outside: "text-stone-300",
+        disabled: "text-stone-300 opacity-50",
+        ...classNames,
+      }}
+      components={{
+        Chevron: ({ orientation }) =>
+          orientation === "left" ? <ChevronLeft className="size-4" /> : <ChevronRight className="size-4" />,
+      }}
+      {...props}
+    />
+  );
+}
+
+export { Calendar };

web/src/components/ui/field.tsx

@@ -0,0 +1,13 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Field({ className, ...props }: React.ComponentProps<"div">) {
+  return <div className={cn("grid gap-2", className)} {...props} />;
+}
+
+function FieldLabel({ className, ...props }: React.ComponentProps<"label">) {
+  return <label className={cn("text-sm font-medium text-stone-700", className)} {...props} />;
+}
+
+export { Field, FieldLabel };

web/src/components/ui/popover.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+
+import { cn } from "@/lib/utils";
+
+function Popover(props: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />;
+}
+
+function PopoverTrigger(props: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />;
+}
+
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+  return (
+    <PopoverPrimitive.Portal>
+      <PopoverPrimitive.Content
+        data-slot="popover-content"
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          "z-50 rounded-2xl border border-white/80 bg-white p-3 text-stone-950 shadow-[0_20px_60px_-30px_rgba(15,23,42,0.35)] outline-none",
+          className,
+        )}
+        {...props}
+      />
+    </PopoverPrimitive.Portal>
+  );
+}
+
+export { Popover, PopoverContent, PopoverTrigger };

web/src/components/ui/table.tsx

@@ -0,0 +1,29 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Table({ className, ...props }: React.ComponentProps<"table">) {
+  return <table className={cn("w-full caption-bottom text-sm", className)} {...props} />;
+}
+
+function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
+  return <thead className={cn("border-b border-stone-100 text-[11px] tracking-[0.18em] text-stone-400 uppercase", className)} {...props} />;
+}
+
+function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
+  return <tbody className={cn("[&_tr:last-child]:border-0", className)} {...props} />;
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+  return <tr className={cn("border-b border-stone-100 transition-colors hover:bg-stone-50/70", className)} {...props} />;
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+  return <th className={cn("h-11 px-4 text-left align-middle font-medium", className)} {...props} />;
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+  return <td className={cn("px-4 py-3 align-middle", className)} {...props} />;
+}
+
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };

web/src/lib/api.ts

@@ -54,6 +54,24 @@ export type SettingsConfig = {
   proxy: string;
   base_url?: string;
   refresh_account_interval_minute?: number | string;
+  image_retention_days?: number | string;
+  auto_remove_invalid_accounts?: boolean;
+  [key: string]: unknown;
+};
+
+export type ManagedImage = {
+  name: string;
+  date: string;
+  size: number;
+  url: string;
+  created_at: string;
+};
+
+export type SystemLog = {
+  time: string;
+  type: "call" | "account" | string;
+  summary?: string;
+  detail?: Record<string, unknown>;
   [key: string]: unknown;
 };
 
@@ -180,6 +198,23 @@ export async function updateSettingsConfig(settings: SettingsConfig) {
   });
 }
 
+export async function fetchManagedImages(filters: { start_date?: string; end_date?: string }) {
+  const params = new URLSearchParams();
+  if (filters.start_date) params.set("start_date", filters.start_date);
+  if (filters.end_date) params.set("end_date", filters.end_date);
+  return httpRequest<{ items: ManagedImage[]; groups: Array<{ date: string; items: ManagedImage[] }> }>(
+    `/api/images${params.toString() ? `?${params.toString()}` : ""}`,
+  );
+}
+
+export async function fetchSystemLogs(filters: { type?: string; start_date?: string; end_date?: string }) {
+  const params = new URLSearchParams();
+  if (filters.type) params.set("type", filters.type);
+  if (filters.start_date) params.set("start_date", filters.start_date);
+  if (filters.end_date) params.set("end_date", filters.end_date);
+  return httpRequest<{ items: SystemLog[] }>(`/api/logs${params.toString() ? `?${params.toString()}` : ""}`);
+}
+
 export async function fetchUserKeys() {
   return httpRequest<{ items: UserKey[] }>("/api/auth/users");
 }