wip(ui): play result delegate

- Add theme id
- WIP theme cache key
- Force scheme (light/dark) for dynamic theme
- でびるんちゃんかわいい

.github/workflows/build-from-latest-dependency.yml

@@ -0,0 +1,65 @@
+name: Build Executable from latest `arcaea-offline-*` dependencies
+run-name: ${{ github.actor }} started a build request.
+
+on:
+  workflow_dispatch:
+
+permissions:
+  contents: write
+  discussions: write
+
+jobs:
+  build:
+    strategy:
+      matrix:
+        os: [ubuntu-latest, windows-latest]
+      fail-fast: false
+
+    runs-on: ${{ matrix.os }}
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-python@v5
+        with:
+          python-version: "3.11"
+          cache: "pip"
+
+      # install dependencies
+      - run: "pip install -r requirements.txt"
+      - run: "pip uninstall arcaea-offline arcaea-offline-ocr -y"
+      - run: "pip install git+https://github.com/283375/arcaea-offline"
+      - run: "pip install git+https://github.com/283375/arcaea-offline-ocr"
+      - run: "pip install imageio"
+      - name: Install UPX
+        uses: crazy-max/ghaction-upx@v3
+        with:
+          install-only: true
+
+      - name: Release builtin files
+        run: |
+          pyside6-lrelease ui/resources/lang/en_US.ts ui/resources/lang/zh_CN.ts
+          python prebuild.py
+          pyside6-rcc ui/resources/resources.qrc -o ui/resources/resources_rc.py
+
+      - name: Build Executable
+        uses: Nuitka/Nuitka-Action@main
+        with:
+          nuitka-version: main
+          script-name: index.py
+          standalone: true
+          onefile: true
+          enable-plugins: pyside6,upx
+          windows-icon-from-ico: ui/resources/images/icon.png
+          linux-icon: ui/resources/images/icon.png
+
+      - name: Upload Artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: ${{ runner.os }} Build
+          path: |
+            build/*.exe
+            build/*.bin
+            build/*.app/**/*

.github/workflows/build.yml

@@ -0,0 +1,78 @@
+name: Build Executable
+run-name: ${{ github.actor }} started a build request.
+
+on:
+  workflow_dispatch:
+  push:
+    tags:
+      - "v[0-9]+.[0-9]+.[0-9]+"
+
+permissions:
+  contents: write
+  discussions: write
+
+jobs:
+  build:
+    strategy:
+      matrix:
+        os: [ubuntu-latest, windows-latest]
+      fail-fast: false
+
+    runs-on: ${{ matrix.os }}
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-python@v5
+        with:
+          python-version: "3.11"
+          cache: "pip"
+
+      - name: Install dependencies
+        run: |
+          pip install -r requirements.txt
+          pip install imageio
+
+      - name: Install UPX
+        uses: crazy-max/ghaction-upx@v3
+        with:
+          install-only: true
+
+      - name: Release builtin files
+        run: |
+          pyside6-lrelease ui/resources/lang/en_US.ts ui/resources/lang/zh_CN.ts
+          python prebuild.py
+          pyside6-rcc ui/resources/resources.qrc -o ui/resources/resources_rc.py
+
+      - name: Build Executable
+        uses: Nuitka/Nuitka-Action@main
+        with:
+          nuitka-version: main
+          script-name: index.py
+          standalone: true
+          onefile: true
+          enable-plugins: pyside6,upx
+          windows-icon-from-ico: ui/resources/images/icon.png
+          linux-icon: ui/resources/images/icon.png
+
+      - name: Upload Artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: ${{ runner.os }} Build
+          path: |
+            build/*.exe
+            build/*.bin
+            build/*.app/**/*
+
+      - name: Draft a release
+        uses: softprops/action-gh-release@v2
+        with:
+          discussion_category_name: New releases
+          draft: true
+          generate_release_notes: true
+          files: |
+            build/*.exe
+            build/*.bin
+            build/*.app/**/*

.gitignore

@@ -1,6 +1,9 @@
 __debug*
 .vscode/
 
+# QML type cache
+internal/
+
 arcaea_offline.db
 arcaea_offline.ini
 /data

.pre-commit-config.yaml

@@ -0,0 +1,13 @@
+repos:
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v6.0.0
+    hooks:
+      - id: end-of-file-fixer
+      - id: trailing-whitespace
+
+  - repo: https://github.com/astral-sh/ruff-pre-commit
+    rev: v0.13.0
+    hooks:
+      - id: ruff
+        args: ["--fix"]
+      - id: ruff-format

README.md

@@ -1,9 +1,29 @@
 # Arcaea Offline PySide UI
 
-GUI for both [283375/arcaea-offline](https://github.com/283375/arcaea-offline) and [283375/arcaea-offline-ocr](https://github.com/283375/arcaea-offline-ocr)
+[![uv](https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/astral-sh/uv/main/assets/badge/v0.json)](https://github.com/astral-sh/uv)
 
-## Before you run `python index.py`...
+GUI for both [283375/arcaea-offline](https://github.com/283375/arcaea-offline) and [ArcaeaOffline/core-ocr](https://github.com/ArcaeaOffline/core-ocr).
+
+## Prerequisites
 
 * Install requirements
 * Release translation files from `ui/resources/lang/*.ts`
+* Run `prebuild.py`
 * Compile `ui/resources/resources.qrc` to `ui/resources/resources_rc.py`
+
+You can refer to the [GitHub Actions file](./.github/workflows/build.yml) for a rough reference.
+
+```
+pip install -r ./requirements.txt
+pyside6-lrelease ./ui/resources/lang/en_US.ts ./ui/resources/lang/zh_CN.ts
+python prebuild.py
+pyside6-rcc ./ui/resources/resources.qrc -o ./ui/resources/resources_rc.py
+```
+
+Sometimes you have to install the latest, unpublished version of `arcaea-offline` and `arcaea-offline-ocr`.
+
+```
+pip uninstall -y arcaea-offline arcaea-offline-ocr
+pip install git+https://github.com/283375/arcaea-offline
+pip install git+https://github.com/ArcaeaOffline/core-ocr
+```

app.py

@@ -0,0 +1,91 @@
+import sys
+from pathlib import Path
+
+import structlog
+from PySide6.QtCore import QCoreApplication, QEvent, QObject, Qt, QUrl
+from PySide6.QtGui import QGuiApplication, QIcon
+from PySide6.QtQml import QQmlApplicationEngine
+from PySide6.QtQuickControls2 import QQuickStyle
+
+from ui.resources import resources_rc  # noqa: F401
+from ui.theme import ThemeManager
+from ui.utils import url  # noqa: F401
+from ui.viewmodels import overview  # noqa: F401
+
+CURRENT_DIRECTORY = Path(__file__).resolve().parent
+DEFAULT_FONTS = ["微软雅黑", "Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI"]
+
+
+logger: structlog.stdlib.BoundLogger = structlog.get_logger()
+
+
+class ThemeChangeEventFilter(QObject):
+    logger: structlog.stdlib.BoundLogger = structlog.get_logger(
+        tag="ThemeChangeEventFilter",
+    )
+
+    def __init__(self, *, themeManager: ThemeManager):
+        super().__init__(None)
+        self.themeManager = themeManager
+
+        self.scheme = self.themeManager.getCurrentScheme()
+
+    def doSomething(self) -> None:
+        scheme = self.themeManager.getCurrentScheme()
+        if scheme == self.scheme:
+            self.logger.debug("Ignored same scheme event (%r)", scheme)
+            return
+
+        self.scheme = scheme
+        self.themeManager.updateTheme()
+        self.logger.debug("something done")
+
+    def eventFilter(self, obj: QObject, event: QEvent) -> bool:
+        if event.type() == QEvent.Type.ThemeChange:
+            self.doSomething()
+
+        return False
+
+
+def main() -> None:
+    app = QGuiApplication(sys.argv)
+    app.setFont(DEFAULT_FONTS)
+    app.setApplicationName("arcaea-offline-pyside-ui")
+    app.setApplicationDisplayName("Arcaea Offline")
+    app.setWindowIcon(QIcon(":/images/icon.png"))
+
+    engine = QQmlApplicationEngine()
+
+    themeManager = ThemeManager(parent=app)
+
+    def onThemeManagerThemeChanged():
+        logger.debug("App palette changed")
+        app.setPalette(themeManager.qPalette)  # pyright: ignore[reportArgumentType]
+        engine.rootContext().setContextProperty("appTheme", themeManager.qmlExposer)
+
+    onThemeManagerThemeChanged()
+    themeManager.themeChanged.connect(onThemeManagerThemeChanged)
+
+    QQuickStyle.setStyle("Fusion")
+
+    def onEngineObjectCreated(obj: QObject | None, objUrl: QUrl) -> None:
+        if obj is None:
+            logger.critical("rootObject is None! Exiting!")
+            QCoreApplication.exit(-1)
+
+    engine.objectCreated.connect(
+        onEngineObjectCreated,
+        Qt.ConnectionType.QueuedConnection,
+    )
+
+    engine.load("ui/qmls/App.qml")
+
+    rootObject = engine.rootObjects()[0]
+    ef = ThemeChangeEventFilter(themeManager=themeManager)
+    rootObject.installEventFilter(ef)
+
+    sys.exit(app.exec())
+
+
+if __name__ == "__main__":
+    main()

core/color.py

@@ -0,0 +1,10 @@
+from PySide6.QtGui import QColor
+
+
+def mixColor(source: QColor, mix: QColor, ratio: float = 0.5):
+    r = round((mix.red() - source.red()) * ratio + source.red())
+    g = round((mix.green() - source.green()) * ratio + source.green())
+    b = round((mix.blue() - source.blue()) * ratio + source.blue())
+    a = round((mix.alpha() - source.alpha()) * ratio + source.alpha())
+
+    return QColor(r, g, b, a)

core/database/__init__.py

@@ -0,0 +1,12 @@
+from .conn import Database
+from .init_checker import DatabaseInitCheckResult, check_db_init
+from .utils import create_engine, db_path_to_sqlite_url, sqlite_url_to_db_path
+
+__all__ = [
+    "check_db_init",
+    "create_engine",
+    "db_path_to_sqlite_url",
+    "Database",
+    "DatabaseInitCheckResult",
+    "sqlite_url_to_db_path",
+]

core/database/conn.py

@@ -0,0 +1,31 @@
+from pathlib import Path
+
+from arcaea_offline.models import CalculatedPotential
+from sqlalchemy import select
+from sqlalchemy.orm import sessionmaker
+
+from core.settings import SettingsKeys, settings
+
+from .utils import create_engine, db_path_to_sqlite_url
+
+
+class Database:
+    def __init__(self):
+        if settings.stringValue(SettingsKeys.General.DatabaseType) != "file":
+            raise ValueError("DatabaseType is not file")
+
+        db_path = settings.stringValue(SettingsKeys.General.DatabaseConn)
+        if not db_path:
+            raise ValueError("DatabaseConn is empty")
+
+        db_path = Path(db_path)
+        if not db_path.exists():
+            raise FileNotFoundError(f"{db_path} does not exist")
+
+        self.engine = create_engine(db_path_to_sqlite_url(db_path))
+        self.sessionmaker = sessionmaker(bind=self.engine)
+
+    @property
+    def b30(self) -> float | None:
+        with self.sessionmaker() as session:
+            return session.scalar(select(CalculatedPotential.b30))

core/database/init_checker.py

@@ -0,0 +1,30 @@
+from enum import Flag, auto
+from pathlib import Path
+
+from arcaea_offline.database import Database
+
+from .utils import create_engine, db_path_to_sqlite_url
+
+
+class DatabaseInitCheckResult(Flag):
+    NONE = 0
+    FILE_EXISTS = auto()
+    INITIALIZED = auto()
+
+    OK = FILE_EXISTS | INITIALIZED
+
+
+def check_db_init(file: Path) -> DatabaseInitCheckResult:
+    flags = DatabaseInitCheckResult.NONE
+
+    if not file.exists():
+        return flags
+
+    flags |= DatabaseInitCheckResult.FILE_EXISTS
+
+    db_url = db_path_to_sqlite_url(file)
+    db = Database(create_engine(db_url))
+    if db.check_init():
+        flags |= DatabaseInitCheckResult.INITIALIZED
+
+    return flags

core/database/utils.py

@@ -0,0 +1,28 @@
+from pathlib import Path
+
+from PySide6.QtCore import QSysInfo, QUrl
+from sqlalchemy import Engine
+from sqlalchemy import create_engine as sa_create_engine
+from sqlalchemy.pool import NullPool, Pool
+
+
+def db_path_to_sqlite_url(file: Path) -> QUrl:
+    kernelType = QSysInfo.kernelType()
+
+    # the slash count varies depending on the kernel
+    # https://docs.sqlalchemy.org/en/20/core/engines.html#sqlite
+    uri = file.resolve().as_uri()
+    if kernelType == "winnt":
+        return QUrl(uri.replace("file://", "sqlite://"))
+    else:
+        return QUrl(uri.replace("file://", "sqlite:///"))
+
+
+def sqlite_url_to_db_path(url: str) -> Path:
+    db_file_url = url.replace("sqlite://", "file://")
+    return Path(QUrl(db_file_url).toLocalFile()).resolve()
+
+
+def create_engine(_url: str | QUrl, pool: type[Pool] = NullPool) -> Engine:
+    url = _url.toString() if isinstance(_url, QUrl) else _url
+    return sa_create_engine(url, poolclass=pool)

core/settings/__init__.py

@@ -0,0 +1,5 @@
+from .base import Settings, settings
+from .keys import SettingsKeys
+from .values import SettingsValues
+
+__all__ = ["settings", "Settings", "SettingsKeys", "SettingsValues"]

core/settings/base.py

@@ -0,0 +1,44 @@
+import sys
+from enum import Enum
+from typing import Any
+
+from PySide6.QtCore import QFileInfo, QSettings, Signal
+
+from core.singleton import QSingleton
+
+__all__ = ["Settings"]
+
+TSettingsKey = str | Enum
+
+
+class Settings(QSettings, metaclass=QSingleton):
+    updated = Signal(str)
+
+    def __init__(self, parent=None):
+        super().__init__(
+            QFileInfo(sys.argv[0]).dir().absoluteFilePath("arcaea_offline.ini"),
+            QSettings.Format.IniFormat,
+            parent,
+        )
+
+    def __settingsKey(self, key: TSettingsKey) -> str:
+        if isinstance(key, Enum):
+            return self.__settingsKey(key.value)
+
+        if isinstance(key, str):
+            return key
+
+        raise TypeError(f"{key!r} is not a valid key")
+
+    def setValue(self, key: TSettingsKey, value: Any) -> None:
+        _key = self.__settingsKey(key)
+
+        super().setValue(_key, value)
+        self.updated.emit(_key)
+
+    def stringValue(self, key: TSettingsKey) -> str | None:
+        _key = self.__settingsKey(key)
+        return self.value(_key, None, type=str)
+
+
+settings = Settings()

core/settings/keys.py

@@ -0,0 +1,27 @@
+from dataclasses import dataclass
+from enum import StrEnum
+
+
+class _General(StrEnum):
+    Language = "Language"
+    DatabaseType = "DatabaseType"
+    DatabaseConn = "DatabaseConn"
+
+
+class _Ocr(StrEnum):
+    KnnModelFile = "Ocr/KnnModelFile"
+    B30KnnModelFile = "Ocr/B30KnnModelFile"
+    PhashDatabaseFile = "Ocr/PHashDatabaseFile"
+    DateSource = "Ocr/DateSource"
+
+
+class _Andreal(StrEnum):
+    Folder = "Andreal/AndrealFolder"
+    Executable = "Andreal/AndrealExecutable"
+
+
+@dataclass(frozen=True)
+class SettingsKeys:
+    General = _General
+    Ocr = _Ocr
+    Andreal = _Andreal

core/settings/values.py

@@ -0,0 +1,23 @@
+from dataclasses import dataclass
+from enum import StrEnum
+
+
+class GeneralDatabaseType(StrEnum):
+    FILE = "file"
+    URL = "url"
+
+
+@dataclass(frozen=True)
+class _Ocr_ScoreDateSource:
+    FileCreated: str = "FileCreated"
+    FileLastModified: str = "FileLastModified"
+
+
+@dataclass(frozen=True)
+class _Ocr:
+    DateSource = _Ocr_ScoreDateSource()
+
+
+@dataclass(frozen=True)
+class SettingsValues:
+    Ocr = _Ocr()

core/singleton.py

@@ -14,5 +14,5 @@ class Singleton(type, Generic[T]):
         return cls._instance
 
 
-class QObjectSingleton(type(QObject), Singleton):
+class QSingleton(type(QObject), Singleton):
     pass

index.py

@@ -9,25 +9,21 @@ from PySide6.QtCore import QCoreApplication, QLocale
 from PySide6.QtGui import QFontDatabase, QIcon
 from PySide6.QtWidgets import QApplication, QDialog, QMessageBox
 
-import ui.resources.resources_rc
+import ui.resources.resources_rc  # noqa: F401
+from core.settings import SettingsKeys, settings
 from ui.extends.shared.language import changeAppLanguage
-from ui.extends.shared.settings import Settings
 from ui.implements.mainwindow import MainWindow
-from ui.startup.databaseChecker import DatabaseChecker, DatabaseCheckerResult
+from ui.startup.databaseChecker import DatabaseChecker, DatabaseInitCheckResult
 
 rootLogger = logging.getLogger("root")
 rootLogger.setLevel(logging.DEBUG)
 
-rootLoggerFormatter = logging.Formatter(
-    "[{levelname}]{asctime}|{name}: {msg}", "%m-%d %H:%M:%S", "{"
-)
-
 
 def handle_exception(exc_type, exc_value, exc_traceback):
-    if issubclass(exc_type, KeyboardInterrupt):
-        sys.__excepthook__(exc_type, exc_value, exc_traceback)
-        return
+    sys.__excepthook__(exc_type, exc_value, exc_traceback)
 
+    if issubclass(exc_type, KeyboardInterrupt):
+        return
     rootLogger.critical(
         "Uncaught exception", exc_info=(exc_type, exc_value, exc_traceback)
     )
@@ -46,6 +42,11 @@ if __name__ == "__main__":
     ymd = now.strftime("%Y%m%d")
     hms = now.strftime("%H%M%S")
 
+    rootLoggerFormatter = logging.Formatter(
+        "[%(asctime)s/%(levelname)s] %(name)s (%(tag)s): %(message)s",
+        "%m-%d %H:%M:%S",
+        defaults={"tag": "/"},
+    )
     rootLoggerFileHandler = logging.FileHandler(
         str(logFolder / f"arcaea-offline-pyside-ui-{ymd}-{hms}_debug.log"),
         encoding="utf-8",
@@ -59,18 +60,21 @@ if __name__ == "__main__":
     rootLogger.addHandler(rootLoggerStdOutHandler)
 
     app = QApplication(sys.argv)
-    locale = (
-        QLocale(Settings().language()) if Settings().language() else QLocale.system()
-    )
+    settingsLanguage = settings.stringValue(SettingsKeys.General.Language)
+    locale = QLocale(settingsLanguage) if settingsLanguage else QLocale.system()
     changeAppLanguage(locale)
 
     QFontDatabase.addApplicationFont(":/fonts/GeosansLight.ttf")
 
     databaseChecker = DatabaseChecker()
     databaseChecker.setWindowIcon(QIcon(":/images/icon.png"))
-    databaseCheckResult = databaseChecker.confirmDb()
+    databaseCheckResult = (
+        databaseChecker.confirmDb()
+        if settings.stringValue(SettingsKeys.General.DatabaseUrl)
+        else DatabaseInitCheckResult.NONE
+    )
 
-    if not databaseCheckResult & DatabaseCheckerResult.Initted:
+    if not databaseCheckResult & DatabaseInitCheckResult.INITIALIZED:
         result = databaseChecker.exec()
 
         if result == QDialog.DialogCode.Accepted:

prebuild.py

@@ -1,70 +1,86 @@
 import os
+import platform
+import subprocess
 from importlib import metadata
 from pathlib import Path
 
-# fill VERSION file
-versionFile = Path("ui/resources/VERSION")
-assert versionFile.exists()
 
-versionTexts = []
+def getGitDesc():
+    gitDescribe = subprocess.run(
+        ["git", "describe", "--tags", "--long"],
+        capture_output=True,
+        encoding="utf-8",
+    )
+    if gitDescribe.returncode == 0:
+        return gitDescribe.stdout.replace("\n", "")
 
-projectVersionText = "arcaea-offline-pyside-ui\n"
-gitDescribe = os.popen("git describe --tags --long")
-gitDescribeContent = gitDescribe.read().replace("\n", "")
-if gitDescribe.close() is None:
-    projectVersionText += f"{gitDescribeContent}"
-else:
-    gitRevParse = os.popen("git rev-parse --short HEAD")
-    gitRevParseContent = gitRevParse.read().replace("\n", "")
-    projectVersionText += f"commit {gitRevParseContent}"
-    gitRevParse.close()
-projectVersionText += "\n"
+    # describe failed, try rev-parse
+    gitRevParse = subprocess.run(
+        ["git", "rev-parse", "--short", "HEAD"],
+        capture_output=True,
+        encoding="utf-8",
+    )
+    if gitRevParse.returncode == 0:
+        return f"commit {gitRevParse.stdout}".replace("\n", "")
 
-versionTexts.append(projectVersionText)
+    return "version/commit unknown"
 
 
-# detect pip
-pipName = None
-possiblePipNames = ["pip3", "pip"]
-for possiblePipName in possiblePipNames:
-    result = os.popen(possiblePipName).read()
-    if (
-        "<command> [options]" in result
-        and "install" in result
-        and "--upgrade" in result
-    ):
-        pipName = possiblePipName
-        break
+def getBuildToolsVer():
+    texts = []
+    possibleBuildTools = ["Nuitka", "pyinstaller"]
+    for possibleBuildTool in possibleBuildTools:
+        try:
+            version = metadata.version(possibleBuildTool)
+            texts.append(f"{possibleBuildTool}=={version}")
+        except metadata.PackageNotFoundError:
+            texts.append(f"{possibleBuildTool} not installed")
+    return ", ".join(texts)
 
 
-# if possiblePipName:
-#     pipFreezeLines = os.popen(f"{possiblePipName} freeze").read().split("\n")
-#     text = [
-#         pipFreezeResult
-#         for pipFreezeResult in pipFreezeLines
-#         if (
-#             "arcaea-offline" in pipFreezeResult
-#             or "PySide6" in pipFreezeResult
-#             or "exif" in pipFreezeResult
-#             or "opencv-python" in pipFreezeResult
-#             or "SQLAlchemy" in pipFreezeResult
-#         )
-#     ]
-#     versionTexts.append("\n".join(text))
+def writeVersionFile():
+    versionFile = Path("ui/resources/VERSION")
 
-importLibTexts = [
-    f"{module}=={metadata.version(module)}"
-    for module in [
-        "arcaea-offline",
-        "arcaea-offline-ocr",
-        "exif",
-        "opencv-python",
-        "PySide6",
-        "SQLAlchemy",
-        "SQLAlchemy-Utils",
+    versionText = (
+        "arcaea-offline-pyside-ui\n{gitDesc}\n{buildToolsVer}\n\n"
+        "{pythonVer}\n\n"
+        "{depsVer}\n"
+    )
+
+    gitDesc = getGitDesc()
+    buildToolsVer = getBuildToolsVer()
+
+    pythonVer = f"{platform.python_implementation()} {platform.python_version()} ({platform.python_build()[0]})"
+
+    importLibTexts = [
+        f"{module}=={metadata.version(module)}"
+        for module in sorted(
+            [
+                "arcaea-offline",
+                "arcaea-offline-ocr",
+                "exif",
+                "numpy",
+                "opencv-python",
+                "Pillow",
+                "PySide6",
+                "SQLAlchemy",
+                "SQLAlchemy-Utils",
+                "Whoosh",
+            ],
+            key=lambda s: s.lower(),
+        )
     ]
-]
-versionTexts.append("\n".join(importLibTexts))
+    importLibText = "\n".join(importLibTexts)
 
-with versionFile.open("w", encoding="utf-8") as vf:
-    vf.write("\n".join(versionTexts))
+    with versionFile.open("w", encoding="utf-8") as vf:
+        vf.write(
+            versionText.format(
+                gitDesc=gitDesc,
+                buildToolsVer=buildToolsVer,
+                pythonVer=pythonVer,
+                depsVer=importLibText,
+            )
+        )
+
+
+writeVersionFile()

pyproject.toml

@@ -1,41 +1,84 @@
-[build-system]
-requires = ["setuptools>=61.0"]
-build-backend = "setuptools.build_meta"
-
 [project]
 name = "arcaea-offline-pyside-ui"
-version = "0.1.0"
+version = "0.3.9"
 authors = [{ name = "283375", email = "log_283375@163.com" }]
 description = "No description."
 readme = "README.md"
 requires-python = ">=3.9"
 dependencies = [
-  "arcaea-offline==0.1.0",
-  "arcaea-offline-ocr==0.1.0",
-  "exif==1.6.0",
-  "PySide6==6.5.2",
+  "arcaea-offline==0.2.2",
+  "arcaea-offline-ocr==0.0.99",
+
+  "structlog~=25.4",
+  "colorama~=0.4.6",
+  "rich~=14.2",
+
+  "exif~=1.6.0",
+  "PySide6==6.10.0",
+  "Pillow~=10.1.0",
+  "materialyoucolor~=2.0.10",
 ]
 classifiers = [
   "Development Status :: 3 - Alpha",
   "Programming Language :: Python :: 3",
 ]
 
+[project.optional-dependencies]
+dev = [
+  "ruff>=0.14.2",
+  "pre-commit>=4.3.0",
+
+  "imageio",
+  "Nuitka~=2.7.6",
+]
+
 [project.urls]
-"Homepage" = "https://github.com/283375/arcaea-offline-pyside-ui"
-"Bug Tracker" = "https://github.com/283375/arcaea-offline-pyside-ui/issues"
+"Homepage" = "https://github.com/ArcaeaOffline/client-pyside6"
+"Bug Tracker" = "https://github.com/ArcaeaOffline/client-pyside6/issues"
 
-[tool.black]
-force-exclude = '''
-(
-  ui/designer
-  | .*_rc.py
-)
-'''
+[tool.ruff]
+exclude = ["*_ui.py", "*_rc.py"]
 
-[tool.isort]
-profile = "black"
-extend_skip = ["ui/designer"]
-extend_skip_glob = ["*_rc.py"]
+[tool.ruff.lint]
+# Full list: https://docs.astral.sh/ruff/rules
+select = [
+  "E",   # pycodestyle (Error)
+  "W",   # pycodestyle (Warning)
+  "F",   # pyflakes
+  "I",   # isort
+  "PL",  # pylint
+  "N",   # pep8-naming
+  "A",   # flake8-builtins
+  "DTZ", # flake8-datetimez
+  "LOG", # flake8-logging
+  "Q",   # flake8-quotes
+  "G",   # flake8-logging-format
+  "PIE", # flake8-pie
+  "PT",  # flake8-pytest-style
+]
+ignore = [
+  "E501", # line-too-long
+  "N802", # invalid-function-name
+  "N803", # invalid-argument-name
+  "N806", # non-lowercase-variable-in-function
+  "N815", # mixed-case-variable-in-class-scope
+  "N816", # mixed-case-variable-in-global-scope
+  "N999", # invalid-module-name
+]
 
 [tool.pyright]
 ignore = ["**/__debug*.*"]
+
+[tool.pyside6-project]
+files = [
+  "app.py",
+  "ui/qmls/App.qml",
+  "ui/qmls/AppMain.qml",
+
+  "ui/qmls/Components/PlayResultDelegate.qml",
+
+  "ui/viewmodels/overview.py",
+  "ui/qmls/Overview.qml",
+
+  "ui/qmls/404.qml",
+]

requirements.dev.txt

@@ -1,2 +0,0 @@
-black == 23.7.0
-isort == 5.12.0

requirements.txt

@@ -1,4 +0,0 @@
-arcaea-offline==0.1.0
-arcaea-offline-ocr==0.1.0
-exif==1.6.0
-PySide6==6.5.2

ui/designer/components/ocrQueue.ui

@@ -22,39 +22,6 @@
         <string>queue.title</string>
        </property>
        <layout class="QVBoxLayout" name="verticalLayout_2">
-        <item>
-         <widget class="QGroupBox" name="groupBox">
-          <property name="title">
-           <string>iccOptionsGroupBox</string>
-          </property>
-          <layout class="QVBoxLayout" name="verticalLayout">
-           <item>
-            <widget class="QRadioButton" name="iccUseQtRadioButton">
-             <property name="text">
-              <string>icc.useQt</string>
-             </property>
-            </widget>
-           </item>
-           <item>
-            <widget class="QRadioButton" name="iccUsePILRadioButton">
-             <property name="text">
-              <string>icc.usePIL</string>
-             </property>
-             <property name="checked">
-              <bool>true</bool>
-             </property>
-            </widget>
-           </item>
-           <item>
-            <widget class="QRadioButton" name="iccTryFixRadioButton">
-             <property name="text">
-              <string>icc.tryFix</string>
-             </property>
-            </widget>
-           </item>
-          </layout>
-         </widget>
-        </item>
         <item>
          <widget class="QPushButton" name="ocr_addImageButton">
           <property name="text">
@@ -95,6 +62,13 @@
           </property>
          </spacer>
         </item>
+        <item>
+         <widget class="QPushButton" name="optionsDialogButton">
+          <property name="text">
+           <string>queue.optionsButton</string>
+          </property>
+         </widget>
+        </item>
         <item>
          <widget class="QPushButton" name="ocr_startButton">
           <property name="text">

ui/designer/components/ocrQueueOptionsDialog.ui

@@ -0,0 +1,140 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>OcrQueueOptionsDialog</class>
+ <widget class="QDialog" name="OcrQueueOptionsDialog">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>331</width>
+    <height>157</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>OCR Options</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <layout class="QHBoxLayout" name="horizontalLayout">
+     <item>
+      <widget class="QGroupBox" name="groupBox">
+       <property name="title">
+        <string>iccOptionsGroupBox</string>
+       </property>
+       <layout class="QVBoxLayout" name="verticalLayout_2">
+        <item>
+         <widget class="QRadioButton" name="iccUseQtRadioButton">
+          <property name="text">
+           <string>icc.useQt</string>
+          </property>
+         </widget>
+        </item>
+        <item>
+         <widget class="QRadioButton" name="iccUsePILRadioButton">
+          <property name="text">
+           <string>icc.usePIL</string>
+          </property>
+          <property name="checked">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item>
+         <widget class="QRadioButton" name="iccTryFixRadioButton">
+          <property name="text">
+           <string>icc.tryFix</string>
+          </property>
+         </widget>
+        </item>
+       </layout>
+      </widget>
+     </item>
+     <item>
+      <widget class="QGroupBox" name="groupBox_2">
+       <property name="title">
+        <string>dateOptionsGroupBox</string>
+       </property>
+       <layout class="QVBoxLayout" name="verticalLayout_3">
+        <item>
+         <widget class="QCheckBox" name="dateReadFromExifCheckbox">
+          <property name="enabled">
+           <bool>false</bool>
+          </property>
+          <property name="text">
+           <string>date.readFromExif</string>
+          </property>
+          <property name="checked">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item>
+         <widget class="QRadioButton" name="dateUseCreationDateRadioButton">
+          <property name="text">
+           <string>date.useCreationDate</string>
+          </property>
+          <property name="checked">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item>
+         <widget class="QRadioButton" name="dateUseModifyDateRadioButton">
+          <property name="text">
+           <string>date.useModifyDate</string>
+          </property>
+         </widget>
+        </item>
+       </layout>
+      </widget>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <widget class="QDialogButtonBox" name="buttonBox">
+     <property name="orientation">
+      <enum>Qt::Horizontal</enum>
+     </property>
+     <property name="standardButtons">
+      <set>QDialogButtonBox::Cancel|QDialogButtonBox::Ok</set>
+     </property>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections>
+  <connection>
+   <sender>buttonBox</sender>
+   <signal>accepted()</signal>
+   <receiver>OcrQueueOptionsDialog</receiver>
+   <slot>accept()</slot>
+   <hints>
+    <hint type="sourcelabel">
+     <x>248</x>
+     <y>254</y>
+    </hint>
+    <hint type="destinationlabel">
+     <x>157</x>
+     <y>274</y>
+    </hint>
+   </hints>
+  </connection>
+  <connection>
+   <sender>buttonBox</sender>
+   <signal>rejected()</signal>
+   <receiver>OcrQueueOptionsDialog</receiver>
+   <slot>reject()</slot>
+   <hints>
+    <hint type="sourcelabel">
+     <x>316</x>
+     <y>260</y>
+    </hint>
+    <hint type="destinationlabel">
+     <x>286</x>
+     <y>274</y>
+    </hint>
+   </hints>
+  </connection>
+ </connections>
+</ui>

ui/designer/components/ocrQueueOptionsDialog_ui.py

@@ -0,0 +1,107 @@
+# -*- coding: utf-8 -*-
+
+################################################################################
+## Form generated from reading UI file 'ocrQueueOptionsDialog.ui'
+##
+## Created by: Qt User Interface Compiler version 6.5.2
+##
+## WARNING! All changes made in this file will be lost when recompiling UI file!
+################################################################################
+
+from PySide6.QtCore import (QCoreApplication, QDate, QDateTime, QLocale,
+    QMetaObject, QObject, QPoint, QRect,
+    QSize, QTime, QUrl, Qt)
+from PySide6.QtGui import (QBrush, QColor, QConicalGradient, QCursor,
+    QFont, QFontDatabase, QGradient, QIcon,
+    QImage, QKeySequence, QLinearGradient, QPainter,
+    QPalette, QPixmap, QRadialGradient, QTransform)
+from PySide6.QtWidgets import (QAbstractButton, QApplication, QCheckBox, QDialog,
+    QDialogButtonBox, QGroupBox, QHBoxLayout, QRadioButton,
+    QSizePolicy, QVBoxLayout, QWidget)
+
+class Ui_OcrQueueOptionsDialog(object):
+    def setupUi(self, OcrQueueOptionsDialog):
+        if not OcrQueueOptionsDialog.objectName():
+            OcrQueueOptionsDialog.setObjectName(u"OcrQueueOptionsDialog")
+        OcrQueueOptionsDialog.resize(331, 157)
+        self.verticalLayout = QVBoxLayout(OcrQueueOptionsDialog)
+        self.verticalLayout.setObjectName(u"verticalLayout")
+        self.horizontalLayout = QHBoxLayout()
+        self.horizontalLayout.setObjectName(u"horizontalLayout")
+        self.groupBox = QGroupBox(OcrQueueOptionsDialog)
+        self.groupBox.setObjectName(u"groupBox")
+        self.verticalLayout_2 = QVBoxLayout(self.groupBox)
+        self.verticalLayout_2.setObjectName(u"verticalLayout_2")
+        self.iccUseQtRadioButton = QRadioButton(self.groupBox)
+        self.iccUseQtRadioButton.setObjectName(u"iccUseQtRadioButton")
+
+        self.verticalLayout_2.addWidget(self.iccUseQtRadioButton)
+
+        self.iccUsePILRadioButton = QRadioButton(self.groupBox)
+        self.iccUsePILRadioButton.setObjectName(u"iccUsePILRadioButton")
+        self.iccUsePILRadioButton.setChecked(True)
+
+        self.verticalLayout_2.addWidget(self.iccUsePILRadioButton)
+
+        self.iccTryFixRadioButton = QRadioButton(self.groupBox)
+        self.iccTryFixRadioButton.setObjectName(u"iccTryFixRadioButton")
+
+        self.verticalLayout_2.addWidget(self.iccTryFixRadioButton)
+
+
+        self.horizontalLayout.addWidget(self.groupBox)
+
+        self.groupBox_2 = QGroupBox(OcrQueueOptionsDialog)
+        self.groupBox_2.setObjectName(u"groupBox_2")
+        self.verticalLayout_3 = QVBoxLayout(self.groupBox_2)
+        self.verticalLayout_3.setObjectName(u"verticalLayout_3")
+        self.dateReadFromExifCheckbox = QCheckBox(self.groupBox_2)
+        self.dateReadFromExifCheckbox.setObjectName(u"dateReadFromExifCheckbox")
+        self.dateReadFromExifCheckbox.setEnabled(False)
+        self.dateReadFromExifCheckbox.setChecked(True)
+
+        self.verticalLayout_3.addWidget(self.dateReadFromExifCheckbox)
+
+        self.dateUseCreationDateRadioButton = QRadioButton(self.groupBox_2)
+        self.dateUseCreationDateRadioButton.setObjectName(u"dateUseCreationDateRadioButton")
+        self.dateUseCreationDateRadioButton.setChecked(True)
+
+        self.verticalLayout_3.addWidget(self.dateUseCreationDateRadioButton)
+
+        self.dateUseModifyDateRadioButton = QRadioButton(self.groupBox_2)
+        self.dateUseModifyDateRadioButton.setObjectName(u"dateUseModifyDateRadioButton")
+
+        self.verticalLayout_3.addWidget(self.dateUseModifyDateRadioButton)
+
+
+        self.horizontalLayout.addWidget(self.groupBox_2)
+
+
+        self.verticalLayout.addLayout(self.horizontalLayout)
+
+        self.buttonBox = QDialogButtonBox(OcrQueueOptionsDialog)
+        self.buttonBox.setObjectName(u"buttonBox")
+        self.buttonBox.setOrientation(Qt.Horizontal)
+        self.buttonBox.setStandardButtons(QDialogButtonBox.Cancel|QDialogButtonBox.Ok)
+
+        self.verticalLayout.addWidget(self.buttonBox)
+
+
+        self.retranslateUi(OcrQueueOptionsDialog)
+        self.buttonBox.accepted.connect(OcrQueueOptionsDialog.accept)
+        self.buttonBox.rejected.connect(OcrQueueOptionsDialog.reject)
+
+        QMetaObject.connectSlotsByName(OcrQueueOptionsDialog)
+    # setupUi
+
+    def retranslateUi(self, OcrQueueOptionsDialog):
+        OcrQueueOptionsDialog.setWindowTitle(QCoreApplication.translate("OcrQueueOptionsDialog", u"OCR Options", None))
+        self.groupBox.setTitle(QCoreApplication.translate("OcrQueueOptionsDialog", u"iccOptionsGroupBox", None))
+        self.iccUseQtRadioButton.setText(QCoreApplication.translate("OcrQueueOptionsDialog", u"icc.useQt", None))
+        self.iccUsePILRadioButton.setText(QCoreApplication.translate("OcrQueueOptionsDialog", u"icc.usePIL", None))
+        self.iccTryFixRadioButton.setText(QCoreApplication.translate("OcrQueueOptionsDialog", u"icc.tryFix", None))
+        self.groupBox_2.setTitle(QCoreApplication.translate("OcrQueueOptionsDialog", u"dateOptionsGroupBox", None))
+        self.dateReadFromExifCheckbox.setText(QCoreApplication.translate("OcrQueueOptionsDialog", u"date.readFromExif", None))
+        self.dateUseCreationDateRadioButton.setText(QCoreApplication.translate("OcrQueueOptionsDialog", u"date.useCreationDate", None))
+        self.dateUseModifyDateRadioButton.setText(QCoreApplication.translate("OcrQueueOptionsDialog", u"date.useModifyDate", None))
+    # retranslateUi

ui/designer/components/ocrQueue_ui.py

@@ -17,8 +17,8 @@ from PySide6.QtGui import (QBrush, QColor, QConicalGradient, QCursor,
     QPalette, QPixmap, QRadialGradient, QTransform)
 from PySide6.QtWidgets import (QAbstractItemView, QApplication, QCheckBox, QGroupBox,
     QHBoxLayout, QHeaderView, QLabel, QProgressBar,
-    QPushButton, QRadioButton, QSizePolicy, QSpacerItem,
-    QTableView, QVBoxLayout, QWidget)
+    QPushButton, QSizePolicy, QSpacerItem, QTableView,
+    QVBoxLayout, QWidget)
 
 class Ui_OcrQueue(object):
     def setupUi(self, OcrQueue):
@@ -34,29 +34,6 @@ class Ui_OcrQueue(object):
         self.groupBox_3.setObjectName(u"groupBox_3")
         self.verticalLayout_2 = QVBoxLayout(self.groupBox_3)
         self.verticalLayout_2.setObjectName(u"verticalLayout_2")
-        self.groupBox = QGroupBox(self.groupBox_3)
-        self.groupBox.setObjectName(u"groupBox")
-        self.verticalLayout = QVBoxLayout(self.groupBox)
-        self.verticalLayout.setObjectName(u"verticalLayout")
-        self.iccUseQtRadioButton = QRadioButton(self.groupBox)
-        self.iccUseQtRadioButton.setObjectName(u"iccUseQtRadioButton")
-
-        self.verticalLayout.addWidget(self.iccUseQtRadioButton)
-
-        self.iccUsePILRadioButton = QRadioButton(self.groupBox)
-        self.iccUsePILRadioButton.setObjectName(u"iccUsePILRadioButton")
-        self.iccUsePILRadioButton.setChecked(True)
-
-        self.verticalLayout.addWidget(self.iccUsePILRadioButton)
-
-        self.iccTryFixRadioButton = QRadioButton(self.groupBox)
-        self.iccTryFixRadioButton.setObjectName(u"iccTryFixRadioButton")
-
-        self.verticalLayout.addWidget(self.iccTryFixRadioButton)
-
-
-        self.verticalLayout_2.addWidget(self.groupBox)
-
         self.ocr_addImageButton = QPushButton(self.groupBox_3)
         self.ocr_addImageButton.setObjectName(u"ocr_addImageButton")
 
@@ -78,6 +55,11 @@ class Ui_OcrQueue(object):
 
         self.verticalLayout_2.addItem(self.verticalSpacer)
 
+        self.optionsDialogButton = QPushButton(self.groupBox_3)
+        self.optionsDialogButton.setObjectName(u"optionsDialogButton")
+
+        self.verticalLayout_2.addWidget(self.optionsDialogButton)
+
         self.ocr_startButton = QPushButton(self.groupBox_3)
         self.ocr_startButton.setObjectName(u"ocr_startButton")
 
@@ -154,13 +136,10 @@ class Ui_OcrQueue(object):
 
     def retranslateUi(self, OcrQueue):
         self.groupBox_3.setTitle(QCoreApplication.translate("OcrQueue", u"queue.title", None))
-        self.groupBox.setTitle(QCoreApplication.translate("OcrQueue", u"iccOptionsGroupBox", None))
-        self.iccUseQtRadioButton.setText(QCoreApplication.translate("OcrQueue", u"icc.useQt", None))
-        self.iccUsePILRadioButton.setText(QCoreApplication.translate("OcrQueue", u"icc.usePIL", None))
-        self.iccTryFixRadioButton.setText(QCoreApplication.translate("OcrQueue", u"icc.tryFix", None))
         self.ocr_addImageButton.setText(QCoreApplication.translate("OcrQueue", u"queue.addImageButton", None))
         self.ocr_removeSelectedButton.setText(QCoreApplication.translate("OcrQueue", u"queue.removeSelected", None))
         self.ocr_removeAllButton.setText(QCoreApplication.translate("OcrQueue", u"queue.removeAll", None))
+        self.optionsDialogButton.setText(QCoreApplication.translate("OcrQueue", u"queue.optionsButton", None))
         self.ocr_startButton.setText(QCoreApplication.translate("OcrQueue", u"queue.startOcrButton", None))
         self.groupBox_5.setTitle(QCoreApplication.translate("OcrQueue", u"results", None))
         self.ocr_acceptSelectedButton.setText(QCoreApplication.translate("OcrQueue", u"results.acceptSelectedButton", None))
@@ -169,4 +148,3 @@ class Ui_OcrQueue(object):
         self.statusLabel.setText("")
         pass
     # retranslateUi
-

ui/designer/tabs/tabDb/tabDb_Manage.ui

@@ -6,8 +6,8 @@
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>630</width>
-    <height>528</height>
+    <width>580</width>
+    <height>551</height>
    </rect>
   </property>
   <property name="windowTitle">
@@ -17,70 +17,21 @@
    <property name="labelAlignment">
     <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
    </property>
-   <item row="0" column="0">
-    <widget class="QPushButton" name="syncArcSongDbButton">
-     <property name="text">
-      <string>syncArcSongDbButton</string>
-     </property>
-    </widget>
-   </item>
-   <item row="0" column="1">
-    <widget class="QLabel" name="label">
-     <property name="text">
-      <string>syncArcSongDb.description</string>
-     </property>
-    </widget>
-   </item>
-   <item row="5" column="0">
-    <widget class="QPushButton" name="importSt3Button">
-     <property name="text">
-      <string>importSt3Button</string>
-     </property>
-    </widget>
-   </item>
-   <item row="5" column="1">
-    <widget class="QLabel" name="label_2">
-     <property name="text">
-      <string>importSt3.description</string>
-     </property>
-    </widget>
-   </item>
-   <item row="7" column="0" colspan="2">
-    <widget class="Line" name="line">
-     <property name="orientation">
-      <enum>Qt::Horizontal</enum>
-     </property>
-    </widget>
-   </item>
-   <item row="8" column="0">
-    <widget class="QPushButton" name="exportScoresButton">
-     <property name="text">
-      <string>exportScoresButton</string>
-     </property>
-    </widget>
-   </item>
-   <item row="8" column="1">
-    <widget class="QLabel" name="label_3">
-     <property name="text">
-      <string>exportScores.description</string>
-     </property>
-    </widget>
-   </item>
-   <item row="1" column="0" colspan="2">
-    <widget class="Line" name="line_2">
-     <property name="orientation">
-      <enum>Qt::Horizontal</enum>
-     </property>
-    </widget>
-   </item>
-   <item row="2" column="0">
+   <item row="1" column="0">
     <widget class="QPushButton" name="importPacklistButton">
      <property name="text">
       <string>importPacklistButton</string>
      </property>
     </widget>
    </item>
-   <item row="3" column="0">
+   <item row="1" column="1">
+    <widget class="QLabel" name="label_4">
+     <property name="text">
+      <string>importPacklist.description</string>
+     </property>
+    </widget>
+   </item>
+   <item row="2" column="0">
     <widget class="QPushButton" name="importSonglistButton">
      <property name="text">
       <string>importSonglistButton</string>
@@ -88,69 +39,129 @@
     </widget>
    </item>
    <item row="2" column="1">
-    <widget class="QLabel" name="label_4">
-     <property name="text">
-      <string>importPacklist.description</string>
-     </property>
-    </widget>
-   </item>
-   <item row="3" column="1">
     <widget class="QLabel" name="label_5">
      <property name="text">
       <string>importSonglist.description</string>
      </property>
     </widget>
    </item>
-   <item row="9" column="0">
-    <widget class="QPushButton" name="exportArcsongJsonButton">
-     <property name="text">
-      <string>exportArcsongJsonButton</string>
-     </property>
-    </widget>
-   </item>
-   <item row="9" column="1">
-    <widget class="QLabel" name="label_6">
-     <property name="text">
-      <string>exportArcsongJson.description</string>
-     </property>
-    </widget>
-   </item>
-   <item row="4" column="0">
+   <item row="3" column="0">
     <widget class="QPushButton" name="importApkButton">
      <property name="text">
       <string>importApkButton</string>
      </property>
     </widget>
    </item>
-   <item row="4" column="1">
+   <item row="3" column="1">
     <widget class="QLabel" name="label_7">
      <property name="text">
       <string>importApk.description</string>
      </property>
     </widget>
    </item>
+   <item row="5" column="0" colspan="2">
+    <widget class="QLabel" name="label_11">
+     <property name="font">
+      <font>
+       <pointsize>12</pointsize>
+       <bold>false</bold>
+      </font>
+     </property>
+     <property name="text">
+      <string>chartInfoGroup</string>
+     </property>
+    </widget>
+   </item>
    <item row="6" column="0">
+    <widget class="QPushButton" name="syncArcSongDbButton">
+     <property name="text">
+      <string>syncArcSongDbButton</string>
+     </property>
+    </widget>
+   </item>
+   <item row="6" column="1">
+    <widget class="QLabel" name="label">
+     <property name="text">
+      <string>syncArcSongDb.description</string>
+     </property>
+    </widget>
+   </item>
+   <item row="9" column="0" colspan="2">
+    <widget class="QLabel" name="label_12">
+     <property name="font">
+      <font>
+       <pointsize>12</pointsize>
+       <bold>false</bold>
+      </font>
+     </property>
+     <property name="text">
+      <string>importScoreGroup</string>
+     </property>
+    </widget>
+   </item>
+   <item row="10" column="0">
+    <widget class="QPushButton" name="importSt3Button">
+     <property name="text">
+      <string>importSt3Button</string>
+     </property>
+    </widget>
+   </item>
+   <item row="10" column="1">
+    <widget class="QLabel" name="label_2">
+     <property name="text">
+      <string>importSt3.description</string>
+     </property>
+    </widget>
+   </item>
+   <item row="11" column="0">
     <widget class="QPushButton" name="importOnlineButton">
      <property name="text">
       <string>importOnlineButton</string>
      </property>
     </widget>
    </item>
-   <item row="6" column="1">
+   <item row="11" column="1">
     <widget class="QLabel" name="label_8">
      <property name="text">
       <string>importOnline.description</string>
      </property>
     </widget>
    </item>
-   <item row="10" column="0">
+   <item row="13" column="0" colspan="2">
+    <widget class="QLabel" name="label_13">
+     <property name="font">
+      <font>
+       <pointsize>12</pointsize>
+       <bold>false</bold>
+      </font>
+     </property>
+     <property name="text">
+      <string>exportScoreGroup</string>
+     </property>
+    </widget>
+   </item>
+   <item row="14" column="0">
+    <widget class="QPushButton" name="exportScoresButton">
+     <property name="text">
+      <string>exportScoresButton</string>
+     </property>
+    </widget>
+   </item>
+   <item row="14" column="1">
+    <widget class="QLabel" name="label_3">
+     <property name="text">
+      <string>exportScores.description</string>
+     </property>
+    </widget>
+   </item>
+   <item row="15" column="0">
     <widget class="QPushButton" name="exportSmartRteB30Button">
      <property name="text">
       <string>exportSmartRteB30Button</string>
      </property>
     </widget>
    </item>
-   <item row="10" column="1">
+   <item row="15" column="1">
     <widget class="QLabel" name="label_9">
      <property name="text">
       <string>exportSmartRteB30.description</string>
@@ -163,6 +174,124 @@
      </property>
     </widget>
    </item>
+   <item row="17" column="0" colspan="2">
+    <widget class="QLabel" name="label_14">
+     <property name="font">
+      <font>
+       <pointsize>12</pointsize>
+       <bold>false</bold>
+      </font>
+     </property>
+     <property name="text">
+      <string>miscGroup</string>
+     </property>
+    </widget>
+   </item>
+   <item row="18" column="0">
+    <widget class="QPushButton" name="exportArcsongJsonButton">
+     <property name="text">
+      <string>exportArcsongJsonButton</string>
+     </property>
+    </widget>
+   </item>
+   <item row="18" column="1">
+    <widget class="QLabel" name="label_6">
+     <property name="text">
+      <string>exportArcsongJson.description</string>
+     </property>
+    </widget>
+   </item>
+   <item row="0" column="0" colspan="2">
+    <widget class="QLabel" name="label_10">
+     <property name="font">
+      <font>
+       <pointsize>12</pointsize>
+       <bold>false</bold>
+      </font>
+     </property>
+     <property name="text">
+      <string>packSongInfoGroup</string>
+     </property>
+    </widget>
+   </item>
+   <item row="4" column="0">
+    <spacer name="verticalSpacer">
+     <property name="orientation">
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeType">
+      <enum>QSizePolicy::Minimum</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>20</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
+   <item row="8" column="0">
+    <spacer name="verticalSpacer_2">
+     <property name="orientation">
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeType">
+      <enum>QSizePolicy::Minimum</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>20</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
+   <item row="12" column="0">
+    <spacer name="verticalSpacer_3">
+     <property name="orientation">
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeType">
+      <enum>QSizePolicy::Minimum</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>20</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
+   <item row="16" column="0">
+    <spacer name="verticalSpacer_4">
+     <property name="orientation">
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeType">
+      <enum>QSizePolicy::Minimum</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>20</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
+   <item row="7" column="0">
+    <widget class="QPushButton" name="syncChartInfoDbButton">
+     <property name="text">
+      <string>syncChartInfoDbButton</string>
+     </property>
+    </widget>
+   </item>
+   <item row="7" column="1">
+    <widget class="QLabel" name="label_15">
+     <property name="text">
+      <string>syncChartInfoDb.description</string>
+     </property>
+    </widget>
+   </item>
   </layout>
  </widget>
  <resources/>

ui/designer/tabs/tabDb/tabDb_Manage_ui.py

@@ -15,123 +15,168 @@ from PySide6.QtGui import (QBrush, QColor, QConicalGradient, QCursor,
     QFont, QFontDatabase, QGradient, QIcon,
     QImage, QKeySequence, QLinearGradient, QPainter,
     QPalette, QPixmap, QRadialGradient, QTransform)
-from PySide6.QtWidgets import (QApplication, QFormLayout, QFrame, QLabel,
-    QPushButton, QSizePolicy, QWidget)
+from PySide6.QtWidgets import (QApplication, QFormLayout, QLabel, QPushButton,
+    QSizePolicy, QSpacerItem, QWidget)
 
 class Ui_TabDb_Manage(object):
     def setupUi(self, TabDb_Manage):
         if not TabDb_Manage.objectName():
             TabDb_Manage.setObjectName(u"TabDb_Manage")
-        TabDb_Manage.resize(630, 528)
+        TabDb_Manage.resize(580, 551)
         TabDb_Manage.setWindowTitle(u"TabDb_Manage")
         self.formLayout = QFormLayout(TabDb_Manage)
         self.formLayout.setObjectName(u"formLayout")
         self.formLayout.setLabelAlignment(Qt.AlignRight|Qt.AlignTrailing|Qt.AlignVCenter)
-        self.syncArcSongDbButton = QPushButton(TabDb_Manage)
-        self.syncArcSongDbButton.setObjectName(u"syncArcSongDbButton")
-
-        self.formLayout.setWidget(0, QFormLayout.LabelRole, self.syncArcSongDbButton)
-
-        self.label = QLabel(TabDb_Manage)
-        self.label.setObjectName(u"label")
-
-        self.formLayout.setWidget(0, QFormLayout.FieldRole, self.label)
-
-        self.importSt3Button = QPushButton(TabDb_Manage)
-        self.importSt3Button.setObjectName(u"importSt3Button")
-
-        self.formLayout.setWidget(5, QFormLayout.LabelRole, self.importSt3Button)
-
-        self.label_2 = QLabel(TabDb_Manage)
-        self.label_2.setObjectName(u"label_2")
-
-        self.formLayout.setWidget(5, QFormLayout.FieldRole, self.label_2)
-
-        self.line = QFrame(TabDb_Manage)
-        self.line.setObjectName(u"line")
-        self.line.setFrameShape(QFrame.HLine)
-        self.line.setFrameShadow(QFrame.Sunken)
-
-        self.formLayout.setWidget(7, QFormLayout.SpanningRole, self.line)
-
-        self.exportScoresButton = QPushButton(TabDb_Manage)
-        self.exportScoresButton.setObjectName(u"exportScoresButton")
-
-        self.formLayout.setWidget(8, QFormLayout.LabelRole, self.exportScoresButton)
-
-        self.label_3 = QLabel(TabDb_Manage)
-        self.label_3.setObjectName(u"label_3")
-
-        self.formLayout.setWidget(8, QFormLayout.FieldRole, self.label_3)
-
-        self.line_2 = QFrame(TabDb_Manage)
-        self.line_2.setObjectName(u"line_2")
-        self.line_2.setFrameShape(QFrame.HLine)
-        self.line_2.setFrameShadow(QFrame.Sunken)
-
-        self.formLayout.setWidget(1, QFormLayout.SpanningRole, self.line_2)
-
         self.importPacklistButton = QPushButton(TabDb_Manage)
         self.importPacklistButton.setObjectName(u"importPacklistButton")
 
-        self.formLayout.setWidget(2, QFormLayout.LabelRole, self.importPacklistButton)
-
-        self.importSonglistButton = QPushButton(TabDb_Manage)
-        self.importSonglistButton.setObjectName(u"importSonglistButton")
-
-        self.formLayout.setWidget(3, QFormLayout.LabelRole, self.importSonglistButton)
+        self.formLayout.setWidget(1, QFormLayout.LabelRole, self.importPacklistButton)
 
         self.label_4 = QLabel(TabDb_Manage)
         self.label_4.setObjectName(u"label_4")
 
-        self.formLayout.setWidget(2, QFormLayout.FieldRole, self.label_4)
+        self.formLayout.setWidget(1, QFormLayout.FieldRole, self.label_4)
+
+        self.importSonglistButton = QPushButton(TabDb_Manage)
+        self.importSonglistButton.setObjectName(u"importSonglistButton")
+
+        self.formLayout.setWidget(2, QFormLayout.LabelRole, self.importSonglistButton)
 
         self.label_5 = QLabel(TabDb_Manage)
         self.label_5.setObjectName(u"label_5")
 
-        self.formLayout.setWidget(3, QFormLayout.FieldRole, self.label_5)
-
-        self.exportArcsongJsonButton = QPushButton(TabDb_Manage)
-        self.exportArcsongJsonButton.setObjectName(u"exportArcsongJsonButton")
-
-        self.formLayout.setWidget(9, QFormLayout.LabelRole, self.exportArcsongJsonButton)
-
-        self.label_6 = QLabel(TabDb_Manage)
-        self.label_6.setObjectName(u"label_6")
-
-        self.formLayout.setWidget(9, QFormLayout.FieldRole, self.label_6)
+        self.formLayout.setWidget(2, QFormLayout.FieldRole, self.label_5)
 
         self.importApkButton = QPushButton(TabDb_Manage)
         self.importApkButton.setObjectName(u"importApkButton")
 
-        self.formLayout.setWidget(4, QFormLayout.LabelRole, self.importApkButton)
+        self.formLayout.setWidget(3, QFormLayout.LabelRole, self.importApkButton)
 
         self.label_7 = QLabel(TabDb_Manage)
         self.label_7.setObjectName(u"label_7")
 
-        self.formLayout.setWidget(4, QFormLayout.FieldRole, self.label_7)
+        self.formLayout.setWidget(3, QFormLayout.FieldRole, self.label_7)
+
+        self.label_11 = QLabel(TabDb_Manage)
+        self.label_11.setObjectName(u"label_11")
+        font = QFont()
+        font.setPointSize(12)
+        font.setBold(False)
+        self.label_11.setFont(font)
+
+        self.formLayout.setWidget(5, QFormLayout.SpanningRole, self.label_11)
+
+        self.syncArcSongDbButton = QPushButton(TabDb_Manage)
+        self.syncArcSongDbButton.setObjectName(u"syncArcSongDbButton")
+
+        self.formLayout.setWidget(6, QFormLayout.LabelRole, self.syncArcSongDbButton)
+
+        self.label = QLabel(TabDb_Manage)
+        self.label.setObjectName(u"label")
+
+        self.formLayout.setWidget(6, QFormLayout.FieldRole, self.label)
+
+        self.label_12 = QLabel(TabDb_Manage)
+        self.label_12.setObjectName(u"label_12")
+        self.label_12.setFont(font)
+
+        self.formLayout.setWidget(9, QFormLayout.SpanningRole, self.label_12)
+
+        self.importSt3Button = QPushButton(TabDb_Manage)
+        self.importSt3Button.setObjectName(u"importSt3Button")
+
+        self.formLayout.setWidget(10, QFormLayout.LabelRole, self.importSt3Button)
+
+        self.label_2 = QLabel(TabDb_Manage)
+        self.label_2.setObjectName(u"label_2")
+
+        self.formLayout.setWidget(10, QFormLayout.FieldRole, self.label_2)
 
         self.importOnlineButton = QPushButton(TabDb_Manage)
         self.importOnlineButton.setObjectName(u"importOnlineButton")
 
-        self.formLayout.setWidget(6, QFormLayout.LabelRole, self.importOnlineButton)
+        self.formLayout.setWidget(11, QFormLayout.LabelRole, self.importOnlineButton)
 
         self.label_8 = QLabel(TabDb_Manage)
         self.label_8.setObjectName(u"label_8")
 
-        self.formLayout.setWidget(6, QFormLayout.FieldRole, self.label_8)
+        self.formLayout.setWidget(11, QFormLayout.FieldRole, self.label_8)
+
+        self.label_13 = QLabel(TabDb_Manage)
+        self.label_13.setObjectName(u"label_13")
+        self.label_13.setFont(font)
+
+        self.formLayout.setWidget(13, QFormLayout.SpanningRole, self.label_13)
+
+        self.exportScoresButton = QPushButton(TabDb_Manage)
+        self.exportScoresButton.setObjectName(u"exportScoresButton")
+
+        self.formLayout.setWidget(14, QFormLayout.LabelRole, self.exportScoresButton)
+
+        self.label_3 = QLabel(TabDb_Manage)
+        self.label_3.setObjectName(u"label_3")
+
+        self.formLayout.setWidget(14, QFormLayout.FieldRole, self.label_3)
 
         self.exportSmartRteB30Button = QPushButton(TabDb_Manage)
         self.exportSmartRteB30Button.setObjectName(u"exportSmartRteB30Button")
 
-        self.formLayout.setWidget(10, QFormLayout.LabelRole, self.exportSmartRteB30Button)
+        self.formLayout.setWidget(15, QFormLayout.LabelRole, self.exportSmartRteB30Button)
 
         self.label_9 = QLabel(TabDb_Manage)
         self.label_9.setObjectName(u"label_9")
         self.label_9.setOpenExternalLinks(True)
         self.label_9.setTextInteractionFlags(Qt.LinksAccessibleByKeyboard|Qt.LinksAccessibleByMouse)
 
-        self.formLayout.setWidget(10, QFormLayout.FieldRole, self.label_9)
+        self.formLayout.setWidget(15, QFormLayout.FieldRole, self.label_9)
+
+        self.label_14 = QLabel(TabDb_Manage)
+        self.label_14.setObjectName(u"label_14")
+        self.label_14.setFont(font)
+
+        self.formLayout.setWidget(17, QFormLayout.SpanningRole, self.label_14)
+
+        self.exportArcsongJsonButton = QPushButton(TabDb_Manage)
+        self.exportArcsongJsonButton.setObjectName(u"exportArcsongJsonButton")
+
+        self.formLayout.setWidget(18, QFormLayout.LabelRole, self.exportArcsongJsonButton)
+
+        self.label_6 = QLabel(TabDb_Manage)
+        self.label_6.setObjectName(u"label_6")
+
+        self.formLayout.setWidget(18, QFormLayout.FieldRole, self.label_6)
+
+        self.label_10 = QLabel(TabDb_Manage)
+        self.label_10.setObjectName(u"label_10")
+        self.label_10.setFont(font)
+
+        self.formLayout.setWidget(0, QFormLayout.SpanningRole, self.label_10)
+
+        self.verticalSpacer = QSpacerItem(20, 20, QSizePolicy.Minimum, QSizePolicy.Minimum)
+
+        self.formLayout.setItem(4, QFormLayout.LabelRole, self.verticalSpacer)
+
+        self.verticalSpacer_2 = QSpacerItem(20, 20, QSizePolicy.Minimum, QSizePolicy.Minimum)
+
+        self.formLayout.setItem(8, QFormLayout.LabelRole, self.verticalSpacer_2)
+
+        self.verticalSpacer_3 = QSpacerItem(20, 20, QSizePolicy.Minimum, QSizePolicy.Minimum)
+
+        self.formLayout.setItem(12, QFormLayout.LabelRole, self.verticalSpacer_3)
+
+        self.verticalSpacer_4 = QSpacerItem(20, 20, QSizePolicy.Minimum, QSizePolicy.Minimum)
+
+        self.formLayout.setItem(16, QFormLayout.LabelRole, self.verticalSpacer_4)
+
+        self.syncChartInfoDbButton = QPushButton(TabDb_Manage)
+        self.syncChartInfoDbButton.setObjectName(u"syncChartInfoDbButton")
+
+        self.formLayout.setWidget(7, QFormLayout.LabelRole, self.syncChartInfoDbButton)
+
+        self.label_15 = QLabel(TabDb_Manage)
+        self.label_15.setObjectName(u"label_15")
+
+        self.formLayout.setWidget(7, QFormLayout.FieldRole, self.label_15)
 
 
         self.retranslateUi(TabDb_Manage)
@@ -140,24 +185,30 @@ class Ui_TabDb_Manage(object):
     # setupUi
 
     def retranslateUi(self, TabDb_Manage):
-        self.syncArcSongDbButton.setText(QCoreApplication.translate("TabDb_Manage", u"syncArcSongDbButton", None))
-        self.label.setText(QCoreApplication.translate("TabDb_Manage", u"syncArcSongDb.description", None))
-        self.importSt3Button.setText(QCoreApplication.translate("TabDb_Manage", u"importSt3Button", None))
-        self.label_2.setText(QCoreApplication.translate("TabDb_Manage", u"importSt3.description", None))
-        self.exportScoresButton.setText(QCoreApplication.translate("TabDb_Manage", u"exportScoresButton", None))
-        self.label_3.setText(QCoreApplication.translate("TabDb_Manage", u"exportScores.description", None))
         self.importPacklistButton.setText(QCoreApplication.translate("TabDb_Manage", u"importPacklistButton", None))
-        self.importSonglistButton.setText(QCoreApplication.translate("TabDb_Manage", u"importSonglistButton", None))
         self.label_4.setText(QCoreApplication.translate("TabDb_Manage", u"importPacklist.description", None))
+        self.importSonglistButton.setText(QCoreApplication.translate("TabDb_Manage", u"importSonglistButton", None))
         self.label_5.setText(QCoreApplication.translate("TabDb_Manage", u"importSonglist.description", None))
-        self.exportArcsongJsonButton.setText(QCoreApplication.translate("TabDb_Manage", u"exportArcsongJsonButton", None))
-        self.label_6.setText(QCoreApplication.translate("TabDb_Manage", u"exportArcsongJson.description", None))
         self.importApkButton.setText(QCoreApplication.translate("TabDb_Manage", u"importApkButton", None))
         self.label_7.setText(QCoreApplication.translate("TabDb_Manage", u"importApk.description", None))
+        self.label_11.setText(QCoreApplication.translate("TabDb_Manage", u"chartInfoGroup", None))
+        self.syncArcSongDbButton.setText(QCoreApplication.translate("TabDb_Manage", u"syncArcSongDbButton", None))
+        self.label.setText(QCoreApplication.translate("TabDb_Manage", u"syncArcSongDb.description", None))
+        self.label_12.setText(QCoreApplication.translate("TabDb_Manage", u"importScoreGroup", None))
+        self.importSt3Button.setText(QCoreApplication.translate("TabDb_Manage", u"importSt3Button", None))
+        self.label_2.setText(QCoreApplication.translate("TabDb_Manage", u"importSt3.description", None))
         self.importOnlineButton.setText(QCoreApplication.translate("TabDb_Manage", u"importOnlineButton", None))
         self.label_8.setText(QCoreApplication.translate("TabDb_Manage", u"importOnline.description", None))
+        self.label_13.setText(QCoreApplication.translate("TabDb_Manage", u"exportScoreGroup", None))
+        self.exportScoresButton.setText(QCoreApplication.translate("TabDb_Manage", u"exportScoresButton", None))
+        self.label_3.setText(QCoreApplication.translate("TabDb_Manage", u"exportScores.description", None))
         self.exportSmartRteB30Button.setText(QCoreApplication.translate("TabDb_Manage", u"exportSmartRteB30Button", None))
         self.label_9.setText(QCoreApplication.translate("TabDb_Manage", u"exportSmartRteB30.description", None))
+        self.label_14.setText(QCoreApplication.translate("TabDb_Manage", u"miscGroup", None))
+        self.exportArcsongJsonButton.setText(QCoreApplication.translate("TabDb_Manage", u"exportArcsongJsonButton", None))
+        self.label_6.setText(QCoreApplication.translate("TabDb_Manage", u"exportArcsongJson.description", None))
+        self.label_10.setText(QCoreApplication.translate("TabDb_Manage", u"packSongInfoGroup", None))
+        self.syncChartInfoDbButton.setText(QCoreApplication.translate("TabDb_Manage", u"syncChartInfoDbButton", None))
+        self.label_15.setText(QCoreApplication.translate("TabDb_Manage", u"syncChartInfoDb.description", None))
         pass
     # retranslateUi
-

ui/designer/tabs/tabDb/tabDb_RemoveDuplicateScores.ui

@@ -0,0 +1,286 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>TabDb_RemoveDuplicateScores</class>
+ <widget class="QWidget" name="TabDb_RemoveDuplicateScores">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>600</width>
+    <height>500</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string notr="true">TabDb_RemoveDuplicateScores</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout_2">
+   <item>
+    <widget class="QGroupBox" name="groupBox_2">
+     <property name="title">
+      <string>scan.title</string>
+     </property>
+     <layout class="QVBoxLayout" name="verticalLayout">
+      <item>
+       <layout class="QVBoxLayout" name="verticalLayout_4">
+        <item>
+         <layout class="QHBoxLayout" name="horizontalLayout_2">
+          <item>
+           <widget class="QCheckBox" name="scan_option_scoreCheckBox">
+            <property name="text">
+             <string>scan.option.score</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QCheckBox" name="scan_option_pureCheckBox">
+            <property name="text">
+             <string notr="true">PURE</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QCheckBox" name="scan_option_farCheckBox">
+            <property name="text">
+             <string notr="true">FAR</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QCheckBox" name="scan_option_lostCheckBox">
+            <property name="text">
+             <string notr="true">LOST</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QCheckBox" name="scan_option_maxRecallCheckBox">
+            <property name="text">
+             <string notr="true">MAX RECALL</string>
+            </property>
+           </widget>
+          </item>
+         </layout>
+        </item>
+       </layout>
+      </item>
+      <item>
+       <layout class="QHBoxLayout" name="horizontalLayout_3">
+        <item>
+         <widget class="QCheckBox" name="scan_option_dateCheckBox">
+          <property name="text">
+           <string>scan.option.date</string>
+          </property>
+         </widget>
+        </item>
+        <item>
+         <widget class="QCheckBox" name="scan_option_modifierCheckBox">
+          <property name="text">
+           <string>scan.option.modifier</string>
+          </property>
+         </widget>
+        </item>
+        <item>
+         <widget class="QCheckBox" name="scan_option_clearTypeCheckBox">
+          <property name="text">
+           <string>scan.option.clearType</string>
+          </property>
+         </widget>
+        </item>
+       </layout>
+      </item>
+      <item>
+       <widget class="QPushButton" name="scan_scanButton">
+        <property name="text">
+         <string>scan.scanButton</string>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+   <item>
+    <layout class="QHBoxLayout" name="horizontalLayout">
+     <item>
+      <widget class="QTreeView" name="treeView">
+       <property name="editTriggers">
+        <set>QAbstractItemView::NoEditTriggers</set>
+       </property>
+       <property name="selectionMode">
+        <enum>QAbstractItemView::NoSelection</enum>
+       </property>
+       <property name="verticalScrollMode">
+        <enum>QAbstractItemView::ScrollPerPixel</enum>
+       </property>
+       <property name="headerHidden">
+        <bool>true</bool>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <layout class="QVBoxLayout" name="verticalLayout_6">
+       <item>
+        <widget class="QGroupBox" name="groupBox">
+         <property name="title">
+          <string>quickSelect.title</string>
+         </property>
+         <layout class="QVBoxLayout" name="verticalLayout_3">
+          <item>
+           <widget class="QLabel" name="label">
+            <property name="text">
+             <string>quickSelect.description</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QComboBox" name="quickSelect_comboBox">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Expanding" vsizetype="Fixed">
+              <horstretch>0</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <spacer name="verticalSpacer_2">
+            <property name="orientation">
+             <enum>Qt::Vertical</enum>
+            </property>
+            <property name="sizeHint" stdset="0">
+             <size>
+              <width>20</width>
+              <height>40</height>
+             </size>
+            </property>
+           </spacer>
+          </item>
+          <item>
+           <widget class="QPushButton" name="quickSelect_selectButton">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Expanding" vsizetype="Fixed">
+              <horstretch>0</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+            <property name="text">
+             <string>quickSelect.selectButton</string>
+            </property>
+           </widget>
+          </item>
+         </layout>
+        </widget>
+       </item>
+       <item>
+        <widget class="QGroupBox" name="groupBox_3">
+         <property name="title">
+          <string/>
+         </property>
+         <layout class="QVBoxLayout" name="verticalLayout_5">
+          <item>
+           <widget class="QPushButton" name="deselectAllButton">
+            <property name="text">
+             <string>deselectAllButton</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QPushButton" name="reverseSelectionButton">
+            <property name="text">
+             <string>reverseSelectionButton</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <spacer name="verticalSpacer_3">
+            <property name="orientation">
+             <enum>Qt::Vertical</enum>
+            </property>
+            <property name="sizeHint" stdset="0">
+             <size>
+              <width>20</width>
+              <height>40</height>
+             </size>
+            </property>
+           </spacer>
+          </item>
+          <item>
+           <widget class="QPushButton" name="collapseAllButton">
+            <property name="text">
+             <string>collapseAllButton</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QPushButton" name="expandAllButton">
+            <property name="text">
+             <string>expandAllButton</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QPushButton" name="resetModelButton">
+            <property name="text">
+             <string>resetModelButton</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <spacer name="verticalSpacer">
+            <property name="orientation">
+             <enum>Qt::Vertical</enum>
+            </property>
+            <property name="sizeHint" stdset="0">
+             <size>
+              <width>20</width>
+              <height>40</height>
+             </size>
+            </property>
+           </spacer>
+          </item>
+          <item>
+           <widget class="QPushButton" name="deleteSelectionButton">
+            <property name="font">
+             <font>
+              <bold>true</bold>
+             </font>
+            </property>
+            <property name="styleSheet">
+             <string notr="true">QPushButton { color: red };</string>
+            </property>
+            <property name="text">
+             <string>deleteSelectionButton</string>
+            </property>
+           </widget>
+          </item>
+         </layout>
+        </widget>
+       </item>
+      </layout>
+     </item>
+    </layout>
+   </item>
+  </layout>
+ </widget>
+ <tabstops>
+  <tabstop>scan_option_scoreCheckBox</tabstop>
+  <tabstop>scan_option_pureCheckBox</tabstop>
+  <tabstop>scan_option_farCheckBox</tabstop>
+  <tabstop>scan_option_lostCheckBox</tabstop>
+  <tabstop>scan_option_maxRecallCheckBox</tabstop>
+  <tabstop>scan_option_dateCheckBox</tabstop>
+  <tabstop>scan_option_modifierCheckBox</tabstop>
+  <tabstop>scan_option_clearTypeCheckBox</tabstop>
+  <tabstop>scan_scanButton</tabstop>
+  <tabstop>treeView</tabstop>
+  <tabstop>quickSelect_comboBox</tabstop>
+  <tabstop>quickSelect_selectButton</tabstop>
+  <tabstop>deselectAllButton</tabstop>
+  <tabstop>reverseSelectionButton</tabstop>
+  <tabstop>collapseAllButton</tabstop>
+  <tabstop>expandAllButton</tabstop>
+  <tabstop>resetModelButton</tabstop>
+  <tabstop>deleteSelectionButton</tabstop>
+ </tabstops>
+ <resources/>
+ <connections/>
+</ui>

ui/designer/tabs/tabDb/tabDb_RemoveDuplicateScores_ui.py

@@ -0,0 +1,245 @@
+# -*- coding: utf-8 -*-
+
+################################################################################
+## Form generated from reading UI file 'tabDb_RemoveDuplicateScores.ui'
+##
+## Created by: Qt User Interface Compiler version 6.5.2
+##
+## WARNING! All changes made in this file will be lost when recompiling UI file!
+################################################################################
+
+from PySide6.QtCore import (QCoreApplication, QDate, QDateTime, QLocale,
+    QMetaObject, QObject, QPoint, QRect,
+    QSize, QTime, QUrl, Qt)
+from PySide6.QtGui import (QBrush, QColor, QConicalGradient, QCursor,
+    QFont, QFontDatabase, QGradient, QIcon,
+    QImage, QKeySequence, QLinearGradient, QPainter,
+    QPalette, QPixmap, QRadialGradient, QTransform)
+from PySide6.QtWidgets import (QAbstractItemView, QApplication, QCheckBox, QComboBox,
+    QGroupBox, QHBoxLayout, QHeaderView, QLabel,
+    QPushButton, QSizePolicy, QSpacerItem, QTreeView,
+    QVBoxLayout, QWidget)
+
+class Ui_TabDb_RemoveDuplicateScores(object):
+    def setupUi(self, TabDb_RemoveDuplicateScores):
+        if not TabDb_RemoveDuplicateScores.objectName():
+            TabDb_RemoveDuplicateScores.setObjectName(u"TabDb_RemoveDuplicateScores")
+        TabDb_RemoveDuplicateScores.resize(600, 500)
+        TabDb_RemoveDuplicateScores.setWindowTitle(u"TabDb_RemoveDuplicateScores")
+        self.verticalLayout_2 = QVBoxLayout(TabDb_RemoveDuplicateScores)
+        self.verticalLayout_2.setObjectName(u"verticalLayout_2")
+        self.groupBox_2 = QGroupBox(TabDb_RemoveDuplicateScores)
+        self.groupBox_2.setObjectName(u"groupBox_2")
+        self.verticalLayout = QVBoxLayout(self.groupBox_2)
+        self.verticalLayout.setObjectName(u"verticalLayout")
+        self.verticalLayout_4 = QVBoxLayout()
+        self.verticalLayout_4.setObjectName(u"verticalLayout_4")
+        self.horizontalLayout_2 = QHBoxLayout()
+        self.horizontalLayout_2.setObjectName(u"horizontalLayout_2")
+        self.scan_option_scoreCheckBox = QCheckBox(self.groupBox_2)
+        self.scan_option_scoreCheckBox.setObjectName(u"scan_option_scoreCheckBox")
+
+        self.horizontalLayout_2.addWidget(self.scan_option_scoreCheckBox)
+
+        self.scan_option_pureCheckBox = QCheckBox(self.groupBox_2)
+        self.scan_option_pureCheckBox.setObjectName(u"scan_option_pureCheckBox")
+        self.scan_option_pureCheckBox.setText(u"PURE")
+
+        self.horizontalLayout_2.addWidget(self.scan_option_pureCheckBox)
+
+        self.scan_option_farCheckBox = QCheckBox(self.groupBox_2)
+        self.scan_option_farCheckBox.setObjectName(u"scan_option_farCheckBox")
+        self.scan_option_farCheckBox.setText(u"FAR")
+
+        self.horizontalLayout_2.addWidget(self.scan_option_farCheckBox)
+
+        self.scan_option_lostCheckBox = QCheckBox(self.groupBox_2)
+        self.scan_option_lostCheckBox.setObjectName(u"scan_option_lostCheckBox")
+        self.scan_option_lostCheckBox.setText(u"LOST")
+
+        self.horizontalLayout_2.addWidget(self.scan_option_lostCheckBox)
+
+        self.scan_option_maxRecallCheckBox = QCheckBox(self.groupBox_2)
+        self.scan_option_maxRecallCheckBox.setObjectName(u"scan_option_maxRecallCheckBox")
+        self.scan_option_maxRecallCheckBox.setText(u"MAX RECALL")
+
+        self.horizontalLayout_2.addWidget(self.scan_option_maxRecallCheckBox)
+
+
+        self.verticalLayout_4.addLayout(self.horizontalLayout_2)
+
+
+        self.verticalLayout.addLayout(self.verticalLayout_4)
+
+        self.horizontalLayout_3 = QHBoxLayout()
+        self.horizontalLayout_3.setObjectName(u"horizontalLayout_3")
+        self.scan_option_dateCheckBox = QCheckBox(self.groupBox_2)
+        self.scan_option_dateCheckBox.setObjectName(u"scan_option_dateCheckBox")
+
+        self.horizontalLayout_3.addWidget(self.scan_option_dateCheckBox)
+
+        self.scan_option_modifierCheckBox = QCheckBox(self.groupBox_2)
+        self.scan_option_modifierCheckBox.setObjectName(u"scan_option_modifierCheckBox")
+
+        self.horizontalLayout_3.addWidget(self.scan_option_modifierCheckBox)
+
+        self.scan_option_clearTypeCheckBox = QCheckBox(self.groupBox_2)
+        self.scan_option_clearTypeCheckBox.setObjectName(u"scan_option_clearTypeCheckBox")
+
+        self.horizontalLayout_3.addWidget(self.scan_option_clearTypeCheckBox)
+
+
+        self.verticalLayout.addLayout(self.horizontalLayout_3)
+
+        self.scan_scanButton = QPushButton(self.groupBox_2)
+        self.scan_scanButton.setObjectName(u"scan_scanButton")
+
+        self.verticalLayout.addWidget(self.scan_scanButton)
+
+
+        self.verticalLayout_2.addWidget(self.groupBox_2)
+
+        self.horizontalLayout = QHBoxLayout()
+        self.horizontalLayout.setObjectName(u"horizontalLayout")
+        self.treeView = QTreeView(TabDb_RemoveDuplicateScores)
+        self.treeView.setObjectName(u"treeView")
+        self.treeView.setEditTriggers(QAbstractItemView.NoEditTriggers)
+        self.treeView.setSelectionMode(QAbstractItemView.NoSelection)
+        self.treeView.setVerticalScrollMode(QAbstractItemView.ScrollPerPixel)
+        self.treeView.setHeaderHidden(True)
+
+        self.horizontalLayout.addWidget(self.treeView)
+
+        self.verticalLayout_6 = QVBoxLayout()
+        self.verticalLayout_6.setObjectName(u"verticalLayout_6")
+        self.groupBox = QGroupBox(TabDb_RemoveDuplicateScores)
+        self.groupBox.setObjectName(u"groupBox")
+        self.verticalLayout_3 = QVBoxLayout(self.groupBox)
+        self.verticalLayout_3.setObjectName(u"verticalLayout_3")
+        self.label = QLabel(self.groupBox)
+        self.label.setObjectName(u"label")
+
+        self.verticalLayout_3.addWidget(self.label)
+
+        self.quickSelect_comboBox = QComboBox(self.groupBox)
+        self.quickSelect_comboBox.setObjectName(u"quickSelect_comboBox")
+        sizePolicy = QSizePolicy(QSizePolicy.Expanding, QSizePolicy.Fixed)
+        sizePolicy.setHorizontalStretch(0)
+        sizePolicy.setVerticalStretch(0)
+        sizePolicy.setHeightForWidth(self.quickSelect_comboBox.sizePolicy().hasHeightForWidth())
+        self.quickSelect_comboBox.setSizePolicy(sizePolicy)
+
+        self.verticalLayout_3.addWidget(self.quickSelect_comboBox)
+
+        self.verticalSpacer_2 = QSpacerItem(20, 40, QSizePolicy.Minimum, QSizePolicy.Expanding)
+
+        self.verticalLayout_3.addItem(self.verticalSpacer_2)
+
+        self.quickSelect_selectButton = QPushButton(self.groupBox)
+        self.quickSelect_selectButton.setObjectName(u"quickSelect_selectButton")
+        sizePolicy.setHeightForWidth(self.quickSelect_selectButton.sizePolicy().hasHeightForWidth())
+        self.quickSelect_selectButton.setSizePolicy(sizePolicy)
+
+        self.verticalLayout_3.addWidget(self.quickSelect_selectButton)
+
+
+        self.verticalLayout_6.addWidget(self.groupBox)
+
+        self.groupBox_3 = QGroupBox(TabDb_RemoveDuplicateScores)
+        self.groupBox_3.setObjectName(u"groupBox_3")
+        self.verticalLayout_5 = QVBoxLayout(self.groupBox_3)
+        self.verticalLayout_5.setObjectName(u"verticalLayout_5")
+        self.deselectAllButton = QPushButton(self.groupBox_3)
+        self.deselectAllButton.setObjectName(u"deselectAllButton")
+
+        self.verticalLayout_5.addWidget(self.deselectAllButton)
+
+        self.reverseSelectionButton = QPushButton(self.groupBox_3)
+        self.reverseSelectionButton.setObjectName(u"reverseSelectionButton")
+
+        self.verticalLayout_5.addWidget(self.reverseSelectionButton)
+
+        self.verticalSpacer_3 = QSpacerItem(20, 40, QSizePolicy.Minimum, QSizePolicy.Expanding)
+
+        self.verticalLayout_5.addItem(self.verticalSpacer_3)
+
+        self.collapseAllButton = QPushButton(self.groupBox_3)
+        self.collapseAllButton.setObjectName(u"collapseAllButton")
+
+        self.verticalLayout_5.addWidget(self.collapseAllButton)
+
+        self.expandAllButton = QPushButton(self.groupBox_3)
+        self.expandAllButton.setObjectName(u"expandAllButton")
+
+        self.verticalLayout_5.addWidget(self.expandAllButton)
+
+        self.resetModelButton = QPushButton(self.groupBox_3)
+        self.resetModelButton.setObjectName(u"resetModelButton")
+
+        self.verticalLayout_5.addWidget(self.resetModelButton)
+
+        self.verticalSpacer = QSpacerItem(20, 40, QSizePolicy.Minimum, QSizePolicy.Expanding)
+
+        self.verticalLayout_5.addItem(self.verticalSpacer)
+
+        self.deleteSelectionButton = QPushButton(self.groupBox_3)
+        self.deleteSelectionButton.setObjectName(u"deleteSelectionButton")
+        font = QFont()
+        font.setBold(True)
+        self.deleteSelectionButton.setFont(font)
+        self.deleteSelectionButton.setStyleSheet(u"QPushButton { color: red };")
+
+        self.verticalLayout_5.addWidget(self.deleteSelectionButton)
+
+
+        self.verticalLayout_6.addWidget(self.groupBox_3)
+
+
+        self.horizontalLayout.addLayout(self.verticalLayout_6)
+
+
+        self.verticalLayout_2.addLayout(self.horizontalLayout)
+
+        QWidget.setTabOrder(self.scan_option_scoreCheckBox, self.scan_option_pureCheckBox)
+        QWidget.setTabOrder(self.scan_option_pureCheckBox, self.scan_option_farCheckBox)
+        QWidget.setTabOrder(self.scan_option_farCheckBox, self.scan_option_lostCheckBox)
+        QWidget.setTabOrder(self.scan_option_lostCheckBox, self.scan_option_maxRecallCheckBox)
+        QWidget.setTabOrder(self.scan_option_maxRecallCheckBox, self.scan_option_dateCheckBox)
+        QWidget.setTabOrder(self.scan_option_dateCheckBox, self.scan_option_modifierCheckBox)
+        QWidget.setTabOrder(self.scan_option_modifierCheckBox, self.scan_option_clearTypeCheckBox)
+        QWidget.setTabOrder(self.scan_option_clearTypeCheckBox, self.scan_scanButton)
+        QWidget.setTabOrder(self.scan_scanButton, self.treeView)
+        QWidget.setTabOrder(self.treeView, self.quickSelect_comboBox)
+        QWidget.setTabOrder(self.quickSelect_comboBox, self.quickSelect_selectButton)
+        QWidget.setTabOrder(self.quickSelect_selectButton, self.deselectAllButton)
+        QWidget.setTabOrder(self.deselectAllButton, self.reverseSelectionButton)
+        QWidget.setTabOrder(self.reverseSelectionButton, self.collapseAllButton)
+        QWidget.setTabOrder(self.collapseAllButton, self.expandAllButton)
+        QWidget.setTabOrder(self.expandAllButton, self.resetModelButton)
+        QWidget.setTabOrder(self.resetModelButton, self.deleteSelectionButton)
+
+        self.retranslateUi(TabDb_RemoveDuplicateScores)
+
+        QMetaObject.connectSlotsByName(TabDb_RemoveDuplicateScores)
+    # setupUi
+
+    def retranslateUi(self, TabDb_RemoveDuplicateScores):
+        self.groupBox_2.setTitle(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"scan.title", None))
+        self.scan_option_scoreCheckBox.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"scan.option.score", None))
+        self.scan_option_dateCheckBox.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"scan.option.date", None))
+        self.scan_option_modifierCheckBox.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"scan.option.modifier", None))
+        self.scan_option_clearTypeCheckBox.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"scan.option.clearType", None))
+        self.scan_scanButton.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"scan.scanButton", None))
+        self.groupBox.setTitle(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"quickSelect.title", None))
+        self.label.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"quickSelect.description", None))
+        self.quickSelect_selectButton.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"quickSelect.selectButton", None))
+        self.groupBox_3.setTitle("")
+        self.deselectAllButton.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"deselectAllButton", None))
+        self.reverseSelectionButton.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"reverseSelectionButton", None))
+        self.collapseAllButton.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"collapseAllButton", None))
+        self.expandAllButton.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"expandAllButton", None))
+        self.resetModelButton.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"resetModelButton", None))
+        self.deleteSelectionButton.setText(QCoreApplication.translate("TabDb_RemoveDuplicateScores", u"deleteSelectionButton", None))
+        pass
+    # retranslateUi
+

ui/designer/tabs/tabDbEntry.ui

@@ -29,6 +29,11 @@
        <string>tab.chartInfoEditor</string>
       </attribute>
      </widget>
+     <widget class="TabDb_RemoveDuplicateScores" name="tab_removeDuplicateScores">
+      <attribute name="title">
+       <string>tab.removeDuplicateScores</string>
+      </attribute>
+     </widget>
     </widget>
    </item>
   </layout>
@@ -46,6 +51,12 @@
    <header>ui.implements.tabs.tabDb.tabDb_ChartInfoEditor</header>
    <container>1</container>
   </customwidget>
+  <customwidget>
+   <class>TabDb_RemoveDuplicateScores</class>
+   <extends>QWidget</extends>
+   <header>ui.implements.tabs.tabDb.tabDb_RemoveDuplicateScores</header>
+   <container>1</container>
+  </customwidget>
  </customwidgets>
  <resources/>
  <connections/>

ui/designer/tabs/tabDbEntry_ui.py

@@ -20,6 +20,7 @@ from PySide6.QtWidgets import (QApplication, QSizePolicy, QTabWidget, QVBoxLayou
 
 from ui.implements.tabs.tabDb.tabDb_ChartInfoEditor import TabDb_ChartInfoEditor
 from ui.implements.tabs.tabDb.tabDb_Manage import TabDb_Manage
+from ui.implements.tabs.tabDb.tabDb_RemoveDuplicateScores import TabDb_RemoveDuplicateScores
 
 class Ui_TabDbEntry(object):
     def setupUi(self, TabDbEntry):
@@ -37,6 +38,9 @@ class Ui_TabDbEntry(object):
         self.tab_chartInfoEditor = TabDb_ChartInfoEditor()
         self.tab_chartInfoEditor.setObjectName(u"tab_chartInfoEditor")
         self.tabWidget.addTab(self.tab_chartInfoEditor, "")
+        self.tab_removeDuplicateScores = TabDb_RemoveDuplicateScores()
+        self.tab_removeDuplicateScores.setObjectName(u"tab_removeDuplicateScores")
+        self.tabWidget.addTab(self.tab_removeDuplicateScores, "")
 
         self.verticalLayout.addWidget(self.tabWidget)
 
@@ -52,6 +56,7 @@ class Ui_TabDbEntry(object):
     def retranslateUi(self, TabDbEntry):
         self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab_manage), QCoreApplication.translate("TabDbEntry", u"tab.manage", None))
         self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab_chartInfoEditor), QCoreApplication.translate("TabDbEntry", u"tab.chartInfoEditor", None))
+        self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab_removeDuplicateScores), QCoreApplication.translate("TabDbEntry", u"tab.removeDuplicateScores", None))
         pass
     # retranslateUi
 

ui/designer/tabs/tabOverview.ui

@@ -1,124 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<ui version="4.0">
- <class>TabOverview</class>
- <widget class="QWidget" name="TabOverview">
-  <property name="geometry">
-   <rect>
-    <x>0</x>
-    <y>0</y>
-    <width>696</width>
-    <height>509</height>
-   </rect>
-  </property>
-  <property name="windowTitle">
-   <string notr="true">TabOverview</string>
-  </property>
-  <layout class="QVBoxLayout" name="verticalLayout">
-   <item>
-    <widget class="QWidget" name="widget" native="true"/>
-   </item>
-   <item>
-    <widget class="QLabel" name="databaseDescribeLabel">
-     <property name="text">
-      <string notr="true" extracomment="This database now have {} packs, {} songs, {} difficulties, {} chart info ({} complete) and {} scores.">...</string>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <widget class="QWidget" name="widget_2" native="true">
-     <property name="sizePolicy">
-      <sizepolicy hsizetype="Preferred" vsizetype="Expanding">
-       <horstretch>0</horstretch>
-       <verstretch>0</verstretch>
-      </sizepolicy>
-     </property>
-     <layout class="QHBoxLayout" name="horizontalLayout">
-      <item>
-       <widget class="QWidget" name="widget_3" native="true">
-        <layout class="QVBoxLayout" name="verticalLayout_2">
-         <item>
-          <widget class="QLabel" name="b30Label">
-           <property name="font">
-            <font>
-             <pointsize>30</pointsize>
-            </font>
-           </property>
-           <property name="text">
-            <string notr="true">0.00</string>
-           </property>
-           <property name="alignment">
-            <set>Qt::AlignBottom|Qt::AlignHCenter</set>
-           </property>
-          </widget>
-         </item>
-         <item>
-          <widget class="QLabel" name="label_2">
-           <property name="font">
-            <font>
-             <pointsize>20</pointsize>
-            </font>
-           </property>
-           <property name="text">
-            <string notr="true">B30</string>
-           </property>
-           <property name="alignment">
-            <set>Qt::AlignHCenter|Qt::AlignTop</set>
-           </property>
-          </widget>
-         </item>
-        </layout>
-       </widget>
-      </item>
-      <item>
-       <widget class="QWidget" name="widget_4" native="true">
-        <property name="enabled">
-         <bool>false</bool>
-        </property>
-        <layout class="QVBoxLayout" name="verticalLayout_3">
-         <item>
-          <widget class="QLabel" name="r10Label">
-           <property name="enabled">
-            <bool>false</bool>
-           </property>
-           <property name="font">
-            <font>
-             <pointsize>30</pointsize>
-            </font>
-           </property>
-           <property name="text">
-            <string notr="true">--</string>
-           </property>
-           <property name="alignment">
-            <set>Qt::AlignBottom|Qt::AlignHCenter</set>
-           </property>
-          </widget>
-         </item>
-         <item>
-          <widget class="QLabel" name="label_4">
-           <property name="enabled">
-            <bool>false</bool>
-           </property>
-           <property name="font">
-            <font>
-             <pointsize>20</pointsize>
-            </font>
-           </property>
-           <property name="text">
-            <string notr="true">R10</string>
-           </property>
-           <property name="alignment">
-            <set>Qt::AlignHCenter|Qt::AlignTop</set>
-           </property>
-          </widget>
-         </item>
-        </layout>
-       </widget>
-      </item>
-     </layout>
-    </widget>
-   </item>
-  </layout>
- </widget>
- <resources/>
- <connections/>
-</ui>

ui/designer/tabs/tabOverview_ui.py

@@ -1,114 +0,0 @@
-# -*- coding: utf-8 -*-
-
-################################################################################
-## Form generated from reading UI file 'tabOverview.ui'
-##
-## Created by: Qt User Interface Compiler version 6.5.2
-##
-## WARNING! All changes made in this file will be lost when recompiling UI file!
-################################################################################
-
-from PySide6.QtCore import (QCoreApplication, QDate, QDateTime, QLocale,
-    QMetaObject, QObject, QPoint, QRect,
-    QSize, QTime, QUrl, Qt)
-from PySide6.QtGui import (QBrush, QColor, QConicalGradient, QCursor,
-    QFont, QFontDatabase, QGradient, QIcon,
-    QImage, QKeySequence, QLinearGradient, QPainter,
-    QPalette, QPixmap, QRadialGradient, QTransform)
-from PySide6.QtWidgets import (QApplication, QHBoxLayout, QLabel, QSizePolicy,
-    QVBoxLayout, QWidget)
-
-class Ui_TabOverview(object):
-    def setupUi(self, TabOverview):
-        if not TabOverview.objectName():
-            TabOverview.setObjectName(u"TabOverview")
-        TabOverview.resize(696, 509)
-        TabOverview.setWindowTitle(u"TabOverview")
-        self.verticalLayout = QVBoxLayout(TabOverview)
-        self.verticalLayout.setObjectName(u"verticalLayout")
-        self.widget = QWidget(TabOverview)
-        self.widget.setObjectName(u"widget")
-
-        self.verticalLayout.addWidget(self.widget)
-
-        self.databaseDescribeLabel = QLabel(TabOverview)
-        self.databaseDescribeLabel.setObjectName(u"databaseDescribeLabel")
-        self.databaseDescribeLabel.setText(u"...")
-
-        self.verticalLayout.addWidget(self.databaseDescribeLabel)
-
-        self.widget_2 = QWidget(TabOverview)
-        self.widget_2.setObjectName(u"widget_2")
-        sizePolicy = QSizePolicy(QSizePolicy.Preferred, QSizePolicy.Expanding)
-        sizePolicy.setHorizontalStretch(0)
-        sizePolicy.setVerticalStretch(0)
-        sizePolicy.setHeightForWidth(self.widget_2.sizePolicy().hasHeightForWidth())
-        self.widget_2.setSizePolicy(sizePolicy)
-        self.horizontalLayout = QHBoxLayout(self.widget_2)
-        self.horizontalLayout.setObjectName(u"horizontalLayout")
-        self.widget_3 = QWidget(self.widget_2)
-        self.widget_3.setObjectName(u"widget_3")
-        self.verticalLayout_2 = QVBoxLayout(self.widget_3)
-        self.verticalLayout_2.setObjectName(u"verticalLayout_2")
-        self.b30Label = QLabel(self.widget_3)
-        self.b30Label.setObjectName(u"b30Label")
-        font = QFont()
-        font.setPointSize(30)
-        self.b30Label.setFont(font)
-        self.b30Label.setText(u"0.00")
-        self.b30Label.setAlignment(Qt.AlignBottom|Qt.AlignHCenter)
-
-        self.verticalLayout_2.addWidget(self.b30Label)
-
-        self.label_2 = QLabel(self.widget_3)
-        self.label_2.setObjectName(u"label_2")
-        font1 = QFont()
-        font1.setPointSize(20)
-        self.label_2.setFont(font1)
-        self.label_2.setText(u"B30")
-        self.label_2.setAlignment(Qt.AlignHCenter|Qt.AlignTop)
-
-        self.verticalLayout_2.addWidget(self.label_2)
-
-
-        self.horizontalLayout.addWidget(self.widget_3)
-
-        self.widget_4 = QWidget(self.widget_2)
-        self.widget_4.setObjectName(u"widget_4")
-        self.widget_4.setEnabled(False)
-        self.verticalLayout_3 = QVBoxLayout(self.widget_4)
-        self.verticalLayout_3.setObjectName(u"verticalLayout_3")
-        self.r10Label = QLabel(self.widget_4)
-        self.r10Label.setObjectName(u"r10Label")
-        self.r10Label.setEnabled(False)
-        self.r10Label.setFont(font)
-        self.r10Label.setText(u"--")
-        self.r10Label.setAlignment(Qt.AlignBottom|Qt.AlignHCenter)
-
-        self.verticalLayout_3.addWidget(self.r10Label)
-
-        self.label_4 = QLabel(self.widget_4)
-        self.label_4.setObjectName(u"label_4")
-        self.label_4.setEnabled(False)
-        self.label_4.setFont(font1)
-        self.label_4.setText(u"R10")
-        self.label_4.setAlignment(Qt.AlignHCenter|Qt.AlignTop)
-
-        self.verticalLayout_3.addWidget(self.label_4)
-
-
-        self.horizontalLayout.addWidget(self.widget_4)
-
-
-        self.verticalLayout.addWidget(self.widget_2)
-
-
-        self.retranslateUi(TabOverview)
-
-        QMetaObject.connectSlotsByName(TabOverview)
-    # setupUi
-
-    def retranslateUi(self, TabOverview):
-        pass
-    # retranslateUi
-

ui/designer/tabs/tabTools/tabTools_Andreal.ui

@@ -329,6 +329,36 @@
      </item>
     </layout>
    </item>
+   <item row="9" column="0">
+    <widget class="QLabel" name="label_4">
+     <property name="text">
+      <string>sourceCode</string>
+     </property>
+    </widget>
+   </item>
+   <item row="9" column="1">
+    <widget class="QLabel" name="label_7">
+     <property name="text">
+      <string notr="true">&lt;a href=&quot;https://github.com/283375/AndrealImageGenerator&quot;&gt;283375/AndrealImageGenerator&lt;/a&gt;&lt;br&gt;(forked from &lt;a href=&quot;https://github.com/Awbugl/AndrealImageGenerator&quot;&gt;Awbugl/AndrealImageGenerator&lt;/a&gt;)</string>
+     </property>
+     <property name="openExternalLinks">
+      <bool>true</bool>
+     </property>
+    </widget>
+   </item>
+   <item row="8" column="0" colspan="2">
+    <spacer name="verticalSpacer">
+     <property name="orientation">
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>40</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
   </layout>
  </widget>
  <customwidgets>

ui/designer/tabs/tabTools/tabTools_Andreal_ui.py

@@ -220,6 +220,22 @@ class Ui_TabTools_Andreal(object):
 
         self.formLayout.setLayout(7, QFormLayout.SpanningRole, self.horizontalLayout_5)
 
+        self.label_4 = QLabel(TabTools_Andreal)
+        self.label_4.setObjectName(u"label_4")
+
+        self.formLayout.setWidget(9, QFormLayout.LabelRole, self.label_4)
+
+        self.label_7 = QLabel(TabTools_Andreal)
+        self.label_7.setObjectName(u"label_7")
+        self.label_7.setText(u"<a href=\"https://github.com/283375/AndrealImageGenerator\">283375/AndrealImageGenerator</a><br>(forked from <a href=\"https://github.com/Awbugl/AndrealImageGenerator\">Awbugl/AndrealImageGenerator</a>)")
+        self.label_7.setOpenExternalLinks(True)
+
+        self.formLayout.setWidget(9, QFormLayout.FieldRole, self.label_7)
+
+        self.verticalSpacer = QSpacerItem(20, 40, QSizePolicy.Minimum, QSizePolicy.Expanding)
+
+        self.formLayout.setItem(8, QFormLayout.SpanningRole, self.verticalSpacer)
+
 
         self.retranslateUi(TabTools_Andreal)
         self.imageFormat_jpgRadioButton.toggled.connect(self.jpgQualityHolderWidget.setEnabled)
@@ -241,6 +257,7 @@ class Ui_TabTools_Andreal(object):
         self.exportJsonButton.setText(QCoreApplication.translate("TabTools_Andreal", u"exportJsonButton", None))
         self.generatePreviewButton.setText(QCoreApplication.translate("TabTools_Andreal", u"generatePreviewButton", None))
         self.generateImageButton.setText(QCoreApplication.translate("TabTools_Andreal", u"generateImageButton", None))
+        self.label_4.setText(QCoreApplication.translate("TabTools_Andreal", u"sourceCode", None))
         pass
     # retranslateUi
 

ui/designer/tabs/tabTools/tabTools_ChartRecommend.ui

@@ -82,6 +82,9 @@
         <property name="selectionMode">
          <enum>QAbstractItemView::NoSelection</enum>
         </property>
+        <property name="selectionBehavior">
+         <enum>QAbstractItemView::SelectRows</enum>
+        </property>
         <property name="verticalScrollMode">
          <enum>QAbstractItemView::ScrollPerPixel</enum>
         </property>
@@ -325,7 +328,7 @@
          <set>QAbstractItemView::NoEditTriggers</set>
         </property>
         <property name="selectionMode">
-         <enum>QAbstractItemView::SingleSelection</enum>
+         <enum>QAbstractItemView::NoSelection</enum>
         </property>
         <property name="selectionBehavior">
          <enum>QAbstractItemView::SelectRows</enum>

ui/designer/tabs/tabTools/tabTools_ChartRecommend_ui.py

@@ -68,6 +68,7 @@ class Ui_TabTools_ChartRecommend(object):
         self.chartsByConstant_modelView.setMinimumSize(QSize(150, 0))
         self.chartsByConstant_modelView.setEditTriggers(QAbstractItemView.NoEditTriggers)
         self.chartsByConstant_modelView.setSelectionMode(QAbstractItemView.NoSelection)
+        self.chartsByConstant_modelView.setSelectionBehavior(QAbstractItemView.SelectRows)
         self.chartsByConstant_modelView.setVerticalScrollMode(QAbstractItemView.ScrollPerPixel)
         self.chartsByConstant_modelView.setHorizontalScrollMode(QAbstractItemView.ScrollPerPixel)
 
@@ -228,7 +229,7 @@ class Ui_TabTools_ChartRecommend(object):
         self.chartsRecommendFromPlayRating_modelView.setSizePolicy(sizePolicy2)
         self.chartsRecommendFromPlayRating_modelView.setMinimumSize(QSize(200, 0))
         self.chartsRecommendFromPlayRating_modelView.setEditTriggers(QAbstractItemView.NoEditTriggers)
-        self.chartsRecommendFromPlayRating_modelView.setSelectionMode(QAbstractItemView.SingleSelection)
+        self.chartsRecommendFromPlayRating_modelView.setSelectionMode(QAbstractItemView.NoSelection)
         self.chartsRecommendFromPlayRating_modelView.setSelectionBehavior(QAbstractItemView.SelectRows)
         self.chartsRecommendFromPlayRating_modelView.setVerticalScrollMode(QAbstractItemView.ScrollPerPixel)
         self.chartsRecommendFromPlayRating_modelView.setHorizontalScrollMode(QAbstractItemView.ScrollPerPixel)

ui/extends/components/ocrQueue.py

@@ -5,7 +5,6 @@ from typing import Any, Callable, Optional, overload
 from arcaea_offline.calculate import calculate_score_range
 from arcaea_offline.database import Database
 from arcaea_offline.models import Chart, Score
-from arcaea_offline_ocr.b30.shared import B30OcrResultItem
 from arcaea_offline_ocr.device.common import DeviceOcrResult
 from PIL import Image
 from PIL.ImageQt import ImageQt
@@ -140,7 +139,11 @@ class OcrQueueModel(QAbstractListModel):
             return True
         else:
             logger.warning(
-                f"{repr(self)} setData at row {index.row()} with role {role} and value {value} rejected."
+                "%r setData at row %d with role %d and value %s rejected!",
+                self,
+                index.row(),
+                role,
+                value,
             )
             return False
 
@@ -150,6 +153,7 @@ class OcrQueueModel(QAbstractListModel):
 
     @iccOption.setter
     def iccOption(self, opt: IccOption):
+        logger.debug("ICC option changed to %s", opt)
         self.__iccOption = opt
 
     @overload
@@ -158,8 +162,7 @@ class OcrQueueModel(QAbstractListModel):
         image: str,
         runnable: OcrRunnable = None,
         process_func: Callable[[Optional[str], QImage, Any], Score] = None,
-    ):
-        ...
+    ): ...
 
     @overload
     def addItem(
@@ -167,8 +170,7 @@ class OcrQueueModel(QAbstractListModel):
         image: QImage,
         runnable: OcrRunnable = None,
         process_func: Callable[[Optional[str], QImage, Any], Score] = None,
-    ):
-        ...
+    ): ...
 
     def addItem(
         self,
@@ -178,7 +180,7 @@ class OcrQueueModel(QAbstractListModel):
     ):
         if isinstance(image, str):
             if image in self.imagePaths or not QFileInfo(image).exists():
-                logger.warning(f"Attempting to add an invalid file {image}")
+                logger.warning("Attempting to add an invalid file %s", image)
                 return
             imagePath = image
             if self.iccOption == IccOption.TryFix:
@@ -222,7 +224,7 @@ class OcrQueueModel(QAbstractListModel):
         index = self.index(row, 0)
         imagePath: str = index.data(self.ImagePathRole)
         qImage: QImage = index.data(self.ImageQImageRole)
-        logger.debug(f"update request: {result}@row{row}")
+        logger.debug("update request: %r@row%d", result, row)
         processOcrResultFunc = index.data(self.ProcessOcrResultFuncRole)
 
         chart, scoreInsert = processOcrResultFunc(imagePath, qImage, result)
@@ -293,8 +295,8 @@ class OcrQueueModel(QAbstractListModel):
             self.__items.pop(row)
             self.endRemoveRows()
             return
-        except Exception as e:
-            logger.exception(f"Error accepting {repr(item)}")
+        except Exception:
+            logger.exception("Error accepting %r", item)
             return
 
     def acceptItems(self, __rows: list[int], ignoreValidate: bool = False):
@@ -343,13 +345,11 @@ class OcrQueueTableProxyModel(QAbstractTableModel):
 
     def retranslateHeaders(self):
         self.__horizontalHeaders = [
-            # fmt: off
             QCoreApplication.translate("OcrTableModel", "horizontalHeader.title.select"),
             QCoreApplication.translate("OcrTableModel", "horizontalHeader.title.imagePreview"),
             QCoreApplication.translate("OcrTableModel", "horizontalHeader.title.chart"),
             QCoreApplication.translate("OcrTableModel", "horizontalHeader.title.score"),
-            # fmt: on
-        ]
+        ]  # fmt: skip
 
     def sourceModel(self) -> OcrQueueModel:
         return self.__sourceModel

ui/extends/components/songIdSelector.py

@@ -1,39 +0,0 @@
-from arcaea_offline.database import Database
-from arcaea_offline.models import Chart
-from arcaea_offline.searcher import Searcher
-from arcaea_offline.utils.rating import rating_class_to_short_text
-from PySide6.QtCore import Qt
-from PySide6.QtGui import QStandardItem, QStandardItemModel
-
-
-class SearchCompleterModel(QStandardItemModel):
-    def __init__(self, parent=None):
-        super().__init__(parent)
-        self.searcher = Searcher()
-        self.db = Database()
-
-    def updateSearcherSongs(self):
-        with self.db.sessionmaker() as session:
-            self.searcher.import_songs(session)
-
-    def getSearchResult(self, kw: str):
-        self.clear()
-
-        songIds = self.searcher.search(kw)
-
-        charts: list[Chart] = []
-        for songId in songIds:
-            _charts = self.db.get_charts_by_song_id(songId)
-            _charts = sorted(_charts, key=lambda c: c.rating_class, reverse=True)
-            charts += _charts
-
-        for chart in charts:
-            displayText = (
-                f"{chart.title} [{rating_class_to_short_text(chart.rating_class)}]"
-            )
-            item = QStandardItem(kw)
-            item.setData(kw)
-            item.setData(displayText, Qt.ItemDataRole.UserRole + 75)
-            item.setData(f"{chart.song_id}, {chart.set}", Qt.ItemDataRole.UserRole + 76)
-            item.setData(chart, Qt.ItemDataRole.UserRole + 10)
-            self.appendRow(item)

ui/extends/ocr/build_phash.py

@@ -7,7 +7,7 @@ import numpy as np
 from arcaea_offline_ocr.phash_db import phash_opencv
 
 
-def preprocess_char_icon(img_gray: cv2.Mat):
+def preprocess_char_icon(img_gray: np.ndarray):
     h, w = img_gray.shape[:2]
     img = cv2.fillPoly(
         img_gray,
@@ -23,7 +23,7 @@ def preprocess_char_icon(img_gray: cv2.Mat):
 
 
 def build_image_phash_database(
-    images: list[cv2.Mat],
+    images: list[np.ndarray],
     labels: list[str],
     *,
     hash_size: int = 16,

ui/extends/shared/color.py

@@ -1,16 +0,0 @@
-from PySide6.QtGui import QColor
-
-
-def mix_color(source_color: QColor, mix_color: QColor, mix_ratio: float = 0.5):
-    r = round((mix_color.red() - source_color.red()) * mix_ratio + source_color.red())
-    g = round(
-        (mix_color.green() - source_color.green()) * mix_ratio + source_color.green()
-    )
-    b = round(
-        (mix_color.blue() - source_color.blue()) * mix_ratio + source_color.blue()
-    )
-    a = round(
-        (mix_color.alpha() - source_color.alpha()) * mix_ratio + source_color.alpha()
-    )
-
-    return QColor(r, g, b, a)

ui/extends/shared/data.py

@@ -7,7 +7,7 @@ from typing import Literal, Optional, overload
 from arcaea_offline.models import Chart, Difficulty, Song
 from PySide6.QtCore import QFile
 
-from .singleton import Singleton
+from core.singleton import Singleton
 
 TPartnerModifier = dict[str, Literal[0, 1, 2]]
 
@@ -48,14 +48,12 @@ class Data(metaclass=Singleton):
         return self.dataPath / "Arcaea"
 
     @overload
-    def getJacketPath(self, chart: Chart, /) -> Path | None:
-        ...
+    def getJacketPath(self, chart: Chart, /) -> Path | None: ...
 
     @overload
     def getJacketPath(
         self, song: Song, difficulty: Optional[Difficulty] = None, /
-    ) -> Path | None:
-        ...
+    ) -> Path | None: ...
 
     def getJacketPath(self, *args) -> Path | None:
         if isinstance(args[0], Chart):

ui/extends/shared/database.py

@@ -1,14 +1,4 @@
-from typing import Type
-
-from PySide6.QtCore import QObject, QUrl, Signal
-from sqlalchemy import Engine
-from sqlalchemy import create_engine as sa_create_engine
-from sqlalchemy.pool import NullPool, Pool
-
-
-def create_engine(_url: str | QUrl, pool: Type[Pool] = NullPool) -> Engine:
-    url = _url.toString() if isinstance(_url, QUrl) else _url
-    return sa_create_engine(url, poolclass=pool)
+from PySide6.QtCore import QObject, Signal
 
 
 class DatabaseUpdateSignals(QObject):

ui/extends/shared/delegates/chartDelegate.py

@@ -82,6 +82,7 @@ class ChartDelegate(TextSegmentDelegate):
         QColor("#809955"),
         QColor("#702d60"),
         QColor("#710f25"),
+        QColor("#8b77a4"),
     ]
     ChartInvalidBackgroundColor = QColor("#e6a23c")
 

ui/extends/shared/models/tables/b30.py

@@ -1,6 +1,5 @@
 from arcaea_offline.models import Chart, Score, ScoreBest
 from PySide6.QtCore import QCoreApplication, QModelIndex, QSortFilterProxyModel, Qt
-from sqlalchemy import select
 
 from .base import DbTableModel
 
@@ -17,51 +16,44 @@ class DbB30TableModel(DbTableModel):
 
     def retranslateHeaders(self):
         self._horizontalHeaders = [
-            # fmt: off
-            QCoreApplication.translate("DB30TableModel", "horizontalHeader.id"),
-            QCoreApplication.translate("DB30TableModel", "horizontalHeader.chart"),
-            QCoreApplication.translate("DB30TableModel", "horizontalHeader.score"),
-            QCoreApplication.translate("DB30TableModel", "horizontalHeader.potential"),
-            # fmt: on
-        ]
+            QCoreApplication.translate("DbB30TableModel", "horizontalHeader.id"),
+            QCoreApplication.translate("DbB30TableModel", "horizontalHeader.chart"),
+            QCoreApplication.translate("DbB30TableModel", "horizontalHeader.score"),
+            QCoreApplication.translate("DbB30TableModel", "horizontalHeader.potential"),
+        ]  # fmt: skip
 
     def syncDb(self):
+        self.beginResetModel()
+        self.beginRemoveRows(QModelIndex(), 0, self.rowCount())
         self.__items.clear()
+        self.endRemoveRows()
+        self.endResetModel()
 
         with self._db.sessionmaker() as session:
-            results = list(
-                session.scalars(
-                    select(ScoreBest).order_by(ScoreBest.potential.desc()).limit(40)
+            results = (
+                session.query(ScoreBest, Chart)
+                .join(
+                    Chart,
+                    (ScoreBest.song_id == Chart.song_id)
+                    & (ScoreBest.rating_class == Chart.rating_class),
                 )
+                .order_by(ScoreBest.potential.desc())
+                .limit(50)
+                .all()
             )
 
-        songIds = [r.id for r in results]
-        ptts = [r.potential for r in results]
-
-        for scoreId, ptt in zip(songIds, ptts):
-            score = self._db.get_score(scoreId)
-            chart = self._db.get_chart(score.song_id, score.rating_class)
-
-            self.beginInsertRows(QModelIndex(), self.rowCount(), self.rowCount())
-            self.__items.append(
-                {
-                    self.IdRole: score.id,
-                    self.ChartRole: chart,
-                    self.ScoreRole: score,
-                    self.PttRole: ptt,
-                }
-            )
+            self.beginInsertRows(QModelIndex(), 0, len(results) - 1)
+            for scoreBest, chart in results:
+                self.__items.append(
+                    {
+                        self.IdRole: scoreBest.id,
+                        self.ChartRole: chart,
+                        self.ScoreRole: scoreBest,
+                        self.PttRole: scoreBest.potential,
+                    }
+                )
             self.endInsertRows()
 
-        # trigger view update
-        topLeft = self.index(0, 0)
-        bottomRight = self.index(self.rowCount() - 1, self.columnCount() - 1)
-        self.dataChanged.emit(
-            topLeft,
-            bottomRight,
-            [Qt.ItemDataRole.DisplayRole, self.IdRole, self.ChartRole, self.ScoreRole],
-        )
-
     def rowCount(self, *args):
         return len(self.__items)
 
@@ -117,30 +109,35 @@ class DbB30TableSortFilterProxyModel(QSortFilterProxyModel):
             return super().headerData(section, orientation, role)
         return section + 1
 
-    def lessThan(self, source_left, source_right) -> bool:
-        if source_left.column() != source_right.column():
+    def lessThan(self, sourceLeft: QModelIndex, sourceRight: QModelIndex) -> bool:
+        if sourceLeft.column() != sourceRight.column():
             return
 
-        column = source_left.column()
+        column = sourceLeft.column()
         if column == 0:
-            return source_left.data(DbB30TableModel.IdRole) < source_right.data(
+            return sourceLeft.data(DbB30TableModel.IdRole) < sourceRight.data(
                 DbB30TableModel.IdRole
             )
         elif column == 2:
-            score_left = source_left.data(DbB30TableModel.ScoreRole)
-            score_right = source_right.data(DbB30TableModel.ScoreRole)
-            if isinstance(score_left, Score) and isinstance(score_right, Score):
+            scoreLeft = sourceLeft.data(DbB30TableModel.ScoreRole)
+            scoreRight = sourceRight.data(DbB30TableModel.ScoreRole)
+            if isinstance(scoreLeft, Score) and isinstance(scoreRight, Score):
                 if self.sortRole() == self.Sort_C2_ScoreRole:
-                    return score_left.score < score_right.score
+                    return scoreLeft.score < scoreRight.score
                 elif self.sortRole() == self.Sort_C2_TimeRole:
-                    if score_left.date and score_right.date:
-                        return score_left.date < score_right.date
-                    elif score_left.date:
+                    if scoreLeft.date and scoreRight.date:
+                        return scoreLeft.date < scoreRight.date
+                    elif scoreLeft.date:
                         return False
                     else:
                         return True
         elif column == 3:
-            return source_left.data(DbB30TableModel.PttRole) < source_right.data(
-                DbB30TableModel.PttRole
-            )
-        return super().lessThan(source_left, source_right)
+            pttLeft = sourceLeft.data(DbB30TableModel.PttRole)
+            pttRight = sourceRight.data(DbB30TableModel.PttRole)
+            if pttLeft and pttRight:
+                return pttLeft < pttRight
+            elif pttLeft:
+                return False
+            else:
+                return True
+        return super().lessThan(sourceLeft, sourceRight)

ui/extends/shared/models/tables/score.py

@@ -24,13 +24,11 @@ class DbScoreTableModel(DbTableModel):
 
     def retranslateHeaders(self):
         self._horizontalHeaders = [
-            # fmt: off
             QCoreApplication.translate("DbScoreTableModel", "horizontalHeader.id"),
             QCoreApplication.translate("DbScoreTableModel", "horizontalHeader.chart"),
             QCoreApplication.translate("DbScoreTableModel", "horizontalHeader.score"),
             QCoreApplication.translate("DbScoreTableModel", "horizontalHeader.potential"),
-            # fmt: on
-        ]
+        ]  # fmt: skip
 
     def syncDb(self):
         self.beginResetModel()
@@ -154,7 +152,7 @@ class DbScoreTableModel(DbTableModel):
                 self.syncDb()
             return True
         except Exception:
-            logger.exception(f"Table[Score]: Cannot remove row {row}")
+            logger.exception("Table[Score]: Cannot remove row %s", row)
             return False
 
     def removeRow(self, row: int, parent=...):

ui/extends/shared/settings.py

@@ -1,111 +0,0 @@
-import sys
-
-from PySide6.QtCore import QFileInfo, QSettings, Signal
-
-from .singleton import QObjectSingleton
-
-__all__ = [
-    "LANGUAGE",
-    "DATABASE_URL",
-    "KNN_MODEL_FILE",
-    "B30_KNN_MODEL_FILE",
-    "PHASH_DATABASE_FILE",
-    "ANDREAL_FOLDER",
-    "ANDREAL_EXECUTABLE",
-    "Settings",
-]
-
-# a key without slashes will appear in the "General" section
-# see https://doc.qt.io/qt-6/qsettings.html#Format-enum for details
-LANGUAGE = "Language"
-DATABASE_URL = "DatabaseUrl"
-
-KNN_MODEL_FILE = "Ocr/KnnModelFile"
-B30_KNN_MODEL_FILE = "Ocr/B30KnnModelFile"
-PHASH_DATABASE_FILE = "Ocr/PHashDatabaseFile"
-
-ANDREAL_FOLDER = "Andreal/AndrealFolder"
-ANDREAL_EXECUTABLE = "Andreal/AndrealExecutable"
-
-
-class Settings(QSettings, metaclass=QObjectSingleton):
-    updated = Signal(str)
-
-    def __init__(self, parent=None):
-        super().__init__(
-            QFileInfo(sys.argv[0]).dir().absoluteFilePath("arcaea_offline.ini"),
-            QSettings.Format.IniFormat,
-            parent,
-        )
-
-    def setValue(self, key: str, value) -> None:
-        super().setValue(key, value)
-        self.updated.emit(key)
-
-    def _strItem(self, key: str) -> str | None:
-        return self.value(key, None, str)
-
-    def _setStrItem(self, key: str, value: str):
-        self.setValue(key, value)
-        self.sync()
-
-    def _resetStrItem(self, key: str):
-        self.setValue(key, None)
-        self.sync()
-
-    def language(self):
-        return self._strItem(LANGUAGE)
-
-    def setLanguage(self, value: str):
-        self._setStrItem(LANGUAGE, value)
-
-    def databaseUrl(self):
-        return self._strItem(DATABASE_URL)
-
-    def setDatabaseUrl(self, value: str):
-        self._setStrItem(DATABASE_URL, value)
-
-    def knnModelFile(self):
-        return self._strItem(KNN_MODEL_FILE)
-
-    def setKnnModelFile(self, value: str):
-        self._setStrItem(KNN_MODEL_FILE, value)
-
-    def resetKnnModelFile(self):
-        self._resetStrItem(KNN_MODEL_FILE)
-
-    def b30KnnModelFile(self):
-        return self._strItem(B30_KNN_MODEL_FILE)
-
-    def setB30KnnModelFile(self, value: str):
-        self._setStrItem(B30_KNN_MODEL_FILE, value)
-
-    def resetB30KnnModelFile(self):
-        self._resetStrItem(B30_KNN_MODEL_FILE)
-
-    def phashDatabaseFile(self):
-        return self._strItem(PHASH_DATABASE_FILE)
-
-    def setPHashDatabaseFile(self, value: str):
-        self._setStrItem(PHASH_DATABASE_FILE, value)
-
-    def resetPHashDatabaseFile(self):
-        self._resetStrItem(PHASH_DATABASE_FILE)
-
-    def andrealFolder(self):
-        return self._strItem(ANDREAL_FOLDER)
-
-    def setAndrealFolder(self, value: str):
-        self._setStrItem(ANDREAL_FOLDER, value)
-
-    def resetAndrealFolder(self):
-        self._resetStrItem(ANDREAL_FOLDER)
-
-    def andrealExecutable(self):
-        return self._strItem(ANDREAL_EXECUTABLE)
-
-    def setAndrealExecutable(self, value: str):
-        self._setStrItem(ANDREAL_EXECUTABLE, value)
-
-    def resetAndrealExecutable(self):
-        self._resetStrItem(ANDREAL_EXECUTABLE)

ui/extends/tabs/tabOcr/tabOcr_B30.py

@@ -6,10 +6,10 @@ from arcaea_offline_ocr.b30.chieri.v4.ocr import ChieriBotV4Ocr
 from arcaea_offline_ocr.b30.shared import B30OcrResultItem
 from PySide6.QtGui import QImage
 
-logger = logging.getLogger(__name__)
-
 from ui.extends.components.ocrQueue import OcrRunnable
 
+logger = logging.getLogger(__name__)
+
 
 class ChieriV4OcrRunnable(OcrRunnable):
     def __init__(self, ocr: ChieriBotV4Ocr, component):

ui/extends/tabs/tabOcr/tabOcr_Device.py

@@ -19,6 +19,7 @@ from arcaea_offline_ocr.phash_db import ImagePhashDatabase
 from arcaea_offline_ocr.utils import imread_unicode
 from PySide6.QtCore import QDateTime, QFileInfo
 
+from core.settings import SettingsKeys, SettingsValues, settings
 from ui.extends.components.ocrQueue import OcrRunnable
 from ui.extends.shared.data import Data
 
@@ -67,8 +68,14 @@ def getImageDate(imagePath: str) -> QDateTime:
         if exifImage.has_exif and exifImage.get("datetime_original"):
             datetimeStr = exifImage.get("datetime_original")
             datetime = QDateTime.fromString(datetimeStr, "yyyy:MM:dd hh:mm:ss")
+
     if not isinstance(datetime, QDateTime):
-        datetime = QFileInfo(imagePath).birthTime()
+        dateSource = settings.stringValue(SettingsKeys.Ocr.DateSource)
+        if dateSource == SettingsValues.Ocr.DateSource.FileLastModified:
+            datetime = QFileInfo(imagePath).lastModified()
+        else:
+            datetime = QFileInfo(imagePath).birthTime()
+
     return datetime
 
 

ui/extends/tabs/tabTools/tabTools_Andreal.py

@@ -31,6 +31,9 @@ class AndrealExecuteRunnable(QRunnable):
                 encoding="utf-8",
             )
             result = subp.stdout
+            if subp.returncode != 0:
+                logger.error("AndrealImageGenerator Error: ")
+                logger.error(result)
             b64Result = [s for s in result.split("\n") if s]
             imageBytes = base64.b64decode(
                 re.sub(r"data:image/.*;base64,", "", b64Result[-1])
@@ -38,7 +41,7 @@ class AndrealExecuteRunnable(QRunnable):
             self.signals.completed.emit(self.jsonPath, imageBytes)
         except Exception as e:
             imageBytes = None
-            logger.exception(f"{self.__class__.__name__} error")
+            logger.exception("%s error", self.__class__.__name__)
             self.signals.error.emit(self.jsonPath, str(e))
         finally:
             os.unlink(self.jsonPath)
@@ -81,7 +84,10 @@ class AndrealHelper(QObject):
 
     def request(self, jsonPath: str, arguments: list[str]):
         logger.debug(
-            f"{self.__class__.__name__} received request {jsonPath=} {arguments=}"
+            "%s received request jsonPath=%r arguments=%r",
+            self.__class__.__name__,
+            jsonPath,
+            arguments,
         )
         runnable = AndrealExecuteRunnable(self.andrealExecutable, jsonPath, arguments)
         runnable.signals.error.connect(self.error)

ui/implements/components/fileSelector.py

@@ -2,9 +2,9 @@ from PySide6.QtCore import QDir, QFileInfo, Qt, Signal, Slot
 from PySide6.QtGui import QDragEnterEvent, QDragLeaveEvent, QDropEvent
 from PySide6.QtWidgets import QFileDialog, QWidget
 
+from core.settings import settings
 from ui.designer.components.fileSelector_ui import Ui_FileSelector
 from ui.extends.shared.language import LanguageChangeEventFilter
-from ui.extends.shared.settings import Settings
 
 
 class FileSelector(Ui_FileSelector, QWidget):
@@ -122,13 +122,13 @@ class FileSelector(Ui_FileSelector, QWidget):
         if self.__selectedFiles:
             return
 
-        if value := Settings().value(self.settingsKey):
+        if value := settings.value(self.settingsKey):
             self.selectFile(value)
 
-        Settings().updated.connect(self.settingsUpdated)
+        settings.updated.connect(self.settingsUpdated)
 
     def disconnectSettings(self):
-        Settings().updated.disconnect(self.settingsUpdated)
+        settings.updated.disconnect(self.settingsUpdated)
         self.settingsKey = None
 
     def settingsUpdated(self, key: str):
@@ -139,4 +139,4 @@ class FileSelector(Ui_FileSelector, QWidget):
         if self.__selectedFiles:
             return
 
-        self.selectFile(Settings().value(self.settingsKey))
+        self.selectFile(settings.value(self.settingsKey))

ui/implements/components/ocrQueue.py

@@ -2,7 +2,7 @@ from typing import Optional
 
 from PySide6.QtCore import Qt, QTimer, Slot
 from PySide6.QtGui import QColor, QPalette
-from PySide6.QtWidgets import QButtonGroup, QWidget
+from PySide6.QtWidgets import QWidget
 
 from ui.designer.components.ocrQueue_ui import Ui_OcrQueue
 from ui.extends.components.ocrQueue import (
@@ -13,6 +13,7 @@ from ui.extends.components.ocrQueue import (
     OcrScoreDelegate,
 )
 from ui.extends.shared.language import LanguageChangeEventFilter
+from ui.implements.components.ocrQueueOptionsDialog import OcrQueueOptionsDialog
 
 
 class OcrQueue(Ui_OcrQueue, QWidget):
@@ -26,6 +27,9 @@ class OcrQueue(Ui_OcrQueue, QWidget):
         self.__model: Optional[OcrQueueModel] = None
         self.__tableProxyModel: Optional[OcrQueueTableProxyModel] = None
 
+        self.optionsDialog = OcrQueueOptionsDialog(self)
+        self.optionsDialog.iccOptionsChanged.connect(self.setIccOption)
+
         self.__firstResizeDone = False
         self.resizeTimer = QTimer(self)
         self.resizeTimer.timeout.connect(self.tableView.resizeRowsToContents)
@@ -41,13 +45,6 @@ class OcrQueue(Ui_OcrQueue, QWidget):
         tableViewPalette.setColor(QPalette.ColorRole.Highlight, highlightColor)
         self.tableView.setPalette(tableViewPalette)
 
-        self.iccOptionButtonGroup = QButtonGroup(self)
-        self.iccOptionButtonGroup.buttonToggled.connect(self.updateIccOption)
-        self.iccOptionButtonGroup.addButton(self.iccUseQtRadioButton, 0)
-        self.iccOptionButtonGroup.addButton(self.iccUsePILRadioButton, 1)
-        self.iccOptionButtonGroup.addButton(self.iccTryFixRadioButton, 2)
-        self.updateIccOption()
-
         self.statusLabelClearTimer = QTimer(self)
         self.statusLabelClearTimer.setSingleShot(True)
         self.statusLabelClearTimer.timeout.connect(self.clearStatusMessage)
@@ -93,9 +90,10 @@ class OcrQueue(Ui_OcrQueue, QWidget):
         self.ocr_acceptAllButton.setEnabled(__bool)
         self.ocr_ignoreValidateCheckBox.setEnabled(__bool)
 
-    def updateIccOption(self):
+    @Slot(int)
+    def setIccOption(self, option):
         if self.model():
-            self.model().iccOption = self.iccOptionButtonGroup.checkedId()
+            self.model().iccOption = option
 
     def showStatusMessage(self, message: str):
         self.statusLabel.setText(message)
@@ -131,6 +129,10 @@ class OcrQueue(Ui_OcrQueue, QWidget):
     def modelReseted(self):
         self.progressBar.setMaximum(0)
 
+    @Slot()
+    def on_optionsDialogButton_clicked(self):
+        self.optionsDialog.exec()
+
     @Slot()
     def on_ocr_removeSelectedButton_clicked(self):
         if self.model():

ui/implements/components/ocrQueueOptionsDialog.py

@@ -0,0 +1,49 @@
+from PySide6.QtCore import Signal
+from PySide6.QtWidgets import QButtonGroup, QDialog
+
+from core.settings import SettingsKeys, SettingsValues, settings
+from ui.designer.components.ocrQueueOptionsDialog_ui import Ui_OcrQueueOptionsDialog
+
+
+class OcrQueueOptionsDialog(QDialog, Ui_OcrQueueOptionsDialog):
+    iccOptionsChanged = Signal(int)
+
+    def __init__(self, parent=None):
+        super(OcrQueueOptionsDialog, self).__init__(parent)
+        self.setupUi(self)
+
+        self.iccOptionButtonGroup = QButtonGroup(self)
+        self.iccOptionButtonGroup.buttonToggled.connect(
+            lambda: self.iccOptionsChanged.emit(self.iccOptionButtonGroup.checkedId())
+        )
+        self.iccOptionButtonGroup.addButton(self.iccUseQtRadioButton, 0)
+        self.iccOptionButtonGroup.addButton(self.iccUsePILRadioButton, 1)
+        self.iccOptionButtonGroup.addButton(self.iccTryFixRadioButton, 2)
+
+        self.scoreDateSourceButtonGroup = QButtonGroup(self)
+        self.scoreDateSourceButtonGroup.addButton(
+            self.dateUseCreationDateRadioButton, 0
+        )
+        self.scoreDateSourceButtonGroup.addButton(self.dateUseModifyDateRadioButton, 1)
+        self.scoreDateSourceButtonGroup.buttonClicked.connect(
+            self.on_scoreDateSourceButtonGroup_buttonClicked
+        )
+
+        settings.updated.connect(self.syncCheckboxesFromSettings)
+        self.syncCheckboxesFromSettings()
+
+    def syncCheckboxesFromSettings(self):
+        scoreDateSource = settings.stringValue(SettingsKeys.Ocr.DateSource)
+        if scoreDateSource == SettingsValues.Ocr.DateSource.FileLastModified:
+            self.dateUseModifyDateRadioButton.setChecked(True)
+        else:
+            self.dateUseCreationDateRadioButton.setChecked(True)
+
+    def on_scoreDateSourceButtonGroup_buttonClicked(self, button):
+        buttonId = self.scoreDateSourceButtonGroup.id(button)
+        if buttonId == 1:
+            value = SettingsValues.Ocr.DateSource.FileLastModified
+        else:
+            value = SettingsValues.Ocr.DateSource.FileCreated
+
+        settings.setValue(SettingsKeys.Ocr.DateSource, value)

ui/implements/components/playRatingCalculator.py

@@ -39,14 +39,12 @@ class PlayRatingCalculator(QWidget):
             return None
 
         score = self.arcaeaScoreLineEdit.score()
-        if score is None:
-            return None
-
-        return calculate_play_rating(self.constant, score)
+        return None if score is None else calculate_play_rating(self.constant, score)
 
     def updateResultLabel(self):
         result = self.result
-        self.resultLabel.setText(str(result) if result is not None else "...")
+        self.resultLabel.setText(str(round(result, 3)) if result is not None else "...")
+        self.resultLabel.setToolTip(str(result))
 
     def on_copyButton_clicked(self):
         result = self.result
@@ -68,6 +66,7 @@ class PlayRatingCalculator(QWidget):
         self.resultLabel.setSizePolicy(
             QSizePolicy.Policy.Expanding, QSizePolicy.Policy.Preferred
         )
+        self.resultLabel.setMinimumWidth(100)
         self.horizontalLayout.addWidget(self.resultLabel)
 
         self.horizontalSpacer = QSpacerItem(

ui/implements/components/ratingClassRadioButton.py

@@ -2,7 +2,7 @@ from PySide6.QtCore import Slot
 from PySide6.QtGui import QColor
 from PySide6.QtWidgets import QGraphicsColorizeEffect, QRadioButton
 
-from ui.extends.shared.color import mix_color
+from core.color import mixColor
 
 STYLESHEET = """
 QRadioButton {{
@@ -40,7 +40,7 @@ class RatingClassRadioButton(QRadioButton):
     def setColors(self, dark_color: QColor, text_color: QColor):
         self._dark_color = dark_color
         self._text_color = text_color
-        self._mid_color = mix_color(dark_color, text_color, 0.616)
+        self._mid_color = mixColor(dark_color, text_color, 0.616)
         self.updateEffects()
 
     def isColorsSet(self) -> bool:

ui/implements/components/ratingClassSelector.py

@@ -1,3 +1,4 @@
+import logging
 from typing import Type
 
 from PySide6.QtCore import Signal
@@ -6,6 +7,8 @@ from PySide6.QtWidgets import QHBoxLayout, QSizePolicy, QVBoxLayout, QWidget
 
 from ui.implements.components.ratingClassRadioButton import RatingClassRadioButton
 
+logger = logging.getLogger(__name__)
+
 
 class RatingClassSelector(QWidget):
     valueChanged = Signal()
@@ -41,16 +44,30 @@ class RatingClassSelector(QWidget):
         self.bydButton.setAutoExclusive(False)
         self.preferredLayout.addWidget(self.bydButton)
 
-        self.buttons = [self.pstButton, self.prsButton, self.ftrButton, self.bydButton]
+        self.etrButton = RatingClassRadioButton(self)
+        self.etrButton.setObjectName("etrButton")
+        self.etrButton.setText("ETERNAL")
+        self.etrButton.setAutoExclusive(False)
+        self.preferredLayout.addWidget(self.etrButton)
+
+        self.buttons = [
+            self.pstButton,
+            self.prsButton,
+            self.ftrButton,
+            self.bydButton,
+            self.etrButton,
+        ]
         self.pstButton.setColors(QColor("#399bb2"), QColor("#f0f8fa"))
         self.prsButton.setColors(QColor("#809955"), QColor("#f7f9f4"))
         self.ftrButton.setColors(QColor("#702d60"), QColor("#f7ebf4"))
         self.bydButton.setColors(QColor("#710f25"), QColor("#f9ced8"))
+        self.etrButton.setColors(QColor("#4f2c7a"), QColor("#e4daf1"))
 
         self.pstButton.clicked.connect(self.select)
         self.prsButton.clicked.connect(self.select)
         self.ftrButton.clicked.connect(self.select)
         self.bydButton.clicked.connect(self.select)
+        self.etrButton.clicked.connect(self.select)
         self.reset()
         self.setButtonsEnabled([])
 
@@ -106,9 +123,10 @@ class RatingClassSelector(QWidget):
 
         if ratingClass is None or isinstance(ratingClass, bool):
             button = self.sender()
-        elif ratingClass in range(4):
+        elif ratingClass in range(len(self.buttons)):
             button = self.buttons[ratingClass]
         else:
+            logger.debug("Cannot select ratingClass=%s, condition check failed", ratingClass)
             return
 
         if not button.isEnabled():

ui/implements/components/scoreEditor.py

@@ -61,30 +61,22 @@ class ScoreEditor(Ui_ScoreEditor, QWidget):
 
     VALIDATION_ITEMS_TEXT = [
         [
-            # fmt: off
             lambda: QCoreApplication.translate("ScoreEditor", "confirmDialog.chartIncomplete.title"),
             lambda: QCoreApplication.translate("ScoreEditor", "confirmDialog.chartIncomplete.text"),
-            # fmt: on
         ],
         [
-            # fmt: off
             lambda: QCoreApplication.translate("ScoreEditor", "confirmDialog.scoreMismatch.title"),
             lambda: QCoreApplication.translate("ScoreEditor", "confirmDialog.scoreMismatch.text"),
-            # fmt: on
         ],
         [
-            # fmt: off
             lambda: QCoreApplication.translate("ScoreEditor", "confirmDialog.emptyScore.title"),
             lambda: QCoreApplication.translate("ScoreEditor", "confirmDialog.emptyScore.text"),
-            # fmt: on
         ],
         [
-            # fmt: off
             lambda: QCoreApplication.translate("ScoreEditor", "confirmDialog.scoreIncompleteForValidate.title"),
             lambda: QCoreApplication.translate("ScoreEditor", "confirmDialog.scoreIncompleteForValidate.text"),
-            # fmt: on,
         ],
-    ]
+    ]  # fmt: skip
 
     def __init__(self, parent=None):
         super().__init__(parent)
@@ -208,20 +200,16 @@ class ScoreEditor(Ui_ScoreEditor, QWidget):
         if validate & ScoreValidateResult.ChartNotSet:
             self.__triggerMessageBox(
                 "critical",
-                # fmt: off
                 QCoreApplication.translate("ScoreEditor", "confirmDialog.chartNotSet.title"),
                 QCoreApplication.translate("ScoreEditor", "confirmDialog.chartNotSet.text"),
-                # fmt: on
-            )
+            )  # fmt: skip
             return False
         if validate & ScoreValidateResult.ScoreIncomplete:
             self.__triggerMessageBox(
                 "critical",
-                # fmt: off
                 QCoreApplication.translate("ScoreEditor", "confirmDialog.scoreIncomplete.title"),
                 QCoreApplication.translate("ScoreEditor", "confirmDialog.scoreIncomplete.text"),
-                # fmt: on
-            )
+            )  # fmt: skip
             return False
 
         # since validate may have multiple results
@@ -347,10 +335,8 @@ class ScoreEditor(Ui_ScoreEditor, QWidget):
             )
         if validate & ScoreValidateResult.ScoreIncompleteForValidate:
             texts.append(
-                # fmt: off
                 QCoreApplication.translate("ScoreEditor", "validate.scoreIncompleteForValidate")
-                # fmt: on
-            )
+            )  # fmt: skip
 
         if not texts:
             texts.append(

ui/implements/components/songIdSelector.py

@@ -1,14 +1,18 @@
+import dataclasses
 import logging
 import re
 from enum import IntEnum
+from typing import Any
 
 from arcaea_offline.database import Database
 from arcaea_offline.models import Chart
-from PySide6.QtCore import QModelIndex, QSignalMapper, Qt, Signal, Slot
-from PySide6.QtWidgets import QCompleter, QWidget
+from arcaea_offline.searcher import Searcher
+from arcaea_offline.utils.rating import rating_class_to_short_text
+from PySide6.QtCore import QModelIndex, QObject, QSignalMapper, Qt, Signal, Slot
+from PySide6.QtGui import QStandardItem, QStandardItemModel
+from PySide6.QtWidgets import QComboBox, QCompleter, QWidget
 
 from ui.designer.components.songIdSelector_ui import Ui_SongIdSelector
-from ui.extends.components.songIdSelector import SearchCompleterModel
 from ui.extends.shared.database import databaseUpdateSignals
 from ui.extends.shared.delegates.descriptionDelegate import DescriptionDelegate
 from ui.extends.shared.language import LanguageChangeEventFilter
@@ -21,6 +25,168 @@ class SongIdSelectorMode(IntEnum):
     Chart = 1
 
 
+# region logics
+
+
+@dataclasses.dataclass
+class _ComboBoxItem:
+    text: str
+    userData: Any
+    additionalData: dict[int, Any]
+
+    def apply(self, comboBox: QComboBox):
+        comboBox.addItem(self.text, self.userData)
+
+        index = comboBox.findText(self.text)
+        if index > -1:
+            for role, value in self.additionalData.items():
+                comboBox.setItemData(index, value, role)
+
+
+class SearchCompleterModel(QStandardItemModel):
+    ChartRole = Qt.ItemDataRole.UserRole + 10
+
+    def __init__(self, parent=None):
+        super().__init__(parent)
+        self.searcher = Searcher()
+        self.db = Database()
+
+    def updateSearcherSongs(self):
+        with self.db.sessionmaker() as session:
+            self.searcher.import_songs(session)
+
+    def getSearchResult(self, kw: str):
+        self.clear()
+
+        songIds = self.searcher.search(kw)
+
+        charts: list[Chart] = []
+        for songId in songIds:
+            _charts = self.db.get_charts_by_song_id(songId)
+            _charts = sorted(_charts, key=lambda c: c.rating_class, reverse=True)
+            charts += _charts
+
+        for chart in charts:
+            displayText = (
+                f"{chart.title} [{rating_class_to_short_text(chart.rating_class)}]"
+            )
+            item = QStandardItem(kw)
+            item.setData(kw)
+            item.setData(displayText, DescriptionDelegate.MainTextRole)
+            item.setData(
+                f"{chart.song_id}, {chart.set}", DescriptionDelegate.DescriptionTextRole
+            )
+            item.setData(chart, self.ChartRole)
+            self.appendRow(item)
+
+
+class SongIdSelectorViewModel(QObject):
+    packComboBoxItemsReady = Signal()
+    songIdComboBoxItemsReady = Signal()
+
+    def __init__(self, parent=None, *, db: Database):
+        super().__init__(parent)
+
+        if not isinstance(db, Database):
+            raise TypeError(
+                "`db` should be an instance of arcaea_offline.database.Database"
+            )
+
+        self.__db: Database = None  # type: ignore
+        self.__mode = SongIdSelectorMode.SongId
+
+        self.__packComboBoxItems: list[_ComboBoxItem] = []
+        self.__songIdComboBoxItems: list[_ComboBoxItem] = []
+
+        self.setDatabase(db)
+
+    @property
+    def packComboBoxItems(self):
+        return self.__packComboBoxItems
+
+    @property
+    def songIdComboBoxItems(self):
+        return self.__songIdComboBoxItems
+
+    @property
+    def mode(self):
+        return self.__mode
+
+    @mode.setter
+    def mode(self, value):
+        if not isinstance(value, SongIdSelectorMode):
+            raise TypeError("value is not SongIdSelectorMode")
+        self.__mode = value
+
+    def setDatabase(self, db: Database):
+        self.__db = db
+
+    def updatePackComboBoxItems(self):
+        packs = self.__db.get_packs()
+
+        self.__packComboBoxItems.clear()
+        for pack in packs:
+            if re.search(r"_append_.*$", pack.id):
+                basePackId = re.sub(r"_append_.*$", "", pack.id)
+                basePackName = self.__db.get_pack(basePackId).name  # type: ignore
+                packName = f"{basePackName} - {pack.name}"
+            else:
+                packName = pack.name
+
+            self.__packComboBoxItems.append(
+                _ComboBoxItem(
+                    text=f"{packName} ({pack.id})",
+                    userData=pack.id,
+                    additionalData={
+                        DescriptionDelegate.MainTextRole: packName,
+                        DescriptionDelegate.DescriptionTextRole: pack.id,
+                    },
+                )
+            )
+
+        self.packComboBoxItemsReady.emit()
+
+    def updateSongIdComboBoxItems(self, packId: str):
+        self.__songIdComboBoxItems.clear()
+
+        items = []
+        if self.mode == SongIdSelectorMode.SongId:
+            items = self.__db.get_songs_by_pack_id(packId)
+        elif self.mode == SongIdSelectorMode.Chart:
+            items = self.__db.get_charts_by_pack_id(packId)
+        else:
+            assert not "reachable"
+
+        insertedSongIds = []
+
+        for item in items:
+            if self.mode == SongIdSelectorMode.SongId:
+                itemId = item.id  # type: ignore
+            elif self.mode == SongIdSelectorMode.Chart:
+                itemId = item.song_id  # type: ignore
+            else:
+                continue
+
+            if itemId not in insertedSongIds:
+                self.__songIdComboBoxItems.append(
+                    _ComboBoxItem(
+                        text=f"{item.title} ({itemId})",
+                        userData=itemId,
+                        additionalData={
+                            DescriptionDelegate.MainTextRole: item.title,
+                            DescriptionDelegate.DescriptionTextRole: itemId,
+                        },
+                    )
+                )
+
+                insertedSongIds.append(itemId)
+
+        self.songIdComboBoxItemsReady.emit()
+
+
+# endregion
+
+
 class SongIdSelector(Ui_SongIdSelector, QWidget):
     valueChanged = Signal()
     quickSearchActivated = Signal(Chart)
@@ -33,6 +199,10 @@ class SongIdSelector(Ui_SongIdSelector, QWidget):
         self.languageChangeEventFilter = LanguageChangeEventFilter(self)
         self.installEventFilter(self.languageChangeEventFilter)
 
+        self.vm = SongIdSelectorViewModel(self, db=self.db)
+        self.vm.packComboBoxItemsReady.connect(self.fillPackComboBox)
+        self.vm.songIdComboBoxItemsReady.connect(self.fillSongIdComboBox)
+
         # quick switch bindings
         self.quickSwitchSignalMapper = QSignalMapper(self)
         self.previousPackageButton.clicked.connect(self.quickSwitchSignalMapper.map)
@@ -75,6 +245,7 @@ class SongIdSelector(Ui_SongIdSelector, QWidget):
         databaseUpdateSignals.songAddOrDelete.connect(self.updateDatabase)
 
     def setMode(self, mode: SongIdSelectorMode):
+        self.vm.mode = mode
         self.mode = mode
 
     @Slot(str)
@@ -116,7 +287,7 @@ class SongIdSelector(Ui_SongIdSelector, QWidget):
         pack = self.packComboBox.currentData()
         songId = self.songIdComboBox.currentData()
 
-        self.fillPackComboBox()
+        self.vm.updatePackComboBoxItems()
 
         if pack:
             self.selectPack(pack)
@@ -125,58 +296,24 @@ class SongIdSelector(Ui_SongIdSelector, QWidget):
 
     def fillPackComboBox(self):
         self.packComboBox.clear()
-        packs = self.db.get_packs()
-        for pack in packs:
-            if isAppendPack := re.search(r"_append_.*$", pack.id):
-                basePackId = re.sub(r"_append_.*$", "", pack.id)
-                basePackName = self.db.get_pack(basePackId).name
-                packName = f"{basePackName} - {pack.name}"
-            else:
-                packName = pack.name
-            self.packComboBox.addItem(f"{packName} ({pack.id})", pack.id)
-            row = self.packComboBox.count() - 1
-            self.packComboBox.setItemData(
-                row, packName, DescriptionDelegate.MainTextRole
-            )
-            self.packComboBox.setItemData(
-                row, pack.id, DescriptionDelegate.DescriptionTextRole
-            )
+
+        for item in self.vm.packComboBoxItems:
+            item.apply(self.packComboBox)
 
         self.packComboBox.setCurrentIndex(-1)
 
     def fillSongIdComboBox(self):
         self.songIdComboBox.clear()
-        if packId := self.packComboBox.currentData():
-            if self.mode == SongIdSelectorMode.SongId:
-                items = self.db.get_songs_by_pack_id(packId)
-            elif self.mode == SongIdSelectorMode.Chart:
-                items = self.db.get_charts_by_pack_id(packId)
-            else:
-                raise ValueError("Unknown SongIdSelectorMode.")
-            insertedSongIds = []
-            for item in items:
-                if self.mode == SongIdSelectorMode.SongId:
-                    itemId = item.id
-                elif self.mode == SongIdSelectorMode.Chart:
-                    itemId = item.song_id
-                else:
-                    continue
 
-                if itemId not in insertedSongIds:
-                    self.songIdComboBox.addItem(f"{item.title} ({itemId})", itemId)
-                    insertedSongIds.append(itemId)
-                    row = self.songIdComboBox.count() - 1
-                    self.songIdComboBox.setItemData(
-                        row, item.title, DescriptionDelegate.MainTextRole
-                    )
-                    self.songIdComboBox.setItemData(
-                        row, itemId, DescriptionDelegate.DescriptionTextRole
-                    )
+        for item in self.vm.songIdComboBoxItems:
+            item.apply(self.songIdComboBox)
+
         self.songIdComboBox.setCurrentIndex(-1)
 
     @Slot()
     def on_packComboBox_currentIndexChanged(self):
-        self.fillSongIdComboBox()
+        if packId := self.packComboBox.currentData():
+            self.vm.updateSongIdComboBoxItems(packId)
 
     @Slot(str)
     def on_searchLineEdit_textChanged(self, text: str):
@@ -189,10 +326,10 @@ class SongIdSelector(Ui_SongIdSelector, QWidget):
         packIdIndex = self.packComboBox.findData(packId)
         if packIdIndex > -1:
             self.packComboBox.setCurrentIndex(packIdIndex)
-            self.fillSongIdComboBox()
+            self.vm.updateSongIdComboBoxItems(packId)
             return True
         else:
-            logger.warning(f'Attempting to select an unknown pack "{packId}"')
+            logger.warning("Attempting to select an unknown pack [%s]", packId)
             return False
 
     def selectSongId(self, songId: str) -> bool:
@@ -202,7 +339,8 @@ class SongIdSelector(Ui_SongIdSelector, QWidget):
             return True
         else:
             logger.warning(
-                f'Attempting to select an unknown song "{songId}", maybe try selecting a pack first?'
+                "Attempting to select an unknown song [%s], maybe try selecting a pack first?",
+                songId,
             )
             return False
 
@@ -213,7 +351,7 @@ class SongIdSelector(Ui_SongIdSelector, QWidget):
 
     @Slot(QModelIndex)
     def searchCompleterSetSelection(self, index: QModelIndex):
-        chart: Chart = index.data(Qt.ItemDataRole.UserRole + 10)
+        chart: Chart = index.data(SearchCompleterModel.ChartRole)
         self.selectChart(chart)
         self.quickSearchActivated.emit(chart)
 

ui/implements/settings/settingsAndreal.py

@@ -1,6 +1,7 @@
 from PySide6.QtCore import QCoreApplication
 from PySide6.QtWidgets import QLabel, QPushButton
 
+from core.settings import SettingsKeys, settings
 from ui.implements.components.fileSelector import FileSelector
 from ui.implements.settings.settingsBaseWidget import SettingsBaseWidget
 
@@ -14,8 +15,8 @@ class SettingsAndreal(SettingsBaseWidget):
         self.andrealFolderValueWidget.setMode(
             self.andrealFolderValueWidget.getExistingDirectory
         )
-        if self.settings.andrealFolder():
-            self.andrealFolderValueWidget.selectFile(self.settings.andrealFolder())
+        if andrealFolder := settings.stringValue(SettingsKeys.Andreal.Folder):
+            self.andrealFolderValueWidget.selectFile(andrealFolder)
         self.andrealFolderValueWidget.filesSelected.connect(self.setAndrealFolder)
         self.andrealFolderResetButton.clicked.connect(self.resetAndrealFolder)
         self.insertItem(
@@ -25,10 +26,8 @@ class SettingsAndreal(SettingsBaseWidget):
             self.andrealFolderResetButton,
         )
 
-        if self.settings.andrealExecutable():
-            self.andrealExecutableValueWidget.selectFile(
-                self.settings.andrealExecutable()
-            )
+        if andrealExecutable := settings.stringValue(SettingsKeys.Andreal.Executable):
+            self.andrealExecutableValueWidget.selectFile(andrealExecutable)
         self.andrealExecutableValueWidget.filesSelected.connect(
             self.setAndrealExecutable
         )
@@ -44,21 +43,21 @@ class SettingsAndreal(SettingsBaseWidget):
         selectedFile = self.andrealFolderValueWidget.selectedFiles()
         if selectedFile and selectedFile[0]:
             file = selectedFile[0]
-            self.settings.setAndrealFolder(file)
+            settings.setValue(SettingsKeys.Andreal.Folder, file)
 
     def resetAndrealFolder(self):
         self.andrealFolderValueWidget.reset()
-        self.settings.resetAndrealFolder()
+        settings.setValue(SettingsKeys.Andreal.Folder, None)
 
     def setAndrealExecutable(self):
         selectedFile = self.andrealExecutableValueWidget.selectedFiles()
         if selectedFile and selectedFile[0]:
             file = selectedFile[0]
-            self.settings.setAndrealExecutable(file)
+            settings.setValue(SettingsKeys.Andreal.Executable, file)
 
     def resetAndrealExecutable(self):
         self.andrealExecutableValueWidget.reset()
-        self.settings.resetAndrealExecutable()
+        settings.setValue(SettingsKeys.Andreal.Executable, None)
 
     def setupUi(self, *args):
         self.andrealFolderLabel = QLabel(self)

ui/implements/settings/settingsBaseWidget.py

@@ -1,15 +1,15 @@
 from PySide6.QtCore import Qt
 from PySide6.QtWidgets import QLabel, QPushButton, QWidget
 
+from core.settings import settings
 from ui.designer.settings.settingsBaseWidget_ui import Ui_SettingsBaseWidget
 from ui.extends.shared.language import LanguageChangeEventFilter
-from ui.extends.shared.settings import Settings
 
 
 class SettingsBaseWidget(Ui_SettingsBaseWidget, QWidget):
     def __init__(self, parent=None):
         super().__init__(parent)
-        self.settings = Settings()
+        self.settings = settings
 
         self.languageChangeEventFilter = LanguageChangeEventFilter(self)
         self.installEventFilter(self.languageChangeEventFilter)

ui/implements/settings/settingsGeneral.py

@@ -1,6 +1,4 @@
-import sys
-
-from PySide6.QtCore import QCoreApplication, QDir, QLocale, QProcess
+from PySide6.QtCore import QCoreApplication, QDir, QLocale
 from PySide6.QtWidgets import (
     QApplication,
     QCheckBox,
@@ -10,8 +8,8 @@ from PySide6.QtWidgets import (
     QPushButton,
 )
 
+from core.settings import SettingsKeys, settings
 from ui.extends.shared.language import changeAppLanguage, localeToCode, localeToFullName
-from ui.extends.shared.settings import DATABASE_URL, LANGUAGE
 from ui.implements.settings.settingsBaseWidget import SettingsBaseWidget
 
 
@@ -33,8 +31,8 @@ class SettingsGeneral(SettingsBaseWidget):
         self.languageFollowSystemCheckBox.toggled.connect(
             self.changeLanguageFollowSystem
         )
-        if self.settings.language():
-            locale = QLocale(self.settings.language())
+        if language := settings.stringValue(SettingsKeys.General.Language):
+            locale = QLocale(language)
             index = self.languageValueWidget.findData(locale)
             if index > -1:
                 self.languageValueWidget.setCurrentIndex(index)
@@ -51,7 +49,7 @@ class SettingsGeneral(SettingsBaseWidget):
         self.insertItem(
             "dbUrl",
             self.dbUrlLabel,
-            QLabel(self.settings.databaseUrl()),
+            QLabel(settings.stringValue(SettingsKeys.General.DatabaseUrl)),
             self.dbUrlResetButton,
         )
 
@@ -59,13 +57,13 @@ class SettingsGeneral(SettingsBaseWidget):
         locale = self.languageValueWidget.currentData()
         if locale:
             changeAppLanguage(locale)
-            self.settings.setLanguage(localeToCode(locale))
+            settings.setValue(SettingsKeys.General.Language, localeToCode(locale))
 
     def changeLanguageFollowSystem(self):
         followSystem = self.languageFollowSystemCheckBox.isChecked()
         self.languageValueWidget.setCurrentIndex(-1)
         if followSystem:
-            self.settings.remove(LANGUAGE)
+            settings.remove(SettingsKeys.General.Language)
             changeAppLanguage(QLocale.system())
             self.languageValueWidget.setEnabled(False)
         else:
@@ -80,7 +78,7 @@ class SettingsGeneral(SettingsBaseWidget):
             QMessageBox.StandardButton.No,
         )
         if userConfirm == QMessageBox.StandardButton.Yes:
-            self.settings.remove(DATABASE_URL)
+            settings.remove(SettingsKeys.General.DatabaseUrl)
             QApplication.instance().quit()
 
     def setupUi(self, *args):
@@ -99,10 +97,10 @@ class SettingsGeneral(SettingsBaseWidget):
 
         # fmt: off
         self.setTitle(QCoreApplication.translate("Settings", "general.title"))
-        
+
         self.languageLabel.setText(QCoreApplication.translate("Settings", "general.language.label"))
         self.languageFollowSystemCheckBox.setText(QCoreApplication.translate("Settings", "general.language.followSystem"))
-        
+
         self.dbUrlLabel.setText(QCoreApplication.translate("Settings", "general.dbUrl.label"))
         self.dbUrlResetButton.setText(QCoreApplication.translate("Settings", "resetButton"))
         # fmt: on

ui/implements/settings/settingsOcr.py

@@ -1,6 +1,7 @@
 from PySide6.QtCore import QCoreApplication
 from PySide6.QtWidgets import QLabel, QPushButton
 
+from core.settings import SettingsKeys, settings
 from ui.implements.components.fileSelector import FileSelector
 from ui.implements.settings.settingsBaseWidget import SettingsBaseWidget
 
@@ -11,8 +12,8 @@ class SettingsOcr(SettingsBaseWidget):
 
         self.setupUi(self)
 
-        if self.settings.knnModelFile():
-            self.knnModelFileValueWidget.selectFile(self.settings.knnModelFile())
+        if knnModelFile := settings.stringValue(SettingsKeys.Ocr.KnnModelFile):
+            self.knnModelFileValueWidget.selectFile(knnModelFile)
         self.knnModelFileValueWidget.filesSelected.connect(self.setKnnModelFile)
         self.knnModelFileResetButton.clicked.connect(self.resetKnnModelFile)
         self.insertItem(
@@ -22,8 +23,8 @@ class SettingsOcr(SettingsBaseWidget):
             self.knnModelFileResetButton,
         )
 
-        if self.settings.b30KnnModelFile():
-            self.b30KnnModelFileValueWidget.selectFile(self.settings.b30KnnModelFile())
+        if b30KnnModelFile := settings.stringValue(SettingsKeys.Ocr.B30KnnModelFile):
+            self.b30KnnModelFileValueWidget.selectFile(b30KnnModelFile)
         self.b30KnnModelFileValueWidget.filesSelected.connect(self.setB30KnnModelFile)
         self.b30KnnModelFileResetButton.clicked.connect(self.resetB30KnnModelFile)
         self.insertItem(
@@ -33,10 +34,10 @@ class SettingsOcr(SettingsBaseWidget):
             self.b30KnnModelFileResetButton,
         )
 
-        if self.settings.phashDatabaseFile():
-            self.phashDatabaseFileValueWidget.selectFile(
-                self.settings.phashDatabaseFile()
-            )
+        if phashDatabaseFile := settings.stringValue(
+            SettingsKeys.Ocr.PhashDatabaseFile
+        ):
+            self.phashDatabaseFileValueWidget.selectFile(phashDatabaseFile)
         self.phashDatabaseFileValueWidget.filesSelected.connect(
             self.setPHashDatabaseFile
         )
@@ -52,31 +53,31 @@ class SettingsOcr(SettingsBaseWidget):
         selectedFile = self.knnModelFileValueWidget.selectedFiles()
         if selectedFile and selectedFile[0]:
             file = selectedFile[0]
-            self.settings.setKnnModelFile(file)
+            settings.setValue(SettingsKeys.Ocr.KnnModelFile, file)
 
     def resetKnnModelFile(self):
         self.knnModelFileValueWidget.reset()
-        self.settings.resetKnnModelFile()
+        settings.setValue(SettingsKeys.Ocr.KnnModelFile, None)
 
     def setB30KnnModelFile(self):
         selectedFile = self.b30KnnModelFileValueWidget.selectedFiles()
         if selectedFile and selectedFile[0]:
             file = selectedFile[0]
-            self.settings.setB30KnnModelFile(file)
+            settings.setValue(SettingsKeys.Ocr.B30KnnModelFile, file)
 
     def resetB30KnnModelFile(self):
         self.b30KnnModelFileValueWidget.reset()
-        self.settings.resetB30KnnModelFile()
+        settings.setValue(SettingsKeys.Ocr.B30KnnModelFile, None)
 
     def setPHashDatabaseFile(self):
         selectedFile = self.phashDatabaseFileValueWidget.selectedFiles()
         if selectedFile and selectedFile[0]:
             file = selectedFile[0]
-            self.settings.setPHashDatabaseFile(file)
+            settings.setValue(SettingsKeys.Ocr.PhashDatabaseFile, file)
 
     def resetPHashDatabaseFile(self):
         self.phashDatabaseFileValueWidget.reset()
-        self.settings.resetPHashDatabaseFile()
+        settings.setValue(SettingsKeys.Ocr.PhashDatabaseFile, None)
 
     def setupUi(self, *args):
         self.knnModelFileLabel = QLabel(self)

ui/implements/tabs/tabDb/tabDb_ChartInfoEditor.py

@@ -163,19 +163,15 @@ class TabDb_ChartInfoEditor(Ui_TabDb_ChartInfoEditor, QWidget):
             QMessageBox.critical(
                 self,
                 None,
-                # fmt: off
                 QCoreApplication.translate("TabDb_ChartInfoEditor", "commit.chartNotSelected"),
-                # fmt: on
-            )
+            )  # fmt: skip
             return
         if not self.constantLineEdit.hasAcceptableInput():
             QMessageBox.critical(
                 self,
                 None,
-                # fmt: off
                 QCoreApplication.translate("TabDb_ChartInfoEditor", "commit.constantRequired"),
-                # fmt: on
-            )
+            )  # fmt: skip
             return
 
         constant = int(self.constantLineEdit.text())
@@ -202,10 +198,8 @@ class TabDb_ChartInfoEditor(Ui_TabDb_ChartInfoEditor, QWidget):
             QMessageBox.critical(
                 self,
                 None,
-                # fmt: off
                 QCoreApplication.translate("TabDb_ChartInfoEditor", "commit.chartNotSelected"),
-                # fmt: on
-            )
+            )  # fmt: skip
             return
 
         chartInfo = self.db.get_chart_info(chart.song_id, chart.rating_class)
@@ -213,12 +207,10 @@ class TabDb_ChartInfoEditor(Ui_TabDb_ChartInfoEditor, QWidget):
             result = QMessageBox.warning(
                 self,
                 None,
-                # fmt: off
                 QCoreApplication.translate("TabDb_ChartInfoEditor", "deleteConfirm"),
-                # fmt: on
                 QMessageBox.StandardButton.Yes,
                 QMessageBox.StandardButton.No,
-            )
+            )  # fmt: skip
             if result == QMessageBox.StandardButton.Yes:
                 with self.db.sessionmaker() as session:
                     session.delete(chartInfo)

ui/implements/tabs/tabDb/tabDb_Manage.py

@@ -14,9 +14,10 @@ from arcaea_offline.external.arcaea import (
 )
 from arcaea_offline.external.arcaea.common import ArcaeaParser
 from arcaea_offline.external.arcsong import ArcsongDbParser
+from arcaea_offline.external.chart_info_db import ChartInfoDbParser
 from arcaea_offline.external.smartrte import SmartRteB30CsvConverter
 from arcaea_offline.models import Difficulty, Pack, Song
-from PySide6.QtCore import QDir, Slot
+from PySide6.QtCore import QDateTime, QDir, Slot
 from PySide6.QtWidgets import QFileDialog, QMessageBox, QWidget
 
 from ui.designer.tabs.tabDb.tabDb_Manage_ui import Ui_TabDb_Manage
@@ -57,6 +58,29 @@ class TabDb_Manage(Ui_TabDb_Manage, QWidget):
                 self, "Sync Error", "\n".join(traceback.format_exception(e))
             )
 
+    @Slot()
+    def on_syncChartInfoDbButton_clicked(self):
+        dbFile, filter = QFileDialog.getOpenFileName(
+            self, None, "", "DB File (*.db);;*"
+        )
+
+        if not dbFile:
+            return
+
+        try:
+            db = Database()
+            parser = ChartInfoDbParser(dbFile)
+            with db.sessionmaker() as session:
+                parser.write_database(session)
+                session.commit()
+                databaseUpdateSignals.chartInfoUpdated.emit()
+            QMessageBox.information(self, None, "OK")
+        except Exception as e:
+            logging.exception("Sync chart info database error")
+            QMessageBox.critical(
+                self, "Sync Error", "\n".join(traceback.format_exception(e))
+            )
+
     def importFromArcaeaParser(
         self, parser: ArcaeaParser, instance, logName, path
     ) -> int:
@@ -67,7 +91,7 @@ class TabDb_Manage(Ui_TabDb_Manage, QWidget):
             session.commit()
             databaseUpdateSignals.songAddOrDelete.emit()
         itemNum = len([item for item in parser.parse() if isinstance(item, instance)])
-        logger.info(f"updated {itemNum} {logName} from {path}")
+        logger.info("updated %d %s from %s", itemNum, logName, path)
         return itemNum
 
     def importPacklist(self, packlistPath):
@@ -137,7 +161,7 @@ class TabDb_Manage(Ui_TabDb_Manage, QWidget):
             return
 
         try:
-            logger.info(f"Importing {apkFile}")
+            logger.info("Importing %s", apkFile)
 
             with zipfile.ZipFile(apkFile) as zf:
                 packlistPath = zipfile.Path(zf) / "assets" / "songs" / "packlist"
@@ -169,7 +193,9 @@ class TabDb_Manage(Ui_TabDb_Manage, QWidget):
             db = Database()
             parser = St3ScoreParser(dbFile)
             logger.info(
-                f"Got {len(parser.parse())} items from {dbFile}, writing into database..."
+                "Got %d items from %s, writing into database...",
+                len(parser.parse()),
+                dbFile,
             )
             with db.sessionmaker() as session:
                 parser.write_database(session)
@@ -194,7 +220,9 @@ class TabDb_Manage(Ui_TabDb_Manage, QWidget):
             db = Database()
             parser = ArcaeaOnlineParser(apiResultFile)
             logger.info(
-                f"Got {len(parser.parse())} items from {apiResultFile}, writing into database..."
+                "Got %d items from %s, writing into database...",
+                len(parser.parse()),
+                apiResultFile,
             )
             with db.sessionmaker() as session:
                 parser.write_database(session)
@@ -208,14 +236,14 @@ class TabDb_Manage(Ui_TabDb_Manage, QWidget):
 
     @Slot()
     def on_exportScoresButton_clicked(self):
-        scores = Database().export_scores()
-        version = Database().version()
+        scores = Database().export_scores_def_v2()
+        timestamp = QDateTime.currentMSecsSinceEpoch()
         content = json.dumps(scores, ensure_ascii=False)
 
         exportLocation, _filter = QFileDialog.getSaveFileName(
             self,
             "Save your scores to...",
-            QDir.current().filePath(f"arcaea-offline-scores-v{version}.json"),
+            QDir.current().filePath(f"arcaea-offline-def-v2-scores-{timestamp}.json"),
             "JSON (*.json);;*",
         )
         with open(exportLocation, "w", encoding="utf-8") as f:

ui/implements/tabs/tabDb/tabDb_RemoveDuplicateScores.py

@@ -0,0 +1,346 @@
+from enum import IntEnum
+
+from arcaea_offline.database import Database
+from arcaea_offline.models import Chart, Difficulty, Score, Song
+from PySide6.QtCore import QCoreApplication, QModelIndex, Qt, Slot
+from PySide6.QtGui import QStandardItem, QStandardItemModel
+from PySide6.QtWidgets import QMessageBox, QStyledItemDelegate, QWidget
+from sqlalchemy import delete, func, select
+from sqlalchemy.orm import InstrumentedAttribute, Session
+
+from ui.designer.tabs.tabDb.tabDb_RemoveDuplicateScores_ui import (
+    Ui_TabDb_RemoveDuplicateScores,
+)
+from ui.extends.shared.delegates.chartDelegate import ChartDelegate
+from ui.extends.shared.delegates.scoreDelegate import ScoreDelegate
+from ui.extends.shared.language import LanguageChangeEventFilter
+
+
+class RemoveDuplicateScoresModel(QStandardItemModel):
+    ScoreRole = Qt.ItemDataRole.UserRole
+    ChartRole = Qt.ItemDataRole.UserRole + 10
+    SongRole = Qt.ItemDataRole.UserRole + 11
+    DifficultyRole = Qt.ItemDataRole.UserRole + 12
+
+    def setChartDelegateDatas(
+        self, item: QStandardItem, songId: str, ratingClass: int, session: Session
+    ):
+        chart = (
+            session.query(Chart)
+            .where((Chart.song_id == songId) & (Chart.rating_class == ratingClass))
+            .first()
+        )
+        song = session.query(Song).where(Song.id == songId).first()
+        difficulty = (
+            session.query(Difficulty)
+            .where(
+                (Difficulty.song_id == songId)
+                & (Difficulty.rating_class == ratingClass)
+            )
+            .first()
+        )
+
+        if chart is None and song is None and difficulty is None:
+            chart = Chart(song_id=songId, rating_class=ratingClass, set="unknown")
+
+        item.setData(chart, self.ChartRole)
+        item.setData(song, self.SongRole)
+        item.setData(difficulty, self.DifficultyRole)
+
+    def getGroupKey(self, score: Score, columns: list[InstrumentedAttribute]) -> str:
+        baseKeys = [score.song_id, str(score.rating_class)]
+        for column in columns:
+            key = f"{column.key}{getattr(score,column.key)}"
+            baseKeys.append(key)
+        return "||".join(baseKeys)
+
+    def setScores(self, scores: list[Score], columns: list[InstrumentedAttribute]):
+        self.clear()
+
+        scoreKeyMap: dict[str, list[Score]] = {}
+        for score in scores:
+            key = self.getGroupKey(score, columns)
+            if scoreKeyMap.get(key) is None:
+                scoreKeyMap[key] = [score]
+            else:
+                scoreKeyMap[key].append(score)
+
+        db = Database()
+        with db.sessionmaker() as session:
+            for key, scores in scoreKeyMap.items():
+                songId, ratingClass = key.split("||")[:2]
+                ratingClass = int(ratingClass)
+
+                parentCheckBoxItem = QStandardItem(f"{len(scores)} items")
+                parentChartItem = QStandardItem()
+                self.setChartDelegateDatas(
+                    parentChartItem, songId, ratingClass, session
+                )
+
+                for i, score in enumerate(scores):
+                    scoreCheckBoxItem = QStandardItem()
+                    scoreCheckBoxItem.setEditable(False)
+                    scoreCheckBoxItem.setCheckable(True)
+                    scoreCheckBoxItem.setEnabled(True)
+                    scoreItem = QStandardItem()
+                    scoreItem.setData(score, self.ScoreRole)
+                    scoreItem.setEditable(False)
+                    scoreItem.setEnabled(True)
+                    parentCheckBoxItem.setChild(i, 0, scoreCheckBoxItem)
+                    parentCheckBoxItem.setChild(i, 1, scoreItem)
+
+                self.appendRow([parentCheckBoxItem, parentChartItem])
+
+
+class TreeViewChartDelegate(ChartDelegate):
+    def getChart(self, index: QModelIndex):
+        return index.data(RemoveDuplicateScoresModel.ChartRole)
+
+    def getSong(self, index: QModelIndex):
+        return index.data(RemoveDuplicateScoresModel.SongRole)
+
+    def getDifficulty(self, index: QModelIndex):
+        return index.data(RemoveDuplicateScoresModel.DifficultyRole)
+
+
+class TreeViewScoreDelegate(ScoreDelegate):
+    def getScore(self, index: QModelIndex):
+        return index.data(RemoveDuplicateScoresModel.ScoreRole)
+
+
+class TreeViewProxyDelegate(QStyledItemDelegate):
+    def __init__(
+        self, chartDelegate: ChartDelegate, scoreDelegate: ScoreDelegate, parent=None
+    ):
+        super().__init__(parent)
+        self.chartDelegate = chartDelegate
+        self.scoreDelegate = scoreDelegate
+
+    def delegateForIndex(self, index: QModelIndex) -> QStyledItemDelegate:
+        return self.scoreDelegate if index.parent().isValid() else self.chartDelegate
+
+    def sizeHint(self, option, index: QModelIndex):
+        return self.delegateForIndex(index).sizeHint(option, index)
+
+    def paint(self, painter, option, index: QModelIndex):
+        self.delegateForIndex(index).paint(painter, option, index)
+        QStyledItemDelegate.paint(self, painter, option, index)
+
+
+class QuickSelectComboBoxValues(IntEnum):
+    ID_EARLIER = 0
+    DATE_EARLIER = 1
+    COLUMNS_INTEGRAL = 2
+
+
+class TabDb_RemoveDuplicateScores(Ui_TabDb_RemoveDuplicateScores, QWidget):
+    def __init__(self, parent=None):
+        super().__init__(parent)
+        self.setupUi(self)
+
+        self.languageChangeEventFilter = LanguageChangeEventFilter(self)
+        self.installEventFilter(self.languageChangeEventFilter)
+
+        self.db = Database()
+
+        self.removeDuplicateScoresModel = RemoveDuplicateScoresModel(self)
+        self.treeView.setModel(self.removeDuplicateScoresModel)
+
+        self.treeViewChartDelegate = TreeViewChartDelegate(self.treeView)
+        self.treeViewScoreDelegate = TreeViewScoreDelegate(self.treeView)
+        self.treeViewProxyDelegate = TreeViewProxyDelegate(
+            self.treeViewChartDelegate, self.treeViewScoreDelegate, self.treeView
+        )
+        self.treeView.setItemDelegateForColumn(1, self.treeViewProxyDelegate)
+
+        self.quickSelect_comboBox.addItem(
+            QCoreApplication.translate("TabDb_RemoveDuplicateScores", "quickSelectComboBox.idEarlier"),
+            QuickSelectComboBoxValues.ID_EARLIER
+        )  # fmt: skip
+        self.quickSelect_comboBox.addItem(
+            QCoreApplication.translate("TabDb_RemoveDuplicateScores", "quickSelectComboBox.dateEarlier"),
+            QuickSelectComboBoxValues.DATE_EARLIER
+        )  # fmt: skip
+        self.quickSelect_comboBox.addItem(
+            QCoreApplication.translate("TabDb_RemoveDuplicateScores", "quickSelectComboBox.columnsIntegral"),
+            QuickSelectComboBoxValues.COLUMNS_INTEGRAL
+        )  # fmt: skip
+
+    def getQueryColumns(self):
+        columns: list[InstrumentedAttribute] = [Score.song_id, Score.rating_class]
+
+        if self.scan_option_scoreCheckBox.isChecked():
+            columns.append(Score.score)
+        if self.scan_option_pureCheckBox.isChecked():
+            columns.append(Score.pure)
+        if self.scan_option_farCheckBox.isChecked():
+            columns.append(Score.far)
+        if self.scan_option_lostCheckBox.isChecked():
+            columns.append(Score.lost)
+        if self.scan_option_maxRecallCheckBox.isChecked():
+            columns.append(Score.max_recall)
+        if self.scan_option_dateCheckBox.isChecked():
+            columns.append(Score.date)
+        if self.scan_option_modifierCheckBox.isChecked():
+            columns.append(Score.modifier)
+        if self.scan_option_clearTypeCheckBox.isChecked():
+            columns.append(Score.clear_type)
+
+        return columns
+
+    def getQueryScores(self):
+        columns = self.getQueryColumns()
+        with self.db.sessionmaker() as session:
+            groupBySubquery = (
+                select(*columns).group_by(*columns).having(func.count() > 1).subquery()
+            )
+            selectInClause = [
+                col == getattr(groupBySubquery.c, col.key) for col in columns
+            ]
+            return session.query(Score).where(*selectInClause).all()
+
+    def scan(self):
+        scores = self.getQueryScores()
+        self.removeDuplicateScoresModel.setScores(scores, self.getQueryColumns())
+        self.treeView.expandAll()
+
+    def deselectAll(self):
+        for row in range(self.removeDuplicateScoresModel.rowCount()):
+            parentItem = self.removeDuplicateScoresModel.item(row, 0)
+            for childRow in range(parentItem.rowCount()):
+                childCheckBoxItem = parentItem.child(childRow, 0)
+                childCheckBoxItem.setCheckState(Qt.CheckState.Unchecked)
+
+    def quickSelect(self):
+        mode = self.quickSelect_comboBox.currentData()
+
+        if mode is None:
+            return
+
+        for row in range(self.removeDuplicateScoresModel.rowCount()):
+            parentItem = self.removeDuplicateScoresModel.item(row, 0)
+
+            scores: list[Score] = []
+
+            for childRow in range(parentItem.rowCount()):
+                childScoreItem = parentItem.child(childRow, 1)
+                scores.append(childScoreItem.data(RemoveDuplicateScoresModel.ScoreRole))
+
+            if mode == QuickSelectComboBoxValues.ID_EARLIER:
+                chosenRow = min(enumerate(scores), key=lambda i: i[1].id)[0]
+            elif mode == QuickSelectComboBoxValues.DATE_EARLIER:
+                chosenRow = min(
+                    enumerate(scores),
+                    key=lambda i: float("inf") if i[1].date is None else i[1].date,
+                )[0]
+            elif mode == QuickSelectComboBoxValues.COLUMNS_INTEGRAL:
+                chosenRow = max(
+                    enumerate(scores),
+                    key=lambda i: sum(
+                        getattr(i[1], col.key) is not None
+                        for col in i[1].__table__.columns
+                    ),
+                )[0]
+
+            for childRow in range(parentItem.rowCount()):
+                childCheckBoxItem = parentItem.child(childRow, 0)
+                if childRow != chosenRow:
+                    childCheckBoxItem.setCheckState(Qt.CheckState.Checked)
+                else:
+                    childCheckBoxItem.setCheckState(Qt.CheckState.Unchecked)
+
+    def reverseSelection(self):
+        for row in range(self.removeDuplicateScoresModel.rowCount()):
+            parentItem = self.removeDuplicateScoresModel.item(row, 0)
+            # only when there's a checked item in this group, we perform a reversed selection
+            # otherwise we ignore this group
+            performReverse = any(
+                parentItem.child(childRow, 0).checkState() == Qt.CheckState.Checked
+                for childRow in range(parentItem.rowCount())
+            )
+            if not performReverse:
+                continue
+
+            for childRow in range(parentItem.rowCount()):
+                childCheckBoxItem = parentItem.child(childRow, 0)
+                newCheckState = (
+                    Qt.CheckState.Unchecked
+                    if childCheckBoxItem.checkState() != Qt.CheckState.Unchecked
+                    else Qt.CheckState.Checked
+                )
+                childCheckBoxItem.setCheckState(newCheckState)
+
+    def deleteSelection(self):
+        selectedScores: list[Score] = []
+        for row in range(self.removeDuplicateScoresModel.rowCount()):
+            parentItem = self.removeDuplicateScoresModel.item(row, 0)
+            for childRow in range(parentItem.rowCount()):
+                childCheckBoxItem = parentItem.child(childRow, 0)
+                if childCheckBoxItem.checkState() == Qt.CheckState.Checked:
+                    childScoreItem = parentItem.child(childRow, 1)
+                    selectedScores.append(
+                        childScoreItem.data(RemoveDuplicateScoresModel.ScoreRole)
+                    )
+
+        confirm = QMessageBox.warning(
+            self,
+            None,
+            QCoreApplication.translate(
+                "TabDb_RemoveDuplicateScores", "deleteSelectionDialog.content {}"
+            ).format(len(selectedScores)),
+            QMessageBox.StandardButton.Yes,
+            QMessageBox.StandardButton.No,
+        )  # fmt: skip
+        if confirm != QMessageBox.StandardButton.Yes:
+            return
+
+        with self.db.sessionmaker() as session:
+            ids = [s.id for s in selectedScores]
+            session.execute(delete(Score).where(Score.id.in_(ids)))
+            session.commit()
+
+        self.scan()
+
+    @Slot()
+    def on_scan_scanButton_clicked(self):
+        if len(self.getQueryColumns()) <= 2:
+            message = QCoreApplication.translate("TabDb_RemoveDuplicateScores", "scan_noColumnsDialog.content")  # fmt: skip
+            result = QMessageBox.warning(
+                self,
+                None,
+                message,
+                QMessageBox.StandardButton.Yes,
+                QMessageBox.StandardButton.No,
+            )
+            if result != QMessageBox.StandardButton.Yes:
+                return
+
+        self.scan()
+
+    @Slot()
+    def on_quickSelect_selectButton_clicked(self):
+        self.quickSelect()
+
+    @Slot()
+    def on_deselectAllButton_clicked(self):
+        self.deselectAll()
+
+    @Slot()
+    def on_reverseSelectionButton_clicked(self):
+        self.reverseSelection()
+
+    @Slot()
+    def on_expandAllButton_clicked(self):
+        self.treeView.expandAll()
+
+    @Slot()
+    def on_collapseAllButton_clicked(self):
+        self.treeView.collapseAll()
+
+    @Slot()
+    def on_resetModelButton_clicked(self):
+        self.removeDuplicateScoresModel.clear()
+
+    @Slot()
+    def on_deleteSelectionButton_clicked(self):
+        self.deleteSelection()

ui/implements/tabs/tabOcr/tabOcr_B30.py

@@ -9,6 +9,7 @@ from PIL import Image
 from PySide6.QtCore import Signal, Slot
 from PySide6.QtWidgets import QFileDialog, QMessageBox, QWidget
 
+from core.settings import SettingsKeys
 from ui.designer.tabs.tabOcr.tabOcr_B30_ui import Ui_TabOcr_B30
 from ui.extends.components.ocrQueue import OcrQueueModel
 from ui.extends.ocr.dependencies import (
@@ -16,11 +17,6 @@ from ui.extends.ocr.dependencies import (
     getPhashDatabaseStatusText,
 )
 from ui.extends.shared.language import LanguageChangeEventFilter
-from ui.extends.shared.settings import (
-    B30_KNN_MODEL_FILE,
-    KNN_MODEL_FILE,
-    PHASH_DATABASE_FILE,
-)
 from ui.extends.tabs.tabOcr.tabOcr_B30 import ChieriV4OcrRunnable, b30ResultToScore
 
 logger = logging.getLogger(__name__)
@@ -55,9 +51,15 @@ class TabOcr_B30(Ui_TabOcr_B30, QWidget):
         self.ocr = None
 
         logger.info("Applying settings...")
-        self.dependencies_knnModelSelector.connectSettings(KNN_MODEL_FILE)
-        self.dependencies_b30KnnModelSelector.connectSettings(B30_KNN_MODEL_FILE)
-        self.dependencies_phashDatabaseSelector.connectSettings(PHASH_DATABASE_FILE)
+        self.dependencies_knnModelSelector.connectSettings(
+            SettingsKeys.Ocr.KnnModelFile
+        )
+        self.dependencies_b30KnnModelSelector.connectSettings(
+            SettingsKeys.Ocr.B30KnnModelFile
+        )
+        self.dependencies_phashDatabaseSelector.connectSettings(
+            SettingsKeys.Ocr.PhashDatabaseFile
+        )
 
         self.ocrQueueModel = OcrQueueModel(self)
         self.ocrQueue.setModel(self.ocrQueueModel)

ui/implements/tabs/tabOcr/tabOcr_Device.py

@@ -11,10 +11,10 @@ from arcaea_offline_ocr.phash_db import ImagePhashDatabase
 from PySide6.QtCore import Slot
 from PySide6.QtWidgets import QApplication, QFileDialog, QMessageBox, QWidget
 
+from core.settings import SettingsKeys
 from ui.designer.tabs.tabOcr.tabOcr_Device_ui import Ui_TabOcr_Device
 from ui.extends.components.ocrQueue import OcrQueueModel
 from ui.extends.shared.language import LanguageChangeEventFilter
-from ui.extends.shared.settings import KNN_MODEL_FILE, PHASH_DATABASE_FILE
 from ui.extends.tabs.tabOcr.tabOcr_Device import ScoreConverter, TabDeviceOcrRunnable
 
 logger = logging.getLogger(__name__)
@@ -54,8 +54,12 @@ class TabOcr_Device(Ui_TabOcr_Device, QWidget):
         )
 
         logger.info("Applying settings...")
-        self.dependencies_knnModelSelector.connectSettings(KNN_MODEL_FILE)
-        self.dependencies_phashDatabaseSelector.connectSettings(PHASH_DATABASE_FILE)
+        self.dependencies_knnModelSelector.connectSettings(
+            SettingsKeys.Ocr.KnnModelFile
+        )
+        self.dependencies_phashDatabaseSelector.connectSettings(
+            SettingsKeys.Ocr.PhashDatabaseFile
+        )
 
         self.options_usePresetCheckBox.setChecked(True)
         self.options_usePresetCheckBox.setEnabled(False)

ui/implements/tabs/tabOverview.py

@@ -1,42 +0,0 @@
-from arcaea_offline.database import Database
-from PySide6.QtCore import QCoreApplication
-from PySide6.QtGui import QShowEvent
-from PySide6.QtWidgets import QWidget
-
-from ui.designer.tabs.tabOverview_ui import Ui_TabOverview
-from ui.extends.shared.language import LanguageChangeEventFilter
-
-
-class TabOverview(Ui_TabOverview, QWidget):
-    def __init__(self, parent=None):
-        super().__init__(parent)
-        self.setupUi(self)
-
-        self.languageChangeEventFilter = LanguageChangeEventFilter(self)
-        self.installEventFilter(self.languageChangeEventFilter)
-
-        self.db = Database()
-
-    def showEvent(self, event: QShowEvent) -> None:
-        self.updateOverview()
-        return super().showEvent(event)
-
-    def updateOverview(self):
-        b30 = self.db.get_b30() or 0.00
-        self.b30Label.setText(str(f"{b30:.3f}"))
-        self.databaseDescribeLabel.setText(
-            self.describeFormatString.format(
-                self.db.count_packs(),
-                self.db.count_songs(),
-                self.db.count_difficulties(),
-                self.db.count_chart_infos(),
-                self.db.count_complete_chart_infos(),
-                self.db.count_scores(),
-            )
-        )
-
-    def retranslateUi(self, *args):
-        super().retranslateUi(self)
-        # fmt: off
-        self.describeFormatString = QCoreApplication.translate("TabOverview", "databaseDescribeLabel {} {} {} {} {} {}")
-        # fmt: on

ui/implements/tabs/tabTools/tabTools_Andreal.py

@@ -11,9 +11,9 @@ from PySide6.QtCore import QCoreApplication, QDir, QFileInfo, Qt, Slot
 from PySide6.QtGui import QGuiApplication, QImage, QPainter, QPaintEvent, QPixmap
 from PySide6.QtWidgets import QButtonGroup, QFileDialog, QLabel, QMessageBox, QWidget
 
+from core.settings import SettingsKeys
 from ui.designer.tabs.tabTools.tabTools_Andreal_ui import Ui_TabTools_Andreal
 from ui.extends.shared.language import LanguageChangeEventFilter
-from ui.extends.shared.settings import ANDREAL_EXECUTABLE, ANDREAL_FOLDER
 from ui.extends.tabs.tabTools.tabTools_Andreal import AndrealHelper
 from ui.implements.components.chartSelector import ChartSelector
 from ui.implements.components.songIdSelector import SongIdSelectorMode
@@ -80,8 +80,8 @@ class TabTools_Andreal(Ui_TabTools_Andreal, QWidget):
         self.andrealFolderSelector.filesSelected.connect(self.setHelperPaths)
         self.andrealExecutableSelector.filesSelected.connect(self.setHelperPaths)
 
-        self.andrealFolderSelector.connectSettings(ANDREAL_FOLDER)
-        self.andrealExecutableSelector.connectSettings(ANDREAL_EXECUTABLE)
+        self.andrealFolderSelector.connectSettings(SettingsKeys.Andreal.Folder)
+        self.andrealExecutableSelector.connectSettings(SettingsKeys.Andreal.Executable)
 
         self.generatePreviewButton.clicked.connect(self.requestPreview)
         self.generateImageButton.clicked.connect(self.requestGenerate)
@@ -131,13 +131,8 @@ class TabTools_Andreal(Ui_TabTools_Andreal, QWidget):
 
     @Slot()
     def on_imageTypeWhatIsThisButton_clicked(self):
-        QMessageBox.information(
-            self,
-            None,
-            # fmt: off
-            QCoreApplication.translate("TabTools_Andreal", "imageWhatIsThisDialog.description"),
-            # fmt: on
-        )
+        message = QCoreApplication.translate("TabTools_Andreal", "imageWhatIsThisDialog.description")  # fmt: skip
+        QMessageBox.information(self, None, message)
 
     def imageFormat(self):
         buttonId = self.imageFormatButtonGroup.checkedId()

ui/implements/tabs/tabTools/tabTools_ChartRecommend.py

@@ -2,31 +2,52 @@ import logging
 
 from arcaea_offline.calculate import calculate_constants_from_play_rating
 from arcaea_offline.database import Database
-from arcaea_offline.models import Chart, ScoreBest
+from arcaea_offline.models import Chart, Score
 from arcaea_offline.utils.rating import rating_class_to_text
-from arcaea_offline.utils.score import score_to_grade_text
-from PySide6.QtCore import Slot
-from PySide6.QtWidgets import QWidget
+from PySide6.QtCore import QModelIndex, Qt, Slot
+from PySide6.QtWidgets import QDialog, QLabel, QVBoxLayout, QWidget
 
 from ui.designer.tabs.tabTools.tabTools_ChartRecommend_ui import (
     Ui_TabTools_ChartRecommend,
 )
+from ui.extends.shared.language import LanguageChangeEventFilter
 from ui.extends.tabs.tabTools.tabTools_ChartRecommend import (
     ChartsModel,
     ChartsWithScoreBestModel,
     CustomChartDelegate,
     CustomScoreBestDelegate,
 )
+from ui.implements.components.playRatingCalculator import PlayRatingCalculator
 
 logger = logging.getLogger(__name__)
 
 
-def chartToText(chart: Chart):
-    return f"{chart.artist} - {chart.title}<br>({chart.song_id}) {rating_class_to_text(chart.rating_class)}"
+class QuickPlayRatingCalculatorDialog(QDialog):
+    def __init__(self, parent=None):
+        super().__init__(parent)
 
+        self.verticalLayout = QVBoxLayout(self)
 
-def scoreBestToText(score: ScoreBest):
-    return f"{score_to_grade_text(score.score)} {score.score} > {score.potential:.4f}"
+        self.chartLabel = QLabel(self)
+        self.verticalLayout.addWidget(self.chartLabel)
+
+        self.playRatingCalculator = PlayRatingCalculator(self)
+        self.verticalLayout.addWidget(self.playRatingCalculator)
+
+        self.setMinimumWidth(400)
+
+        self.playRatingCalculator.arcaeaScoreLineEdit.setFocus(
+            Qt.FocusReason.PopupFocusReason
+        )
+
+    def setChart(self, chart: Chart):
+        self.chartLabel.setText(
+            f"{chart.title} {rating_class_to_text(chart.rating_class)} {chart.constant / 10}"
+        )
+        self.playRatingCalculator.setConstant(chart.constant)
+
+    def setScore(self, score: Score):
+        self.playRatingCalculator.arcaeaScoreLineEdit.setText(str(score))
 
 
 class TabTools_ChartRecommend(Ui_TabTools_ChartRecommend, QWidget):
@@ -34,6 +55,9 @@ class TabTools_ChartRecommend(Ui_TabTools_ChartRecommend, QWidget):
         super().__init__(parent)
         self.setupUi(self)
 
+        self.languageChangeEventFilter = LanguageChangeEventFilter(self)
+        self.installEventFilter(self.languageChangeEventFilter)
+
         self.db = Database()
 
         self.chartsByConstantModel = ChartsModel(self)
@@ -62,6 +86,13 @@ class TabTools_ChartRecommend(Ui_TabTools_ChartRecommend, QWidget):
             self.updateChartsRecommendFromPlayRating
         )
 
+        self.chartsByConstant_modelView.doubleClicked.connect(
+            self.openQuickPlayRatingCalculator_chartsByConstant
+        )
+        self.chartsRecommendFromPlayRating_modelView.doubleClicked.connect(
+            self.openQuickPlayRatingCalculator_chartsRecommendFromPlayRating
+        )
+
     @Slot(float)
     def on_rangeFromPlayRating_playRatingSpinBox_valueChanged(self, value: float):
         try:
@@ -120,3 +151,26 @@ class TabTools_ChartRecommend(Ui_TabTools_ChartRecommend, QWidget):
         self.chartsRecommendFromPlayRatingModel.setChartAndScore(charts, scores)
         self.chartsRecommendFromPlayRating_modelView.resizeRowsToContents()
         self.chartsRecommendFromPlayRating_modelView.resizeColumnsToContents()
+
+    @Slot(QModelIndex)
+    def openQuickPlayRatingCalculator_chartsByConstant(self, index: QModelIndex):
+        dialog = QuickPlayRatingCalculatorDialog(self)
+        chart = index.data(ChartsModel.ChartRole)
+        dialog.setChart(chart)
+        dialog.show()
+
+    @Slot(QModelIndex)
+    def openQuickPlayRatingCalculator_chartsRecommendFromPlayRating(
+        self, index: QModelIndex
+    ):
+        dialog = QuickPlayRatingCalculatorDialog(self)
+
+        row = index.row()
+        chartIndex = self.chartsRecommendFromPlayRatingModel.item(row, 0)
+        scoreIndex = self.chartsRecommendFromPlayRatingModel.item(row, 1)
+
+        chart = chartIndex.data(ChartsWithScoreBestModel.ChartRole)
+        score: Score = scoreIndex.data(ChartsWithScoreBestModel.ScoreBestRole)
+        dialog.setChart(chart)
+        dialog.setScore(score.score)
+        dialog.show()

ui/implements/tabs/tabTools/tabTools_StepCalculator.py

@@ -90,10 +90,8 @@ class PlayRatingCalculatorDialog(QDialog):
 
         self.acceptButton = QPushButton(self)
         self.acceptButton.setText(
-            # fmt: off
             QCoreApplication.translate("StepCalculator", "playRatingCalculatorDialog.acceptButton")
-            # fmt: on
-        )
+        )  # fmt: skip
         self.acceptButton.setEnabled(False)
         self.verticalLayout.addWidget(self.acceptButton)
 

ui/qmls/404.qml

@@ -0,0 +1,22 @@
+import QtQuick
+import QtQuick.Controls
+
+Page {
+    Column {
+        anchors.centerIn: parent
+        width: parent.width
+
+        Label {
+            width: parent.width
+            text: '?'
+            font.pointSize: 50
+            horizontalAlignment: Qt.AlignCenter
+        }
+
+        Label {
+            width: parent.width
+            text: 'Placeholder page'
+            horizontalAlignment: Qt.AlignCenter
+        }
+    }
+}

ui/qmls/App.qml

@@ -0,0 +1,63 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import "./DatabaseChecker" as DatabaseChecker
+
+ApplicationWindow {
+    visible: true
+
+    width: 800
+    height: 600
+
+    SystemPalette {
+        id: systemPaletteActive
+        colorGroup: SystemPalette.Active
+    }
+
+    SystemPalette {
+        id: systemPaletteDisabled
+        colorGroup: SystemPalette.Disabled
+    }
+
+    palette {
+        accent: systemPaletteActive.accent
+        alternateBase: systemPaletteActive.alternateBase
+        base: systemPaletteActive.base
+        button: systemPaletteActive.button
+        buttonText: systemPaletteActive.buttonText
+        dark: systemPaletteActive.dark
+        highlight: systemPaletteActive.highlight
+        highlightedText: systemPaletteActive.highlightedText
+        light: systemPaletteActive.light
+        mid: systemPaletteActive.mid
+        midlight: systemPaletteActive.midlight
+        placeholderText: systemPaletteActive.placeholderText
+        shadow: systemPaletteActive.shadow
+        text: systemPaletteActive.text
+        window: systemPaletteActive.window
+        windowText: systemPaletteActive.windowText
+
+        disabled {
+            button: systemPaletteDisabled.button
+            buttonText: systemPaletteDisabled.buttonText
+        }
+
+        inactive {
+            button: systemPaletteDisabled.button
+            buttonText: systemPaletteDisabled.buttonText
+        }
+    }
+
+    StackLayout {
+        id: stackLayout
+        anchors.fill: parent
+        currentIndex: 0
+
+        DatabaseChecker.Index {
+            onReady: parent.currentIndex = 1
+        }
+
+        AppMain {}
+    }
+}

ui/qmls/AppMain.qml

@@ -0,0 +1,93 @@
+pragma ComponentBehavior: Bound
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+RowLayout {
+    id: layout
+    spacing: 5
+
+    SystemPalette {
+        id: systemPalette
+    }
+
+    ListModel {
+        id: navListModel
+
+        ListElement {
+            _id: 'home'
+            label: 'Overview'
+            qmlSource: 'Overview.qml'
+        }
+        ListElement {
+            _id: 'database'
+            label: 'Database'
+            qmlSource: '404.qml'
+        }
+    }
+
+    ListView {
+        id: navListView
+
+        Layout.preferredWidth: 200
+        Layout.fillHeight: true
+
+        model: navListModel
+        focus: true
+
+        delegate: Item {
+            id: navListItem
+            required property int index
+            required property string label
+
+            property bool isActive: navListView.currentIndex === index
+
+            width: parent.width
+            height: 30
+
+            MouseArea {
+                anchors.fill: parent
+                onClicked: () => {
+                    navListView.currentIndex = navListItem.index;
+                }
+            }
+
+            Label {
+                anchors.margins: 5
+                anchors.fill: parent
+
+                text: parent.label
+                color: parent.isActive ? systemPalette.highlightedText : systemPalette.text
+                z: 10
+
+                Behavior on color {
+                    ColorAnimation {
+                        duration: 150
+                    }
+                }
+            }
+
+            Rectangle {
+                width: parent.isActive ? parent.width : 0
+                Behavior on width {
+                    NumberAnimation {
+                        easing.type: Easing.OutQuad
+                        duration: 200
+                    }
+                }
+
+                height: parent.height
+                color: systemPalette.highlight
+                z: 1
+            }
+        }
+    }
+
+    Loader {
+        Layout.preferredWidth: 500
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+
+        source: navListView.currentIndex > -1 ? navListModel.get(navListView.currentIndex).qmlSource : '404.qml'
+    }
+}

ui/qmls/Components/DirectorySelector.qml

@@ -0,0 +1,25 @@
+import QtQuick
+import QtQuick.Dialogs
+
+import internal.ui.utils
+
+SelectorBase {
+    id: base
+
+    FolderDialog {
+        id: folderDialog
+        selectedFolder: base.directoryUrl
+        onAccepted: {
+            base.directoryUrl = this.selectedFolder;
+            this.currentFolder = this.selectedFolder;
+        }
+    }
+
+    property alias directoryUrl: base.url
+
+    shouldAcceptUrl: url => UrlUtils.isDir(url)
+    onBrowseButtonClicked: {
+        folderDialog.open();
+    }
+    placeholderText: '<font color="gray">Select a directory…</font>'
+}

ui/qmls/Components/FileSelector.qml

@@ -0,0 +1,33 @@
+import QtQuick
+import QtQuick.Dialogs
+
+import internal.ui.utils
+
+SelectorBase {
+    id: base
+
+    FileDialog {
+        id: fileDialog
+        onAccepted: {
+            base.url = this.selectedFile;
+        }
+    }
+
+    function isFileUrlValid(url: url): bool {
+        return url.toString().startsWith("file://");
+    }
+
+    property alias fileUrl: base.url
+    onFileUrlChanged: {
+        if (isFileUrlValid(fileUrl)) {
+            fileDialog.selectedFile = fileUrl;
+            fileDialog.currentFolder = UrlUtils.parent(fileUrl);
+        }
+    }
+
+    shouldAcceptUrl: url => UrlUtils.isFile(url)
+    onBrowseButtonClicked: {
+        fileDialog.open();
+    }
+    placeholderText: '<font color="gray">Select a file…</font>'
+}

ui/qmls/Components/PlayResultDelegate.qml

@@ -0,0 +1,124 @@
+pragma ComponentBehavior: Bound
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import QtQuick.VectorImage
+
+import "../libs/formatters.mjs" as Formatters
+
+RowLayout {
+    id: root
+
+    required property var playResult
+    property alias pr: root.playResult
+
+    spacing: 8
+
+    SystemPalette {
+        id: systemPalette
+    }
+
+    component PFLLabel: RowLayout {
+        required property string label
+        required property var value
+        property color color: systemPalette.text
+
+        spacing: 0.5
+
+        Label {
+            Layout.alignment: Qt.AlignBaseline
+
+            text: parent.label
+            font.pointSize: 8
+            font.bold: true
+            color: parent.color
+        }
+
+        Label {
+            Layout.alignment: Qt.AlignBaseline
+            text: parent.value ?? '-'
+            color: parent.color
+        }
+    }
+
+    function getGradeIcon(gradeLabel: string): string {
+        const scheme = Application.styleHints.colorScheme == Qt.ColorScheme.Dark ? 'dark' : 'light';
+        const filenameMap = {
+            'EX+': 'ex-plus',
+            'EX': 'ex',
+            'AA': 'aa',
+            'A': 'a',
+            'B': 'b',
+            'C': 'c',
+            'D': 'd'
+        };
+
+        let filenameBase = filenameMap[gradeLabel];
+        if (scheme === 'dark') {
+            filenameBase += '-dark';
+        }
+
+        return `qrc:/images/grades/${filenameBase}.svg`;
+    }
+
+    TextMetrics {
+        id: gradeTextMetrics
+        text: 'EX+'
+
+        font.pointSize: 18
+        font.bold: true
+    }
+
+    VectorImage {
+        id: gradeIcon
+        Layout.preferredWidth: gradeTextMetrics.width
+        Layout.preferredHeight: gradeTextMetrics.width
+
+        fillMode: VectorImage.PreserveAspectFit
+        preferredRendererType: VectorImage.CurveRenderer
+        source: root.getGradeIcon(Formatters.scoreToGrade(root.pr.score))
+    }
+
+    ColumnLayout {
+        Layout.fillWidth: true
+        spacing: 1
+
+        Label {
+            Layout.fillWidth: true
+            text: root.pr.score
+            font.pointSize: 16
+        }
+
+        RowLayout {
+            Layout.fillWidth: true
+            Layout.leftMargin: 2
+            spacing: 5
+
+            PFLLabel {
+                label: 'P'
+                value: root.pr.pure
+                color: appTheme.pure
+            }
+
+            PFLLabel {
+                label: 'F'
+                value: root.pr.far
+                color: appTheme.far
+            }
+
+            PFLLabel {
+                label: 'L'
+                value: root.pr.lost
+                color: appTheme.lost
+            }
+        }
+
+        PFLLabel {
+            Layout.fillWidth: true
+            Layout.leftMargin: 2
+
+            label: 'MR'
+            value: root.pr.maxRecall
+        }
+    }
+}

ui/qmls/Components/SectionTitle.qml

@@ -0,0 +1,13 @@
+import QtQuick.Controls
+import QtQuick.Layouts
+
+Label {
+    Layout.topMargin: 7
+    Layout.bottomMargin: 10
+
+    anchors.topMargin: 7
+    anchors.bottomMargin: 10
+
+    font.pointSize: 14
+    font.bold: true
+}

ui/qmls/Components/SelectorBase.qml

@@ -0,0 +1,64 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import internal.ui.utils
+
+RowLayout {
+    id: root
+
+    required property var shouldAcceptUrl  // function (url)
+    signal browseButtonClicked
+    property string placeholderText: '<font color="gray">…</font>'
+
+    required property url url
+    onUrlChanged: {
+        Qt.callLater(() => {
+            updateLabel();
+        });
+    }
+
+    function updateLabel(): void {
+        urlLabel.text = url.toString().length > 0 ? UrlFormatUtils.toLocalFile(url) : root.placeholderText;
+    }
+
+    spacing: 2
+
+    Label {
+        id: urlLabel
+        Layout.fillWidth: true
+        text: root.placeholderText
+
+        DropArea {
+            anchors.fill: parent
+
+            onEntered: drag => {
+                if (!drag.hasUrls || drag.urls.length !== 1) {
+                    drag.accepted = false;
+                    return false;
+                }
+
+                const url = drag.urls[0];
+                const shouldAccept = root.shouldAcceptUrl(url);
+                if (!shouldAccept) {
+                    drag.accepted = false;
+                    return false;
+                }
+
+                urlLabel.text = `<font color="gray">Drop "<font color="text">${UrlUtils.name(url)}</font>"?</font>`;
+            }
+            onExited: {
+                root.updateLabel();
+            }
+            onDropped: drop => {
+                root.url = drop.urls[0];
+                root.updateLabel();
+            }
+        }
+    }
+
+    Button {
+        text: "Browse"
+        onClicked: root.browseButtonClicked()
+    }
+}

ui/qmls/Components/qmldir

@@ -0,0 +1,9 @@
+module Components
+
+internal SelectorBase SelectorBase.qml
+DirectorySelector 1.0 DirectorySelector.qml
+FileSelector 1.0 FileSelector.qml
+
+SectionTitle 1.0 SectionTitle.qml
+
+PlayResultDelegate 1.0 PlayResultDelegate.qml

ui/qmls/DatabaseChecker/DatabaseFileCreator.qml

@@ -0,0 +1,56 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import "../Components"
+
+ColumnLayout {
+    id: root
+
+    signal confirm
+
+    required property url directoryUrl
+    required property string filename
+
+    GridLayout {
+        columns: 2
+
+        Label {
+            text: "Directory"
+        }
+
+        DirectorySelector {
+            Layout.fillWidth: true
+
+            directoryUrl: root.directoryUrl
+            onDirectoryUrlChanged: {
+                root.directoryUrl = this.directoryUrl;
+            }
+        }
+
+        Label {
+            text: "Filename"
+        }
+
+        TextField {
+            Layout.fillWidth: true
+
+            text: root.filename
+            placeholderText: 'Please enter…'
+            onEditingFinished: {
+                root.filename = this.text;
+            }
+            onAccepted: {
+                confirmButton.click();
+            }
+        }
+    }
+
+    Button {
+        id: confirmButton
+        Layout.alignment: Qt.AlignRight
+
+        text: 'Confirm'
+        onClicked: root.confirm()
+    }
+}

ui/qmls/DatabaseChecker/Dialog_ConfirmConnection.qml

@@ -0,0 +1,31 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+Dialog {
+    id: root
+
+    required property string databaseUrl
+
+    padding: 10
+
+    title: qsTr('Confirm Database Connection')
+    standardButtons: Dialog.Ok | Dialog.Cancel
+    modal: true
+    Overlay.modal: Rectangle {
+        color: Qt.alpha('gray', 0.2)
+    }
+
+    ColumnLayout {
+        Label {
+            text: 'The connection below will be saved to settings. Confirm?'
+        }
+
+        Pane {
+            Label {
+                id: databaseUrlLabel
+                text: root.databaseUrl
+            }
+        }
+    }
+}

ui/qmls/DatabaseChecker/Dialog_Error.qml

@@ -0,0 +1,34 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+Dialog {
+    id: root
+
+    required property string errorTitle
+    required property string errorMessage
+
+    padding: 10
+
+    title: qsTr('Error')
+    standardButtons: Dialog.Ok
+    modal: true
+    Overlay.modal: Rectangle {
+        color: Qt.alpha('darkgray', 0.5)
+    }
+
+    ColumnLayout {
+        spacing: 5
+
+        Label {
+            font.pointSize: 12
+            font.bold: true
+
+            text: root.errorTitle
+        }
+
+        Label {
+            text: root.errorMessage
+        }
+    }
+}

ui/qmls/DatabaseChecker/HorizontalDivider.qml

@@ -0,0 +1,13 @@
+import QtQuick
+import QtQuick.Layouts
+
+Rectangle {
+    Layout.fillWidth: true
+    Layout.preferredHeight: 1
+
+    Layout.topMargin: 5
+    Layout.bottomMargin: 5
+
+    color: "lightgray"
+    opacity: 0.5
+}

ui/qmls/DatabaseChecker/Index.qml

@@ -0,0 +1,124 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import internal.ui.vm 1.0
+import "../Components"
+
+Page {
+    id: root
+
+    property bool showConfirmConnectionDialog: false
+
+    signal ready
+
+    function confirm(source: string): void {
+        if (!source)
+            throw new Error("source is required");
+
+        const shouldConfirm = (source === 'continueButton' && vm.canConfirmSilently) || source === 'dialog';
+
+        if (shouldConfirm) {
+            vm.confirmCurrentConnection();
+            root.ready();
+        } else {
+            root.showConfirmConnectionDialog = true;
+        }
+    }
+
+    DatabaseInitViewModel {
+        id: vm
+
+        onSelectFileUrlChanged: {
+            selectOrCreate.selectFileUrl = this.selectFileUrl;
+        }
+        onDirectoryUrlChanged: {
+            selectOrCreate.directoryUrl = this.directoryUrl;
+        }
+        onFilenameChanged: {
+            selectOrCreate.filename = this.filename;
+        }
+        onDatabaseUrlChanged: {
+            confirmConnectionDialog.databaseUrl = this.databaseUrl;
+        }
+        onDatabaseInfoChanged: {
+            databaseInfo.info = this.databaseInfo;
+        }
+        onCanContinueChanged: {
+            continueButton.enabled = this.canContinue;
+        }
+    }
+
+    Page {
+        padding: 10
+        anchors.fill: parent
+
+        Dialog_ConfirmConnection {
+            id: confirmConnectionDialog
+
+            anchors.centerIn: parent
+            visible: root.showConfirmConnectionDialog
+
+            onAccepted: root.confirm('dialog')
+            onClosed: root.showConfirmConnectionDialog = false
+
+            databaseUrl: vm.databaseUrl
+        }
+
+        ColumnLayout {
+            width: parent.width
+            spacing: 2
+
+            SectionTitle {
+                text: qsTr('Select or Create Database')
+            }
+
+            Section_SelectOrCreate {
+                id: selectOrCreate
+                selectFileUrl: vm.selectFileUrl
+                createDirectoryUrl: vm.directoryUrl
+                createFilename: vm.filename
+
+                onUiModeChanged: uiMode => vm.uiMode = uiMode
+                onSelectFileUrlChanged: {
+                    vm.selectFileUrl = selectFileUrl;
+                }
+                onCreateDirectoryUrlChanged: {
+                    vm.directoryUrl = createDirectoryUrl;
+                }
+                onCreateFilenameChanged: {
+                    vm.filename = createFilename;
+                }
+                onConfirmCreate: {
+                    vm.loadDatabaseInfo();
+                }
+            }
+
+            HorizontalDivider {}
+
+            SectionTitle {
+                text: 'Database Status'
+            }
+
+            Section_DatabaseInfo {
+                id: databaseInfo
+                info: vm.databaseInfo
+            }
+        }
+
+        footer: Pane {
+            padding: 5
+            RowLayout {
+                Button {
+                    id: continueButton
+                    Layout.alignment: Qt.AlignHCenter
+
+                    text: qsTr('Continue')
+                    enabled: vm.canContinue
+
+                    onClicked: root.confirm('continueButton')
+                }
+            }
+        }
+    }
+}

ui/qmls/DatabaseChecker/Section_DatabaseInfo.qml

@@ -0,0 +1,137 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+ColumnLayout {
+    id: root
+
+    property var info: {
+        'url': undefined,
+        'error': {
+            'title': undefined,
+            'message': undefined
+        },
+        'initialized': undefined,
+        'version': undefined
+    }
+    property bool showErrorDialog: false
+
+    function hasError(): bool {
+        return info?.error?.title !== undefined || info?.error?.message !== undefined;
+    }
+
+    function displayText(value): string {
+        return value ?? '-';
+    }
+
+    function displayBool(value): string {
+        if (value === undefined)
+            return '-';
+        return value ? `<font color="${appTheme.success}">Yes</font>` : `<font color="${appTheme.error}">No</font>`;
+    }
+
+    component LabelLabel: Label {
+        Layout.alignment: Qt.AlignRight | Qt.AlignBaseline
+        font.pointSize: 10
+    }
+
+    SystemPalette {
+        id: palette
+    }
+
+    Dialog_Error {
+        parent: Overlay.overlay
+
+        anchors.centerIn: parent
+        visible: root.hasError() && root.showErrorDialog
+
+        errorTitle: root.displayText(root.info?.error?.title)
+        errorMessage: root.displayText(root.info?.error?.message)
+
+        onClosed: root.showErrorDialog = false
+    }
+
+    Pane {
+        clip: true
+        background: Rectangle {
+            color: Qt.darker(Qt.alpha(palette.window, 0.9), 0.2)
+        }
+
+        // Layout.preferredHeight: root.hasError() ? this.implicitHeight : 0
+        Layout.preferredHeight: 0
+        Behavior on Layout.preferredHeight {
+            PropertyAnimation {
+                duration: 300
+                easing.type: Easing.InOutCubic
+            }
+        }
+
+        ColumnLayout {
+            anchors.fill: parent
+
+            Label {
+                font.bold: true
+                text: root.displayText(root.info.error?.title)
+            }
+
+            Label {
+                text: root.displayText(root.info.error?.message)
+            }
+        }
+    }
+
+    GridLayout {
+        columns: 2
+        columnSpacing: 10
+
+        LabelLabel {
+            text: 'Connection'
+        }
+
+        Label {
+            text: root.info.url
+        }
+
+        LabelLabel {
+            text: 'Initialized'
+        }
+
+        Label {
+            text: root.displayBool(root.info?.initialized)
+        }
+
+        LabelLabel {
+            text: 'Version'
+        }
+
+        Label {
+            text: root.displayText(root.info?.version)
+        }
+
+        Column {
+            Layout.alignment: Qt.AlignRight | Qt.AlignBaseline
+
+            LabelLabel {
+                text: 'Error'
+            }
+
+            ToolButton {
+                Layout.preferredWidth: root.hasError() ? this.implicitWidth : 0
+                Behavior on Layout.preferredWidth {
+                    PropertyAnimation {
+                        duration: 300
+                        easing.type: Easing.InOutCubic
+                    }
+                }
+
+                text: '[?]'
+                onClicked: root.showErrorDialog = true
+            }
+        }
+
+        Label {
+            Layout.alignment: Qt.AlignBaseline
+            text: root.displayText(root.info?.error?.title)
+        }
+    }
+}

ui/qmls/DatabaseChecker/Section_SelectOrCreate.qml

@@ -0,0 +1,69 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import "../Components"
+
+ColumnLayout {
+    id: root
+
+    property alias selectFileUrl: fileSelector.url
+    property alias createDirectoryUrl: fileCreator.directoryUrl
+    property alias createFilename: fileCreator.filename
+
+    signal uiModeChanged(string value)
+    signal confirmCreate
+
+    ListModel {
+        id: uiModeModel
+        ListElement {
+            value: 'select'
+        }
+        ListElement {
+            value: 'create'
+        }
+    }
+
+    TabBar {
+        id: tabBar
+        Layout.fillWidth: true
+
+        TabButton {
+            text: qsTr("Select Existing")
+            width: implicitWidth + 10
+        }
+        TabButton {
+            text: qsTr("Create New File")
+            width: implicitWidth + 10
+        }
+
+        onCurrentIndexChanged: {
+            const idx = this.currentIndex;
+            root.uiModeChanged(uiModeModel.get(idx).value);
+        }
+    }
+
+    StackLayout {
+        currentIndex: tabBar.currentIndex
+
+        Layout.fillWidth: true
+        Layout.preferredHeight: children[currentIndex].height
+        Behavior on Layout.preferredHeight {
+            PropertyAnimation {
+                duration: 300
+                easing.type: Easing.InOutCubic
+            }
+        }
+        clip: true
+
+        FileSelector {
+            id: fileSelector
+        }
+
+        DatabaseFileCreator {
+            id: fileCreator
+
+            onConfirm: root.confirmCreate()
+        }
+    }
+}

ui/qmls/Overview.qml

@@ -0,0 +1,62 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import internal.ui.vm 1.0
+
+Page {
+    id: root
+
+    property alias b30: vm.b30
+
+    OverviewViewModel {
+        id: vm
+    }
+
+    component Display: RowLayout {
+        required property string label
+        required property string value
+
+        spacing: 5
+
+        // implicitHeight: valueText.implicitHeight
+
+        Label {
+            text: parent.label
+            Layout.alignment: Qt.AlignBaseline
+        }
+
+        Label {
+            id: valueText
+
+            text: parent.value
+            font.pointSize: 18
+            Layout.alignment: Qt.AlignBaseline
+        }
+    }
+
+    RowLayout {
+        ColumnLayout {
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignBottom
+
+            Display {
+                label: 'B30'
+                value: root.b30 >= 0 ? root.b30.toFixed(3) : 'N/A'
+            }
+
+            Display {
+                label: 'R10'
+                value: 'Not supported'
+            }
+        }
+
+        Button {
+            Layout.alignment: Qt.AlignBottom
+
+            // TODO: icon
+            text: 'Reload'
+            onClicked: vm.reload()
+        }
+    }
+}

ui/qmls/libs/formatters.mjs

@@ -0,0 +1,18 @@
+export function scoreToGrade(score) {
+  const gradeThresholds = [
+    { minimum: 9900000, grade: "EX+" },
+    { minimum: 9800000, grade: "EX" },
+    { minimum: 9500000, grade: "AA" },
+    { minimum: 9200000, grade: "A" },
+    { minimum: 8900000, grade: "B" },
+    { minimum: 8600000, grade: "C" },
+  ];
+
+  for (const threshold of gradeThresholds) {
+    if (score >= threshold.minimum) {
+      return threshold.grade;
+    }
+  }
+
+  return "D";
+}

ui/resources/images/grades/a-dark.svg

@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="1 1 23 23"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="a-dark.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     labelstyle="default"
+     inkscape:clip-to-page="false"
+     inkscape:zoom="32"
+     inkscape:cx="9.3125"
+     inkscape:cy="16.015625"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true">
+    <sodipodi:guide
+       position="3.0000001,19"
+       orientation="14,0"
+       id="guide1"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="3.0000001,4.0000001"
+       orientation="0,1"
+       id="guide2"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="21,5.0000001"
+       orientation="-14,0"
+       id="guide3"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="21,20"
+       orientation="0,1"
+       id="guide4"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,9.0000002"
+       orientation="0,1"
+       id="guide10"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="15.5,20.4"
+       orientation="0,1"
+       id="guide19"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,20"
+       orientation="-1,0"
+       id="guide5"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient34"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#62476c;stop-opacity:1;"
+         offset="0"
+         id="stop34" />
+      <stop
+         style="stop-color:#ab73a3;stop-opacity:1;"
+         offset="1"
+         id="stop35" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34"
+       id="linearGradient35"
+       x1="11.470703"
+       y1="3.5996094"
+       x2="11.470703"
+       y2="20"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:label="base"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline;fill:url(#linearGradient35);fill-opacity:1;stroke:none">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#333333;fill-opacity:0.8;stroke:none;stroke-linecap:square;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="M 10.722656,3.0996094 5.0820312,19.513672 4.7421875,20.5 h 3.171875 l 1.375,-4 h 5.4218755 l 1.374999,4 h 3.171875 L 18.917969,19.513672 13.277344,3.0996094 Z M 12,8.6113281 13.679688,13.5 h -3.359375 z"
+       id="path6"
+       inkscape:label="stroke"
+       sodipodi:nodetypes="ccccccccccccccc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient35);fill-opacity:1;stroke:none;stroke-linecap:square;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="M 11.080078,3.6000004 5.5546869,19.676172 5.4433588,20.000391 h 2.1132816 l 1.3750004,-4 h 6.1367182 l 1.375,4 h 2.113282 L 18.445312,19.676172 12.919922,3.6000004 Z M 12,7.0746098 14.380859,14.000391 H 9.6191408 Z"
+       id="path7"
+       inkscape:label="A" />
+  </g>
+</svg>

ui/resources/images/grades/a.svg

@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="1 1 23 23"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="a.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     labelstyle="default"
+     inkscape:clip-to-page="false"
+     inkscape:zoom="45.254834"
+     inkscape:cx="7.2036503"
+     inkscape:cy="15.280136"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true">
+    <sodipodi:guide
+       position="3.0000001,19"
+       orientation="14,0"
+       id="guide1"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="3.0000001,4.0000001"
+       orientation="0,1"
+       id="guide2"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="21,5.0000001"
+       orientation="-14,0"
+       id="guide3"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="21,20"
+       orientation="0,1"
+       id="guide4"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,9.0000002"
+       orientation="0,1"
+       id="guide10"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="15.5,20.4"
+       orientation="0,1"
+       id="guide19"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,20"
+       orientation="-1,0"
+       id="guide5"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient34"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#46324d;stop-opacity:1;"
+         offset="0"
+         id="stop34" />
+      <stop
+         style="stop-color:#92588a;stop-opacity:1;"
+         offset="1"
+         id="stop35" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34"
+       id="linearGradient35"
+       x1="11.470703"
+       y1="3.5996094"
+       x2="11.470703"
+       y2="20"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:label="base"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline;stroke:none;fill:url(#linearGradient35);fill-opacity:1">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#cccccc;fill-opacity:0.8;stroke:none;stroke-linecap:square;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="M 10.722656,3.0996094 5.0820312,19.513672 4.7421875,20.5 h 3.171875 l 1.375,-4 h 5.4218755 l 1.374999,4 h 3.171875 L 18.917969,19.513672 13.277344,3.0996094 Z M 12,8.6113281 13.679688,13.5 h -3.359375 z"
+       id="path6"
+       inkscape:label="stroke"
+       sodipodi:nodetypes="ccccccccccccccc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient35);fill-opacity:1;stroke:none;stroke-linecap:square;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="M 11.080078,3.6000004 5.5546869,19.676172 5.4433588,20.000391 h 2.1132816 l 1.3750004,-4 h 6.1367182 l 1.375,4 h 2.113282 L 18.445312,19.676172 12.919922,3.6000004 Z M 12,7.0746098 14.380859,14.000391 H 9.6191408 Z"
+       id="path7"
+       inkscape:label="A" />
+  </g>
+</svg>

ui/resources/images/grades/aa-dark.svg

@@ -0,0 +1,138 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="1 1 23 23"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="aa-dark.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     labelstyle="default"
+     inkscape:clip-to-page="false"
+     inkscape:zoom="32"
+     inkscape:cx="9.75"
+     inkscape:cy="13.078125"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true">
+    <sodipodi:guide
+       position="3.0000001,19"
+       orientation="14,0"
+       id="guide1"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="3.0000001,4.0000001"
+       orientation="0,1"
+       id="guide2"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="21,5.0000001"
+       orientation="-14,0"
+       id="guide3"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="21,20"
+       orientation="0,1"
+       id="guide4"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="15.5,19"
+       orientation="-1,0"
+       id="guide7"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="10,19"
+       orientation="-1,0"
+       id="guide8"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,9.0000002"
+       orientation="0,1"
+       id="guide10"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="15.5,20.4"
+       orientation="0,1"
+       id="guide19"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient34"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#785880;stop-opacity:1;"
+         offset="0"
+         id="stop34" />
+      <stop
+         style="stop-color:#b464a6;stop-opacity:1;"
+         offset="1"
+         id="stop35" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34"
+       id="linearGradient35"
+       x1="11.470703"
+       y1="3.5996094"
+       x2="11.470703"
+       y2="20"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <path
+     id="path29"
+     style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#333333;fill-opacity:0.80000001;stroke-linecap:square;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+     d="M 7.2226562 3.0996094 L 1.5820312 19.513672 L 1.2421875 20.5 L 4.4140625 20.5 L 5.7890625 16.5 L 9.6171875 16.5 L 8.5820312 19.513672 L 8.2421875 20.5 L 11.414062 20.5 L 12.789062 16.5 L 18.210938 16.5 L 19.585938 20.5 L 22.757812 20.5 L 22.417969 19.513672 L 16.777344 3.0996094 L 14.222656 3.0996094 L 12 9.5683594 C 11.259181 7.4122493 10.518269 5.2556825 9.7773438 3.0996094 L 7.2226562 3.0996094 z M 8.5 8.6113281 L 10.179688 13.5 L 6.8203125 13.5 L 8.5 8.6113281 z M 15.5 8.6113281 L 17.179688 13.5 L 13.820312 13.5 L 15.5 8.6113281 z "
+     inkscape:label="stroke" />
+  <g
+     inkscape:label="base"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline;stroke:none;fill:url(#linearGradient35);fill-opacity:1">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient35);stroke-linecap:square;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1;stroke:none;fill-opacity:1"
+       d="M 14.580078,3.5996094 9.0546875,19.675781 8.9433594,20 h 2.1132816 l 1.375,-4 h 6.136718 l 1.375,4 h 2.113282 L 21.945312,19.675781 16.419922,3.5996094 Z M 15.5,7.0742188 17.880859,14 h -4.761718 z"
+       id="path30"
+       inkscape:label="A" />
+    <path
+       id="path23"
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient35);stroke-linecap:square;stroke-miterlimit:10;enable-background:accumulate;stop-color:#000000;stop-opacity:1;stroke:none;fill-opacity:1"
+       d="M 7.5800781,3.5996094 2.0546875,19.675781 1.9433594,20 h 2.1132812 l 1.375,-4 h 3.8300782 l 0.6875,-2 H 6.1191406 L 8.5,7.0742188 10.414062,12.644531 11.470703,9.5683594 9.4199219,3.5996094 Z"
+       sodipodi:nodetypes="ccccccccccccc"
+       inkscape:label="A_cut" />
+  </g>
+</svg>

ui/resources/images/grades/aa.svg

@@ -0,0 +1,138 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="1 1 23 23"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="aa.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     labelstyle="default"
+     inkscape:clip-to-page="false"
+     inkscape:zoom="32"
+     inkscape:cx="9.75"
+     inkscape:cy="13.078125"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     showguides="true">
+    <sodipodi:guide
+       position="3.0000001,19"
+       orientation="14,0"
+       id="guide1"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="3.0000001,4.0000001"
+       orientation="0,1"
+       id="guide2"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="21,5.0000001"
+       orientation="-14,0"
+       id="guide3"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="21,20"
+       orientation="0,1"
+       id="guide4"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="15.5,19"
+       orientation="-1,0"
+       id="guide7"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="10,19"
+       orientation="-1,0"
+       id="guide8"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,9.0000002"
+       orientation="0,1"
+       id="guide10"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="15.5,20.4"
+       orientation="0,1"
+       id="guide19"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient34"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#5a3463;stop-opacity:1;"
+         offset="0"
+         id="stop34" />
+      <stop
+         style="stop-color:#9b4b8d;stop-opacity:1;"
+         offset="1"
+         id="stop35" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34"
+       id="linearGradient35"
+       x1="11.470703"
+       y1="3.5996094"
+       x2="11.470703"
+       y2="20"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <path
+     id="path29"
+     style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#cccccc;fill-opacity:0.8;stroke-linecap:square;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+     d="M 7.2226562 3.0996094 L 1.5820312 19.513672 L 1.2421875 20.5 L 4.4140625 20.5 L 5.7890625 16.5 L 9.6171875 16.5 L 8.5820312 19.513672 L 8.2421875 20.5 L 11.414062 20.5 L 12.789062 16.5 L 18.210938 16.5 L 19.585938 20.5 L 22.757812 20.5 L 22.417969 19.513672 L 16.777344 3.0996094 L 14.222656 3.0996094 L 12 9.5683594 C 11.259181 7.4122493 10.518269 5.2556825 9.7773438 3.0996094 L 7.2226562 3.0996094 z M 8.5 8.6113281 L 10.179688 13.5 L 6.8203125 13.5 L 8.5 8.6113281 z M 15.5 8.6113281 L 17.179688 13.5 L 13.820312 13.5 L 15.5 8.6113281 z "
+     inkscape:label="stroke" />
+  <g
+     inkscape:label="base"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline;stroke:none;fill:url(#linearGradient35);fill-opacity:1">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient35);stroke-linecap:square;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1;stroke:none;fill-opacity:1"
+       d="M 14.580078,3.5996094 9.0546875,19.675781 8.9433594,20 h 2.1132816 l 1.375,-4 h 6.136718 l 1.375,4 h 2.113282 L 21.945312,19.675781 16.419922,3.5996094 Z M 15.5,7.0742188 17.880859,14 h -4.761718 z"
+       id="path30"
+       inkscape:label="A" />
+    <path
+       id="path23"
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient35);stroke-linecap:square;stroke-miterlimit:10;enable-background:accumulate;stop-color:#000000;stop-opacity:1;stroke:none;fill-opacity:1"
+       d="M 7.5800781,3.5996094 2.0546875,19.675781 1.9433594,20 h 2.1132812 l 1.375,-4 h 3.8300782 l 0.6875,-2 H 6.1191406 L 8.5,7.0742188 10.414062,12.644531 11.470703,9.5683594 9.4199219,3.5996094 Z"
+       sodipodi:nodetypes="ccccccccccccc"
+       inkscape:label="A_cut" />
+  </g>
+</svg>

ui/resources/images/grades/b-dark.svg

@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="1 1 23 23"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="b-dark.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     labelstyle="default"
+     inkscape:clip-to-page="false"
+     inkscape:zoom="32"
+     inkscape:cx="10.625"
+     inkscape:cy="13.640625"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true">
+    <sodipodi:guide
+       position="3.0000001,5.0000001"
+       orientation="0,1"
+       id="guide2"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="21,19"
+       orientation="0,1"
+       id="guide4"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,12.5"
+       orientation="0,1"
+       id="guide10"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,20"
+       orientation="-1,0"
+       id="guide5"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="7.0000001,20"
+       orientation="-1,0"
+       id="guide11"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="17.5,3.9996091"
+       orientation="-1,0"
+       id="guide13"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient34"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#62476c;stop-opacity:1;"
+         offset="0"
+         id="stop34" />
+      <stop
+         style="stop-color:#ab73a3;stop-opacity:1;"
+         offset="1"
+         id="stop35" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34"
+       id="linearGradient35"
+       x1="11.470703"
+       y1="3.5996094"
+       x2="11.470703"
+       y2="20"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34"
+       id="linearGradient1"
+       gradientUnits="userSpaceOnUse"
+       x1="11.470703"
+       y1="3.5996094"
+       x2="11.470703"
+       y2="20" />
+  </defs>
+  <g
+     inkscape:label="base"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline;fill:url(#linearGradient35);fill-opacity:1;stroke:none"
+     transform="translate(0.375)">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#333333;fill-opacity:0.8;stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 5.5,3.5 v 17 h 6.75 c 2.973855,0 5.5,-2.314875 5.5,-5.25 0,-1.721917 -0.943723,-3.16211 -2.261719,-4.113281 C 16.093694,10.320901 16.5,9.3384477 16.5,8.25 16.5,5.7007829 14.533131,3.5 12,3.5 Z m 3,3 H 12 c 0.774581,0 1.5,0.6927751 1.5,1.75 C 13.5,9.3072249 12.774581,10 12,10 H 8.5 Z m 0,6.5 h 3.25 0.25 0.25 c 1.456677,0 2.5,1.044783 2.5,2.25 0,1.205217 -1.043323,2.25 -2.5,2.25 H 8.5 Z"
+       id="path22"
+       inkscape:label="stroke"
+       sodipodi:nodetypes="ccsscssccssscccccssscc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient1);fill-opacity:1;stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 6,4 v 16 h 6.25 c 2.715802,0 5,-2.102463 5,-4.75 0,-1.719783 -0.962948,-3.210042 -2.382812,-4.042969 C 15.571798,10.433759 16,9.3833207 16,8.25 16,5.9562068 14.242331,4 12,4 Z m 2,2 h 4 c 1.071377,0 2,0.9539424 2,2.25 0,1.2960576 -0.928623,2.25 -2,2.25 H 8 Z m 4.25,6.486328 V 12.5 c 1.702476,0 3,1.255402 3,2.75 0,1.494598 -1.297524,2.75 -3,2.75 H 8 v -5.5 h 4 c 0.08442,0 0.167024,-0.0082 0.25,-0.01367 z"
+       id="path23"
+       inkscape:label="B" />
+  </g>
+</svg>

ui/resources/images/grades/b.svg

@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="1 1 23 23"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="b.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     labelstyle="default"
+     inkscape:clip-to-page="false"
+     inkscape:zoom="32"
+     inkscape:cx="9.546875"
+     inkscape:cy="13.828125"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true">
+    <sodipodi:guide
+       position="3.0000001,5.0000001"
+       orientation="0,1"
+       id="guide2"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="21,19"
+       orientation="0,1"
+       id="guide4"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,12.5"
+       orientation="0,1"
+       id="guide10"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,20"
+       orientation="-1,0"
+       id="guide5"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="7.0000001,20"
+       orientation="-1,0"
+       id="guide11"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="17.5,3.9996091"
+       orientation="-1,0"
+       id="guide13"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient34"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#43334a;stop-opacity:1;"
+         offset="0"
+         id="stop34" />
+      <stop
+         style="stop-color:#755b7c;stop-opacity:1;"
+         offset="1"
+         id="stop35" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34"
+       id="linearGradient35"
+       x1="11.470703"
+       y1="3.5996094"
+       x2="11.470703"
+       y2="20"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34"
+       id="linearGradient23"
+       gradientUnits="userSpaceOnUse"
+       x1="11.470703"
+       y1="3.5996094"
+       x2="11.470703"
+       y2="20" />
+  </defs>
+  <g
+     inkscape:label="base"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline;fill:url(#linearGradient35);fill-opacity:1;stroke:none"
+     transform="translate(0.375)">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#cccccc;fill-opacity:0.8;stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 5.5,3.5 v 17 h 6.75 c 2.973855,0 5.5,-2.314875 5.5,-5.25 0,-1.721917 -0.943723,-3.16211 -2.261719,-4.113281 C 16.093694,10.320901 16.5,9.3384477 16.5,8.25 16.5,5.7007829 14.533131,3.5 12,3.5 Z m 3,3 H 12 c 0.774581,0 1.5,0.6927751 1.5,1.75 C 13.5,9.3072249 12.774581,10 12,10 H 8.5 Z m 0,6.5 h 3.25 0.25 0.25 c 1.456677,0 2.5,1.044783 2.5,2.25 0,1.205217 -1.043323,2.25 -2.5,2.25 H 8.5 Z"
+       id="path22"
+       inkscape:label="stroke"
+       sodipodi:nodetypes="ccsscssccssscccccssscc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient23);fill-opacity:1;stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 6,4 v 16 h 6.25 c 2.715802,0 5,-2.102463 5,-4.75 0,-1.719783 -0.962948,-3.210042 -2.382812,-4.042969 C 15.571798,10.433759 16,9.3833207 16,8.25 16,5.9562068 14.242331,4 12,4 Z m 2,2 h 4 c 1.071377,0 2,0.9539424 2,2.25 0,1.2960576 -0.928623,2.25 -2,2.25 H 8 Z m 4.25,6.486328 V 12.5 c 1.702476,0 3,1.255402 3,2.75 0,1.494598 -1.297524,2.75 -3,2.75 H 8 v -5.5 h 4 c 0.08442,0 0.167024,-0.0082 0.25,-0.01367 z"
+       id="path23"
+       inkscape:label="B" />
+  </g>
+</svg>

ui/resources/images/grades/c-dark.svg

@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="1 1 23 23"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="c-dark.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     labelstyle="default"
+     inkscape:clip-to-page="false"
+     inkscape:zoom="22.627417"
+     inkscape:cx="8.8167377"
+     inkscape:cy="14.164233"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true">
+    <sodipodi:guide
+       position="12,20"
+       orientation="-1,0"
+       id="guide5"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,12"
+       orientation="0.60181502,0.79863551"
+       id="guide6"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,12"
+       orientation="-0.60181502,0.79863551"
+       id="guide7"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient9"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#5c433d;stop-opacity:1;"
+         offset="0"
+         id="stop9" />
+      <stop
+         style="stop-color:#9d6c85;stop-opacity:1;"
+         offset="1"
+         id="stop10" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient34"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#46324d;stop-opacity:1;"
+         offset="0"
+         id="stop34" />
+      <stop
+         style="stop-color:#92588a;stop-opacity:1;"
+         offset="1"
+         id="stop35" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34"
+       id="linearGradient35"
+       x1="11.470703"
+       y1="3.5996094"
+       x2="11.470703"
+       y2="20"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9"
+       id="linearGradient10"
+       x1="12"
+       y1="3.5163455"
+       x2="12"
+       y2="20.483654"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:label="base"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline;stroke:none;fill:url(#linearGradient35);fill-opacity:1">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#333333;fill-opacity:0.80000001;stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="M 12.5,3 C 7.7659933,3 4,7.0984281 4,12 c 0,4.901572 3.7659934,9 8.5,9 2.899254,0 5.460617,-1.548293 6.980469,-3.859375 l 0.27539,-0.417969 -2.507812,-1.65039 -0.275391,0.417968 C 15.95623,17.035809 14.33618,18 12.5,18 9.5033162,18 7,15.389122 7,12 7,8.6108784 9.5033164,6 12.5,6 c 1.836197,0 3.456233,0.9641762 4.472656,2.5097656 L 17.248047,8.9277344 19.755859,7.2773437 19.480469,6.859375 C 17.96062,4.5482711 15.399265,3 12.5,3 Z"
+       id="path8"
+       inkscape:label="stroke"
+       sodipodi:nodetypes="sssccccsssccccs" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient10);stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 12.5,3.5 c -4.4450362,0 -8,3.8534536 -8,8.5 0,4.646547 3.5549639,8.5 8,8.5 2.721277,0 5.127673,-1.452972 6.5625,-3.634766 L 17.390625,15.765625 C 16.291564,17.436853 14.512289,18.5 12.5,18.5 c -3.2869503,0 -6,-2.862275 -6,-6.5 0,-3.6377248 2.7130498,-6.5 6,-6.5 2.012302,0 3.791567,1.0631305 4.890625,2.734375 L 19.0625,7.1347656 C 17.627676,4.9529509 15.221292,3.5 12.5,3.5 Z"
+       id="path9"
+       inkscape:label="C" />
+  </g>
+</svg>

ui/resources/images/grades/c.svg

@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="1 1 23 23"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="c.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     labelstyle="default"
+     inkscape:clip-to-page="false"
+     inkscape:zoom="32"
+     inkscape:cx="9.828125"
+     inkscape:cy="12.421875"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true">
+    <sodipodi:guide
+       position="12,20"
+       orientation="-1,0"
+       id="guide5"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,12"
+       orientation="0.60181502,0.79863551"
+       id="guide6"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,12"
+       orientation="-0.60181502,0.79863551"
+       id="guide7"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient9"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#3b2b27;stop-opacity:1;"
+         offset="0"
+         id="stop9" />
+      <stop
+         style="stop-color:#80566b;stop-opacity:1;"
+         offset="1"
+         id="stop10" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient34"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#46324d;stop-opacity:1;"
+         offset="0"
+         id="stop34" />
+      <stop
+         style="stop-color:#92588a;stop-opacity:1;"
+         offset="1"
+         id="stop35" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34"
+       id="linearGradient35"
+       x1="11.470703"
+       y1="3.5996094"
+       x2="11.470703"
+       y2="20"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9"
+       id="linearGradient10"
+       x1="12"
+       y1="3.5163455"
+       x2="12"
+       y2="20.483654"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:label="base"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline;stroke:none;fill:url(#linearGradient35);fill-opacity:1">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#cccccc;fill-opacity:0.8;stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="M 12.5,3 C 7.7659933,3 4,7.0984281 4,12 c 0,4.901572 3.7659934,9 8.5,9 2.899254,0 5.460617,-1.548293 6.980469,-3.859375 l 0.27539,-0.417969 -2.507812,-1.65039 -0.275391,0.417968 C 15.95623,17.035809 14.33618,18 12.5,18 9.5033162,18 7,15.389122 7,12 7,8.6108784 9.5033164,6 12.5,6 c 1.836197,0 3.456233,0.9641762 4.472656,2.5097656 L 17.248047,8.9277344 19.755859,7.2773437 19.480469,6.859375 C 17.96062,4.5482711 15.399265,3 12.5,3 Z"
+       id="path8"
+       inkscape:label="stroke"
+       sodipodi:nodetypes="sssccccsssccccs" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient10);stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 12.5,3.5 c -4.4450362,0 -8,3.8534536 -8,8.5 0,4.646547 3.5549639,8.5 8,8.5 2.721277,0 5.127673,-1.452972 6.5625,-3.634766 L 17.390625,15.765625 C 16.291564,17.436853 14.512289,18.5 12.5,18.5 c -3.2869503,0 -6,-2.862275 -6,-6.5 0,-3.6377248 2.7130498,-6.5 6,-6.5 2.012302,0 3.791567,1.0631305 4.890625,2.734375 L 19.0625,7.1347656 C 17.627676,4.9529509 15.221292,3.5 12.5,3.5 Z"
+       id="path9"
+       inkscape:label="C" />
+  </g>
+</svg>

ui/resources/images/grades/d-dark.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="1 1 23 23"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="d-dark.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     labelstyle="default"
+     inkscape:clip-to-page="false"
+     inkscape:zoom="32"
+     inkscape:cx="12.1875"
+     inkscape:cy="12.109375"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true">
+    <sodipodi:guide
+       position="3.0000001,5.0000001"
+       orientation="0,1"
+       id="guide2"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="21,19"
+       orientation="0,1"
+       id="guide4"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,12.5"
+       orientation="0,1"
+       id="guide10"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,20"
+       orientation="-1,0"
+       id="guide5"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="7.0000001,20"
+       orientation="-1,0"
+       id="guide11"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="17.5,3.9996091"
+       orientation="-1,0"
+       id="guide13"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient8"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#842a4b;stop-opacity:1;"
+         offset="0"
+         id="stop7" />
+      <stop
+         style="stop-color:#bd516c;stop-opacity:1;"
+         offset="1"
+         id="stop8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop5" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient8"
+       id="linearGradient6"
+       x1="11"
+       y1="4"
+       x2="11"
+       y2="20"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:label="base"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline;fill:url(#linearGradient5);fill-opacity:1;stroke:none"
+     transform="translate(0.375)">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#333333;fill-opacity:0.80000001;stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 5.5,3.5 v 17 H 11 c 4.462075,0 8,-3.878181 8,-8.5 0,-4.621819 -3.537925,-8.5 -8,-8.5 z m 3,3 H 11 c 2.715731,0 5,2.3827768 5,5.5 0,3.117223 -2.284269,5.5 -5,5.5 H 8.5 Z"
+       id="path4"
+       inkscape:label="stroke"
+       sodipodi:nodetypes="ccsssccssscc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient6);fill-opacity:1;stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 6,4 v 16 h 5 c 4.171863,0 7.5,-3.63217 7.5,-8 0,-4.3678304 -3.328137,-8 -7.5,-8 z m 2,2 h 3 c 3.007839,0 5.5,2.635844 5.5,6 0,3.364156 -2.492161,6 -5.5,6 H 8 Z"
+       id="path5"
+       inkscape:label="D" />
+  </g>
+</svg>

ui/resources/images/grades/d.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="1 1 23 23"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="d.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     labelstyle="default"
+     inkscape:clip-to-page="false"
+     inkscape:zoom="32"
+     inkscape:cx="12.1875"
+     inkscape:cy="12.109375"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true">
+    <sodipodi:guide
+       position="3.0000001,5.0000001"
+       orientation="0,1"
+       id="guide2"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="21,19"
+       orientation="0,1"
+       id="guide4"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,12.5"
+       orientation="0,1"
+       id="guide10"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="12,20"
+       orientation="-1,0"
+       id="guide5"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="7.0000001,20"
+       orientation="-1,0"
+       id="guide11"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="17.5,3.9996091"
+       orientation="-1,0"
+       id="guide13"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient8"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#5d1d35;stop-opacity:1;"
+         offset="0"
+         id="stop7" />
+      <stop
+         style="stop-color:#9f3c55;stop-opacity:1;"
+         offset="1"
+         id="stop8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop5" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient8"
+       id="linearGradient6"
+       x1="11"
+       y1="4"
+       x2="11"
+       y2="20"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:label="base"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline;fill:url(#linearGradient5);fill-opacity:1;stroke:none"
+     transform="translate(0.375)">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#cccccc;fill-opacity:1;stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 5.5,3.5 v 17 H 11 c 4.462075,0 8,-3.878181 8,-8.5 0,-4.621819 -3.537925,-8.5 -8,-8.5 z m 3,3 H 11 c 2.715731,0 5,2.3827768 5,5.5 0,3.117223 -2.284269,5.5 -5,5.5 H 8.5 Z"
+       id="path4"
+       inkscape:label="stroke"
+       sodipodi:nodetypes="ccsssccssscc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:url(#linearGradient6);fill-opacity:1;stroke:none;stroke-miterlimit:10;paint-order:markers stroke fill;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 6,4 v 16 h 5 c 4.171863,0 7.5,-3.63217 7.5,-8 0,-4.3678304 -3.328137,-8 -7.5,-8 z m 2,2 h 3 c 3.007839,0 5.5,2.635844 5.5,6 0,3.364156 -2.492161,6 -5.5,6 H 8 Z"
+       id="path5"
+       inkscape:label="D" />
+  </g>
+</svg>