show finished icon if we have enough items

Bumps the packages group in /src/Snap.Hutao with 1 update: [coverlet.collector](https://github.com/coverlet-coverage/coverlet).


Updates `coverlet.collector` from 6.0.1 to 6.0.2
- [Release notes](https://github.com/coverlet-coverage/coverlet/releases)
- [Commits](https://github.com/coverlet-coverage/coverlet/compare/v6.0.1...v6.0.2)

---
updated-dependencies:
- dependency-name: coverlet.collector
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: packages
...

Signed-off-by: dependabot[bot] <support@github.com>

.github/ISSUE_TEMPLATE/CHS-bug-report.yml

@@ -18,7 +18,7 @@ body:
       options:
         - label: 我已阅读 Snap Hutao 文档中的[常见问题](https://hut.ao/advanced/FAQ.html)和[常见程序异常](https://hut.ao/advanced/exceptions.html)，我的问题没有在文档中得到解答
           required: true
-          
+
         - label: 我知道文档站的导航栏中有**搜索功能**，且已经搜索过相关关键词
           required: true
 
@@ -29,17 +29,17 @@ body:
     id: winver
     attributes:
       label: Windows 版本
-      description: | 
+      description: |
         `Win+R` 输入 `winver` 回车后在打开的窗口第二行可以找到
       placeholder: 例：22000.556
     validations:
       required: true
-   
+
   - type: input
     id: shver
     attributes:
       label: Snap Hutao 版本
-      description: 在应用标题，应用程序的设置界面中靠下的位置可以找到
+      description: 在应用标题，应用程序的反馈中心界面中可以找到
       placeholder: 例：1.4.15.0
     validations:
       required: true
@@ -48,10 +48,10 @@ body:
     id: deviceid
     attributes:
       label: 设备 ID
-      description: | 
-        在胡桃工具箱的设置界面，你可以找到并复制你的设备 ID
+      description: |
+        在胡桃工具箱的反馈中心界面，你可以找到并复制你的设备 ID
         如果你的问题涉及程序崩溃，请填写该项，这将有助于我们定位问题
-        如果你的程序已经无法启动，请下载并运行[此工具](https://github.com/DGP-Automation/ISSUE_TEMPLATES/releases/download/diagnosis_tools/Snap.Hutao.DiagTools.exe)，它将显示你的设备 ID
+        如果你的程序已经无法启动，请下载并运行[诊断工具](https://github.com/DGP-Automation/ISSUE_TEMPLATES/releases/download/diagnosis_tools/Snap.Hutao.Diagnostic.Tooling.exe)，它将显示你的设备 ID
     validations:
       required: false
 
@@ -79,7 +79,7 @@ body:
         - 公告
         - 其它
     validations:
-      required: true   
+      required: true
 
   - type: textarea
     id: what-happened
@@ -87,7 +87,7 @@ body:
       label: 发生了什么？
       description: |
         详细的描述问题发生前后的行为，以便我们解决问题。**如果你的问题涉及程序崩溃，你应当检查 Windows 事件查看器，并将相关的 `.Net 错误`详情附上**
-        如果你无法找到该日志，请下载并运行[此工具](https://github.com/DGP-Automation/ISSUE_TEMPLATES/releases/download/diagnosis_tools/Snap.Hutao.DiagTools.exe)，它将转储问题日志至工具运行目录中的 `Snap.Hutao Error Log.txt`
+        如果你无法找到该日志，请下载并运行[诊断工具](https://github.com/DGP-Automation/ISSUE_TEMPLATES/releases/download/diagnosis_tools/Snap.Hutao.DiagTools.exe)，它将转储问题日志至工具运行目录中的 `Snap.Hutao Error Log.txt`
     validations:
       required: true
 
@@ -107,4 +107,3 @@ body:
       options:
         - label: 我认为上述的描述已经足以详细，以允许开发人员能复现该问题
           required: true
-      

.github/ISSUE_TEMPLATE/ENG-bug-report.yml

@@ -18,7 +18,7 @@ body:
       options:
         - label: I have read [FAQ page](https://hut.ao/advanced/FAQ.html) and [Exception page](https://hut.ao/advanced/exceptions.html) in Snap Hutao document, and my issue is not answered
           required: true
-          
+
         - label: I and tried **search feature** in Snap Hutao document site, and no associated article
           required: true
 
@@ -29,12 +29,12 @@ body:
     id: winver
     attributes:
       label: Windows Version
-      description: | 
+      description: |
         Use `Win+R` and input `winver`, Windows build version is usually at the second line
       placeholder: e.g. 22000.556
     validations:
       required: true
-   
+
   - type: input
     id: shver
     attributes:
@@ -48,10 +48,10 @@ body:
     id: deviceid
     attributes:
       label: Device ID
-      description: | 
-        In Snap Hutao's settings page, you can find and copy your device ID
+      description: |
+        In Snap Hutao's Feedback Center, you can find and copy your device ID
         If your issue is about program crash, please fill this so we can dump the log and locate the source easier
-        If your program cannot startup, please download and run [this tool](https://github.com/DGP-Automation/ISSUE_TEMPLATES/releases/download/diagnosis_tools/Snap.Hutao.DiagTools.exe), it will shows your device ID.
+        If your program cannot startup, please download and run [Diagnostic Tooling](https://github.com/DGP-Automation/ISSUE_TEMPLATES/releases/download/diagnosis_tools/Snap.Hutao.Diagnostic.Tooling.exe), it will shows your device ID.
     validations:
       required: false
 
@@ -74,12 +74,12 @@ body:
         - User Interface
         - Snap Hutao Cloud
         - Snap Hutao Account
-        - Checkin        
+        - Checkin
         - Wiki
         - Announcement
         - Other
     validations:
-      required: true   
+      required: true
 
   - type: textarea
     id: what-happened
@@ -87,7 +87,7 @@ body:
       label: What Happened?
       description: |
         Describe your issue in detail to help us identify the issue. **If your issue is about program crash, you should check Windows Event Viewer, and attach associated `.Net Error` details here**If your program cannot startup, please download and run [this PowerShell script](https://github.com/DGP-Studio/ISSUE_TEMPLATES/releases/download/get_device_id/GetHutaoDeviceId.ps1), it will shows your device ID.
-        If you cannot find it, please download and run [this tool](https://github.com/DGP-Automation/ISSUE_TEMPLATES/releases/download/diagnosis_tools/Snap.Hutao.DiagTools.exe), it will dump the error log to `Snap.Hutao Error Log.txt` in the working directory of the tool.
+        If you cannot find it, please download and run [Diagnosis Tool](https://github.com/DGP-Automation/ISSUE_TEMPLATES/releases/download/diagnosis_tools/Snap.Hutao.DiagTools.exe), it will dump the error log to `Snap.Hutao Error Log.txt` in the working directory of the tool.
     validations:
       required: true
 
@@ -107,4 +107,3 @@ body:
       options:
         - label: I believe the description above is detail enough to allow developers to reproduce the issue
           required: true
-      

.github/dependabot.yml

@@ -13,4 +13,8 @@ updates:
     groups:
       packages:
         patterns:
-          - "*"
+          - "*"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/workflows" # GitHub Workflows
+    schedule:
+      interval: "weekly"

.github/workflows/alpha.yml

@@ -13,16 +13,28 @@ on:
       - '**.md'
       - 'LICENSE'
       - '**.yml'
+  pull_request:
+    branches:
+      - develop
+    paths-ignore:
+      - '.gitattributes'
+      - '.github/**'
+      - '.gitignore'
+      - '.gitmodules'
+      - '**.md'
+      - 'LICENSE'
+      - '**.yml'
+      - '**.resx'
 
 jobs:
   build:
     runs-on: self-hosted
     steps:
       - name: Checkout
-        uses: actions/checkout@v4.1.1
+        uses: actions/checkout@v4
 
       - name: Setup .NET
-        uses: actions/setup-dotnet@v4.0.0
+        uses: actions/setup-dotnet@v4
         with:
           dotnet-version: 8.0
 
@@ -34,20 +46,21 @@ jobs:
           VERSION_API_TOKEN: ${{ secrets.VERSION_API_TOKEN }}
 
       - name: Sign Msix
+        if: success() && github.event_name != 'pull_request'
         shell: pwsh
         run: |
           [System.Convert]::FromBase64String("${{ secrets.CERTIFICATE }}") | Set-Content -AsByteStream temp.pfx
           signtool.exe sign /debug /v /a /fd SHA256 /f temp.pfx /p ${{ secrets.PW }} ${{ github.workspace }}\src\output\Snap.Hutao.Alpha-${{ steps.cake.outputs.version }}.msix
 
       - name: Upload signed msix
-        if: success()
-        uses: actions/upload-artifact@v3
+        if: success() && github.event_name != 'pull_request'
+        uses: actions/upload-artifact@v4
         with:
           name: Snap.Hutao.Alpha-${{ steps.cake.outputs.version }}
           path: ${{ github.workspace }}/src/output/Snap.Hutao.Alpha-${{ steps.cake.outputs.version }}.msix
 
       - name: Add summary
-        if: success()
+        if: success() && github.event_name != 'pull_request'
         shell: pwsh
         run: |
           $summary = "

.github/workflows/close_stale.yml

@@ -0,0 +1,16 @@
+name: 'Close stale issues and PRs'
+on:
+  schedule:
+    - cron: '30 1 * * *'
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/stale@v9
+        with:
+          any-of-labels: 'needs-more-info,需要更多信息'
+          stale-issue-message: 'This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 3 days.'
+          days-before-stale: 7
+          days-before-close: 3
+          close-issue-reason: not_planned

.github/workflows/issue_similarity.yml

@@ -0,0 +1,20 @@
+name: Issues Similarity Analysis
+
+on:
+  issues:
+    types: [opened, edited]
+
+jobs:
+  similarity-analysis:
+    runs-on: ubuntu-latest
+    steps:
+      - name: analysis
+        uses: actions-cool/issues-similarity-analysis@v1
+        with:
+          filter-threshold: 0.5
+          comment-title: '### Probable Similar Topics'
+          title-excludes: '[Publish]:,[Bug]:,[Feat]:,[Network]:,[ENG]'
+          comment-body: '${index}. ${similarity} #${number}'
+          show-footer: false
+          show-mentioned: true
+          since-days: 365

.github/workflows/lock_closed_issues.yml

@@ -0,0 +1,26 @@
+name: 'Lock Threads'
+
+on:
+  schedule:
+    - cron: '0 0 * * *'
+  workflow_dispatch:
+
+permissions:
+  issues: write
+  pull-requests: write
+  discussions: write
+
+concurrency:
+  group: lock-threads
+
+jobs:
+  action:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: dessant/lock-threads@v5
+        with:
+          issue-inactive-days: '30'
+          issue-comment: 'This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related topic.'
+          issue-lock-reason: 'resolved'
+          process-only: 'issues'
+          log-output: false

.gitlab-ci.yml

@@ -61,6 +61,9 @@ release:
         - name: "$THIS_SHA256SUMS_NAME"
           url: "https://$CI_SERVER_SHELL_SSH_HOST/$CI_PROJECT_PATH/-/jobs/$THIS_JOB_ID/artifacts/raw/$THIS_SHA256SUMS_NAME?inline=false"
           link_type: other
+        - name: "artifact_archive"
+          url: "https://$CI_SERVER_SHELL_SSH_HOST/$CI_PROJECT_PATH/-/jobs/$THIS_JOB_ID/artifacts/download?file_type=archive"
+          link_type: other
           
 Refresh:
   stage: refresh
@@ -71,3 +74,4 @@ Refresh:
   script:
     - apt-get install -y curl
     - curl -X PATCH "$PURGE_URL"
+    - curl -X POST -o /dev/null "$UPLOAD_OSS_URL"

README.md

@@ -35,7 +35,8 @@ Install with Snap Hutao MSIX package, can be installed with Windows built-in App
 
 * [向我们提交 PR / Make Pull Requests](https://github.com/DGP-Studio/Snap.Hutao/pulls)
 * [在 Crowdin 上进行本地化 / Translate Project on Crowdin](https://translate.hut.ao/)
-* [为我们更新文档 / Enhance our Document ](https://github.com/DGP-Studio/Snap.Hutao.Docs)
+* [为我们更新文档 / Enhance our Document](https://github.com/DGP-Studio/Snap.Hutao.Docs)
+* [帮助我们测试程序 / Test Binary Package](https://hut.ao/development/contribute.html)
 
 ## 特别感谢 / Special Thanks
 
@@ -44,9 +45,7 @@ Install with Snap Hutao MSIX package, can be installed with Windows built-in App
 
 ### 特定的原神项目 / Specific Genshin-related Projects
 
-* [biuuu/genshin-wish-export](https://github.com/biuuu/genshin-wish-export)
-* [xunkong/xunkong](https://github.com/xunkong/xunkong)
-* [YuehaiTeam/cocogoat](https://github.com/YuehaiTeam/cocogoat)
+* [Scighost/Starward](https://github.com/Scighost/Starward)
 
 ### 使用的技术栈 / Tech Stack
 
@@ -57,7 +56,6 @@ Install with Snap Hutao MSIX package, can be installed with Windows built-in App
 * [dotnet/efcore](https://github.com/dotnet/efcore)
 * [dotnet/runtime](https://github.com/dotnet/runtime)
 * [DotNetAnalyzers/StyleCopAnalyzers](https://github.com/DotNetAnalyzers/StyleCopAnalyzers)
-* [microsoft/CsWin32](https://github.com/microsoft/CsWin32)
 * [microsoft/vs-validation](https://github.com/microsoft/vs-validation)
 * [microsoft/WindowsAppSDK](https://github.com/microsoft/WindowsAppSDK)
 * [microsoft/microsoft-ui-xaml](https://github.com/microsoft/microsoft-ui-xaml)

azure-pipelines.yml

@@ -1,119 +0,0 @@
-# CI process script for Snap.Hutao
-# Usage:
-# 1. Append the script in Pipelines
-# 2. Upload the pfx and cer certificates to Pipelines Library secrets
-# 3. Permit the pfx usage
-# 4. Add a `pw` variable in the script variables, which is pfx password
-# 5. Connect the GitHub in project settings
-# 6. Run
-
-trigger: none
-pr: none
-# trigger:
-#   branches:
-#     include:
-#     - main
-#     - develop
-#   paths:
-#     exclude:
-#     - README.md
-#     - azure-pipelines.yml
-#     - .github/ISSUE_TEMPLATE/*.yml
-#     - .github/workflows/*.yml
-#     - src/Snap.Hutao/Snap.Hutao/Resource/Localization/*.resx
-# pr:
-#   branches:
-#    include:
-#    - main
-#   paths:
-#    exclude:
-#      - README.md
-#      - azure-pipelines.yml
-#      - .github/ISSUE_TEMPLATE/*.yml
-#      - .github/workflows/*.yml
-#      - src/Snap.Hutao/Snap.Hutao/Resource/Localization/*.resx
-
-
-pool:
-  name: Default
-  demands: agent.name -equals Hutao-Server
-
-variables:
-  DOTNET_SKIP_FIRST_TIME_EXPERIENCE: true
-  solution: '$(Build.SourcesDirectory)/src/Snap.Hutao/Snap.Hutao.sln'
-  project: $(Build.SourcesDirectory)/src/Snap.Hutao/Snap.Hutao/Snap.Hutao.csproj'
-  buildPlatform: 'x64'
-  buildConfiguration: 'Release'
-
-
-steps:
-- task: UseDotNet@2
-  displayName: Install dotNet
-  inputs:
-    packageType: 'sdk'
-    version: '8.x'
-    includePreviewVersions: true
-
-- task: CmdLine@2
-  displayName: dotnet cake
-  inputs:
-    script: dotnet tool restore && dotnet cake
-
-- task: MsixSigning@1
-  name: signMsix
-  displayName: Sign MSIX package
-  inputs:
-    package: '$(Build.ArtifactStagingDirectory)/Snap.Hutao.Alpha-$(version).msix'
-    certificate: 'DGP_Studio_CI.pfx'
-    passwordVariable: 'pw'
-  condition: succeeded()
-
-- task: DownloadSecureFile@1
-  name: cerFile
-  displayName: Download Root CA
-  inputs:
-    secureFile: 'Snap.Hutao.CI.cer'
-
-- task: PublishPipelineArtifact@1
-  inputs:
-    targetPath: '$(Build.ArtifactStagingDirectory)'
-    artifact: 'Snap.Hutao.Alpha-$(version).msix'
-    publishLocation: 'pipeline'
-
-#- task: GitHubRelease@1
-#  inputs:
-#    gitHubConnection: 'github.com_Masterain'
-#    repositoryName: 'DGP-Automation/Hutao-Auto-Release'
-#    action: 'create'
-#    target: '$(Build.SourceVersion)'
-#    tagSource: 'userSpecifiedTag'
-#    tag: '$(version)'
-#    title: '$(version)'
-#    releaseNotesSource: 'inline'
-#    releaseNotesInline: |
-#      ## 普通用户请勿下载
-#      该版本是由 CI 程序自动打包生成的 `Alpha` 测试版本，**仅供开发者测试使用**
-#
-#      普通用户请[点击这里](https://github.com/DGP-Studio/Snap.Hutao/releases/latest/)下载最新的稳定版本
-#
-#    assets: |
-#      $(Build.ArtifactStagingDirectory)/*
-#      $(cerFile.secureFilePath)
-#    isPreRelease: true
-#    changeLogCompareToRelease: 'lastFullRelease'
-#    changeLogType: 'commitBased'
-
-
-- task: rclone@1
-  displayName: Upload CI via Rclone
-  condition: and(succeeded(), eq(variables['Build.SourceBranch'], 'refs/heads/main'))
-  inputs:
-    arguments: 'copy $(Build.ArtifactStagingDirectory)/Snap.Hutao.Alpha-$(version).msix downloadDGPCN:/releases/Alpha/'
-    configPath: 'C:\agent\_work\_tasks\rclone.conf'
-
-- task: rclone@1
-  displayName: Upload PR CI via Rclone
-  condition: and(succeeded(), eq(variables['Build.Reason'], 'PullRequest'))
-  inputs:
-    arguments: 'copy $(Build.ArtifactStagingDirectory)/Snap.Hutao.Alpha-$(version).msix downloadDGPCN:/releases/PR/'
-    configPath: 'C:\agent\_work\_tasks\rclone.conf'

build.cake

@@ -1,5 +1,5 @@
-#tool "nuget:?package=nuget.commandline&version=6.5.0"
-#addin nuget:?package=Cake.Http&version=3.0.2
+#tool "nuget:?package=nuget.commandline&version=6.9.1"
+#addin nuget:?package=Cake.Http&version=4.0.0
 
 var target = Argument("target", "Build");
 var configuration = Argument("configuration", "Release");
@@ -28,43 +28,33 @@ string manifest
     get => System.IO.Path.Combine(repoDir, "src", "Snap.Hutao", "Snap.Hutao", "Package.appxmanifest");
 }
 
-if (AzurePipelines.IsRunningOnAzurePipelines)
-{
-    repoDir = AzurePipelines.Environment.Build.SourcesDirectory.FullPath;
-    outputPath = AzurePipelines.Environment.Build.ArtifactStagingDirectory.FullPath;
-
-    var versionAuth = HasEnvironmentVariable("VERSION_API_TOKEN") ? EnvironmentVariable("VERSION_API_TOKEN") : throw new Exception("Cannot find VERSION_API_TOKEN");
-    version = HttpGet(
-        "https://internal.snapgenshin.cn/BuildIntergration/RequestNewVersion",
-        new HttpSettings
-        {
-            Headers = new Dictionary<string, string>
-                {
-                    { "Authorization", versionAuth }
-                }
-        }
-    );
-    Information($"Version: {version}");
-
-    AzurePipelines.Commands.SetVariable("version", version);
-}
-else if (GitHubActions.IsRunningOnGitHubActions)
+if (GitHubActions.IsRunningOnGitHubActions)
 {
     repoDir = GitHubActions.Environment.Workflow.Workspace.FullPath;
     outputPath = System.IO.Path.Combine(repoDir, "src", "output");
 
-    var versionAuth = HasEnvironmentVariable("VERSION_API_TOKEN") ? EnvironmentVariable("VERSION_API_TOKEN") : throw new Exception("Cannot find VERSION_API_TOKEN");
-    version = HttpGet(
-        "https://internal.snapgenshin.cn/BuildIntergration/RequestNewVersion",
-        new HttpSettings
-        {
-            Headers = new Dictionary<string, string>
-                {
+    if (GitHubActions.Environment.PullRequest.IsPullRequest)
+    {
+        version = System.DateTime.Now.ToString("yyyy.M.d.0");
+
+        Information("Is Pull Request. Skip version.");
+    }
+    else
+    {
+        var versionAuth = HasEnvironmentVariable("VERSION_API_TOKEN") ? EnvironmentVariable("VERSION_API_TOKEN") : throw new Exception("Cannot find VERSION_API_TOKEN");
+        version = HttpGet(
+            "https://internal.snapgenshin.cn/BuildIntergration/RequestNewVersion",
+            new HttpSettings
+            {
+                Headers = new Dictionary<string, string>
+                    {
                     { "Authorization", versionAuth }
-                }
-        }
-    );
-    Information($"Version: {version}");
+                    }
+            }
+        );
+
+        Information($"Version: {version}");
+    }
 
     GitHubActions.Commands.SetOutputParameter("version", version);
 }
@@ -79,6 +69,15 @@ else if (AppVeyor.IsRunningOnAppVeyor)
     })[..^2];
     Information($"Version: {version}");
 }
+else // Local
+{
+    repoDir = System.Environment.CurrentDirectory;
+    outputPath = System.IO.Path.Combine(repoDir, "src", "output");
+
+    version = System.DateTime.Now.ToString("yyyy.M.d.") + ((int)((System.DateTime.Now - System.DateTime.Today).TotalSeconds / 86400 * 65535)).ToString();
+
+    Information($"Version: {version}");
+}
 
 Task("Build")
     .IsDependentOn("Build binary package")
@@ -106,7 +105,7 @@ Task("Generate AppxManifest")
 
     var content = System.IO.File.ReadAllText(manifest);
 
-    if (AzurePipelines.IsRunningOnAzurePipelines || GitHubActions.IsRunningOnGitHubActions)
+    if (GitHubActions.IsRunningOnGitHubActions)
     {
         Information("Using CI configuraion");
         content = content
@@ -122,6 +121,17 @@ Task("Generate AppxManifest")
         Information("Using Release configuration");
         content = System.Text.RegularExpressions.Regex.Replace(content, "  Publisher=\"([^\"]*)\"", "  Publisher=\"CN=SignPath Foundation, O=SignPath Foundation, L=Lewes, S=Delaware, C=US\"");
     }
+    else
+    {
+        Information("Using Local configuration.");
+        content = content
+            .Replace("Snap Hutao", "Snap Hutao Local")
+            .Replace("胡桃", "胡桃 Local")
+            .Replace("DGP Studio", "DGP Studio CI");
+        content = System.Text.RegularExpressions.Regex.Replace(content, "  Name=\"([^\"]*)\"", "  Name=\"E8B6E2B3-D2A0-4435-A81D-2A16AAF405C7\"");
+        content = System.Text.RegularExpressions.Regex.Replace(content, "  Publisher=\"([^\"]*)\"", "  Publisher=\"E=admin@dgp-studio.cn, CN=DGP Studio CI, OU=CI, O=DGP-Studio, L=San Jose, S=CA, C=US\"");
+        content = System.Text.RegularExpressions.Regex.Replace(content, "  Version=\"([0-9\\.]+)\"", $"  Version=\"{version}\"");
+    }
 
     System.IO.File.WriteAllText(manifest, content);
 
@@ -175,7 +185,7 @@ Task("Build MSIX")
     .Does(() =>
 {
     var arguments = "arguments";
-    if (AzurePipelines.IsRunningOnAzurePipelines || GitHubActions.IsRunningOnGitHubActions)
+    if (GitHubActions.IsRunningOnGitHubActions)
     {
         arguments = "pack /d " + binPath + " /p " + System.IO.Path.Combine(outputPath, $"Snap.Hutao.Alpha-{version}.msix");
     }
@@ -183,6 +193,10 @@ Task("Build MSIX")
     {
         arguments = "pack /d " + binPath + " /p " + System.IO.Path.Combine(outputPath, $"Snap.Hutao-{version}.msix");
     }
+    else
+    {
+        arguments = "pack /d " + binPath + " /p " + System.IO.Path.Combine(outputPath, $"Snap.Hutao.Local-{version}.msix");
+    }
     var p = StartProcess(
         "makeappx.exe",
         new ProcessSettings

src/Snap.Hutao/.editorconfig

@@ -124,9 +124,6 @@ dotnet_diagnostic.SA1623.severity = none
 # SA1636: File header copyright text should match
 dotnet_diagnostic.SA1636.severity = none
 
-# SA1414: Tuple types in signatures should have element names
-dotnet_diagnostic.SA1414.severity = none
-
 # SA0001: XML comment analysis disabled
 dotnet_diagnostic.SA0001.severity = none
 csharp_style_prefer_parameter_null_checking = true:suggestion
@@ -325,7 +322,6 @@ dotnet_diagnostic.CA2227.severity = suggestion
 # CA2251: 使用 “string.Equals”
 dotnet_diagnostic.CA2251.severity = suggestion
 csharp_style_prefer_primary_constructors = true:suggestion
-dotnet_diagnostic.SA1010.severity = none
 
 [*.vb]
 #### 命名样式 ####

src/Snap.Hutao/Snap.Hutao.Test/IncomingFeature/GeniusInvokationDecoding.cs

@@ -160,9 +160,39 @@ public sealed class GeniusInvokationDecoding
 
             ushort[] testKnownResult =
             [
-                060, 019, 001, 079, 120, 120, 129, 151, 151, 153, 153,
-                181, 184, 184, 185, 185, 194, 194, 200, 200, 201, 201,
-                217, 217, 219, 241, 241, 244, 244, 245, 245, 270, 270,
+                060,
+                019,
+                001,
+                079,
+                120,
+                120,
+                129,
+                151,
+                151,
+                153,
+                153,
+                181,
+                184,
+                184,
+                185,
+                185,
+                194,
+                194,
+                200,
+                200,
+                201,
+                201,
+                217,
+                217,
+                219,
+                241,
+                241,
+                244,
+                244,
+                245,
+                245,
+                270,
+                270,
             ];
 
             CollectionAssert.AreEqual(resultArray, testKnownResult);

src/Snap.Hutao/Snap.Hutao.Test/Snap.Hutao.Test.csproj

@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk">
+<Project Sdk="Microsoft.NET.Sdk">
 
   <PropertyGroup>
     <TargetFrameworks>net8.0</TargetFrameworks>
@@ -12,10 +12,10 @@
 
   <ItemGroup>
     <PackageReference Include="Microsoft.Extensions.DependencyInjection" Version="8.0.0" />
-    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.8.0" />
-    <PackageReference Include="MSTest.TestAdapter" Version="3.1.1" />
-    <PackageReference Include="MSTest.TestFramework" Version="3.1.1" />
-    <PackageReference Include="coverlet.collector" Version="6.0.0">
+    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.9.0" />
+    <PackageReference Include="MSTest.TestAdapter" Version="3.2.2" />
+    <PackageReference Include="MSTest.TestFramework" Version="3.2.2" />
+    <PackageReference Include="coverlet.collector" Version="6.0.2">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>

src/Snap.Hutao/Snap.Hutao.Win32/NativeMethods.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "https://raw.githubusercontent.com/microsoft/CsWin32/main/src/Microsoft.Windows.CsWin32/settings.schema.json",
-  "allowMarshaling": true,
-  "useSafeHandles": false,
-  "comInterop": {
-    "preserveSigMethods": [
-      "IFileOpenDialog.Show",
-      "IFileSaveDialog.Show"
-    ]
-  }
-}

src/Snap.Hutao/Snap.Hutao.Win32/NativeMethods.txt

@@ -1,94 +0,0 @@
-// COMCTL32
-DefSubclassProc
-RemoveWindowSubclass
-SetWindowSubclass
-
-// DWMAPI
-DwmSetWindowAttribute
-
-// GDI32
-GetDeviceCaps
-
-// KERNEL32
-AllocConsole
-CloseHandle
-CreateEventW
-CreateRemoteThread
-FreeConsole
-GetConsoleMode
-GetModuleHandleW
-GetProcAddress
-GetStdHandle
-K32EnumProcessModules
-K32GetModuleBaseNameW
-K32GetModuleInformation
-ReadProcessMemory
-SetConsoleMode
-SetConsoleTitle
-SetEvent
-VirtualAlloc
-VirtualAllocEx
-VirtualFree
-VirtualFreeEx
-WaitForSingleObject
-WriteProcessMemory
-
-// OLE32
-CoCreateInstance
-CoWaitForMultipleObjects
-
-// SHELL32
-SHCreateItemFromParsingName
-
-// USER32
-AttachThreadInput
-FindWindowExW
-GetCursorPos
-GetDC
-GetDpiForWindow
-GetForegroundWindow
-GetWindowPlacement
-GetWindowThreadProcessId
-ReleaseDC
-RegisterHotKey
-SendInput
-SetForegroundWindow
-UnregisterHotKey
-
-// COM
-FileOpenDialog
-FileSaveDialog
-IFileOpenDialog
-IFileSaveDialog
-IPersistFile
-IShellLinkDataList
-IShellLinkW
-ShellLink
-SHELL_LINK_DATA_FLAGS
-
-// WinRT
-IMemoryBufferByteAccess
-
-// Const value
-E_FAIL
-INFINITE
-RPC_E_WRONG_THREAD
-MAX_PATH
-WM_GETMINMAXINFO
-WM_HOTKEY
-WM_NCRBUTTONDOWN
-WM_NCRBUTTONUP
-WM_NULL
-
-// Type & Enum definition
-HRESULT_FROM_WIN32
-SLGP_FLAGS
-
-// System.Threading
-LPTHREAD_START_ROUTINE
-
-// UI.WindowsAndMessaging
-MINMAXINFO
-
-// System.Com
-CWMO_FLAGS

src/Snap.Hutao/Snap.Hutao.Win32/PInvoke.cs

@@ -1,17 +0,0 @@
-using System;
-using Windows.Win32.Foundation;
-using Windows.Win32.System.Com;
-
-namespace Windows.Win32;
-
-internal static partial class PInvoke
-{
-    /// <inheritdoc cref="CoCreateInstance(Guid*, object, CLSCTX, Guid*, out object)"/>
-    internal static unsafe HRESULT CoCreateInstance<TClass, TInterface>(object? pUnkOuter, CLSCTX dwClsContext, out TInterface ppv)
-        where TInterface : class
-    {
-        HRESULT hr = CoCreateInstance(typeof(TClass).GUID, pUnkOuter, dwClsContext, typeof(TInterface).GUID, out object o);
-        ppv = (TInterface)o;
-        return hr;
-    }
-}

src/Snap.Hutao/Snap.Hutao.Win32/Snap.Hutao.Win32.csproj

@@ -1,25 +0,0 @@
-<Project Sdk="Microsoft.NET.Sdk">
-
-  <PropertyGroup>
-    <TargetFramework>net8.0-windows10.0.22621.0</TargetFramework>
-    <ImplicitUsings>disable</ImplicitUsings>
-    <Nullable>enable</Nullable>
-  </PropertyGroup>
-
-  <ItemGroup>
-    <None Remove="NativeMethods.json" />
-    <None Remove="NativeMethods.txt" />
-  </ItemGroup>
-
-  <ItemGroup>
-    <AdditionalFiles Include="NativeMethods.json" />
-  </ItemGroup>
-
-  <ItemGroup>
-    <PackageReference Include="Microsoft.Windows.CsWin32" Version="0.3.49-beta">
-      <PrivateAssets>all</PrivateAssets>
-      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
-    </PackageReference>
-  </ItemGroup>
-
-</Project>

src/Snap.Hutao/Snap.Hutao.Win32/StructMarshal.cs

@@ -1,24 +0,0 @@
-// Copyright (c) DGP Studio. All rights reserved.
-// Licensed under the MIT license.
-
-using System.Runtime.CompilerServices;
-using Windows.Win32.UI.WindowsAndMessaging;
-
-[assembly: InternalsVisibleTo("Snap.Hutao")]
-
-namespace Snap.Hutao.Win32;
-
-/// <summary>
-/// 结构体封送
-/// </summary>
-internal static class StructMarshal
-{
-    /// <summary>
-    /// 构造一个新的 <see cref="Windows.Win32.UI.WindowsAndMessaging.WINDOWPLACEMENT"/>
-    /// </summary>
-    /// <returns>新的实例</returns>
-    public static unsafe WINDOWPLACEMENT WINDOWPLACEMENT()
-    {
-        return new() { length = unchecked((uint)sizeof(WINDOWPLACEMENT)) };
-    }
-}

src/Snap.Hutao/Snap.Hutao.Win32/WinRTCustomMarshaler.cs

@@ -1,72 +0,0 @@
-using System;
-using System.Reflection;
-using System.Runtime.InteropServices;
-
-namespace Windows.Win32.CsWin32.InteropServices;
-
-internal class WinRTCustomMarshaler : ICustomMarshaler
-{
-    private static readonly string? AssemblyFullName = typeof(Windows.Foundation.IMemoryBuffer).Assembly.FullName;
-
-    private readonly string className;
-    private bool lookedForFromAbi;
-    private MethodInfo? fromAbiMethod;
-
-    private WinRTCustomMarshaler(string className)
-    {
-        this.className = className;
-    }
-
-    public static ICustomMarshaler GetInstance(string cookie)
-    {
-        return new WinRTCustomMarshaler(cookie);
-    }
-
-    public void CleanUpManagedData(object ManagedObj)
-    {
-    }
-
-    public void CleanUpNativeData(nint pNativeData)
-    {
-        Marshal.Release(pNativeData);
-    }
-
-    public int GetNativeDataSize()
-    {
-        throw new NotSupportedException();
-    }
-
-    public nint MarshalManagedToNative(object ManagedObj)
-    {
-        throw new NotSupportedException();
-    }
-
-    public object MarshalNativeToManaged(nint thisPtr)
-    {
-        return className switch
-        {
-            "Windows.System.DispatcherQueueController" => Windows.System.DispatcherQueueController.FromAbi(thisPtr),
-            _ => MarshalNativeToManagedSlow(thisPtr),
-        };
-    }
-
-    private object MarshalNativeToManagedSlow(nint pNativeData)
-    {
-        if (!lookedForFromAbi)
-        {
-            Type? type = Type.GetType($"{className}, {AssemblyFullName}");
-
-            fromAbiMethod = type?.GetMethod("FromAbi");
-            lookedForFromAbi = true;
-        }
-
-        if (fromAbiMethod is not null)
-        {
-            return fromAbiMethod.Invoke(default, new object[] { pNativeData })!;
-        }
-        else
-        {
-            return Marshal.GetObjectForIUnknown(pNativeData);
-        }
-    }
-}

src/Snap.Hutao/Snap.Hutao.sln

@@ -13,8 +13,6 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Solution Items", "Solution
 EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Snap.Hutao.Test", "Snap.Hutao.Test\Snap.Hutao.Test.csproj", "{D691BA9F-904C-4229-87A5-E14F2EFF2F64}"
 EndProject
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Snap.Hutao.Win32", "Snap.Hutao.Win32\Snap.Hutao.Win32.csproj", "{0F7ABEB2-5107-4037-B9DC-84D288FB0801}"
-EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -67,32 +65,16 @@ Global
 		{D691BA9F-904C-4229-87A5-E14F2EFF2F64}.Release|x64.Build.0 = Release|Any CPU
 		{D691BA9F-904C-4229-87A5-E14F2EFF2F64}.Release|x86.ActiveCfg = Release|Any CPU
 		{D691BA9F-904C-4229-87A5-E14F2EFF2F64}.Release|x86.Build.0 = Release|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Debug|arm64.ActiveCfg = Debug|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Debug|arm64.Build.0 = Debug|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Debug|x64.ActiveCfg = Debug|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Debug|x64.Build.0 = Debug|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Debug|x86.ActiveCfg = Debug|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Debug|x86.Build.0 = Debug|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Release|Any CPU.Build.0 = Release|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Release|arm64.ActiveCfg = Release|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Release|arm64.Build.0 = Release|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Release|x64.ActiveCfg = Release|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Release|x64.Build.0 = Release|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Release|x86.ActiveCfg = Release|Any CPU
-		{0F7ABEB2-5107-4037-B9DC-84D288FB0801}.Release|x86.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
 	EndGlobalSection
 	GlobalSection(ExtensibilityGlobals) = postSolution
-		RESX_Rules = {"EnabledRules":["StringFormat","WhiteSpaceLead","WhiteSpaceTail","PunctuationLead"]}
-		RESX_ShowErrorsInErrorList = False
-		RESX_SortFileContentOnSave = True
-		SolutionGuid = {E4449B1C-0E6A-4D19-955E-1CA491656ABA}
-		RESX_NeutralResourcesLanguage = zh-CN
 		RESX_AutoApplyExistingTranslations = False
+		RESX_NeutralResourcesLanguage = zh-CN
+		SolutionGuid = {E4449B1C-0E6A-4D19-955E-1CA491656ABA}
+		RESX_SortFileContentOnSave = True
+		RESX_ShowErrorsInErrorList = False
+		RESX_Rules = {"EnabledRules":["StringFormat","WhiteSpaceLead","WhiteSpaceTail","PunctuationLead"]}
 	EndGlobalSection
 EndGlobal

src/Snap.Hutao/Snap.Hutao/App.xaml

@@ -6,6 +6,7 @@
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
                 <XamlControlsResources/>
+                <ResourceDictionary Source="ms-appx:///CommunityToolkit.WinUI.Controls.TokenizingTextBox/TokenizingTextBox.xaml"/>
                 <ResourceDictionary Source="ms-appx:///Control/Loading.xaml"/>
                 <ResourceDictionary Source="ms-appx:///Control/Image/CachedImage.xaml"/>
                 <ResourceDictionary Source="ms-appx:///Control/Theme/Card.xaml"/>
@@ -22,16 +23,20 @@
                 <ResourceDictionary Source="ms-appx:///Control/Theme/PageOverride.xaml"/>
                 <ResourceDictionary Source="ms-appx:///Control/Theme/PivotOverride.xaml"/>
                 <ResourceDictionary Source="ms-appx:///Control/Theme/ScrollViewer.xaml"/>
+                <ResourceDictionary Source="ms-appx:///Control/Theme/SegmentedOverride.xaml"/>
                 <ResourceDictionary Source="ms-appx:///Control/Theme/SettingsStyle.xaml"/>
+                <ResourceDictionary Source="ms-appx:///Control/Theme/Thickness.xaml"/>
                 <ResourceDictionary Source="ms-appx:///Control/Theme/TransitionCollection.xaml"/>
                 <ResourceDictionary Source="ms-appx:///Control/Theme/Uri.xaml"/>
                 <ResourceDictionary Source="ms-appx:///Control/Theme/WindowOverride.xaml"/>
+                <ResourceDictionary Source="ms-appx:///View/Card/Primitive/CardProgressBar.xaml"/>
             </ResourceDictionary.MergedDictionaries>
 
             <Style
                 x:Key="LargeGridViewItemStyle"
                 BasedOn="{StaticResource DefaultGridViewItemStyle}"
                 TargetType="GridViewItem">
+                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                 <Setter Property="Margin" Value="0,0,12,12"/>
             </Style>
             <Style

src/Snap.Hutao/Snap.Hutao/App.xaml.cs

@@ -6,8 +6,12 @@ using Microsoft.Windows.AppLifecycle;
 using Snap.Hutao.Core;
 using Snap.Hutao.Core.ExceptionService;
 using Snap.Hutao.Core.LifeCycle;
+using Snap.Hutao.Core.LifeCycle.InterProcess;
+using Snap.Hutao.Core.Logging;
 using Snap.Hutao.Core.Shell;
 using System.Diagnostics;
+using System.Text;
+using static Snap.Hutao.Core.Logging.ConsoleVirtualTerminalSequences;
 
 namespace Snap.Hutao;
 
@@ -20,24 +24,22 @@ namespace Snap.Hutao;
 [SuppressMessage("", "SH001")]
 public sealed partial class App : Application
 {
-    private const string ConsoleBanner = """
+    private const string ConsoleBanner = $"""
         ----------------------------------------------------------------
-          _____                         _    _         _                
-         / ____|                       | |  | |       | |               
-        | (___   _ __    __ _  _ __    | |__| | _   _ | |_  __ _   ___  
-         \___ \ | '_ \  / _` || '_ \   |  __  || | | || __|/ _` | / _ \ 
+          _____                         _    _         _ 
+         / ____|                       | |  | |       | |
+        | (___   _ __    __ _  _ __    | |__| | _   _ | |_  __ _   ___
+         \___ \ | '_ \  / _` || '_ \   |  __  || | | || __|/ _` | / _ \
          ____) || | | || (_| || |_) |_ | |  | || |_| || |_| (_| || (_) |
-        |_____/ |_| |_| \__,_|| .__/(_)|_|  |_| \__,_| \__|\__,_| \___/ 
-                              | |                                       
-                              |_| 
-                              
+        |_____/ |_| |_| \__,_|| .__/(_)|_|  |_| \__,_| \__|\__,_| \___/
+                              | |
+                              |_|
+        
         Snap.Hutao is a open source software developed by DGP Studio.
         Copyright (C) 2022 - 2024 DGP Studio, All Rights Reserved.
         ----------------------------------------------------------------
         """;
 
-    private const string AppInstanceKey = "main";
-
     private readonly IServiceProvider serviceProvider;
     private readonly IActivation activation;
     private readonly ILogger<App> logger;
@@ -50,7 +52,6 @@ public sealed partial class App : Application
     {
         // Load app resource
         InitializeComponent();
-
         activation = serviceProvider.GetRequiredService<IActivation>();
         logger = serviceProvider.GetRequiredService<ILogger<App>>();
         serviceProvider.GetRequiredService<ExceptionRecorder>().Record(this);
@@ -64,25 +65,21 @@ public sealed partial class App : Application
         try
         {
             AppActivationArguments activatedEventArgs = AppInstance.GetCurrent().GetActivatedEventArgs();
-            AppInstance firstInstance = AppInstance.FindOrRegisterForKey(AppInstanceKey);
 
-            if (firstInstance.IsCurrent)
+            if (serviceProvider.GetRequiredService<PrivateNamedPipeClient>().TryRedirectActivationTo(activatedEventArgs))
             {
-                logger.LogInformation(ConsoleBanner);
-                LogDiagnosticInformation();
-
-                // manually invoke
-                activation.NonRedirectToActivate(firstInstance, activatedEventArgs);
-                activation.InitializeWith(firstInstance);
-
-                serviceProvider.GetRequiredService<IJumpListInterop>().ConfigureAsync().SafeForget();
-            }
-            else
-            {
-                // Redirect the activation (and args) to the "main" instance, and exit.
-                firstInstance.RedirectActivationTo(activatedEventArgs);
-                Process.GetCurrentProcess().Kill();
+                Exit();
+                return;
             }
+
+            logger.LogColorizedInformation((ConsoleBanner, ConsoleColor.DarkYellow));
+            LogDiagnosticInformation();
+
+            // manually invoke
+            activation.Activate(HutaoActivationArguments.FromAppActivationArguments(activatedEventArgs));
+            activation.Initialize();
+
+            serviceProvider.GetRequiredService<IJumpListInterop>().ConfigureAsync().SafeForget();
         }
         catch
         {
@@ -95,8 +92,8 @@ public sealed partial class App : Application
     {
         RuntimeOptions runtimeOptions = serviceProvider.GetRequiredService<RuntimeOptions>();
 
-        logger.LogInformation("FamilyName: {name}", runtimeOptions.FamilyName);
-        logger.LogInformation("Version: {version}", runtimeOptions.Version);
-        logger.LogInformation("LocalCache: {folder}", runtimeOptions.LocalCache);
+        logger.LogColorizedInformation(("FamilyName: {Name}", ConsoleColor.Blue), (runtimeOptions.FamilyName, ConsoleColor.Cyan));
+        logger.LogColorizedInformation(("Version: {Version}", ConsoleColor.Blue), (runtimeOptions.Version, ConsoleColor.Cyan));
+        logger.LogColorizedInformation(("LocalCache: {Path}", ConsoleColor.Blue), (runtimeOptions.LocalCache, ConsoleColor.Cyan));
     }
 }

src/Snap.Hutao/Snap.Hutao/Control/Animation/ControlAnimationConstants.cs

@@ -23,10 +23,12 @@ internal static class ControlAnimationConstants
     /// <summary>
     /// 图像淡入
     /// </summary>
-    public static readonly TimeSpan ImageFadeIn = TimeSpan.FromSeconds(0.3);
+    public static readonly TimeSpan ImageScaleFadeIn = TimeSpan.FromSeconds(0.3);
 
     /// <summary>
     /// 图像淡出
     /// </summary>
-    public static readonly TimeSpan ImageFadeOut = TimeSpan.FromSeconds(0.2);
+    public static readonly TimeSpan ImageScaleFadeOut = TimeSpan.FromSeconds(0.2);
+
+    public static readonly TimeSpan ImageOpacityFadeInOut = TimeSpan.FromSeconds(1);
 }

src/Snap.Hutao/Snap.Hutao/Control/AutoSuggestBox/AutoSuggestTokenBox.cs

@@ -0,0 +1,102 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using CommunityToolkit.WinUI;
+using CommunityToolkit.WinUI.Controls;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Controls.Primitives;
+using Snap.Hutao.Control.Extension;
+using System.Collections;
+
+namespace Snap.Hutao.Control.AutoSuggestBox;
+
+[DependencyProperty("FilterCommand", typeof(ICommand))]
+[DependencyProperty("FilterCommandParameter", typeof(object))]
+[DependencyProperty("AvailableTokens", typeof(IReadOnlyDictionary<string, SearchToken>))]
+internal sealed partial class AutoSuggestTokenBox : TokenizingTextBox
+{
+    public AutoSuggestTokenBox()
+    {
+        DefaultStyleKey = typeof(TokenizingTextBox);
+        TextChanged += OnFilterSuggestionRequested;
+        QuerySubmitted += OnQuerySubmitted;
+        TokenItemAdding += OnTokenItemAdding;
+        TokenItemAdded += OnTokenItemCollectionChanged;
+        TokenItemRemoved += OnTokenItemCollectionChanged;
+        Loaded += OnLoaded;
+    }
+
+    private void OnLoaded(object sender, RoutedEventArgs e)
+    {
+        if (this.FindDescendant("SuggestionsPopup") is Popup { Child: Border { Child: ListView listView } border })
+        {
+            IAppResourceProvider appResourceProvider = this.ServiceProvider().GetRequiredService<IAppResourceProvider>();
+
+            listView.Background = null;
+            listView.Margin = appResourceProvider.GetResource<Thickness>("AutoSuggestListPadding");
+
+            border.Background = appResourceProvider.GetResource<Microsoft.UI.Xaml.Media.Brush>("AutoSuggestBoxSuggestionsListBackground");
+            CornerRadius overlayCornerRadius = appResourceProvider.GetResource<CornerRadius>("OverlayCornerRadius");
+            CornerRadiusFilterConverter cornerRadiusFilterConverter = new() { Filter = CornerRadiusFilterKind.Bottom };
+            border.CornerRadius = (CornerRadius)cornerRadiusFilterConverter.Convert(overlayCornerRadius, typeof(CornerRadius), default, default);
+        }
+    }
+
+    private void OnFilterSuggestionRequested(Microsoft.UI.Xaml.Controls.AutoSuggestBox sender, AutoSuggestBoxTextChangedEventArgs args)
+    {
+        if (string.IsNullOrWhiteSpace(Text))
+        {
+            sender.ItemsSource = AvailableTokens
+                .OrderBy(kvp => kvp.Value.Kind)
+                .Select(kvp => kvp.Value);
+        }
+
+        if (args.Reason == AutoSuggestionBoxTextChangeReason.UserInput)
+        {
+            sender.ItemsSource = AvailableTokens
+                .Where(kvp => kvp.Value.Value.Contains(Text, StringComparison.OrdinalIgnoreCase))
+                .OrderBy(kvp => kvp.Value.Kind)
+                .ThenBy(kvp => kvp.Value.Order)
+                .Select(kvp => kvp.Value)
+                .DefaultIfEmpty(SearchToken.NotFound);
+        }
+    }
+
+    private void OnQuerySubmitted(Microsoft.UI.Xaml.Controls.AutoSuggestBox sender, AutoSuggestBoxQuerySubmittedEventArgs args)
+    {
+        if (args.ChosenSuggestion is not null)
+        {
+            return;
+        }
+
+        CommandInvocation.TryExecute(FilterCommand, FilterCommandParameter);
+    }
+
+    private void OnTokenItemAdding(TokenizingTextBox sender, TokenItemAddingEventArgs args)
+    {
+        if (string.IsNullOrWhiteSpace(args.TokenText))
+        {
+            return;
+        }
+
+        if (AvailableTokens.GetValueOrDefault(args.TokenText) is { } token)
+        {
+            args.Item = token;
+        }
+        else
+        {
+            args.Cancel = true;
+        }
+    }
+
+    private void OnTokenItemCollectionChanged(TokenizingTextBox sender, object args)
+    {
+        if (args is SearchToken { Kind: SearchTokenKind.None } token)
+        {
+            ((IList)sender.ItemsSource).Remove(token);
+        }
+
+        FilterCommand.TryExecute(FilterCommandParameter);
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/AutoSuggestBox/SearchToken.cs

@@ -0,0 +1,38 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using Windows.UI;
+
+namespace Snap.Hutao.Control.AutoSuggestBox;
+
+internal sealed class SearchToken
+{
+    public static readonly SearchToken NotFound = new(SearchTokenKind.None, SH.ControlAutoSuggestBoxNotFoundValue, 0);
+
+    public SearchToken(SearchTokenKind kind, string value, int order, Uri? iconUri = null, Uri? sideIconUri = null, Color? quality = null)
+    {
+        Value = value;
+        Kind = kind;
+        IconUri = iconUri;
+        SideIconUri = sideIconUri;
+        Quality = quality;
+        Order = order;
+    }
+
+    public SearchTokenKind Kind { get; }
+
+    public string Value { get; set; } = default!;
+
+    public Uri? IconUri { get; }
+
+    public Uri? SideIconUri { get; }
+
+    public Color? Quality { get; }
+
+    public int Order { get; }
+
+    public override string ToString()
+    {
+        return Value;
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/AutoSuggestBox/SearchTokenKind.cs

@@ -0,0 +1,17 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.AutoSuggestBox;
+
+internal enum SearchTokenKind
+{
+    None,
+    ItemQuality,
+    WeaponType,
+    FightProperty,
+    ElementName,
+    AssociationType,
+    BodyType,
+    Avatar,
+    Weapon,
+}

src/Snap.Hutao/Snap.Hutao/Control/Behavior/InvokeCommandOnLoadedBehavior.cs

@@ -3,6 +3,7 @@
 
 using CommunityToolkit.WinUI.Behaviors;
 using Microsoft.UI.Xaml;
+using Snap.Hutao.Control.Extension;
 
 namespace Snap.Hutao.Control.Behavior;
 
@@ -45,10 +46,6 @@ internal sealed partial class InvokeCommandOnLoadedBehavior : BehaviorBase<UIEle
             return;
         }
 
-        if (Command is not null && Command.CanExecute(CommandParameter))
-        {
-            Command.Execute(CommandParameter);
-            executed = true;
-        }
+        executed = Command.TryExecute(CommandParameter);
     }
 }

src/Snap.Hutao/Snap.Hutao/Control/Behavior/PeriodicInvokeCommandOrOnActualThemeChangedBehavior.cs

@@ -0,0 +1,88 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using CommunityToolkit.WinUI.Behaviors;
+using Microsoft.UI.Xaml;
+using Snap.Hutao.Control.Extension;
+
+namespace Snap.Hutao.Control.Behavior;
+
+[DependencyProperty("Period", typeof(TimeSpan))]
+[DependencyProperty("Command", typeof(ICommand))]
+[DependencyProperty("CommandParameter", typeof(object))]
+internal sealed partial class PeriodicInvokeCommandOrOnActualThemeChangedBehavior : BehaviorBase<FrameworkElement>, IDisposable
+{
+    private TaskCompletionSource acutalThemeChangedTaskCompletionSource = new();
+    private CancellationTokenSource periodicTimerCancellationTokenSource = new();
+
+    public void Dispose()
+    {
+        periodicTimerCancellationTokenSource.Dispose();
+    }
+
+    protected override bool Initialize()
+    {
+        AssociatedObject.ActualThemeChanged += OnActualThemeChanged;
+        return true;
+    }
+
+    protected override void OnAssociatedObjectLoaded()
+    {
+        RunCoreAsync().SafeForget();
+    }
+
+    protected override bool Uninitialize()
+    {
+        periodicTimerCancellationTokenSource.Cancel();
+        AssociatedObject.ActualThemeChanged -= OnActualThemeChanged;
+        return true;
+    }
+
+    private void OnActualThemeChanged(FrameworkElement sender, object args)
+    {
+        acutalThemeChangedTaskCompletionSource.TrySetResult();
+        periodicTimerCancellationTokenSource.Cancel();
+    }
+
+    private void TryExecuteCommand()
+    {
+        if (AssociatedObject is null)
+        {
+            return;
+        }
+
+        Command.TryExecute(CommandParameter);
+    }
+
+    private async ValueTask RunCoreAsync()
+    {
+        using (PeriodicTimer timer = new(Period))
+        {
+            do
+            {
+                if (!IsAttached)
+                {
+                    break;
+                }
+
+                ITaskContext taskContext = Ioc.Default.GetRequiredService<ITaskContext>();
+                await taskContext.SwitchToMainThreadAsync();
+                TryExecuteCommand();
+
+                await taskContext.SwitchToBackgroundAsync();
+                try
+                {
+                    Task nextTickTask = timer.WaitForNextTickAsync(periodicTimerCancellationTokenSource.Token).AsTask();
+                    await Task.WhenAny(nextTickTask, acutalThemeChangedTaskCompletionSource.Task).ConfigureAwait(false);
+                }
+                catch (OperationCanceledException)
+                {
+                }
+
+                acutalThemeChangedTaskCompletionSource = new();
+                periodicTimerCancellationTokenSource = new();
+            }
+            while (true);
+        }
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/BindingProxy.cs

@@ -13,6 +13,4 @@ namespace Snap.Hutao.Control;
 /// </summary>
 [HighQuality]
 [DependencyProperty("DataContext", typeof(object))]
-internal sealed partial class BindingProxy : DependencyObject
-{
-}
+internal sealed partial class BindingProxy : DependencyObject;

src/Snap.Hutao/Snap.Hutao/Control/Brush/ColorSegmentCollection.cs

@@ -0,0 +1,8 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Brush;
+
+internal sealed class ColorSegmentCollection : List<IColorSegment>
+{
+}

src/Snap.Hutao/Snap.Hutao/Control/Brush/IColorSegment.cs

@@ -9,5 +9,5 @@ internal interface IColorSegment
 {
     Color Color { get; }
 
-    double Value { get; }
+    double Value { get; set; }
 }

src/Snap.Hutao/Snap.Hutao/Control/Brush/SegmentedBar.cs

@@ -9,36 +9,48 @@ using System.Runtime.InteropServices;
 
 namespace Snap.Hutao.Control.Brush;
 
-[DependencyProperty("Source", typeof(List<IColorSegment>), default!, nameof(OnSourceChanged))]
+[DependencyProperty("Source", typeof(ColorSegmentCollection), default!, nameof(OnSourceChanged))]
 internal sealed partial class SegmentedBar : ContentControl
 {
     private readonly LinearGradientBrush brush = new() { StartPoint = new(0, 0), EndPoint = new(1, 0), };
 
     public SegmentedBar()
     {
+        HorizontalContentAlignment = HorizontalAlignment.Stretch;
+        VerticalContentAlignment = VerticalAlignment.Stretch;
+
         Content = new Rectangle()
         {
             Fill = brush,
+            HorizontalAlignment = HorizontalAlignment.Stretch,
+            VerticalAlignment = VerticalAlignment.Stretch,
         };
     }
 
     private static void OnSourceChanged(DependencyObject obj, DependencyPropertyChangedEventArgs args)
     {
-        SegmentedBar segmentedBar = (SegmentedBar)obj;
+        UpdateLinearGradientBrush((SegmentedBar)obj);
+    }
 
+    private static void UpdateLinearGradientBrush(SegmentedBar segmentedBar)
+    {
         GradientStopCollection collection = segmentedBar.brush.GradientStops;
         collection.Clear();
 
-        if (args.NewValue as List<IColorSegment> is [_, ..] list)
+        ColorSegmentCollection segmentCollection = segmentedBar.Source;
+
+        double total = segmentCollection.Sum(seg => seg.Value);
+        if (total is 0D)
         {
-            double total = list.Sum(seg => seg.Value);
-            double offset = 0;
-            foreach (ref readonly IColorSegment segment in CollectionsMarshal.AsSpan(list))
-            {
-                collection.Add(new() { Color = segment.Color, Offset = offset, });
-                offset += segment.Value / total;
-                collection.Add(new() { Color = segment.Color, Offset = offset, });
-            }
+            return;
+        }
+
+        double offset = 0;
+        foreach (ref readonly IColorSegment segment in CollectionsMarshal.AsSpan(segmentCollection))
+        {
+            collection.Add(new() { Color = segment.Color, Offset = offset, });
+            offset += segment.Value / total;
+            collection.Add(new() { Color = segment.Color, Offset = offset, });
         }
     }
 }

src/Snap.Hutao/Snap.Hutao/Control/Collection/AdvancedCollectionView/AdvancedCollectionView.cs

@@ -0,0 +1,763 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using CommunityToolkit.WinUI.Collections;
+using CommunityToolkit.WinUI.Helpers;
+using Microsoft.UI.Xaml.Data;
+using System.Collections;
+using System.Collections.ObjectModel;
+using System.Collections.Specialized;
+using System.Reflection;
+using System.Runtime.CompilerServices;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using NotifyCollectionChangedAction = System.Collections.Specialized.NotifyCollectionChangedAction;
+
+namespace Snap.Hutao.Control.Collection.AdvancedCollectionView;
+
+internal sealed class AdvancedCollectionView<T> : IAdvancedCollectionView<T>, INotifyPropertyChanged, ISupportIncrementalLoading, IComparer<object>
+    where T : class
+{
+    private readonly List<T> view;
+    private readonly ObservableCollection<SortDescription> sortDescriptions;
+    private readonly Dictionary<string, PropertyInfo?> sortProperties;
+    private readonly bool liveShapingEnabled;
+    private readonly HashSet<string?> observedFilterProperties = [];
+
+    private IList<T> source;
+    private Predicate<T>? filter;
+    private int deferCounter;
+    private WeakEventListener<AdvancedCollectionView<T>, object?, NotifyCollectionChangedEventArgs>? sourceWeakEventListener;
+
+    public AdvancedCollectionView()
+        : this([])
+    {
+    }
+
+    public AdvancedCollectionView(IList<T> source, bool isLiveShaping = false)
+    {
+        liveShapingEnabled = isLiveShaping;
+        view = [];
+        sortDescriptions = [];
+        sortDescriptions.CollectionChanged += SortDescriptionsCollectionChanged;
+        sortProperties = [];
+        Source = source;
+    }
+
+    public event EventHandler<object>? CurrentChanged;
+
+    public event CurrentChangingEventHandler? CurrentChanging;
+
+    public event PropertyChangedEventHandler? PropertyChanged;
+
+    public event VectorChangedEventHandler<object>? VectorChanged;
+
+    public IList<T> Source
+    {
+        get => source;
+
+        [MemberNotNull(nameof(source))]
+        set
+        {
+            if (ReferenceEquals(source, value))
+            {
+                return;
+            }
+
+            if (source is not null)
+            {
+                DetachPropertyChangedHandler(source);
+            }
+
+            source = value;
+            AttachPropertyChangedHandler(source);
+
+            sourceWeakEventListener?.Detach();
+
+            if (source is INotifyCollectionChanged sourceNotifyCollectionChanged)
+            {
+                sourceWeakEventListener = new WeakEventListener<AdvancedCollectionView<T>, object?, NotifyCollectionChangedEventArgs>(this)
+                {
+                    // Call the actual collection changed event
+                    OnEventAction = (source, changed, arg3) => SourceNotifyCollectionChangedCollectionChanged(source, arg3),
+
+                    // The source doesn't exist anymore
+                    OnDetachAction = (listener) =>
+                    {
+                        ArgumentNullException.ThrowIfNull(sourceWeakEventListener);
+                        sourceNotifyCollectionChanged.CollectionChanged -= sourceWeakEventListener.OnEvent;
+                    },
+                };
+                sourceNotifyCollectionChanged.CollectionChanged += sourceWeakEventListener.OnEvent;
+            }
+
+            HandleSourceChanged();
+            OnPropertyChanged();
+        }
+    }
+
+    public int Count
+    {
+        get => view.Count;
+    }
+
+    public bool IsReadOnly
+    {
+        get => source is null || source.IsReadOnly;
+    }
+
+    public IObservableVector<object> CollectionGroups
+    {
+        get => default!;
+    }
+
+    public T? CurrentItem
+    {
+        get => CurrentPosition > -1 && CurrentPosition < view.Count ? view[CurrentPosition] : default;
+        set => MoveCurrentTo(value);
+    }
+
+    public int CurrentPosition { get; private set; }
+
+    public bool HasMoreItems
+    {
+        get => source is ISupportIncrementalLoading { HasMoreItems: true };
+    }
+
+    public bool IsCurrentAfterLast
+    {
+        get => CurrentPosition >= view.Count;
+    }
+
+    public bool IsCurrentBeforeFirst
+    {
+        get => CurrentPosition < 0;
+    }
+
+    public bool CanFilter
+    {
+        get => true;
+    }
+
+    public Predicate<T>? Filter
+    {
+        get => filter;
+        set
+        {
+            if (filter == value)
+            {
+                return;
+            }
+
+            filter = value;
+            HandleFilterChanged();
+        }
+    }
+
+    public bool CanSort
+    {
+        get => true;
+    }
+
+    public IList<SortDescription> SortDescriptions
+    {
+        get => sortDescriptions;
+    }
+
+    public IEnumerable<T> SourceCollection
+    {
+        get => source;
+    }
+
+    public IReadOnlyList<T> View
+    {
+        get => view;
+    }
+
+    public T this[int index]
+    {
+        get => view[index];
+        set => view[index] = value;
+    }
+
+    public void Refresh()
+    {
+        HandleSourceChanged();
+    }
+
+    public void RefreshFilter()
+    {
+        HandleFilterChanged();
+    }
+
+    public void RefreshSorting()
+    {
+        HandleSortChanged();
+    }
+
+    public IEnumerator<T> GetEnumerator()
+    {
+        return view.GetEnumerator();
+    }
+
+    IEnumerator IEnumerable.GetEnumerator()
+    {
+        return view.GetEnumerator();
+    }
+
+    public void Add(T item)
+    {
+        source.Add(item);
+    }
+
+    public void Clear()
+    {
+        source.Clear();
+    }
+
+    public bool Contains(T item)
+    {
+        return view.Contains(item);
+    }
+
+    public void CopyTo(T[] array, int arrayIndex)
+    {
+        view.CopyTo(array, arrayIndex);
+    }
+
+    public bool Remove(T item)
+    {
+        source.Remove(item);
+        return true;
+    }
+
+    [SuppressMessage("", "SH007")]
+    public int IndexOf(T? item)
+    {
+        return view.IndexOf(item!);
+    }
+
+    public void Insert(int index, T item)
+    {
+        source.Insert(index, item);
+    }
+
+    public void RemoveAt(int index)
+    {
+        Remove(view[index]);
+    }
+
+    public bool MoveCurrentTo(T? item)
+    {
+        return (item is not null && item.Equals(CurrentItem)) || MoveCurrentToIndex(IndexOf(item));
+    }
+
+    public bool MoveCurrentToPosition(int index)
+    {
+        return MoveCurrentToIndex(index);
+    }
+
+    public bool MoveCurrentToFirst()
+    {
+        return MoveCurrentToIndex(0);
+    }
+
+    public bool MoveCurrentToLast()
+    {
+        return MoveCurrentToIndex(view.Count - 1);
+    }
+
+    public bool MoveCurrentToNext()
+    {
+        return MoveCurrentToIndex(CurrentPosition + 1);
+    }
+
+    public bool MoveCurrentToPrevious()
+    {
+        return MoveCurrentToIndex(CurrentPosition - 1);
+    }
+
+    public IAsyncOperation<LoadMoreItemsResult>? LoadMoreItemsAsync(uint count)
+    {
+        return (source as ISupportIncrementalLoading)?.LoadMoreItemsAsync(count);
+    }
+
+    public void ObserveFilterProperty(string propertyName)
+    {
+        observedFilterProperties.Add(propertyName);
+    }
+
+    public void ClearObservedFilterProperties()
+    {
+        observedFilterProperties.Clear();
+    }
+
+    public IDisposable DeferRefresh()
+    {
+        return new NotificationDeferrer(this);
+    }
+
+    int IComparer<object>.Compare(object? x, object? y)
+    {
+        if (sortProperties.Count <= 0)
+        {
+            Type listType = source.GetType();
+            Type? type;
+
+            if (listType.IsGenericType)
+            {
+                type = listType.GetGenericArguments()[0];
+            }
+            else
+            {
+                type = x?.GetType();
+            }
+
+            foreach (SortDescription sd in sortDescriptions)
+            {
+                if (!string.IsNullOrEmpty(sd.PropertyName))
+                {
+                    sortProperties[sd.PropertyName] = type?.GetProperty(sd.PropertyName);
+                }
+            }
+        }
+
+        foreach (SortDescription sd in sortDescriptions)
+        {
+            object? cx, cy;
+
+            if (string.IsNullOrEmpty(sd.PropertyName))
+            {
+                cx = x;
+                cy = y;
+            }
+            else
+            {
+                PropertyInfo? pi = sortProperties[sd.PropertyName];
+
+                cx = pi?.GetValue(x);
+                cy = pi?.GetValue(y);
+            }
+
+            int cmp = sd.Comparer.Compare(cx, cy);
+
+            if (cmp is not 0)
+            {
+                return sd.Direction is SortDirection.Ascending ? +cmp : -cmp;
+            }
+        }
+
+        return 0;
+    }
+
+    internal void OnPropertyChanged([CallerMemberName] string propertyName = default!)
+    {
+        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+    }
+
+    private void ItemOnPropertyChanged(object? item, PropertyChangedEventArgs e)
+    {
+        if (!liveShapingEnabled)
+        {
+            return;
+        }
+
+        ArgumentNullException.ThrowIfNull(item);
+        T typedItem = (T)item;
+
+        bool? filterResult = filter?.Invoke(typedItem);
+
+        if (filterResult.HasValue && observedFilterProperties.Contains(e.PropertyName))
+        {
+            int viewIndex = view.IndexOf(typedItem);
+            if (viewIndex != -1 && !filterResult.Value)
+            {
+                RemoveFromView(viewIndex, typedItem);
+            }
+            else if (viewIndex == -1 && filterResult.Value)
+            {
+                int index = source.IndexOf(typedItem);
+                HandleItemAdded(index, typedItem);
+            }
+        }
+
+        if ((filterResult ?? true) && SortDescriptions.Any(sd => sd.PropertyName == e.PropertyName))
+        {
+            int oldIndex = view.IndexOf(typedItem);
+
+            // Check if item is in view:
+            if (oldIndex < 0)
+            {
+                return;
+            }
+
+            view.RemoveAt(oldIndex);
+            int targetIndex = view.BinarySearch(typedItem, this);
+            if (targetIndex < 0)
+            {
+                targetIndex = ~targetIndex;
+            }
+
+            // Only trigger expensive UI updates if the index really changed:
+            if (targetIndex != oldIndex)
+            {
+                OnVectorChanged(new VectorChangedEventArgs(CollectionChange.ItemRemoved, oldIndex, typedItem));
+
+                view.Insert(targetIndex, typedItem);
+
+                OnVectorChanged(new VectorChangedEventArgs(CollectionChange.ItemInserted, targetIndex, typedItem));
+            }
+            else
+            {
+                view.Insert(targetIndex, typedItem);
+            }
+        }
+        else if (string.IsNullOrEmpty(e.PropertyName))
+        {
+            HandleSourceChanged();
+        }
+    }
+
+    private void AttachPropertyChangedHandler(IEnumerable items)
+    {
+        if (!liveShapingEnabled || items is null)
+        {
+            return;
+        }
+
+        foreach (object item in items)
+        {
+            if (item is INotifyPropertyChanged notifyPropertyChanged)
+            {
+                notifyPropertyChanged.PropertyChanged += ItemOnPropertyChanged;
+            }
+        }
+    }
+
+    private void DetachPropertyChangedHandler(IEnumerable items)
+    {
+        if (!liveShapingEnabled || items is null)
+        {
+            return;
+        }
+
+        foreach (object item in items)
+        {
+            if (item is INotifyPropertyChanged notifyPropertyChanged)
+            {
+                notifyPropertyChanged.PropertyChanged -= ItemOnPropertyChanged;
+            }
+        }
+    }
+
+    private void HandleSortChanged()
+    {
+        sortProperties.Clear();
+        view.Sort(this);
+        sortProperties.Clear();
+        OnVectorChanged(new VectorChangedEventArgs(CollectionChange.Reset));
+    }
+
+    private void HandleFilterChanged()
+    {
+        if (filter is not null)
+        {
+            for (int index = 0; index < view.Count; index++)
+            {
+                T item = view[index];
+                if (filter(item))
+                {
+                    continue;
+                }
+
+                RemoveFromView(index, item);
+                index--;
+            }
+        }
+
+        HashSet<T> viewHash = new(view);
+        int viewIndex = 0;
+        for (int index = 0; index < source.Count; index++)
+        {
+            T item = source[index];
+            if (viewHash.Contains(item))
+            {
+                viewIndex++;
+                continue;
+            }
+
+            if (HandleItemAdded(index, item, viewIndex))
+            {
+                viewIndex++;
+            }
+        }
+    }
+
+    private void HandleSourceChanged()
+    {
+        sortProperties.Clear();
+        T? currentItem = CurrentItem;
+        view.Clear();
+        foreach (T item in Source)
+        {
+            if (filter is not null && !filter(item))
+            {
+                continue;
+            }
+
+            if (sortDescriptions.Count > 0)
+            {
+                int targetIndex = view.BinarySearch(item, this);
+                if (targetIndex < 0)
+                {
+                    targetIndex = ~targetIndex;
+                }
+
+                view.Insert(targetIndex, item);
+            }
+            else
+            {
+                view.Add(item);
+            }
+        }
+
+        sortProperties.Clear();
+        OnVectorChanged(new VectorChangedEventArgs(CollectionChange.Reset));
+        MoveCurrentTo(currentItem);
+    }
+
+    private void SourceNotifyCollectionChangedCollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
+    {
+        switch (e.Action)
+        {
+            case NotifyCollectionChangedAction.Add:
+                ArgumentNullException.ThrowIfNull(e.NewItems);
+                AttachPropertyChangedHandler(e.NewItems);
+                if (deferCounter <= 0)
+                {
+                    if (e.NewItems?.Count == 1)
+                    {
+                        object? newItem = e.NewItems[0];
+                        ArgumentNullException.ThrowIfNull(newItem);
+                        HandleItemAdded(e.NewStartingIndex, (T)newItem);
+                    }
+                    else
+                    {
+                        HandleSourceChanged();
+                    }
+                }
+
+                break;
+            case NotifyCollectionChangedAction.Remove:
+                ArgumentNullException.ThrowIfNull(e.OldItems);
+                DetachPropertyChangedHandler(e.OldItems);
+                if (deferCounter <= 0)
+                {
+                    if (e.OldItems?.Count == 1)
+                    {
+                        object? oldItem = e.OldItems[0];
+                        ArgumentNullException.ThrowIfNull(oldItem);
+                        HandleItemRemoved(e.OldStartingIndex, (T)oldItem);
+                    }
+                    else
+                    {
+                        HandleSourceChanged();
+                    }
+                }
+
+                break;
+            case NotifyCollectionChangedAction.Move:
+            case NotifyCollectionChangedAction.Replace:
+            case NotifyCollectionChangedAction.Reset:
+                if (deferCounter <= 0)
+                {
+                    HandleSourceChanged();
+                }
+
+                break;
+        }
+    }
+
+    private bool HandleItemAdded(int newStartingIndex, T newItem, int? viewIndex = null)
+    {
+        if (filter is not null && !filter(newItem))
+        {
+            return false;
+        }
+
+        int newViewIndex = view.Count;
+
+        if (sortDescriptions.Count > 0)
+        {
+            sortProperties.Clear();
+            newViewIndex = view.BinarySearch(newItem, this);
+            if (newViewIndex < 0)
+            {
+                newViewIndex = ~newViewIndex;
+            }
+        }
+        else if (filter is not null)
+        {
+            if (source is null)
+            {
+                HandleSourceChanged();
+                return false;
+            }
+
+            if (newStartingIndex == 0 || view.Count == 0)
+            {
+                newViewIndex = 0;
+            }
+            else if (newStartingIndex == source.Count - 1)
+            {
+                newViewIndex = view.Count;
+            }
+            else if (viewIndex.HasValue)
+            {
+                newViewIndex = viewIndex.Value;
+            }
+            else
+            {
+                for (int i = 0, j = 0; i < source.Count; i++)
+                {
+                    if (i == newStartingIndex)
+                    {
+                        newViewIndex = j;
+                        break;
+                    }
+
+                    if (Equals(view[j], source[i]))
+                    {
+                        j++;
+                    }
+                }
+            }
+        }
+
+        view.Insert(newViewIndex, newItem);
+        if (newViewIndex <= CurrentPosition)
+        {
+            CurrentPosition++;
+        }
+
+        OnVectorChanged(new VectorChangedEventArgs(CollectionChange.ItemInserted, newViewIndex, newItem));
+        return true;
+    }
+
+    private void HandleItemRemoved(int oldStartingIndex, T oldItem)
+    {
+        if (filter is not null && !filter(oldItem))
+        {
+            return;
+        }
+
+        if (oldStartingIndex < 0 || oldStartingIndex >= view.Count || !Equals(view[oldStartingIndex], oldItem))
+        {
+            oldStartingIndex = view.IndexOf(oldItem);
+        }
+
+        if (oldStartingIndex < 0)
+        {
+            return;
+        }
+
+        RemoveFromView(oldStartingIndex, oldItem);
+    }
+
+    private void RemoveFromView(int itemIndex, T item)
+    {
+        view.RemoveAt(itemIndex);
+        if (itemIndex <= CurrentPosition)
+        {
+            CurrentPosition--;
+        }
+
+        OnVectorChanged(new VectorChangedEventArgs(CollectionChange.ItemRemoved, itemIndex, item));
+    }
+
+    private void SortDescriptionsCollectionChanged(object? sender, NotifyCollectionChangedEventArgs e)
+    {
+        if (deferCounter > 0)
+        {
+            return;
+        }
+
+        HandleSortChanged();
+    }
+
+    private bool MoveCurrentToIndex(int i)
+    {
+        if (i < -1 || i >= view.Count)
+        {
+            return false;
+        }
+
+        if (i == CurrentPosition)
+        {
+            return false;
+        }
+
+        CurrentChangingEventArgs e = new();
+        OnCurrentChanging(e);
+        if (e.Cancel)
+        {
+            return false;
+        }
+
+        CurrentPosition = i;
+        OnCurrentChanged(default!);
+        return true;
+    }
+
+    private void OnCurrentChanging(CurrentChangingEventArgs e)
+    {
+        if (deferCounter > 0)
+        {
+            return;
+        }
+
+        CurrentChanging?.Invoke(this, e);
+    }
+
+    private void OnCurrentChanged(object e)
+    {
+        if (deferCounter > 0)
+        {
+            return;
+        }
+
+        CurrentChanged?.Invoke(this, e);
+        OnPropertyChanged(nameof(CurrentItem));
+    }
+
+    private void OnVectorChanged(IVectorChangedEventArgs e)
+    {
+        if (deferCounter > 0)
+        {
+            return;
+        }
+
+        VectorChanged?.Invoke(this, e);
+        OnPropertyChanged(nameof(Count));
+    }
+
+    internal sealed class NotificationDeferrer : IDisposable
+    {
+        private readonly AdvancedCollectionView<T> advancedCollectionView;
+        private readonly T? currentItem;
+
+        public NotificationDeferrer(AdvancedCollectionView<T> acvs)
+        {
+            advancedCollectionView = acvs;
+            currentItem = advancedCollectionView.CurrentItem;
+            advancedCollectionView.deferCounter++;
+        }
+
+        public void Dispose()
+        {
+            advancedCollectionView.MoveCurrentTo(currentItem);
+            advancedCollectionView.deferCounter--;
+            advancedCollectionView.Refresh();
+        }
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/Collection/AdvancedCollectionView/IAdvancedCollectionView.cs

@@ -0,0 +1,105 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using CommunityToolkit.WinUI.Collections;
+using Microsoft.UI.Xaml.Data;
+using System.Collections;
+
+namespace Snap.Hutao.Control.Collection.AdvancedCollectionView;
+
+internal interface IAdvancedCollectionView<T> : ICollectionView, IEnumerable
+    where T : class
+{
+    bool CanFilter { get; }
+
+    bool CanSort { get; }
+
+    object? ICollectionView.CurrentItem
+    {
+        get => CurrentItem;
+    }
+
+    new T? CurrentItem { get; }
+
+    Predicate<T>? Filter { get; set; }
+
+    IList<SortDescription> SortDescriptions { get; }
+
+    IEnumerable<T> SourceCollection { get; }
+
+    object IList<object>.this[int index]
+    {
+        get => this[index];
+        set => this[index] = (T)value;
+    }
+
+    new T this[int index] { get; set; }
+
+    void ICollection<object>.Add(object item)
+    {
+        Add((T)item);
+    }
+
+    void Add(T item);
+
+    void ClearObservedFilterProperties();
+
+    bool ICollection<object>.Contains(object item)
+    {
+        return Contains((T)item);
+    }
+
+    bool Contains(T item);
+
+    void ICollection<object>.CopyTo(object[] array, int arrayIndex)
+    {
+        CopyTo((T[])array, arrayIndex);
+    }
+
+    void CopyTo(T[] array, int arrayIndex);
+
+    IDisposable DeferRefresh();
+
+    IEnumerator<object> IEnumerable<object>.GetEnumerator()
+    {
+        return GetEnumerator();
+    }
+
+    new IEnumerator<T> GetEnumerator();
+
+    int IList<object>.IndexOf(object item)
+    {
+        return IndexOf((T)item);
+    }
+
+    int IndexOf(T item);
+
+    void IList<object>.Insert(int index, object item)
+    {
+        Insert(index, (T)item);
+    }
+
+    void Insert(int index, T item);
+
+    bool ICollectionView.MoveCurrentTo(object item)
+    {
+        return MoveCurrentTo((T)item);
+    }
+
+    bool MoveCurrentTo(T item);
+
+    void ObserveFilterProperty(string propertyName);
+
+    void Refresh();
+
+    void RefreshFilter();
+
+    void RefreshSorting();
+
+    bool ICollection<object>.Remove(object item)
+    {
+        return Remove((T)item);
+    }
+
+    bool Remove(T item);
+}

src/Snap.Hutao/Snap.Hutao/Control/Collection/AdvancedCollectionView/VectorChangedEventArgs.cs

@@ -0,0 +1,19 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using Windows.Foundation.Collections;
+
+namespace Snap.Hutao.Control.Collection.AdvancedCollectionView;
+
+internal sealed class VectorChangedEventArgs : IVectorChangedEventArgs
+{
+    public VectorChangedEventArgs(CollectionChange cc, int index = -1, object item = null!)
+    {
+        CollectionChange = cc;
+        Index = (uint)index;
+    }
+
+    public CollectionChange CollectionChange { get; }
+
+    public uint Index { get; }
+}

src/Snap.Hutao/Snap.Hutao/Control/Collection/Alternating/AlternatingItemsControl.cs

@@ -6,6 +6,7 @@ using Windows.Foundation.Collections;
 
 namespace Snap.Hutao.Control.Collection.Alternating;
 
+[Obsolete("Use SettingsCard instead")]
 [DependencyProperty("ItemAlternateBackground", typeof(Microsoft.UI.Xaml.Media.Brush))]
 internal sealed partial class AlternatingItemsControl : ItemsControl
 {

src/Snap.Hutao/Snap.Hutao/Control/Collection/Alternating/IAlternatingItem.cs

@@ -3,6 +3,7 @@
 
 namespace Snap.Hutao.Control.Collection.Alternating;
 
+[Obsolete("Use SettingsCard instead")]
 internal interface IAlternatingItem
 {
     public Microsoft.UI.Xaml.Media.Brush? Background { get; set; }

src/Snap.Hutao/Snap.Hutao/Control/Extension/CommandInvocation.cs

@@ -0,0 +1,18 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Extension;
+
+internal static class CommandInvocation
+{
+    public static bool TryExecute(this ICommand? command, object? parameter = null)
+    {
+        if (command is not null && command.CanExecute(parameter))
+        {
+            command.Execute(parameter);
+            return true;
+        }
+
+        return false;
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/Extension/DependencyObjectExtension.cs

@@ -2,11 +2,13 @@
 // Licensed under the MIT license.
 
 using Microsoft.UI.Xaml;
+using System.Runtime.CompilerServices;
 
 namespace Snap.Hutao.Control.Extension;
 
 internal static class DependencyObjectExtension
 {
+    [MethodImpl(MethodImplOptions.AggressiveInlining)]
     public static IServiceProvider ServiceProvider(this DependencyObject obj)
     {
         return Ioc.Default;

src/Snap.Hutao/Snap.Hutao/Control/Helper/NavigationViewHelper.cs

@@ -0,0 +1,39 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using CommunityToolkit.WinUI;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace Snap.Hutao.Control.Helper;
+
+[SuppressMessage("", "SH001")]
+[DependencyProperty("PaneCornerRadius", typeof(CornerRadius), default, nameof(OnPaneCornerRadiusChanged), IsAttached = true, AttachedType = typeof(NavigationView))]
+public sealed partial class NavigationViewHelper
+{
+    private static void OnPaneCornerRadiusChanged(DependencyObject dp, DependencyPropertyChangedEventArgs args)
+    {
+        NavigationView navigationView = (NavigationView)dp;
+        CornerRadius newValue = (CornerRadius)args.NewValue;
+
+        if (navigationView.IsLoaded)
+        {
+            SetNavigationViewPaneCornerRadius(navigationView, newValue);
+            return;
+        }
+
+        navigationView.Loaded += (s, e) =>
+        {
+            NavigationView loadedNavigationView = (NavigationView)s;
+            SetNavigationViewPaneCornerRadius(loadedNavigationView, newValue);
+        };
+    }
+
+    private static void SetNavigationViewPaneCornerRadius(NavigationView navigationView, CornerRadius value)
+    {
+        if (navigationView.FindDescendant("RootSplitView") is SplitView splitView)
+        {
+            splitView.CornerRadius = value;
+        }
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/Helper/ScrollViewerHelper.cs

@@ -7,7 +7,6 @@ using Microsoft.UI.Xaml.Controls;
 namespace Snap.Hutao.Control.Helper;
 
 [SuppressMessage("", "SH001")]
-[DependencyProperty("LeftPanelMaxWidth", typeof(double), IsAttached = true, AttachedType = typeof(ScrollViewer))]
 [DependencyProperty("RightPanel", typeof(UIElement), IsAttached = true, AttachedType = typeof(ScrollViewer))]
 public sealed partial class ScrollViewerHelper
 {

src/Snap.Hutao/Snap.Hutao/Control/Helper/SettingsExpanderHelper.cs

@@ -20,4 +20,4 @@ public sealed partial class SettingsExpanderHelper
             }
         }
     }
-}
+}

src/Snap.Hutao/Snap.Hutao/Control/Helper/UIElementHelper.cs

@@ -0,0 +1,24 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using Microsoft.UI.Xaml;
+
+namespace Snap.Hutao.Control.Helper;
+
+[SuppressMessage("", "SH001")]
+[DependencyProperty("VisibilityObject", typeof(object), null, nameof(OnVisibilityObjectChanged), IsAttached = true, AttachedType = typeof(UIElement))]
+[DependencyProperty("OpacityObject", typeof(object), null, nameof(OnOpacityObjectChanged), IsAttached = true, AttachedType = typeof(UIElement))]
+public sealed partial class UIElementHelper
+{
+    private static void OnVisibilityObjectChanged(DependencyObject dp, DependencyPropertyChangedEventArgs e)
+    {
+        UIElement element = (UIElement)dp;
+        element.Visibility = e.NewValue is null ? Visibility.Collapsed : Visibility.Visible;
+    }
+
+    private static void OnOpacityObjectChanged(DependencyObject dp, DependencyPropertyChangedEventArgs e)
+    {
+        UIElement element = (UIElement)dp;
+        element.Opacity = e.NewValue is null ? 0D : 1D;
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/IXamlElementAccessor.cs

@@ -0,0 +1,6 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control;
+
+internal interface IXamlElementAccessor;

src/Snap.Hutao/Snap.Hutao/Control/Image/CachedImage.cs

@@ -3,7 +3,9 @@
 
 using Microsoft.UI.Xaml.Media;
 using Microsoft.UI.Xaml.Media.Imaging;
+using Snap.Hutao.Control.Extension;
 using Snap.Hutao.Core.Caching;
+using Snap.Hutao.Core.ExceptionService;
 using System.Runtime.InteropServices;
 
 namespace Snap.Hutao.Control.Image;
@@ -19,6 +21,9 @@ internal sealed class CachedImage : Implementation.ImageEx
     /// </summary>
     public CachedImage()
     {
+        DefaultStyleKey = typeof(CachedImage);
+        DefaultStyleResourceUri = "ms-appx:///Control/Image/CachedImage.xaml".ToUri();
+
         IsCacheEnabled = true;
         EnableLazyLoading = false;
     }
@@ -26,12 +31,11 @@ internal sealed class CachedImage : Implementation.ImageEx
     /// <inheritdoc/>
     protected override async Task<ImageSource?> ProvideCachedResourceAsync(Uri imageUri, CancellationToken token)
     {
-        // We can only use Ioc to retrieve IImageCache, no IServiceProvider is available.
-        IImageCache imageCache = Ioc.Default.GetRequiredService<IImageCache>();
+        IImageCache imageCache = this.ServiceProvider().GetRequiredService<IImageCache>();
 
         try
         {
-            Verify.Operation(!string.IsNullOrEmpty(imageUri.Host), SH.ControlImageCachedImageInvalidResourceUri);
+            HutaoException.ThrowIf(string.IsNullOrEmpty(imageUri.Host), HutaoExceptionKind.ImageCacheInvalidUri, SH.ControlImageCachedImageInvalidResourceUri);
             string file = await imageCache.GetFileFromCacheAsync(imageUri).ConfigureAwait(true); // BitmapImage need to be created by main thread.
             token.ThrowIfCancellationRequested(); // check token state to determine whether the operation should be canceled.
             return new BitmapImage(file.ToUri()); // BitmapImage initialize with a uri will increase image quality and loading speed.

src/Snap.Hutao/Snap.Hutao/Control/Image/CompositionImage.cs

@@ -168,6 +168,7 @@ internal abstract partial class CompositionImage : Microsoft.UI.Xaml.Controls.Co
             if (surface.DecodedPhysicalSize.Size() <= 0D)
             {
                 await Task.WhenAny(surfaceLoadTaskCompletionSource.Task, Task.Delay(5000, token)).ConfigureAwait(true);
+                await Task.Delay(50, token).ConfigureAwait(true);
             }
 
             LoadImageSurfaceCompleted(surface);
@@ -192,7 +193,7 @@ internal abstract partial class CompositionImage : Microsoft.UI.Xaml.Controls.Co
             {
                 await AnimationBuilder
                     .Create()
-                    .Opacity(from: 0D, to: 1D, duration: ControlAnimationConstants.ImageFadeIn)
+                    .Opacity(from: 0D, to: 1D, duration: ControlAnimationConstants.ImageScaleFadeIn)
                     .StartAsync(this, token)
                     .ConfigureAwait(true);
             }
@@ -213,7 +214,7 @@ internal abstract partial class CompositionImage : Microsoft.UI.Xaml.Controls.Co
             {
                 await AnimationBuilder
                     .Create()
-                    .Opacity(from: 1D, to: 0D, duration: ControlAnimationConstants.ImageFadeOut)
+                    .Opacity(from: 1D, to: 0D, duration: ControlAnimationConstants.ImageScaleFadeOut)
                     .StartAsync(this, token)
                     .ConfigureAwait(true);
             }

src/Snap.Hutao/Snap.Hutao/Control/Image/Implementation/ImageEx.cs

@@ -7,21 +7,14 @@ using Windows.Media.Casting;
 
 namespace Snap.Hutao.Control.Image.Implementation;
 
-internal class ImageEx : ImageExBase
+[DependencyProperty("NineGrid", typeof(Thickness))]
+internal partial class ImageEx : ImageExBase
 {
-    private static readonly DependencyProperty NineGridProperty = DependencyProperty.Register(nameof(NineGrid), typeof(Thickness), typeof(ImageEx), new PropertyMetadata(default(Thickness)));
-
     public ImageEx()
         : base()
     {
     }
 
-    public Thickness NineGrid
-    {
-        get => (Thickness)GetValue(NineGridProperty);
-        set => SetValue(NineGridProperty, value);
-    }
-
     public override CompositionBrush GetAlphaMask()
     {
         if (IsInitialized && Image is Microsoft.UI.Xaml.Controls.Image image)

src/Snap.Hutao/Snap.Hutao/Control/Image/Implementation/ImageExBase.cs

@@ -6,6 +6,7 @@ using Microsoft.UI.Composition;
 using Microsoft.UI.Xaml;
 using Microsoft.UI.Xaml.Media;
 using Microsoft.UI.Xaml.Media.Imaging;
+using Snap.Hutao.Win32;
 using System.IO;
 using Windows.Foundation;
 
@@ -158,7 +159,6 @@ internal abstract partial class ImageExBase : Microsoft.UI.Xaml.Controls.Control
         if (value)
         {
             control.LayoutUpdated += control.OnImageExBaseLayoutUpdated;
-
             control.InvalidateLazyLoading();
         }
         else
@@ -169,7 +169,7 @@ internal abstract partial class ImageExBase : Microsoft.UI.Xaml.Controls.Control
 
     private static void LazyLoadingThresholdChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
     {
-        if (d is ImageExBase control && control.EnableLazyLoading)
+        if (d is ImageExBase { EnableLazyLoading: true } control)
         {
             control.InvalidateLazyLoading();
         }
@@ -229,9 +229,6 @@ internal abstract partial class ImageExBase : Microsoft.UI.Xaml.Controls.Control
 
     private void AttachPlaceholderSource(ImageSource? source)
     {
-        // Setting the source at this point should call ImageExOpened/VisualStateManager.GoToState
-        // as we register to both the ImageOpened/ImageFailed events of the underlying control.
-        // We only need to call those methods if we fail in other cases before we get here.
         if (PlaceholderImage is Microsoft.UI.Xaml.Controls.Image image)
         {
             image.Source = source;
@@ -240,6 +237,15 @@ internal abstract partial class ImageExBase : Microsoft.UI.Xaml.Controls.Control
         {
             brush.ImageSource = source;
         }
+
+        if (source is null)
+        {
+            VisualStateManager.GoToState(this, UnloadedState, true);
+        }
+        else if (source is BitmapSource { PixelHeight: > 0, PixelWidth: > 0 })
+        {
+            VisualStateManager.GoToState(this, LoadedState, true);
+        }
     }
 
     private async void SetSource(object? source)
@@ -311,8 +317,7 @@ internal abstract partial class ImageExBase : Microsoft.UI.Xaml.Controls.Control
         }
 
         tokenSource?.Cancel();
-
-        tokenSource = new CancellationTokenSource();
+        tokenSource = new();
 
         AttachPlaceholderSource(null);
 
@@ -443,9 +448,10 @@ internal abstract partial class ImageExBase : Microsoft.UI.Xaml.Controls.Control
             return;
         }
 
-        Rect controlRect = TransformToVisual(hostElement)
-            .TransformBounds(new Rect(0, 0, ActualWidth, ActualHeight));
+        Rect controlRect = TransformToVisual(hostElement).TransformBounds(StructMarshal.Rect(ActualSize));
         double lazyLoadingThreshold = LazyLoadingThreshold;
+
+        // Left/Top 1 Threshold, Right/Bottom 2 Threshold
         Rect hostRect = new(
             0 - lazyLoadingThreshold,
             0 - lazyLoadingThreshold,

src/Snap.Hutao/Snap.Hutao/Control/Layout/DefaultItemCollectionTransitionProvider.cs

@@ -1,151 +0,0 @@
-// Copyright (c) DGP Studio. All rights reserved.
-// Licensed under the MIT license.
-
-using Microsoft.UI.Composition;
-using Microsoft.UI.Xaml.Controls;
-using Microsoft.UI.Xaml.Hosting;
-using System.Numerics;
-using Windows.Foundation;
-
-namespace Snap.Hutao.Control.Layout;
-
-internal sealed class DefaultItemCollectionTransitionProvider : ItemCollectionTransitionProvider
-{
-    private const double DefaultAnimationDurationInMs = 300.0;
-
-    static DefaultItemCollectionTransitionProvider()
-    {
-        AnimationSlowdownFactor = 1.0;
-    }
-
-    public static double AnimationSlowdownFactor { get; set; }
-
-    protected override bool ShouldAnimateCore(ItemCollectionTransition transition)
-    {
-        return true;
-    }
-
-    protected override void StartTransitions(IList<ItemCollectionTransition> transitions)
-    {
-        List<ItemCollectionTransition> addTransitions = [];
-        List<ItemCollectionTransition> removeTransitions = [];
-        List<ItemCollectionTransition> moveTransitions = [];
-
-        foreach (ItemCollectionTransition transition in addTransitions)
-        {
-            switch (transition.Operation)
-            {
-                case ItemCollectionTransitionOperation.Add:
-                    addTransitions.Add(transition);
-                    break;
-                case ItemCollectionTransitionOperation.Remove:
-                    removeTransitions.Add(transition);
-                    break;
-                case ItemCollectionTransitionOperation.Move:
-                    moveTransitions.Add(transition);
-                    break;
-            }
-        }
-
-        StartAddTransitions(addTransitions, removeTransitions.Count > 0, moveTransitions.Count > 0);
-        StartRemoveTransitions(removeTransitions);
-        StartMoveTransitions(moveTransitions, removeTransitions.Count > 0);
-    }
-
-    private static void StartAddTransitions(IList<ItemCollectionTransition> transitions, bool hasRemoveTransitions, bool hasMoveTransitions)
-    {
-        foreach (ItemCollectionTransition transition in transitions)
-        {
-            ItemCollectionTransitionProgress progress = transition.Start();
-            Visual visual = ElementCompositionPreview.GetElementVisual(progress.Element);
-            Compositor compositor = visual.Compositor;
-
-            ScalarKeyFrameAnimation fadeInAnimation = compositor.CreateScalarKeyFrameAnimation();
-            fadeInAnimation.InsertKeyFrame(0.0f, 0.0f);
-
-            if (hasMoveTransitions && hasRemoveTransitions)
-            {
-                fadeInAnimation.InsertKeyFrame(0.66f, 0.0f);
-            }
-            else if (hasMoveTransitions || hasRemoveTransitions)
-            {
-                fadeInAnimation.InsertKeyFrame(0.5f, 0.0f);
-            }
-
-            fadeInAnimation.InsertKeyFrame(1.0f, 1.0f);
-            fadeInAnimation.Duration = TimeSpan.FromMilliseconds(
-                DefaultAnimationDurationInMs * ((hasRemoveTransitions ? 1 : 0) + (hasMoveTransitions ? 1 : 0) + 1) * AnimationSlowdownFactor);
-
-            CompositionScopedBatch batch = compositor.CreateScopedBatch(CompositionBatchTypes.Animation);
-            visual.StartAnimation("Opacity", fadeInAnimation);
-            batch.End();
-            batch.Completed += (_, _) => progress.Complete();
-        }
-    }
-
-    private static void StartRemoveTransitions(IList<ItemCollectionTransition> transitions)
-    {
-        foreach (ItemCollectionTransition transition in transitions)
-        {
-            ItemCollectionTransitionProgress progress = transition.Start();
-            Visual visual = ElementCompositionPreview.GetElementVisual(progress.Element);
-            Compositor compositor = visual.Compositor;
-
-            ScalarKeyFrameAnimation fadeOutAnimation = compositor.CreateScalarKeyFrameAnimation();
-            fadeOutAnimation.InsertExpressionKeyFrame(0.0f, "this.CurrentValue");
-            fadeOutAnimation.InsertKeyFrame(1.0f, 0.0f);
-            fadeOutAnimation.Duration = TimeSpan.FromMilliseconds(DefaultAnimationDurationInMs * AnimationSlowdownFactor);
-
-            CompositionScopedBatch batch = compositor.CreateScopedBatch(CompositionBatchTypes.Animation);
-            visual.StartAnimation(nameof(Visual.Opacity), fadeOutAnimation);
-            batch.End();
-            batch.Completed += (_, _) =>
-            {
-                visual.Opacity = 1.0f;
-                progress.Complete();
-            };
-        }
-    }
-
-    private static void StartMoveTransitions(IList<ItemCollectionTransition> transitions, bool hasRemoveAnimations)
-    {
-        foreach (ItemCollectionTransition transition in transitions)
-        {
-            ItemCollectionTransitionProgress progress = transition.Start();
-            Visual visual = ElementCompositionPreview.GetElementVisual(progress.Element);
-            Compositor compositor = visual.Compositor;
-            CompositionScopedBatch batch = compositor.CreateScopedBatch(CompositionBatchTypes.Animation);
-
-            // Animate offset.
-            if (transition.OldBounds.X != transition.NewBounds.X ||
-                transition.OldBounds.Y != transition.NewBounds.Y)
-            {
-                AnimateOffset(visual, compositor, transition.OldBounds, transition.NewBounds, hasRemoveAnimations);
-            }
-
-            batch.End();
-            batch.Completed += (_, _) => progress.Complete();
-        }
-    }
-
-    private static void AnimateOffset(Visual visual, Compositor compositor, Rect oldBounds, Rect newBounds, bool hasRemoveAnimations)
-    {
-        Vector2KeyFrameAnimation offsetAnimation = compositor.CreateVector2KeyFrameAnimation();
-
-        offsetAnimation.SetVector2Parameter("delta", new Vector2(
-            (float)(oldBounds.X - newBounds.X),
-            (float)(oldBounds.Y - newBounds.Y)));
-        offsetAnimation.SetVector2Parameter("final", default);
-        offsetAnimation.InsertExpressionKeyFrame(0.0f, "this.CurrentValue + delta");
-        if (hasRemoveAnimations)
-        {
-            offsetAnimation.InsertExpressionKeyFrame(0.5f, "delta");
-        }
-
-        offsetAnimation.InsertExpressionKeyFrame(1.0f, "final");
-        offsetAnimation.Duration = TimeSpan.FromMilliseconds(
-            DefaultAnimationDurationInMs * ((hasRemoveAnimations ? 1 : 0) + 1) * AnimationSlowdownFactor);
-
-        visual.StartAnimation("TransformMatrix._41_42", offsetAnimation);
-    }
-}

src/Snap.Hutao/Snap.Hutao/Control/Layout/UniformStaggeredLayout.cs

@@ -4,6 +4,7 @@
 using Microsoft.UI.Xaml;
 using Microsoft.UI.Xaml.Controls;
 using System.Collections.Specialized;
+using System.Runtime.CompilerServices;
 using System.Runtime.InteropServices;
 using Windows.Foundation;
 
@@ -18,14 +19,12 @@ internal sealed partial class UniformStaggeredLayout : VirtualizingLayout
     protected override void InitializeForContextCore(VirtualizingLayoutContext context)
     {
         context.LayoutState = new UniformStaggeredLayoutState(context);
-        base.InitializeForContextCore(context);
     }
 
     /// <inheritdoc/>
     protected override void UninitializeForContextCore(VirtualizingLayoutContext context)
     {
         context.LayoutState = null;
-        base.UninitializeForContextCore(context);
     }
 
     /// <inheritdoc/>
@@ -82,16 +81,10 @@ internal sealed partial class UniformStaggeredLayout : VirtualizingLayout
 
         (int numberOfColumns, double columnWidth) = GetNumberOfColumnsAndWidth(availableWidth, MinItemWidth, MinColumnSpacing);
 
-        if (columnWidth != state.ColumnWidth)
-        {
-            // The items will need to be remeasured
-            state.Clear();
-        }
-
         state.ColumnWidth = columnWidth;
 
-        // adjust for column spacing on all columns expect the first
-        double totalWidth = state.ColumnWidth + ((numberOfColumns - 1) * (state.ColumnWidth + MinColumnSpacing));
+        double totalWidth = ((state.ColumnWidth + MinColumnSpacing) * numberOfColumns) - MinColumnSpacing;
+
         if (totalWidth > availableWidth)
         {
             numberOfColumns--;
@@ -103,7 +96,6 @@ internal sealed partial class UniformStaggeredLayout : VirtualizingLayout
 
         if (numberOfColumns != state.NumberOfColumns)
         {
-            // The items will not need to be remeasured, but they will need to go into new columns
             state.ClearColumns();
         }
 
@@ -170,7 +162,7 @@ internal sealed partial class UniformStaggeredLayout : VirtualizingLayout
                 item.Element.Measure(new Size(state.ColumnWidth, availableHeight));
                 if (item.Height != item.Element.DesiredSize.Height)
                 {
-                    // this item changed size; we need to recalculate layout for everything after this
+                    // this item changed size; we need to recalculate layout for everything after this item
                     state.RemoveFromIndex(i + 1);
                     item.Height = item.Element.DesiredSize.Height;
                     columnHeights[columnIndex] = item.Top + item.Height;
@@ -201,16 +193,16 @@ internal sealed partial class UniformStaggeredLayout : VirtualizingLayout
         // Cycle through each column and arrange the items that are within the realization bounds
         for (int columnIndex = 0; columnIndex < state.NumberOfColumns; columnIndex++)
         {
-            UniformStaggeredColumnLayout layout = state.GetColumnLayout(columnIndex);
-            foreach (ref readonly UniformStaggeredItem item in CollectionsMarshal.AsSpan(layout))
+            foreach (ref readonly UniformStaggeredItem item in CollectionsMarshal.AsSpan(state.GetColumnLayout(columnIndex)))
             {
                 double bottom = item.Top + item.Height;
                 if (bottom < context.RealizationRect.Top)
                 {
-                    // element is above the realization bounds
+                    // Element is above the realization bounds
                     continue;
                 }
 
+                // Partial or fully in the view
                 if (item.Top <= context.RealizationRect.Bottom)
                 {
                     double itemHorizontalOffset = (state.ColumnWidth * columnIndex) + (MinColumnSpacing * columnIndex);
@@ -229,21 +221,22 @@ internal sealed partial class UniformStaggeredLayout : VirtualizingLayout
         return finalSize;
     }
 
-    private static (int NumberOfColumns, double ColumnWidth) GetNumberOfColumnsAndWidth(double availableWidth, double minItemWidth, double minColumnSpacing)
+    private static (int NumberOfColumns, double ColumnWidth) GetNumberOfColumnsAndWidth(double availableWidth, double minItemWidth, double columnSpacing)
     {
         // test if the width can fit in 2 items
-        if ((2 * minItemWidth) + minColumnSpacing > availableWidth)
+        if ((2 * minItemWidth) + columnSpacing > availableWidth)
         {
             return (1, availableWidth);
         }
 
-        int columnCount = Math.Max(1, (int)((availableWidth + minColumnSpacing) / (minItemWidth + minColumnSpacing)));
-        double columnWidthAddSpacing = (availableWidth + minColumnSpacing) / columnCount;
-        return (columnCount, columnWidthAddSpacing - minColumnSpacing);
+        int columnCount = Math.Max(1, (int)((availableWidth + columnSpacing) / (minItemWidth + columnSpacing)));
+        double columnWidthWithSpacing = (availableWidth + columnSpacing) / columnCount;
+        return (columnCount, columnWidthWithSpacing - columnSpacing);
     }
 
     private static int GetLowestColumnIndex(in ReadOnlySpan<double> columnHeights)
     {
+        // We want to find the leftest column with the lowest height
         int columnIndex = 0;
         double height = columnHeights[0];
         for (int j = 1; j < columnHeights.Length; j++)
@@ -260,13 +253,11 @@ internal sealed partial class UniformStaggeredLayout : VirtualizingLayout
 
     private static void OnMinItemWidthChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
     {
-        UniformStaggeredLayout panel = (UniformStaggeredLayout)d;
-        panel.InvalidateMeasure();
+        ((UniformStaggeredLayout)d).InvalidateMeasure();
     }
 
     private static void OnSpacingChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
     {
-        UniformStaggeredLayout panel = (UniformStaggeredLayout)d;
-        panel.InvalidateMeasure();
+        ((UniformStaggeredLayout)d).InvalidateMeasure();
     }
 }

src/Snap.Hutao/Snap.Hutao/Control/Layout/UniformStaggeredLayoutState.cs

@@ -1,7 +1,6 @@
 // Copyright (c) DGP Studio. All rights reserved.
 // Licensed under the MIT license.
 
-using Microsoft.UI.Xaml;
 using Microsoft.UI.Xaml.Controls;
 using System.Runtime.InteropServices;
 
@@ -67,46 +66,6 @@ internal sealed class UniformStaggeredLayoutState
         return columnLayout[columnIndex];
     }
 
-    /// <summary>
-    /// Clear everything that has been calculated.
-    /// </summary>
-    internal void Clear()
-    {
-        // https://github.com/DGP-Studio/Snap.Hutao/issues/1079
-        // The first element must be force refreshed otherwise
-        // it will use the old one realized
-        // https://github.com/DGP-Studio/Snap.Hutao/issues/1099
-        // Now we need to refresh the first element of each column
-        // https://github.com/DGP-Studio/Snap.Hutao/issues/1099
-        // Finally we need to refresh the whole layout when we reset
-        if (context.ItemCount > 0)
-        {
-            for (int i = 0; i < context.ItemCount; i++)
-            {
-                RecycleElementAt(i);
-            }
-        }
-
-        columnLayout.Clear();
-        items.Clear();
-    }
-
-    /// <summary>
-    /// Clear the layout columns so they will be recalculated.
-    /// </summary>
-    internal void ClearColumns()
-    {
-        columnLayout.Clear();
-    }
-
-    /// <summary>
-    /// Gets the estimated height of the layout.
-    /// </summary>
-    /// <returns>The estimated height of the layout.</returns>
-    /// <remarks>
-    /// If all of the items have been calculated then the actual height will be returned.
-    /// If all of the items have not been calculated then an estimated height will be calculated based on the average height of the items.
-    /// </remarks>
     internal double GetHeight()
     {
         double desiredHeight = columnLayout.Values.Max(c => c.Height);
@@ -139,10 +98,37 @@ internal sealed class UniformStaggeredLayoutState
         return desiredHeight;
     }
 
+    internal void Clear()
+    {
+        RecycleElements();
+        ClearColumns();
+        ClearItems();
+    }
+
+    internal void ClearColumns()
+    {
+        columnLayout.Clear();
+    }
+
+    internal void ClearItems()
+    {
+        items.Clear();
+    }
+
+    internal void RecycleElements()
+    {
+        if (context.ItemCount > 0)
+        {
+            for (int i = 0; i < items.Count; i++)
+            {
+                RecycleElementAt(i);
+            }
+        }
+    }
+
     internal void RecycleElementAt(int index)
     {
-        UIElement element = context.GetOrCreateElementAt(index);
-        context.RecycleElement(element);
+        context.RecycleElement(context.GetOrCreateElementAt(index));
     }
 
     internal void RemoveFromIndex(int index)
@@ -175,7 +161,7 @@ internal sealed class UniformStaggeredLayoutState
     {
         for (int i = startIndex; i <= endIndex; i++)
         {
-            if (i > items.Count)
+            if (i >= items.Count)
             {
                 break;
             }
@@ -184,7 +170,7 @@ internal sealed class UniformStaggeredLayoutState
             item.Height = 0;
             item.Top = 0;
 
-            // We must recycle all elements to ensure that it gets the correct context
+            // We must recycle all removed elements to ensure that it gets the correct context
             RecycleElementAt(i);
         }
 

src/Snap.Hutao/Snap.Hutao/Control/Loading.cs

@@ -7,6 +7,7 @@ namespace Snap.Hutao.Control;
 
 [TemplateVisualState(Name = "LoadingIn", GroupName = "CommonStates")]
 [TemplateVisualState(Name = "LoadingOut", GroupName = "CommonStates")]
+[TemplatePart(Name = "ContentGrid", Type = typeof(FrameworkElement))]
 internal class Loading : Microsoft.UI.Xaml.Controls.ContentControl
 {
     public static readonly DependencyProperty IsLoadingProperty = DependencyProperty.Register(nameof(IsLoading), typeof(bool), typeof(Loading), new PropertyMetadata(default(bool), IsLoadingPropertyChanged));
@@ -16,7 +17,7 @@ internal class Loading : Microsoft.UI.Xaml.Controls.ContentControl
     public Loading()
     {
         DefaultStyleKey = typeof(Loading);
-        DefaultStyleResourceUri = new("ms-appx:///Control/Loading.xaml");
+        DefaultStyleResourceUri = "ms-appx:///Control/Loading.xaml".ToUri();
     }
 
     public bool IsLoading

src/Snap.Hutao/Snap.Hutao/Control/Loading.xaml

@@ -3,7 +3,9 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:shc="using:Snap.Hutao.Control">
 
-    <Style TargetType="shc:Loading">
+    <Style BasedOn="{StaticResource DefaultLoadingStyle}" TargetType="shc:Loading"/>
+
+    <Style x:Key="DefaultLoadingStyle" TargetType="shc:Loading">
         <Setter Property="HorizontalContentAlignment" Value="Center"/>
         <Setter Property="VerticalContentAlignment" Value="Center"/>
         <Setter Property="HorizontalAlignment" Value="Stretch"/>

src/Snap.Hutao/Snap.Hutao/Control/Markup/FontIconExtension.cs

@@ -18,12 +18,15 @@ internal sealed class FontIconExtension : MarkupExtension
     /// </summary>
     public string Glyph { get; set; } = default!;
 
+    public double FontSize { get; set; } = 12;
+
     /// <inheritdoc/>
     protected override object ProvideValue()
     {
         return new FontIcon()
         {
             Glyph = Glyph,
+            FontSize = FontSize,
         };
     }
 }

src/Snap.Hutao/Snap.Hutao/Control/Markup/UInt32Extension.cs

@@ -12,7 +12,6 @@ internal sealed class UInt32Extension : MarkupExtension
 
     protected override object ProvideValue()
     {
-        _ = uint.TryParse(Value, out uint result);
-        return result;
+        return XamlBindingHelper.ConvertValue(typeof(uint), Value);
     }
 }

src/Snap.Hutao/Snap.Hutao/Control/Media/Bgra32.cs

@@ -33,6 +33,16 @@ internal struct Bgra32
     /// </summary>
     public byte A;
 
+    public Bgra32(byte b, byte g, byte r, byte a)
+    {
+        B = b;
+        G = g;
+        R = r;
+        A = a;
+    }
+
+    public readonly double Luminance { get => ((0.299 * R) + (0.587 * G) + (0.114 * B)) / 255; }
+
     /// <summary>
     /// 从 Color 转换
     /// </summary>
@@ -44,4 +54,11 @@ internal struct Bgra32
         *(uint*)&bgra8 = BinaryPrimitives.ReverseEndianness(*(uint*)&color);
         return bgra8;
     }
+
+    public static unsafe implicit operator Color(Bgra32 bgra8)
+    {
+        Unsafe.SkipInit(out Color color);
+        *(uint*)&color = BinaryPrimitives.ReverseEndianness(*(uint*)&bgra8);
+        return color;
+    }
 }

src/Snap.Hutao/Snap.Hutao/Control/Media/Hsla32.cs

@@ -8,7 +8,7 @@ namespace Snap.Hutao.Control.Media;
 /// <summary>
 /// Defines a color in Hue/Saturation/Lightness (HSL) space.
 /// </summary>
-internal struct Hsl32
+internal struct Hsla32
 {
     /// <summary>
     /// The Hue in 0..360 range.

src/Snap.Hutao/Snap.Hutao/Control/Media/Rgba32.cs

@@ -46,13 +46,14 @@ internal struct Rgba32
     /// <summary>
     /// 使用 RGBA 代码初始化新的结构
     /// </summary>
-    /// <param name="code">RGBA 代码</param>
-    public unsafe Rgba32(uint code)
+    /// <param name="xrgbaCode">RGBA 代码</param>
+    public unsafe Rgba32(uint xrgbaCode)
     {
-        // RRGGBBAA -> AABBGGRR
+        // uint layout: 0xRRGGBBAA is AABBGGRR
+        // AABBGGRR -> RRGGBBAA
         fixed (Rgba32* pSelf = &this)
         {
-            *(uint*)pSelf = BinaryPrimitives.ReverseEndianness(code);
+            *(uint*)pSelf = BinaryPrimitives.ReverseEndianness(xrgbaCode);
         }
     }
 
@@ -66,14 +67,14 @@ internal struct Rgba32
 
     public static unsafe implicit operator Color(Rgba32 hexColor)
     {
-        // AABBGGRR -> BBGGRRAA
-        // AABBGGRR -> 000000AA
-        uint a = (*(uint*)&hexColor) >> 24;
+        // Goal : Rgba32:RRGGBBAA(0xAABBGGRR) -> Color: AARRGGBB(0xBBGGRRAA)
+        // Step1: Rgba32:RRGGBBAA(0xAABBGGRR) -> UInt32:AA000000(0x000000AA)
+        uint a = ((*(uint*)&hexColor) >> 24) & 0x000000FF;
 
-        // AABBGGRR -> BBGGRR00
-        uint rgb = (*(uint*)&hexColor) << 8;
+        // Step2: Rgba32:RRGGBBAA(0xAABBGGRR) -> UInt32:00RRGGBB(0xRRGGBB00)
+        uint rgb = ((*(uint*)&hexColor) << 8) & 0xFFFFFF00;
 
-        // BBGGRR00 + 000000AA
+        // Step2: UInt32:00RRGGBB(0xRRGGBB00) + UInt32:AA000000(0x000000AA) -> UInt32:AARRGGBB(0xRRGGBBAA)
         uint rgba = rgb + a;
 
         return *(Color*)&rgba;
@@ -84,7 +85,7 @@ internal struct Rgba32
     /// </summary>
     /// <param name="hsl">HSL 颜色</param>
     /// <returns>RGBA8颜色</returns>
-    public static Rgba32 FromHsl(Hsl32 hsl)
+    public static Rgba32 FromHsl(Hsla32 hsl)
     {
         double chroma = (1 - Math.Abs((2 * hsl.L) - 1)) * hsl.S;
         double h1 = hsl.H / 60;
@@ -141,7 +142,7 @@ internal struct Rgba32
     /// 转换到 HSL 颜色
     /// </summary>
     /// <returns>HSL 颜色</returns>
-    public readonly Hsl32 ToHsl()
+    public readonly Hsla32 ToHsl()
     {
         const double toDouble = 1.0 / 255;
         double r = toDouble * R;
@@ -174,7 +175,7 @@ internal struct Rgba32
         double lightness = 0.5 * (max + min);
         double saturation = chroma == 0 ? 0 : chroma / (1 - Math.Abs((2 * lightness) - 1));
 
-        Hsl32 ret;
+        Hsla32 ret;
         ret.H = 60 * h1;
         ret.S = saturation;
         ret.L = lightness;

src/Snap.Hutao/Snap.Hutao/Control/Media/SoftwareBitmapExtension.cs

@@ -1,10 +1,9 @@
 // Copyright (c) DGP Studio. All rights reserved.
 // Licensed under the MIT license.
 
+using Snap.Hutao.Win32.System.WinRT;
 using Windows.Foundation;
 using Windows.Graphics.Imaging;
-using Windows.Win32;
-using Windows.Win32.System.WinRT;
 using WinRT;
 
 namespace Snap.Hutao.Control.Media;
@@ -26,8 +25,7 @@ internal static class SoftwareBitmapExtension
         {
             using (IMemoryBufferReference reference = buffer.CreateReference())
             {
-                reference.As<IMemoryBufferByteAccess>().GetBuffer(out byte* data, out uint length);
-                Span<Bgra32> bytes = new(data, unchecked((int)length / sizeof(Bgra32)));
+                reference.As<IMemoryBufferByteAccess>().GetBuffer(out Span<Bgra32> bytes);
                 foreach (ref Bgra32 pixel in bytes)
                 {
                     byte baseAlpha = pixel.A;
@@ -40,4 +38,25 @@ internal static class SoftwareBitmapExtension
             }
         }
     }
+
+    public static unsafe Bgra32 GetAccentColor(this SoftwareBitmap softwareBitmap)
+    {
+        using (BitmapBuffer buffer = softwareBitmap.LockBuffer(BitmapBufferAccessMode.Read))
+        {
+            using (IMemoryBufferReference reference = buffer.CreateReference())
+            {
+                reference.As<IMemoryBufferByteAccess>().GetBuffer(out Span<Bgra32> bytes);
+                double b = 0, g = 0, r = 0, a = 0;
+                foreach (ref readonly Bgra32 pixel in bytes)
+                {
+                    b += pixel.B;
+                    g += pixel.G;
+                    r += pixel.R;
+                    a += pixel.A;
+                }
+
+                return new((byte)(b / bytes.Length), (byte)(g / bytes.Length), (byte)(r / bytes.Length), (byte)(a / bytes.Length));
+            }
+        }
+    }
 }

src/Snap.Hutao/Snap.Hutao/Control/Panel/EqualPanel.cs

@@ -0,0 +1,89 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using Microsoft.UI.Xaml;
+using System.Data;
+using System.Runtime.InteropServices;
+using Windows.Foundation;
+
+namespace Snap.Hutao.Control.Panel;
+
+[DependencyProperty("Spacing", typeof(double), default(double), nameof(OnSpacingChanged))]
+internal partial class EqualPanel : Microsoft.UI.Xaml.Controls.Panel
+{
+    private double maxItemWidth;
+    private double maxItemHeight;
+    private int visibleItemsCount;
+
+    public EqualPanel()
+    {
+        RegisterPropertyChangedCallback(HorizontalAlignmentProperty, OnHorizontalAlignmentChanged);
+    }
+
+    protected override Size MeasureOverride(Size availableSize)
+    {
+        maxItemWidth = 0;
+        maxItemHeight = 0;
+
+        List<UIElement> elements = [.. Children.Where(element => element.Visibility == Visibility.Visible)];
+        visibleItemsCount = elements.Count;
+
+        foreach (ref readonly UIElement child in CollectionsMarshal.AsSpan(elements))
+        {
+            child.Measure(availableSize);
+            maxItemWidth = Math.Max(maxItemWidth, child.DesiredSize.Width);
+            maxItemHeight = Math.Max(maxItemHeight, child.DesiredSize.Height);
+        }
+
+        if (visibleItemsCount > 0)
+        {
+            // Return equal widths based on the widest item
+            // In very specific edge cases the AvailableWidth might be infinite resulting in a crash.
+            if (HorizontalAlignment is not HorizontalAlignment.Stretch || double.IsInfinity(availableSize.Width))
+            {
+                return new Size((maxItemWidth * visibleItemsCount) + (Spacing * (visibleItemsCount - 1)), maxItemHeight);
+            }
+            else
+            {
+                // Equal columns based on the available width, adjust for spacing
+                double totalWidth = availableSize.Width - (Spacing * (visibleItemsCount - 1));
+                maxItemWidth = totalWidth / visibleItemsCount;
+                return new Size(availableSize.Width, maxItemHeight);
+            }
+        }
+        else
+        {
+            return new Size(0, 0);
+        }
+    }
+
+    protected override Size ArrangeOverride(Size finalSize)
+    {
+        double x = 0;
+
+        // Check if there's more (little) width available - if so, set max item width to the maximum possible as we have an almost perfect height.
+        if (finalSize.Width > (visibleItemsCount * maxItemWidth) + (Spacing * (visibleItemsCount - 1)))
+        {
+            maxItemWidth = (finalSize.Width - (Spacing * (visibleItemsCount - 1))) / visibleItemsCount;
+        }
+
+        IEnumerable<UIElement> elements = Children.Where(static e => e.Visibility == Visibility.Visible);
+        foreach (UIElement child in elements)
+        {
+            child.Arrange(new Rect(x, 0, maxItemWidth, maxItemHeight));
+            x += maxItemWidth + Spacing;
+        }
+
+        return finalSize;
+    }
+
+    private static void OnSpacingChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+    {
+        (d as EqualPanel)?.InvalidateMeasure();
+    }
+
+    private static void OnHorizontalAlignmentChanged(DependencyObject d, DependencyProperty dp)
+    {
+        (d as EqualPanel)?.InvalidateMeasure();
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/Panel/HorizontalEqualPanel.cs

@@ -0,0 +1,59 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using Microsoft.UI.Xaml;
+using Windows.Foundation;
+
+namespace Snap.Hutao.Control.Panel;
+
+[DependencyProperty("MinItemWidth", typeof(double))]
+[DependencyProperty("Spacing", typeof(double))]
+internal partial class HorizontalEqualPanel : Microsoft.UI.Xaml.Controls.Panel
+{
+    public HorizontalEqualPanel()
+    {
+        Loaded += OnLoaded;
+        SizeChanged += OnSizeChanged;
+    }
+
+    protected override Size MeasureOverride(Size availableSize)
+    {
+        foreach (UIElement child in Children)
+        {
+            // ScrollViewer will always return an Infinity Size, we should use ActualWidth for this situation.
+            double availableWidth = double.IsInfinity(availableSize.Width) ? ActualWidth : availableSize.Width;
+            double childAvailableWidth = (availableWidth + Spacing) / Children.Count;
+            double childMaxAvailableWidth = Math.Max(MinItemWidth, childAvailableWidth);
+            child.Measure(new(childMaxAvailableWidth - Spacing, ActualHeight));
+        }
+
+        return base.MeasureOverride(availableSize);
+    }
+
+    protected override Size ArrangeOverride(Size finalSize)
+    {
+        int itemCount = Children.Count;
+        double availableItemWidth = (finalSize.Width - (Spacing * (itemCount - 1))) / itemCount;
+        double actualItemWidth = Math.Max(MinItemWidth, availableItemWidth);
+
+        double offset = 0;
+        foreach (UIElement child in Children)
+        {
+            child.Arrange(new Rect(offset, 0, actualItemWidth, finalSize.Height));
+            offset += actualItemWidth + Spacing;
+        }
+
+        return finalSize;
+    }
+
+    private static void OnLoaded(object sender, RoutedEventArgs e)
+    {
+        HorizontalEqualPanel panel = (HorizontalEqualPanel)sender;
+        panel.MinWidth = (panel.MinItemWidth * panel.Children.Count) + (panel.Spacing * (panel.Children.Count - 1));
+    }
+
+    private static void OnSizeChanged(object sender, SizeChangedEventArgs e)
+    {
+        ((HorizontalEqualPanel)sender).InvalidateMeasure();
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/Panel/PanelSelector.xaml

@@ -6,6 +6,7 @@
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:shcm="using:Snap.Hutao.Control.Markup"
+    Style="{StaticResource DefaultSegmentedStyle}"
     mc:Ignorable="d">
 
     <cwc:SegmentedItem

src/Snap.Hutao/Snap.Hutao/Control/Panel/PanelSelector.xaml.cs

@@ -4,6 +4,7 @@
 using CommunityToolkit.WinUI.Controls;
 using Microsoft.UI.Xaml;
 using Snap.Hutao.Core.Setting;
+using System.Collections.Frozen;
 
 namespace Snap.Hutao.Control.Panel;
 
@@ -19,11 +20,11 @@ internal sealed partial class PanelSelector : Segmented
     public const string List = nameof(List);
     public const string Grid = nameof(Grid);
 
-    private static readonly Dictionary<int, string> IndexTypeMap = new()
-    {
-        [0] = List,
-        [1] = Grid,
-    };
+    private static readonly FrozenDictionary<int, string> IndexTypeMap = FrozenDictionary.ToFrozenDictionary(
+    [
+        KeyValuePair.Create(0, List),
+        KeyValuePair.Create(1, Grid),
+    ]);
 
     private readonly RoutedEventHandler loadedEventHandler;
     private readonly RoutedEventHandler unloadedEventHandler;

src/Snap.Hutao/Snap.Hutao/Control/Panel/UniformPanel.cs

@@ -0,0 +1,55 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Controls.Primitives;
+using Windows.Foundation;
+
+namespace Snap.Hutao.Control.Panel;
+
+[DependencyProperty("MinItemWidth", typeof(double))]
+[DependencyProperty("ColumnSpacing", typeof(double))]
+[DependencyProperty("RowSpacing", typeof(double))]
+internal sealed partial class UniformPanel : Microsoft.UI.Xaml.Controls.Panel
+{
+    private int columns;
+
+    protected override Size MeasureOverride(Size availableSize)
+    {
+        columns = (int)((availableSize.Width + ColumnSpacing) / (MinItemWidth + ColumnSpacing));
+        double availableItemWidth = ((availableSize.Width + ColumnSpacing) / columns) - ColumnSpacing;
+
+        double maxDesiredHeight = 0;
+        foreach (UIElement child in Children)
+        {
+            child.Measure(new Size(availableItemWidth, availableSize.Height));
+            maxDesiredHeight = Math.Max(maxDesiredHeight, child.DesiredSize.Height);
+        }
+
+        int desiredRows = (int)Math.Ceiling(Children.Count / (double)columns);
+        double desiredHeight = ((maxDesiredHeight + RowSpacing) * desiredRows) - RowSpacing;
+
+        return new Size(availableSize.Width, desiredHeight);
+    }
+
+    protected override Size ArrangeOverride(Size finalSize)
+    {
+        double itemWidth = ((finalSize.Width + ColumnSpacing) / columns) - ColumnSpacing;
+
+        for (int index = 0; index < Children.Count; index++)
+        {
+            UIElement child = Children[index];
+
+            int row = index / columns;
+            int column = index % columns;
+
+            double x = column * (itemWidth + ColumnSpacing);
+            double y = row * (child.DesiredSize.Height + RowSpacing);
+
+            child.Arrange(new Rect(x, y, itemWidth, child.DesiredSize.Height));
+        }
+
+        return finalSize;
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/ScopedPage.cs

@@ -72,7 +72,11 @@ internal class ScopedPage : Page
             DisposeViewModel();
         }
 
-        DataContext = null;
+        if (this.IsDisposed())
+        {
+            return;
+        }
+
         Unloaded -= unloadEventHandler;
     }
 

src/Snap.Hutao/Snap.Hutao/Control/Text/DescriptionTextBlock.cs

@@ -7,7 +7,9 @@ using Microsoft.UI.Xaml.Documents;
 using Microsoft.UI.Xaml.Media;
 using Snap.Hutao.Control.Extension;
 using Snap.Hutao.Control.Media;
+using Snap.Hutao.Control.Text.Syntax.MiHoYo;
 using Snap.Hutao.Control.Theme;
+using Snap.Hutao.Metadata;
 using Windows.Foundation;
 using Windows.UI;
 
@@ -15,20 +17,12 @@ namespace Snap.Hutao.Control.Text;
 
 /// <summary>
 /// 专用于呈现描述文本的文本块
-/// Some part of this file came from:
-/// https://github.com/xunkong/desktop/tree/main/src/Desktop/Desktop/Pages/CharacterInfoPage.xaml.cs
 /// </summary>
 [HighQuality]
 [DependencyProperty("Description", typeof(string), "", nameof(OnDescriptionChanged))]
 [DependencyProperty("TextStyle", typeof(Style), default(Style), nameof(OnTextStyleChanged))]
 internal sealed partial class DescriptionTextBlock : ContentControl
 {
-    private static readonly int ColorTagFullLength = "<color=#FFFFFFFF></color>".Length;
-    private static readonly int ColorTagLeftLength = "<color=#FFFFFFFF>".Length;
-
-    private static readonly int ItalicTagFullLength = "<i></i>".Length;
-    private static readonly int ItalicTagLeftLength = "<i>".Length;
-
     private readonly TypedEventHandler<FrameworkElement, object> actualThemeChangedEventHandler;
 
     /// <summary>
@@ -51,9 +45,7 @@ internal sealed partial class DescriptionTextBlock : ContentControl
     private static void OnDescriptionChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
     {
         TextBlock textBlock = (TextBlock)((DescriptionTextBlock)d).Content;
-        ReadOnlySpan<char> description = (string)e.NewValue;
-
-        UpdateDescription(textBlock, description);
+        UpdateDescription(textBlock, MiHoYoSyntaxTree.Parse(SpecialNameHandler.Handle((string)e.NewValue)));
     }
 
     private static void OnTextStyleChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
@@ -62,101 +54,106 @@ internal sealed partial class DescriptionTextBlock : ContentControl
         textBlock.Style = (Style)e.NewValue;
     }
 
-    private static void UpdateDescription(TextBlock textBlock, in ReadOnlySpan<char> description)
+    private static void UpdateDescription(TextBlock textBlock, MiHoYoSyntaxTree syntaxTree)
     {
         textBlock.Inlines.Clear();
+        AppendNode(textBlock, textBlock.Inlines, syntaxTree.Root);
+    }
 
-        int last = 0;
-        for (int i = 0; i < description.Length;)
+    private static void AppendNode(TextBlock textBlock, InlineCollection inlines, MiHoYoSyntaxNode node)
+    {
+        switch (node.Kind)
         {
-            // newline
-            if (description[i..].StartsWith(@"\n"))
-            {
-                AppendText(textBlock, description[last..i]);
-                AppendLineBreak(textBlock);
-                i += 2;
-                last = i;
-            }
+            case MiHoYoSyntaxKind.Root:
+                foreach (MiHoYoSyntaxNode child in ((MiHoYoRootSyntax)node).Children)
+                {
+                    AppendNode(textBlock, inlines, child);
+                }
 
-            // color tag
-            else if (description[i..].StartsWith("<c"))
-            {
-                AppendText(textBlock, description[last..i]);
-                Rgba32 color = new(description.Slice(i + 8, 8).ToString());
-                int length = description[(i + ColorTagLeftLength)..].IndexOf('<');
-                AppendColorText(textBlock, description.Slice(i + ColorTagLeftLength, length), color);
-
-                i += length + ColorTagFullLength;
-                last = i;
-            }
-
-            // italic
-            else if (description[i..].StartsWith("<i"))
-            {
-                AppendText(textBlock, description[last..i]);
-
-                int length = description[(i + ItalicTagLeftLength)..].IndexOf('<');
-                AppendItalicText(textBlock, description.Slice(i + ItalicTagLeftLength, length));
-
-                i += length + ItalicTagFullLength;
-                last = i;
-            }
-            else
-            {
-                i += 1;
-            }
-
-            if (i == description.Length - 1)
-            {
-                AppendText(textBlock, description[last..(i + 1)]);
-            }
+                break;
+            case MiHoYoSyntaxKind.PlainText:
+                AppendPlainText(textBlock, inlines, (MiHoYoPlainTextSyntax)node);
+                break;
+            case MiHoYoSyntaxKind.ColorText:
+                AppendColorText(textBlock, inlines, (MiHoYoColorTextSyntax)node);
+                break;
+            case MiHoYoSyntaxKind.ItalicText:
+                AppendItalicText(textBlock, inlines, (MiHoYoItalicTextSyntax)node);
+                break;
         }
     }
 
-    private static void AppendText(TextBlock text, in ReadOnlySpan<char> slice)
+    private static void AppendPlainText(TextBlock textBlock, InlineCollection inlines, MiHoYoPlainTextSyntax plainText)
     {
-        text.Inlines.Add(new Run { Text = slice.ToString() });
+        // PlainText doesn't have children
+        inlines.Add(new Run { Text = plainText.Span.ToString() });
     }
 
-    private static void AppendColorText(TextBlock text, in ReadOnlySpan<char> slice, Rgba32 color)
+    private static void AppendColorText(TextBlock textBlock, InlineCollection inlines, MiHoYoColorTextSyntax colorText)
     {
+        Rgba32 color = new(colorText.ColorSpan.ToString());
         Color targetColor;
-        if (ThemeHelper.IsDarkMode(text.ActualTheme))
+        if (ThemeHelper.IsDarkMode(textBlock.ActualTheme))
         {
             targetColor = color;
         }
         else
         {
             // Make lighter in light mode
-            Hsl32 hsl = color.ToHsl();
+            Hsla32 hsl = color.ToHsl();
             hsl.L *= 0.3;
             targetColor = Rgba32.FromHsl(hsl);
         }
 
-        text.Inlines.Add(new Run
+        if (colorText.Children.Count > 1)
         {
-            Text = slice.ToString(),
-            Foreground = new SolidColorBrush(targetColor),
-        });
+            Span span = new()
+            {
+                Foreground = new SolidColorBrush(targetColor),
+            };
+
+            foreach (MiHoYoSyntaxNode child in colorText.Children)
+            {
+                AppendNode(textBlock, span.Inlines, child);
+            }
+        }
+        else
+        {
+            inlines.Add(new Run
+            {
+                Text = colorText.ContentSpan.ToString(),
+                Foreground = new SolidColorBrush(targetColor),
+            });
+        }
     }
 
-    private static void AppendItalicText(TextBlock text, in ReadOnlySpan<char> slice)
+    private static void AppendItalicText(TextBlock textBlock, InlineCollection inlines, MiHoYoItalicTextSyntax italicText)
     {
-        text.Inlines.Add(new Run
+        if (italicText.Children.Count > 1)
         {
-            Text = slice.ToString(),
-            FontStyle = Windows.UI.Text.FontStyle.Italic,
-        });
-    }
+            Span span = new()
+            {
+                FontStyle = Windows.UI.Text.FontStyle.Italic,
+            };
 
-    private static void AppendLineBreak(TextBlock text)
-    {
-        text.Inlines.Add(new LineBreak());
+            foreach (MiHoYoSyntaxNode child in italicText.Children)
+            {
+                AppendNode(textBlock, span.Inlines, child);
+            }
+        }
+        else
+        {
+            inlines.Add(new Run
+            {
+                Text = italicText.ContentSpan.ToString(),
+                FontStyle = Windows.UI.Text.FontStyle.Italic,
+            });
+        }
     }
 
     private void OnActualThemeChanged(FrameworkElement sender, object args)
     {
         // Simply re-apply texts
-        UpdateDescription((TextBlock)Content, Description);
+        UpdateDescription((TextBlock)Content, MiHoYoSyntaxTree.Parse(SpecialNameHandler.Handle(Description)));
     }
 }

src/Snap.Hutao/Snap.Hutao/Control/Text/HtmlDescriptionTextBlock.cs

@@ -14,6 +14,7 @@ using Windows.UI;
 
 namespace Snap.Hutao.Control.Text;
 
+// TODO: change the parsing to syntax tree
 [DependencyProperty("Description", typeof(string), "", nameof(OnDescriptionChanged))]
 [DependencyProperty("TextStyle", typeof(Style), default(Style), nameof(OnTextStyleChanged))]
 internal sealed partial class HtmlDescriptionTextBlock : ContentControl
@@ -139,7 +140,7 @@ internal sealed partial class HtmlDescriptionTextBlock : ContentControl
         else
         {
             // Make lighter in light mode
-            Hsl32 hsl = color.ToHsl();
+            Hsla32 hsl = color.ToHsl();
             hsl.L *= 0.3;
             targetColor = Rgba32.FromHsl(hsl);
         }
@@ -156,7 +157,7 @@ internal sealed partial class HtmlDescriptionTextBlock : ContentControl
         text.Inlines.Add(new Run
         {
             Text = slice.ToString(),
-            FontWeight = FontWeights.Bold,
+            FontWeight = FontWeights.SemiBold,
         });
     }
 

src/Snap.Hutao/Snap.Hutao/Control/Text/Syntax/MiHoYo/MiHoYoColorKind.cs

@@ -0,0 +1,11 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Text.Syntax.MiHoYo;
+
+internal enum MiHoYoColorKind
+{
+    None,
+    Rgba,
+    Rgb,
+}

src/Snap.Hutao/Snap.Hutao/Control/Text/Syntax/MiHoYo/MiHoYoColorTextSyntax.cs

@@ -0,0 +1,49 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Text.Syntax.MiHoYo;
+
+internal sealed class MiHoYoColorTextSyntax : MiHoYoXmlElementSyntax
+{
+    public MiHoYoColorTextSyntax(MiHoYoColorKind colorKind, string text, int start, int end)
+        : base(MiHoYoSyntaxKind.ColorText, text, start, end)
+    {
+        ColorKind = colorKind;
+    }
+
+    public MiHoYoColorTextSyntax(MiHoYoColorKind colorKind, string text, in TextPosition position)
+        : base(MiHoYoSyntaxKind.ColorText, text, position)
+    {
+        ColorKind = colorKind;
+    }
+
+    public MiHoYoColorKind ColorKind { get; }
+
+    public override TextPosition ContentPosition
+    {
+        get
+        {
+            return ColorKind switch
+            {
+                MiHoYoColorKind.Rgba => new(Position.Start + 17, Position.End - 8),
+                MiHoYoColorKind.Rgb => new(Position.Start + 15, Position.End - 8),
+                _ => throw Must.NeverHappen(),
+            };
+        }
+    }
+
+    public TextPosition ColorPosition
+    {
+        get
+        {
+            return ColorKind switch
+            {
+                MiHoYoColorKind.Rgba => new(Position.Start + 8, Position.Start + 16),
+                MiHoYoColorKind.Rgb => new(Position.Start + 8, Position.Start + 14),
+                _ => throw Must.NeverHappen(),
+            };
+        }
+    }
+
+    public ReadOnlySpan<char> ColorSpan { get => Text.AsSpan()[ColorPosition.Start..ColorPosition.End]; }
+}

src/Snap.Hutao/Snap.Hutao/Control/Text/Syntax/MiHoYo/MiHoYoItalicTextSyntax.cs

@@ -0,0 +1,19 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Text.Syntax.MiHoYo;
+
+internal sealed class MiHoYoItalicTextSyntax : MiHoYoXmlElementSyntax
+{
+    public MiHoYoItalicTextSyntax(string text, int start, int end)
+        : base(MiHoYoSyntaxKind.ItalicText, text, start, end)
+    {
+    }
+
+    public MiHoYoItalicTextSyntax(string text, in TextPosition position)
+        : base(MiHoYoSyntaxKind.ItalicText, text, position)
+    {
+    }
+
+    public override TextPosition ContentPosition { get => new(Position.Start + 3, Position.End - 4); }
+}

src/Snap.Hutao/Snap.Hutao/Control/Text/Syntax/MiHoYo/MiHoYoPlainTextSyntax.cs

@@ -0,0 +1,17 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Text.Syntax.MiHoYo;
+
+internal sealed class MiHoYoPlainTextSyntax : MiHoYoSyntaxNode
+{
+    public MiHoYoPlainTextSyntax(string text, int start, int end)
+        : base(MiHoYoSyntaxKind.PlainText, text, start, end)
+    {
+    }
+
+    public MiHoYoPlainTextSyntax(string text, in TextPosition position)
+        : base(MiHoYoSyntaxKind.PlainText, text, position)
+    {
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/Text/Syntax/MiHoYo/MiHoYoRootSyntax.cs

@@ -0,0 +1,12 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Text.Syntax.MiHoYo;
+
+internal sealed class MiHoYoRootSyntax : MiHoYoSyntaxNode
+{
+    public MiHoYoRootSyntax(string text, int start, int end)
+        : base(MiHoYoSyntaxKind.Root, text, start, end)
+    {
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/Text/Syntax/MiHoYo/MiHoYoSyntaxKind.cs

@@ -0,0 +1,13 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Text.Syntax.MiHoYo;
+
+internal enum MiHoYoSyntaxKind
+{
+    None,
+    Root,
+    PlainText,
+    ColorText,
+    ItalicText,
+}

src/Snap.Hutao/Snap.Hutao/Control/Text/Syntax/MiHoYo/MiHoYoSyntaxNode.cs

@@ -0,0 +1,17 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Text.Syntax.MiHoYo;
+
+internal abstract class MiHoYoSyntaxNode : SyntaxNode<MiHoYoSyntaxNode, MiHoYoSyntaxKind>
+{
+    public MiHoYoSyntaxNode(MiHoYoSyntaxKind kind, string text, int start, int end)
+        : base(kind, text, start, end)
+    {
+    }
+
+    public MiHoYoSyntaxNode(MiHoYoSyntaxKind kind, string text, in TextPosition position)
+        : base(kind, text, position)
+    {
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/Text/Syntax/MiHoYo/MiHoYoSyntaxTree.cs

@@ -0,0 +1,146 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Text.Syntax.MiHoYo;
+
+internal sealed class MiHoYoSyntaxTree
+{
+    public MiHoYoSyntaxNode Root { get; set; } = default!;
+
+    public string Text { get; set; } = default!;
+
+    public static MiHoYoSyntaxTree Parse(string text)
+    {
+        MiHoYoRootSyntax root = new(text, 0, text.Length);
+        ParseComponents(text, root);
+
+        MiHoYoSyntaxTree tree = new()
+        {
+            Text = text,
+            Root = root,
+        };
+
+        return tree;
+    }
+
+    private static void ParseComponents(string text, MiHoYoSyntaxNode syntax)
+    {
+        TextPosition contentPosition = syntax switch
+        {
+            MiHoYoXmlElementSyntax xmlSyntax => xmlSyntax.ContentPosition,
+            _ => syntax.Position,
+        };
+        ReadOnlySpan<char> contentSpan = text.AsSpan().Slice(contentPosition.Start, contentPosition.Length);
+
+        int endOfProcessedAtContent = 0;
+        while (true)
+        {
+            if (endOfProcessedAtContent >= contentSpan.Length)
+            {
+                break;
+            }
+
+            int indexOfXmlLeftOpeningAtUnprocessedContent = contentSpan[endOfProcessedAtContent..].IndexOf('<');
+
+            // End of content
+            if (indexOfXmlLeftOpeningAtUnprocessedContent < 0)
+            {
+                TextPosition position = new(contentPosition.Start + endOfProcessedAtContent, contentPosition.End);
+                MiHoYoPlainTextSyntax plainText = new(text, position);
+                syntax.Children.Add(plainText);
+                break;
+            }
+
+            // We have plain text between xml elements
+            if (indexOfXmlLeftOpeningAtUnprocessedContent > 0)
+            {
+                TextPosition position = new(0, indexOfXmlLeftOpeningAtUnprocessedContent);
+                TextPosition positionAtContent = position.RightShift(endOfProcessedAtContent);
+                TextPosition positionAtText = positionAtContent.RightShift(contentPosition.Start);
+                MiHoYoPlainTextSyntax plainText = new(text, positionAtText);
+                syntax.Children.Add(plainText);
+                endOfProcessedAtContent = positionAtContent.End;
+                continue;
+            }
+
+            // Peek the next character after '<'
+            int indexOfXmlLeftOpeningAtContent = endOfProcessedAtContent + indexOfXmlLeftOpeningAtUnprocessedContent;
+            switch (contentSpan[indexOfXmlLeftOpeningAtContent + 1])
+            {
+                case 'c':
+                    {
+                        int endOfXmlColorRightClosingAtUnprocessedContent = EndOfXmlClosing(contentSpan[indexOfXmlLeftOpeningAtContent..], out int endOfXmlColorLeftClosingAtUnprocessedContent);
+
+                        MiHoYoColorKind colorKind = endOfXmlColorLeftClosingAtUnprocessedContent switch
+                        {
+                            17 => MiHoYoColorKind.Rgba,
+                            15 => MiHoYoColorKind.Rgb,
+                            _ => throw Must.NeverHappen(),
+                        };
+
+                        TextPosition position = new(0, endOfXmlColorRightClosingAtUnprocessedContent);
+                        TextPosition positionAtContent = position.RightShift(endOfProcessedAtContent);
+                        TextPosition positionAtText = positionAtContent.RightShift(contentPosition.Start);
+
+                        MiHoYoColorTextSyntax colorText = new(colorKind, text, positionAtText);
+                        ParseComponents(text, colorText);
+                        syntax.Children.Add(colorText);
+                        endOfProcessedAtContent = positionAtContent.End;
+                        break;
+                    }
+
+                case 'i':
+                    {
+                        int endOfXmlItalicRightClosingAtUnprocessedContent = EndOfXmlClosing(contentSpan[indexOfXmlLeftOpeningAtContent..], out _);
+
+                        TextPosition position = new(0, endOfXmlItalicRightClosingAtUnprocessedContent);
+                        TextPosition positionAtContent = position.RightShift(endOfProcessedAtContent);
+                        TextPosition positionAtText = positionAtContent.RightShift(contentPosition.Start);
+
+                        MiHoYoItalicTextSyntax italicText = new(text, positionAtText);
+                        ParseComponents(text, italicText);
+                        syntax.Children.Add(italicText);
+                        endOfProcessedAtContent = positionAtContent.End;
+                        break;
+                    }
+            }
+        }
+    }
+
+    private static int EndOfXmlClosing(in ReadOnlySpan<char> span, out int endOfLeftClosing)
+    {
+        endOfLeftClosing = 0;
+
+        int openingCount = 0;
+        int closingCount = 0;
+
+        int current = 0;
+
+        // Considering <i>text1</i>text2<i>text3</i>
+        // Considering <i>text1<span>text2</span>text3</i>
+        while (true)
+        {
+            int leftMarkIndex = span[current..].IndexOf('<');
+            if (span[current..][leftMarkIndex + 1] is '/')
+            {
+                closingCount++;
+            }
+            else
+            {
+                openingCount++;
+            }
+
+            current += span[current..].IndexOf('>') + 1;
+
+            if (openingCount is 1 && closingCount is 0)
+            {
+                endOfLeftClosing = current;
+            }
+
+            if (openingCount == closingCount)
+            {
+                return current;
+            }
+        }
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/Text/Syntax/MiHoYo/MiHoYoXmlElementSyntax.cs

@@ -0,0 +1,21 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Text.Syntax.MiHoYo;
+
+internal abstract class MiHoYoXmlElementSyntax : MiHoYoSyntaxNode
+{
+    public MiHoYoXmlElementSyntax(MiHoYoSyntaxKind kind, string text, int start, int end)
+        : base(kind, text, start, end)
+    {
+    }
+
+    public MiHoYoXmlElementSyntax(MiHoYoSyntaxKind kind, string text, in TextPosition position)
+        : base(kind, text, position)
+    {
+    }
+
+    public abstract TextPosition ContentPosition { get; }
+
+    public ReadOnlySpan<char> ContentSpan { get => Text.AsSpan(ContentPosition.Start, ContentPosition.Length); }
+}

src/Snap.Hutao/Snap.Hutao/Control/Text/Syntax/SyntaxNode.cs

@@ -0,0 +1,33 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+namespace Snap.Hutao.Control.Text.Syntax;
+
+internal abstract class SyntaxNode<TSelf, TKind>
+    where TSelf : SyntaxNode<TSelf, TKind>
+    where TKind : struct, Enum
+{
+    public SyntaxNode(TKind kind, string text, int start, int end)
+    {
+        Kind = kind;
+        Text = text;
+        Position = new(start, end);
+    }
+
+    public SyntaxNode(TKind kind, string text, in TextPosition position)
+    {
+        Kind = kind;
+        Text = text;
+        Position = position;
+    }
+
+    public TKind Kind { get; protected set; }
+
+    public List<TSelf> Children { get; } = [];
+
+    public TextPosition Position { get; protected set; }
+
+    public ReadOnlySpan<char> Span { get => Text.AsSpan().Slice(Position.Start, Position.Length); }
+
+    protected string Text { get; set; } = default!;
+}

src/Snap.Hutao/Snap.Hutao/Control/Text/Syntax/TextPosition.cs

@@ -0,0 +1,34 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using System.Diagnostics;
+
+namespace Snap.Hutao.Control.Text.Syntax;
+
+[DebuggerDisplay("[{Start}..{End}]")]
+internal readonly struct TextPosition
+{
+    public readonly int Start;
+    public readonly int End;
+
+    public TextPosition(int start, int end)
+    {
+        Start = start;
+        End = end;
+    }
+
+    public readonly int Length
+    {
+        get => End - Start;
+    }
+
+    public TextPosition LeftShift(int offset)
+    {
+        return new(Start - offset, End - offset);
+    }
+
+    public TextPosition RightShift(int offset)
+    {
+        return new(Start + offset, End + offset);
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/Theme/Card.xaml

@@ -4,30 +4,62 @@
     xmlns:cwm="using:CommunityToolkit.WinUI.Media">
     <ResourceDictionary.ThemeDictionaries>
         <ResourceDictionary x:Key="Light">
-            <cwm:AttachedCardShadow
-                x:Key="CompatCardShadow"
-                BlurRadius="8"
-                Opacity="0.14"
-                Offset="0,4,0"/>
+            <x:Double x:Key="CompatShadowThemeOpacity">0.14</x:Double>
         </ResourceDictionary>
         <ResourceDictionary x:Key="Dark">
-            <cwm:AttachedCardShadow
-                x:Key="CompatCardShadow"
-                BlurRadius="8"
-                Opacity="0.28"
-                Offset="0,4,0"/>
+            <x:Double x:Key="CompatShadowThemeOpacity">0.28</x:Double>
         </ResourceDictionary>
     </ResourceDictionary.ThemeDictionaries>
+
+    <cwm:AttachedCardShadow
+        x:Key="CompatCardShadow"
+        BlurRadius="8"
+        Opacity="{ThemeResource CompatShadowThemeOpacity}"
+        Offset="0,4,0"/>
+
     <Style x:Key="BorderCardStyle" TargetType="Border">
         <Setter Property="Background" Value="{ThemeResource CardBackgroundFillColorDefaultBrush}"/>
         <Setter Property="BorderBrush" Value="{ThemeResource CardStrokeColorDefaultBrush}"/>
         <Setter Property="BorderThickness" Value="1"/>
         <Setter Property="CornerRadius" Value="{ThemeResource ControlCornerRadius}"/>
     </Style>
+
+    <Style
+        x:Key="AcrylicBorderCardStyle"
+        BasedOn="{StaticResource BorderCardStyle}"
+        TargetType="Border">
+        <Setter Property="BorderThickness" Value="0"/>
+        <Setter Property="Background" Value="{ThemeResource SystemControlAcrylicElementBrush}"/>
+    </Style>
+
+    <Style
+        x:Key="AcrylicSecondaryBorderCardStyle"
+        BasedOn="{StaticResource BorderCardStyle}"
+        TargetType="Border">
+        <Setter Property="BorderThickness" Value="0"/>
+        <Setter Property="Background" Value="{ThemeResource SystemControlChromeMediumAcrylicElementMediumBrush}"/>
+    </Style>
+
     <Style x:Key="GridCardStyle" TargetType="Grid">
         <Setter Property="Background" Value="{ThemeResource CardBackgroundFillColorDefaultBrush}"/>
         <Setter Property="BorderBrush" Value="{ThemeResource CardStrokeColorDefaultBrush}"/>
         <Setter Property="BorderThickness" Value="1"/>
         <Setter Property="CornerRadius" Value="{ThemeResource ControlCornerRadius}"/>
     </Style>
-</ResourceDictionary>
+
+    <Style
+        x:Key="AcrylicGridCardStyle"
+        BasedOn="{StaticResource GridCardStyle}"
+        TargetType="Grid">
+        <Setter Property="BorderThickness" Value="0"/>
+        <Setter Property="Background" Value="{ThemeResource SystemControlAcrylicElementBrush}"/>
+    </Style>
+
+    <Style
+        x:Key="AcrylicSecondaryGridCardStyle"
+        BasedOn="{StaticResource GridCardStyle}"
+        TargetType="Grid">
+        <Setter Property="BorderThickness" Value="0"/>
+        <Setter Property="Background" Value="{ThemeResource SystemControlChromeMediumAcrylicElementMediumBrush}"/>
+    </Style>
+</ResourceDictionary>

src/Snap.Hutao/Snap.Hutao/Control/Theme/InfoBarOverride.xaml

@@ -2,6 +2,53 @@
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:shch="using:Snap.Hutao.Control.Helper">
+    <ResourceDictionary.ThemeDictionaries>
+        <ResourceDictionary x:Key="Light">
+            <AcrylicBrush
+                x:Key="InfoBarErrorSeverityBackgroundBrush"
+                FallbackColor="#FDE7E9"
+                TintColor="#FDE7E9"
+                TintOpacity="0.6"/>
+            <AcrylicBrush
+                x:Key="InfoBarWarningSeverityBackgroundBrush"
+                FallbackColor="#FFF4CE"
+                TintColor="#FFF4CE"
+                TintOpacity="0.6"/>
+            <AcrylicBrush
+                x:Key="InfoBarSuccessSeverityBackgroundBrush"
+                FallbackColor="#DFF6DD"
+                TintColor="#DFF6DD"
+                TintOpacity="0.6"/>
+            <AcrylicBrush
+                x:Key="InfoBarInformationalSeverityBackgroundBrush"
+                FallbackColor="#80F6F6F6"
+                TintColor="#80F6F6F6"
+                TintOpacity="0.6"/>
+        </ResourceDictionary>
+        <ResourceDictionary x:Key="Dark">
+            <AcrylicBrush
+                x:Key="InfoBarErrorSeverityBackgroundBrush"
+                FallbackColor="#442726"
+                TintColor="#442726"
+                TintOpacity="0.6"/>
+            <AcrylicBrush
+                x:Key="InfoBarWarningSeverityBackgroundBrush"
+                FallbackColor="#433519"
+                TintColor="#433519"
+                TintOpacity="0.6"/>
+            <AcrylicBrush
+                x:Key="InfoBarSuccessSeverityBackgroundBrush"
+                FallbackColor="#393D1B"
+                TintColor="#393D1B"
+                TintOpacity="0.6"/>
+            <AcrylicBrush
+                x:Key="InfoBarInformationalSeverityBackgroundBrush"
+                FallbackColor="#34424d"
+                TintColor="#34424d"
+                TintOpacity="0.6"/>
+        </ResourceDictionary>
+    </ResourceDictionary.ThemeDictionaries>
+
     <Thickness x:Key="InfoBarIconMargin">19,16,19,16</Thickness>
     <Thickness x:Key="InfoBarContentRootPadding">0,0,0,0</Thickness>
     <x:Double x:Key="InfoBarIconFontSize">20</x:Double>

src/Snap.Hutao/Snap.Hutao/Control/Theme/ItemsPanelTemplate.xaml

@@ -8,6 +8,9 @@
     <ItemsPanelTemplate x:Key="WrapPanelSpacing0Template">
         <cwcont:WrapPanel/>
     </ItemsPanelTemplate>
+    <ItemsPanelTemplate x:Key="WrapPanelSpacing2Template">
+        <cwcont:WrapPanel HorizontalSpacing="2" VerticalSpacing="2"/>
+    </ItemsPanelTemplate>
     <ItemsPanelTemplate x:Key="WrapPanelSpacing4Template">
         <cwcont:WrapPanel HorizontalSpacing="4" VerticalSpacing="4"/>
     </ItemsPanelTemplate>
@@ -17,9 +20,15 @@
     <ItemsPanelTemplate x:Key="HorizontalStackPanelSpacing2Template">
         <StackPanel Orientation="Horizontal" Spacing="2"/>
     </ItemsPanelTemplate>
+    <ItemsPanelTemplate x:Key="HorizontalStackPanelSpacing4Template">
+        <StackPanel Orientation="Horizontal" Spacing="4"/>
+    </ItemsPanelTemplate>
     <ItemsPanelTemplate x:Key="StackPanelSpacing4Template">
         <StackPanel Spacing="4"/>
     </ItemsPanelTemplate>
+    <ItemsPanelTemplate x:Key="StackPanelSpacing8Template">
+        <StackPanel Spacing="8"/>
+    </ItemsPanelTemplate>
     <ItemsPanelTemplate x:Key="UniformGridColumns2Spacing2Template">
         <cwcont:UniformGrid
             ColumnSpacing="2"

src/Snap.Hutao/Snap.Hutao/Control/Theme/KnownColors.cs

@@ -0,0 +1,16 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using Snap.Hutao.Win32;
+using Windows.UI;
+
+namespace Snap.Hutao.Control.Theme;
+
+internal static class KnownColors
+{
+    public static readonly Color Orange = StructMarshal.Color(0xFFBC6932);
+    public static readonly Color Purple = StructMarshal.Color(0xFFA156E0);
+    public static readonly Color Blue = StructMarshal.Color(0xFF5180CB);
+    public static readonly Color Green = StructMarshal.Color(0xFF2A8F72);
+    public static readonly Color White = StructMarshal.Color(0xFF72778B);
+}

src/Snap.Hutao/Snap.Hutao/Control/Theme/NumericValue.xaml

@@ -9,6 +9,8 @@
     <x:Double x:Key="ContentDialogMinHeight">64</x:Double>
     <x:Double x:Key="LargeAppBarButtonWidth">100</x:Double>
 
+    <x:Double x:Key="AppBarThemeCompactActualHeight">50</x:Double>
+
     <!--  ProgressBar  -->
     <x:Double x:Key="LargeBackgroundProgressBarOpacity">0.2</x:Double>
 </ResourceDictionary>

src/Snap.Hutao/Snap.Hutao/Control/Theme/PivotOverride.xaml

@@ -1,5 +1,758 @@
-<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:cw="using:CommunityToolkit.WinUI">
     <x:Double x:Key="PivotHeaderItemFontSize">16</x:Double>
     <Thickness x:Key="PivotHeaderItemMargin">16,0,0,0</Thickness>
     <Thickness x:Key="PivotItemMargin">0</Thickness>
+
+    <Style x:Key="CardPivotStyle" TargetType="Pivot">
+        <Setter Property="Margin" Value="0"/>
+        <Setter Property="Padding" Value="0"/>
+        <Setter Property="Background" Value="{ThemeResource PivotBackground}"/>
+        <Setter Property="IsTabStop" Value="False"/>
+        <Setter Property="ItemsPanel">
+            <Setter.Value>
+                <ItemsPanelTemplate>
+                    <Grid/>
+                </ItemsPanelTemplate>
+            </Setter.Value>
+        </Setter>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="Pivot">
+                    <Grid
+                        x:Name="RootElement"
+                        HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
+                        VerticalAlignment="{TemplateBinding VerticalAlignment}"
+                        Background="{TemplateBinding Background}">
+                        <Grid.Resources>
+                            <Style x:Key="BaseContentControlStyle" TargetType="ContentControl">
+                                <Setter Property="FontFamily" Value="XamlAutoFontFamily"/>
+                                <Setter Property="FontWeight" Value="SemiBold"/>
+                                <Setter Property="Template">
+                                    <Setter.Value>
+                                        <ControlTemplate TargetType="ContentControl">
+                                            <ContentPresenter
+                                                Margin="{TemplateBinding Padding}"
+                                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                                Content="{TemplateBinding Content}"
+                                                ContentTemplate="{TemplateBinding ContentTemplate}"
+                                                ContentTransitions="{TemplateBinding ContentTransitions}"
+                                                OpticalMarginAlignment="TrimSideBearings"/>
+                                        </ControlTemplate>
+                                    </Setter.Value>
+                                </Setter>
+                            </Style>
+                            <Style
+                                x:Key="TitleContentControlStyle"
+                                BasedOn="{StaticResource BaseContentControlStyle}"
+                                TargetType="ContentControl">
+                                <Setter Property="FontFamily" Value="{ThemeResource PivotTitleFontFamily}"/>
+                                <Setter Property="FontWeight" Value="{ThemeResource PivotTitleThemeFontWeight}"/>
+                                <Setter Property="FontSize" Value="{ThemeResource PivotTitleFontSize}"/>
+                            </Style>
+                        </Grid.Resources>
+
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="Auto"/>
+                            <RowDefinition Height="*"/>
+                        </Grid.RowDefinitions>
+                        <ContentControl
+                            x:Name="TitleContentControl"
+                            Grid.Row="0"
+                            Margin="{StaticResource PivotPortraitThemePadding}"
+                            Content="{TemplateBinding Title}"
+                            ContentTemplate="{TemplateBinding TitleTemplate}"
+                            IsTabStop="False"
+                            Style="{StaticResource TitleContentControlStyle}"
+                            Visibility="Collapsed"/>
+
+                        <Grid Grid.Row="1">
+                            <Grid.Resources>
+                                <ControlTemplate x:Key="NextTemplate" TargetType="Button">
+                                    <Border
+                                        x:Name="Root"
+                                        Background="{ThemeResource PivotNextButtonBackground}"
+                                        BorderBrush="{ThemeResource PivotNextButtonBorderBrush}"
+                                        BorderThickness="{ThemeResource PivotNavButtonBorderThemeThickness}">
+                                        <FontIcon
+                                            x:Name="Arrow"
+                                            HorizontalAlignment="Center"
+                                            VerticalAlignment="Center"
+                                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
+                                            FontSize="12"
+                                            Foreground="{ThemeResource PivotNextButtonForeground}"
+                                            Glyph="&#xE76C;"
+                                            MirroredWhenRightToLeft="True"
+                                            UseLayoutRounding="False"/>
+                                        <VisualStateManager.VisualStateGroups>
+                                            <VisualStateGroup x:Name="CommonStates">
+                                                <VisualState x:Name="Normal"/>
+                                                <VisualState x:Name="PointerOver">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBackgroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBorderBrushPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonForegroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                                <VisualState x:Name="Pressed">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBackgroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBorderBrushPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonForegroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                            </VisualStateGroup>
+                                        </VisualStateManager.VisualStateGroups>
+                                    </Border>
+                                </ControlTemplate>
+                                <ControlTemplate x:Key="PreviousTemplate" TargetType="Button">
+                                    <Border
+                                        x:Name="Root"
+                                        Background="{ThemeResource PivotPreviousButtonBackground}"
+                                        BorderBrush="{ThemeResource PivotPreviousButtonBorderBrush}"
+                                        BorderThickness="{ThemeResource PivotNavButtonBorderThemeThickness}">
+                                        <FontIcon
+                                            x:Name="Arrow"
+                                            HorizontalAlignment="Center"
+                                            VerticalAlignment="Center"
+                                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
+                                            FontSize="12"
+                                            Foreground="{ThemeResource PivotPreviousButtonForeground}"
+                                            Glyph="&#xE76B;"
+                                            MirroredWhenRightToLeft="True"
+                                            UseLayoutRounding="False"/>
+                                        <VisualStateManager.VisualStateGroups>
+                                            <VisualStateGroup x:Name="CommonStates">
+                                                <VisualState x:Name="Normal"/>
+                                                <VisualState x:Name="PointerOver">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBackgroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBorderBrushPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonForegroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                                <VisualState x:Name="Pressed">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBackgroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBorderBrushPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonForegroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                            </VisualStateGroup>
+                                        </VisualStateManager.VisualStateGroups>
+                                    </Border>
+                                </ControlTemplate>
+                            </Grid.Resources>
+                            <ScrollViewer
+                                x:Name="ScrollViewer"
+                                Margin="{TemplateBinding Padding}"
+                                VerticalContentAlignment="Stretch"
+                                BringIntoViewOnFocusChange="False"
+                                HorizontalScrollBarVisibility="Hidden"
+                                HorizontalSnapPointsAlignment="Center"
+                                HorizontalSnapPointsType="MandatorySingle"
+                                Template="{StaticResource ScrollViewerScrollBarlessTemplate}"
+                                VerticalScrollBarVisibility="Disabled"
+                                VerticalScrollMode="Disabled"
+                                VerticalSnapPointsType="None"
+                                ZoomMode="Disabled">
+                                <PivotPanel x:Name="Panel" VerticalAlignment="Stretch">
+                                    <Grid x:Name="PivotLayoutElement">
+                                        <Grid.RowDefinitions>
+                                            <RowDefinition Height="Auto"/>
+                                            <RowDefinition Height="*"/>
+                                        </Grid.RowDefinitions>
+                                        <Grid.RenderTransform>
+                                            <CompositeTransform x:Name="PivotLayoutElementTranslateTransform"/>
+                                        </Grid.RenderTransform>
+
+                                        <ItemsPresenter x:Name="PivotItemPresenter" Grid.Row="1">
+                                            <ItemsPresenter.RenderTransform>
+                                                <TransformGroup>
+                                                    <TranslateTransform x:Name="ItemsPresenterTranslateTransform"/>
+                                                    <CompositeTransform x:Name="ItemsPresenterCompositeTransform"/>
+                                                </TransformGroup>
+                                            </ItemsPresenter.RenderTransform>
+                                        </ItemsPresenter>
+
+                                        <Border
+                                            Grid.Row="0"
+                                            Margin="16,16,16,0"
+                                            cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
+                                            <Grid Style="{ThemeResource AcrylicSecondaryGridCardStyle}">
+                                                <Grid.ColumnDefinitions>
+                                                    <ColumnDefinition Width="Auto"/>
+                                                    <ColumnDefinition Width="*"/>
+                                                    <ColumnDefinition Width="Auto"/>
+                                                </Grid.ColumnDefinitions>
+
+                                                <ContentPresenter
+                                                    x:Name="LeftHeaderPresenter"
+                                                    HorizontalAlignment="Stretch"
+                                                    VerticalAlignment="Stretch"
+                                                    Content="{TemplateBinding LeftHeader}"
+                                                    ContentTemplate="{TemplateBinding LeftHeaderTemplate}"/>
+                                                <ContentControl
+                                                    x:Name="HeaderClipper"
+                                                    Grid.Column="1"
+                                                    HorizontalContentAlignment="Stretch"
+                                                    UseSystemFocusVisuals="{StaticResource UseSystemFocusVisuals}">
+                                                    <ContentControl.Clip>
+                                                        <RectangleGeometry x:Name="HeaderClipperGeometry"/>
+                                                    </ContentControl.Clip>
+                                                    <Grid>
+                                                        <Grid.RenderTransform>
+                                                            <CompositeTransform x:Name="HeaderOffsetTranslateTransform"/>
+                                                        </Grid.RenderTransform>
+                                                        <PivotHeaderPanel x:Name="StaticHeader" Visibility="Collapsed">
+                                                            <PivotHeaderPanel.RenderTransform>
+                                                                <CompositeTransform x:Name="StaticHeaderTranslateTransform"/>
+                                                            </PivotHeaderPanel.RenderTransform>
+                                                        </PivotHeaderPanel>
+                                                        <PivotHeaderPanel x:Name="Header">
+                                                            <PivotHeaderPanel.RenderTransform>
+                                                                <CompositeTransform x:Name="HeaderTranslateTransform"/>
+                                                            </PivotHeaderPanel.RenderTransform>
+                                                        </PivotHeaderPanel>
+                                                        <Rectangle
+                                                            x:Name="FocusFollower"
+                                                            HorizontalAlignment="Stretch"
+                                                            VerticalAlignment="Stretch"
+                                                            Control.IsTemplateFocusTarget="True"
+                                                            Fill="Transparent"
+                                                            IsHitTestVisible="False"/>
+                                                    </Grid>
+                                                </ContentControl>
+                                                <Button
+                                                    x:Name="PreviousButton"
+                                                    Grid.Column="1"
+                                                    Width="20"
+                                                    Height="36"
+                                                    Margin="{ThemeResource PivotNavButtonMargin}"
+                                                    HorizontalAlignment="Left"
+                                                    VerticalAlignment="Top"
+                                                    Background="Transparent"
+                                                    IsEnabled="False"
+                                                    IsTabStop="False"
+                                                    Opacity="0"
+                                                    Template="{StaticResource PreviousTemplate}"
+                                                    UseSystemFocusVisuals="False"/>
+                                                <Button
+                                                    x:Name="NextButton"
+                                                    Grid.Column="1"
+                                                    Width="20"
+                                                    Height="36"
+                                                    Margin="{ThemeResource PivotNavButtonMargin}"
+                                                    HorizontalAlignment="Right"
+                                                    VerticalAlignment="Top"
+                                                    Background="Transparent"
+                                                    IsEnabled="False"
+                                                    IsTabStop="False"
+                                                    Opacity="0"
+                                                    Template="{StaticResource NextTemplate}"
+                                                    UseSystemFocusVisuals="False"/>
+                                                <ContentPresenter
+                                                    x:Name="RightHeaderPresenter"
+                                                    Grid.Column="2"
+                                                    HorizontalAlignment="Stretch"
+                                                    VerticalAlignment="Stretch"
+                                                    Content="{TemplateBinding RightHeader}"
+                                                    ContentTemplate="{TemplateBinding RightHeaderTemplate}"/>
+                                            </Grid>
+                                        </Border>
+
+                                    </Grid>
+                                </PivotPanel>
+                            </ScrollViewer>
+
+                        </Grid>
+
+                        <VisualStateManager.VisualStateGroups>
+                            <VisualStateGroup x:Name="Orientation">
+                                <VisualState x:Name="Portrait">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TitleContentControl" Storyboard.TargetProperty="Margin">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPortraitThemePadding}"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="Landscape">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TitleContentControl" Storyboard.TargetProperty="Margin">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotLandscapeThemePadding}"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="NavigationButtonsVisibility">
+                                <VisualState x:Name="NavigationButtonsHidden"/>
+                                <VisualState x:Name="NavigationButtonsVisible">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="PreviousButtonVisible">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="NextButtonVisible">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="HeaderStates">
+                                <VisualState x:Name="HeaderDynamic"/>
+                                <VisualState x:Name="HeaderStatic">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Header" Storyboard.TargetProperty="Visibility">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="StaticHeader" Storyboard.TargetProperty="Visibility">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+
+                            </VisualStateGroup>
+
+                        </VisualStateManager.VisualStateGroups>
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+    <Style x:Key="CardPivotStyle2" TargetType="Pivot">
+        <Setter Property="Margin" Value="0"/>
+        <Setter Property="Padding" Value="0"/>
+        <Setter Property="Background" Value="{ThemeResource PivotBackground}"/>
+        <Setter Property="IsTabStop" Value="False"/>
+        <Setter Property="ItemsPanel">
+            <Setter.Value>
+                <ItemsPanelTemplate>
+                    <Grid/>
+                </ItemsPanelTemplate>
+            </Setter.Value>
+        </Setter>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="Pivot">
+                    <Grid
+                        x:Name="RootElement"
+                        HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
+                        VerticalAlignment="{TemplateBinding VerticalAlignment}"
+                        Background="{TemplateBinding Background}">
+                        <Grid.Resources>
+                            <Style x:Key="BaseContentControlStyle" TargetType="ContentControl">
+                                <Setter Property="FontFamily" Value="XamlAutoFontFamily"/>
+                                <Setter Property="FontWeight" Value="SemiBold"/>
+                                <Setter Property="Template">
+                                    <Setter.Value>
+                                        <ControlTemplate TargetType="ContentControl">
+                                            <ContentPresenter
+                                                Margin="{TemplateBinding Padding}"
+                                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                                Content="{TemplateBinding Content}"
+                                                ContentTemplate="{TemplateBinding ContentTemplate}"
+                                                ContentTransitions="{TemplateBinding ContentTransitions}"
+                                                OpticalMarginAlignment="TrimSideBearings"/>
+                                        </ControlTemplate>
+                                    </Setter.Value>
+                                </Setter>
+                            </Style>
+                            <Style
+                                x:Key="TitleContentControlStyle"
+                                BasedOn="{StaticResource BaseContentControlStyle}"
+                                TargetType="ContentControl">
+                                <Setter Property="FontFamily" Value="{ThemeResource PivotTitleFontFamily}"/>
+                                <Setter Property="FontWeight" Value="{ThemeResource PivotTitleThemeFontWeight}"/>
+                                <Setter Property="FontSize" Value="{ThemeResource PivotTitleFontSize}"/>
+                            </Style>
+                        </Grid.Resources>
+
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="Auto"/>
+                            <RowDefinition Height="*"/>
+                        </Grid.RowDefinitions>
+                        <ContentControl
+                            x:Name="TitleContentControl"
+                            Grid.Row="0"
+                            Margin="{StaticResource PivotPortraitThemePadding}"
+                            Content="{TemplateBinding Title}"
+                            ContentTemplate="{TemplateBinding TitleTemplate}"
+                            IsTabStop="False"
+                            Style="{StaticResource TitleContentControlStyle}"
+                            Visibility="Collapsed"/>
+
+                        <Grid Grid.Row="1">
+                            <Grid.Resources>
+                                <ControlTemplate x:Key="NextTemplate" TargetType="Button">
+                                    <Border
+                                        x:Name="Root"
+                                        Background="{ThemeResource PivotNextButtonBackground}"
+                                        BorderBrush="{ThemeResource PivotNextButtonBorderBrush}"
+                                        BorderThickness="{ThemeResource PivotNavButtonBorderThemeThickness}">
+                                        <FontIcon
+                                            x:Name="Arrow"
+                                            HorizontalAlignment="Center"
+                                            VerticalAlignment="Center"
+                                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
+                                            FontSize="12"
+                                            Foreground="{ThemeResource PivotNextButtonForeground}"
+                                            Glyph="&#xE76C;"
+                                            MirroredWhenRightToLeft="True"
+                                            UseLayoutRounding="False"/>
+                                        <VisualStateManager.VisualStateGroups>
+                                            <VisualStateGroup x:Name="CommonStates">
+                                                <VisualState x:Name="Normal"/>
+                                                <VisualState x:Name="PointerOver">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBackgroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBorderBrushPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonForegroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                                <VisualState x:Name="Pressed">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBackgroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBorderBrushPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonForegroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                            </VisualStateGroup>
+                                        </VisualStateManager.VisualStateGroups>
+                                    </Border>
+                                </ControlTemplate>
+                                <ControlTemplate x:Key="PreviousTemplate" TargetType="Button">
+                                    <Border
+                                        x:Name="Root"
+                                        Background="{ThemeResource PivotPreviousButtonBackground}"
+                                        BorderBrush="{ThemeResource PivotPreviousButtonBorderBrush}"
+                                        BorderThickness="{ThemeResource PivotNavButtonBorderThemeThickness}">
+                                        <FontIcon
+                                            x:Name="Arrow"
+                                            HorizontalAlignment="Center"
+                                            VerticalAlignment="Center"
+                                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
+                                            FontSize="12"
+                                            Foreground="{ThemeResource PivotPreviousButtonForeground}"
+                                            Glyph="&#xE76B;"
+                                            MirroredWhenRightToLeft="True"
+                                            UseLayoutRounding="False"/>
+                                        <VisualStateManager.VisualStateGroups>
+                                            <VisualStateGroup x:Name="CommonStates">
+                                                <VisualState x:Name="Normal"/>
+                                                <VisualState x:Name="PointerOver">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBackgroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBorderBrushPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonForegroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                                <VisualState x:Name="Pressed">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBackgroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBorderBrushPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonForegroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                            </VisualStateGroup>
+                                        </VisualStateManager.VisualStateGroups>
+                                    </Border>
+                                </ControlTemplate>
+                            </Grid.Resources>
+                            <ScrollViewer
+                                x:Name="ScrollViewer"
+                                Margin="{TemplateBinding Padding}"
+                                VerticalContentAlignment="Stretch"
+                                BringIntoViewOnFocusChange="False"
+                                HorizontalScrollBarVisibility="Hidden"
+                                HorizontalSnapPointsAlignment="Center"
+                                HorizontalSnapPointsType="MandatorySingle"
+                                Template="{StaticResource ScrollViewerScrollBarlessTemplate}"
+                                VerticalScrollBarVisibility="Disabled"
+                                VerticalScrollMode="Disabled"
+                                VerticalSnapPointsType="None"
+                                ZoomMode="Disabled">
+                                <PivotPanel x:Name="Panel" VerticalAlignment="Stretch">
+                                    <Grid x:Name="PivotLayoutElement">
+                                        <Grid.RowDefinitions>
+                                            <RowDefinition Height="Auto"/>
+                                            <RowDefinition Height="*"/>
+                                        </Grid.RowDefinitions>
+                                        <Grid.RenderTransform>
+                                            <CompositeTransform x:Name="PivotLayoutElementTranslateTransform"/>
+                                        </Grid.RenderTransform>
+
+
+
+                                        <ItemsPresenter x:Name="PivotItemPresenter" Grid.Row="1">
+                                            <ItemsPresenter.RenderTransform>
+                                                <TransformGroup>
+                                                    <TranslateTransform x:Name="ItemsPresenterTranslateTransform"/>
+                                                    <CompositeTransform x:Name="ItemsPresenterCompositeTransform"/>
+                                                </TransformGroup>
+                                            </ItemsPresenter.RenderTransform>
+                                        </ItemsPresenter>
+
+                                        <Border
+                                            Grid.Row="0"
+                                            Margin="16,16,16,0"
+                                            cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
+                                            <Grid Style="{ThemeResource AcrylicSecondaryGridCardStyle}">
+                                                <Grid.ColumnDefinitions>
+                                                    <ColumnDefinition Width="Auto"/>
+                                                    <ColumnDefinition Width="*"/>
+                                                    <ColumnDefinition Width="Auto"/>
+                                                </Grid.ColumnDefinitions>
+
+                                                <ContentPresenter
+                                                    x:Name="LeftHeaderPresenter"
+                                                    HorizontalAlignment="Stretch"
+                                                    VerticalAlignment="Stretch"
+                                                    Content="{TemplateBinding LeftHeader}"
+                                                    ContentTemplate="{TemplateBinding LeftHeaderTemplate}"/>
+                                                <ContentControl
+                                                    x:Name="HeaderClipper"
+                                                    Grid.Column="1"
+                                                    HorizontalContentAlignment="Stretch"
+                                                    UseSystemFocusVisuals="{StaticResource UseSystemFocusVisuals}">
+                                                    <ContentControl.Clip>
+                                                        <RectangleGeometry x:Name="HeaderClipperGeometry"/>
+                                                    </ContentControl.Clip>
+                                                    <Grid>
+                                                        <Grid.RenderTransform>
+                                                            <CompositeTransform x:Name="HeaderOffsetTranslateTransform"/>
+                                                        </Grid.RenderTransform>
+                                                        <PivotHeaderPanel x:Name="StaticHeader" Visibility="Collapsed">
+                                                            <PivotHeaderPanel.RenderTransform>
+                                                                <CompositeTransform x:Name="StaticHeaderTranslateTransform"/>
+                                                            </PivotHeaderPanel.RenderTransform>
+                                                        </PivotHeaderPanel>
+                                                        <PivotHeaderPanel x:Name="Header">
+                                                            <PivotHeaderPanel.RenderTransform>
+                                                                <CompositeTransform x:Name="HeaderTranslateTransform"/>
+                                                            </PivotHeaderPanel.RenderTransform>
+                                                        </PivotHeaderPanel>
+                                                        <Rectangle
+                                                            x:Name="FocusFollower"
+                                                            HorizontalAlignment="Stretch"
+                                                            VerticalAlignment="Stretch"
+                                                            Control.IsTemplateFocusTarget="True"
+                                                            Fill="Transparent"
+                                                            IsHitTestVisible="False"/>
+                                                    </Grid>
+                                                </ContentControl>
+                                                <Button
+                                                    x:Name="PreviousButton"
+                                                    Grid.Column="1"
+                                                    Width="20"
+                                                    Height="36"
+                                                    Margin="{ThemeResource PivotNavButtonMargin}"
+                                                    HorizontalAlignment="Left"
+                                                    VerticalAlignment="Top"
+                                                    Background="Transparent"
+                                                    IsEnabled="False"
+                                                    IsTabStop="False"
+                                                    Opacity="0"
+                                                    Template="{StaticResource PreviousTemplate}"
+                                                    UseSystemFocusVisuals="False"/>
+                                                <Button
+                                                    x:Name="NextButton"
+                                                    Grid.Column="1"
+                                                    Width="20"
+                                                    Height="36"
+                                                    Margin="{ThemeResource PivotNavButtonMargin}"
+                                                    HorizontalAlignment="Right"
+                                                    VerticalAlignment="Top"
+                                                    Background="Transparent"
+                                                    IsEnabled="False"
+                                                    IsTabStop="False"
+                                                    Opacity="0"
+                                                    Template="{StaticResource NextTemplate}"
+                                                    UseSystemFocusVisuals="False"/>
+                                                <ContentPresenter
+                                                    x:Name="RightHeaderPresenter"
+                                                    Grid.Column="2"
+                                                    HorizontalAlignment="Stretch"
+                                                    VerticalAlignment="Stretch"
+                                                    Content="{TemplateBinding RightHeader}"
+                                                    ContentTemplate="{TemplateBinding RightHeaderTemplate}"/>
+                                            </Grid>
+                                        </Border>
+
+                                    </Grid>
+                                </PivotPanel>
+                            </ScrollViewer>
+
+                        </Grid>
+
+                        <VisualStateManager.VisualStateGroups>
+                            <VisualStateGroup x:Name="Orientation">
+                                <VisualState x:Name="Portrait">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TitleContentControl" Storyboard.TargetProperty="Margin">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPortraitThemePadding}"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="Landscape">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TitleContentControl" Storyboard.TargetProperty="Margin">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotLandscapeThemePadding}"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="NavigationButtonsVisibility">
+                                <VisualState x:Name="NavigationButtonsHidden"/>
+                                <VisualState x:Name="NavigationButtonsVisible">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="PreviousButtonVisible">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="NextButtonVisible">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="HeaderStates">
+                                <VisualState x:Name="HeaderDynamic"/>
+                                <VisualState x:Name="HeaderStatic">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Header" Storyboard.TargetProperty="Visibility">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="StaticHeader" Storyboard.TargetProperty="Visibility">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+
+                            </VisualStateGroup>
+
+                        </VisualStateManager.VisualStateGroups>
+                    </Grid>
+
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
 </ResourceDictionary>

src/Snap.Hutao/Snap.Hutao/Control/Theme/ScrollViewer.xaml

@@ -42,7 +42,7 @@
                                 Grid.ColumnSpan="2"
                                 Margin="{TemplateBinding Padding}">
                                 <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="*" MaxWidth="{Binding Path=(shch:ScrollViewerHelper.LeftPanelMaxWidth), RelativeSource={RelativeSource Mode=TemplatedParent}}"/>
+                                    <ColumnDefinition Width="*"/>
                                     <ColumnDefinition Width="Auto"/>
                                 </Grid.ColumnDefinitions>
                                 <ScrollContentPresenter x:Name="ScrollContentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}"/>

src/Snap.Hutao/Snap.Hutao/Control/Theme/SegmentedOverride.xaml

@@ -0,0 +1,115 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:cw="using:CommunityToolkit.WinUI"
+    xmlns:cwc="using:CommunityToolkit.WinUI.Controls"
+    xmlns:shcp="using:Snap.Hutao.Control.Panel"
+    xmlns:win="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
+
+    <ResourceDictionary.MergedDictionaries>
+        <ResourceDictionary Source="ms-appx:///CommunityToolkit.WinUI.Controls.Segmented/SegmentedItem/SegmentedItem.xaml"/>
+    </ResourceDictionary.MergedDictionaries>
+    <ResourceDictionary.ThemeDictionaries>
+        <ResourceDictionary x:Key="Default">
+            <StaticResource x:Key="SegmentedBackground" ResourceKey="ControlAltFillColorSecondaryBrush"/>
+            <StaticResource x:Key="SegmentedBorderBrush" ResourceKey="ControlStrokeColorDefaultBrush"/>
+            <Thickness x:Key="SegmentedBorderThickness">1</Thickness>
+        </ResourceDictionary>
+        <ResourceDictionary x:Key="Light">
+            <StaticResource x:Key="SegmentedBackground" ResourceKey="ControlAltFillColorSecondaryBrush"/>
+            <StaticResource x:Key="SegmentedBorderBrush" ResourceKey="ControlStrokeColorDefaultBrush"/>
+            <Thickness x:Key="SegmentedBorderThickness">1</Thickness>
+        </ResourceDictionary>
+        <ResourceDictionary x:Key="HighContrast">
+            <StaticResource x:Key="SegmentedBackground" ResourceKey="SystemColorButtonFaceColor"/>
+            <StaticResource x:Key="SegmentedBorderBrush" ResourceKey="SystemColorHighlightColorBrush"/>
+            <Thickness x:Key="SegmentedBorderThickness">1</Thickness>
+        </ResourceDictionary>
+    </ResourceDictionary.ThemeDictionaries>
+
+    <x:Double x:Key="SegmentedItemSpacing">1</x:Double>
+    <x:Double x:Key="ButtonItemSpacing">2</x:Double>
+
+    <Style BasedOn="{StaticResource DefaultSegmentedStyle}" TargetType="cwc:Segmented"/>
+
+    <Style x:Key="DefaultSegmentedStyle" TargetType="cwc:Segmented">
+        <Style.Setters>
+            <Setter Property="CornerRadius" Value="{ThemeResource ControlCornerRadius}"/>
+            <Setter Property="Background" Value="{ThemeResource SegmentedBackground}"/>
+            <Setter Property="BorderBrush" Value="{ThemeResource SegmentedBorderBrush}"/>
+            <Setter Property="BorderThickness" Value="{ThemeResource SegmentedBorderThickness}"/>
+            <Setter Property="HorizontalAlignment" Value="Left"/>
+            <Setter Property="VerticalAlignment" Value="Center"/>
+            <Setter Property="SelectionMode" Value="Single"/>
+            <Setter Property="IsItemClickEnabled" Value="False"/>
+            <win:Setter Property="SingleSelectionFollowsFocus" Value="False"/>
+            <Setter Property="IsTabStop" Value="False"/>
+            <Setter Property="TabNavigation" Value="Once"/>
+            <Setter Property="ItemsPanel">
+                <Setter.Value>
+                    <ItemsPanelTemplate>
+                        <shcp:EqualPanel
+                            HorizontalAlignment="{Binding (cw:FrameworkElementExtensions.Ancestor).HorizontalAlignment, RelativeSource={RelativeSource Self}}"
+                            cw:FrameworkElementExtensions.AncestorType="cwc:Segmented"
+                            Spacing="{ThemeResource SegmentedItemSpacing}"/>
+                    </ItemsPanelTemplate>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="cwc:Segmented">
+                        <Grid>
+                            <Border
+                                VerticalAlignment="Stretch"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="{TemplateBinding CornerRadius}"/>
+                            <ItemsPresenter Margin="{TemplateBinding Padding}"/>
+                        </Grid>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style.Setters>
+    </Style>
+
+    <Style
+        x:Key="PivotSegmentedStyle"
+        BasedOn="{StaticResource DefaultSegmentedStyle}"
+        TargetType="cwc:Segmented">
+        <Style.Setters>
+            <Setter Property="Background" Value="Transparent"/>
+            <Setter Property="BorderBrush" Value="Transparent"/>
+            <Setter Property="BorderThickness" Value="0"/>
+            <Setter Property="Padding" Value="0"/>
+            <Setter Property="ItemContainerStyle" Value="{StaticResource PivotSegmentedItemStyle}"/>
+            <Setter Property="ItemsPanel">
+                <Setter.Value>
+                    <ItemsPanelTemplate>
+                        <StackPanel Orientation="Horizontal" Spacing="{ThemeResource SegmentedItemSpacing}"/>
+                    </ItemsPanelTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style.Setters>
+    </Style>
+
+    <Style
+        x:Key="ButtonSegmentedStyle"
+        BasedOn="{StaticResource DefaultSegmentedStyle}"
+        TargetType="cwc:Segmented">
+        <Style.Setters>
+            <Setter Property="Background" Value="Transparent"/>
+            <Setter Property="BorderBrush" Value="Transparent"/>
+            <Setter Property="BorderThickness" Value="0"/>
+            <Setter Property="Padding" Value="0"/>
+            <Setter Property="ItemContainerStyle" Value="{StaticResource ButtonSegmentedItemStyle}"/>
+            <Setter Property="ItemsPanel">
+                <Setter.Value>
+                    <ItemsPanelTemplate>
+                        <StackPanel Orientation="Horizontal" Spacing="{ThemeResource ButtonItemSpacing}"/>
+                    </ItemsPanelTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style.Setters>
+    </Style>
+</ResourceDictionary>

src/Snap.Hutao/Snap.Hutao/Control/Theme/SettingsStyle.xaml

@@ -6,6 +6,12 @@
     <x:Double x:Key="SettingsCardWrapNoIconThreshold">0</x:Double>
 
     <x:Double x:Key="SettingsCardContentControlMinWidth">120</x:Double>
+    <x:Double x:Key="SettingsCardContentControlMinWidth2">160</x:Double>
+
+    <x:Double x:Key="SettingsCardContentControlSpacing">10</x:Double>
+
+    <Thickness x:Key="SettingsCardAlignSettingsExpanderPadding">16,16,44,16</Thickness>
+    <Thickness x:Key="SettingsExpanderItemHasIconPadding">16,8,16,8</Thickness>
 
     <Style
         x:Key="SettingsSectionHeaderTextBlockStyle"
@@ -15,6 +21,14 @@
             <Setter Property="Margin" Value="1,29,0,5"/>
         </Style.Setters>
     </Style>
+    <Style
+        x:Key="SettingsCardHeaderTextBlockStyle"
+        BasedOn="{StaticResource BodyStrongTextBlockStyle}"
+        TargetType="TextBlock">
+        <Style.Setters>
+            <Setter Property="Margin" Value="1,0,0,5"/>
+        </Style.Setters>
+    </Style>
     <Style
         x:Key="SettingsContentComboBoxStyle"
         BasedOn="{StaticResource DefaultComboBoxStyle}"

src/Snap.Hutao/Snap.Hutao/Control/Theme/SystemColors.cs

@@ -0,0 +1,25 @@
+// Copyright (c) DGP Studio. All rights reserved.
+// Licensed under the MIT license.
+
+using Snap.Hutao.Win32;
+using Windows.UI;
+
+namespace Snap.Hutao.Control.Theme;
+
+internal static class SystemColors
+{
+    public static Color BaseLowColor(bool isDarkMode)
+    {
+        return isDarkMode ? StructMarshal.Color(0x33FFFFFF) : StructMarshal.Color(0x33000000);
+    }
+
+    public static Color BaseMediumLowColor(bool isDarkMode)
+    {
+        return isDarkMode ? StructMarshal.Color(0x66FFFFFF) : StructMarshal.Color(0x66000000);
+    }
+
+    public static Color BaseHighColor(bool isDarkMode)
+    {
+        return isDarkMode ? StructMarshal.Color(0xFFFFFFFF) : StructMarshal.Color(0xFF000000);
+    }
+}

src/Snap.Hutao/Snap.Hutao/Control/Theme/Thickness.xaml

@@ -0,0 +1,5 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <Thickness x:Key="ListViewInSplitPanePadding">0,2</Thickness>
+    <!--  https://github.com/microsoft/microsoft-ui-xaml/issues/4811  -->
+    <x:Int32 x:Key="__DiscardPageOverride">0</x:Int32>
+</ResourceDictionary>

src/Snap.Hutao/Snap.Hutao/Control/Theme/Uri.xaml

@@ -4,6 +4,7 @@
     <x:String x:Key="DocumentLink_Home">https://hut.ao</x:String>
     <x:String x:Key="DocumentLink_MhyAccountSwitch">https://hut.ao/features/mhy-account-switch.html</x:String>
     <x:String x:Key="DocumentLink_Translate">https://translate.hut.ao</x:String>
+    <x:String x:Key="DocumentLink_Loopback">https://hut.ao/zh/advanced/FAQ.html#%E5%A6%82%E4%BD%95%E9%80%9A%E8%BF%87%E7%BD%91%E7%BB%9C%E4%BB%A3%E7%90%86%E4%BD%BF%E7%94%A8%E8%83%A1%E6%A1%83%E5%B7%A5%E5%85%B7%E7%AE%B1</x:String>
 
     <!--  Other  -->
     <x:String x:Key="HolographicHat_GetToken_Release">https://github.com/HolographicHat/GetToken/releases/latest</x:String>
@@ -27,10 +28,13 @@
 
     <!--  EmotionIcon  -->
     <x:String x:Key="UI_EmotionIcon25">https://api.snapgenshin.com/static/raw/EmotionIcon/UI_EmotionIcon25.png</x:String>
+    <x:String x:Key="UI_EmotionIcon52">https://api.snapgenshin.com/static/raw/EmotionIcon/UI_EmotionIcon52.png</x:String>
     <x:String x:Key="UI_EmotionIcon71">https://api.snapgenshin.com/static/raw/EmotionIcon/UI_EmotionIcon71.png</x:String>
+    <x:String x:Key="UI_EmotionIcon89">https://api.snapgenshin.com/static/raw/EmotionIcon/UI_EmotionIcon89.png</x:String>
     <x:String x:Key="UI_EmotionIcon250">https://api.snapgenshin.com/static/raw/EmotionIcon/UI_EmotionIcon250.png</x:String>
     <x:String x:Key="UI_EmotionIcon271">https://api.snapgenshin.com/static/raw/EmotionIcon/UI_EmotionIcon271.png</x:String>
     <x:String x:Key="UI_EmotionIcon272">https://api.snapgenshin.com/static/raw/EmotionIcon/UI_EmotionIcon272.png</x:String>
     <x:String x:Key="UI_EmotionIcon293">https://api.snapgenshin.com/static/raw/EmotionIcon/UI_EmotionIcon293.png</x:String>
+    <x:String x:Key="UI_EmotionIcon433">https://api.snapgenshin.com/static/raw/EmotionIcon/UI_EmotionIcon433.png</x:String>
     <x:String x:Key="UI_EmotionIcon445">https://api.snapgenshin.com/static/raw/EmotionIcon/UI_EmotionIcon445.png</x:String>
 </ResourceDictionary>

src/Snap.Hutao/Snap.Hutao/Core/Abstraction/ICloneable.cs

@@ -1,18 +0,0 @@
-// Copyright (c) DGP Studio. All rights reserved.
-// Licensed under the MIT license.
-
-namespace Snap.Hutao.Core.Abstraction;
-
-/// <summary>
-/// 可克隆
-/// </summary>
-/// <typeparam name="TSelf">自身类型</typeparam>
-[HighQuality]
-internal interface ICloneable<out TSelf>
-{
-    /// <summary>
-    /// 克隆
-    /// </summary>
-    /// <returns>新的克隆</returns>
-    TSelf Clone();
-}

src/Snap.Hutao/Snap.Hutao/Core/Caching/IImageCache.cs

@@ -1,7 +1,6 @@
 // Copyright (c) DGP Studio. All rights reserved.
 // Licensed under the MIT license.
 
-using Snap.Hutao.Core.DependencyInjection.Abstraction;
 using Snap.Hutao.Core.IO;
 
 namespace Snap.Hutao.Core.Caching;
@@ -10,7 +9,7 @@ namespace Snap.Hutao.Core.Caching;
 /// 为图像缓存提供抽象
 /// </summary>
 [HighQuality]
-internal interface IImageCache : ICastService
+internal interface IImageCache
 {
     /// <summary>
     /// Gets the file path containing cached item for given Uri

src/Snap.Hutao/Snap.Hutao/Core/Caching/ImageCache.cs

@@ -26,12 +26,12 @@ internal sealed partial class ImageCache : IImageCache, IImageCacheFilePathOpera
 {
     private const string CacheFolderName = nameof(ImageCache);
 
-    private readonly FrozenDictionary<int, TimeSpan> retryCountToDelay = new Dictionary<int, TimeSpan>()
-    {
-        [0] = TimeSpan.FromSeconds(4),
-        [1] = TimeSpan.FromSeconds(16),
-        [2] = TimeSpan.FromSeconds(64),
-    }.ToFrozenDictionary();
+    private readonly FrozenDictionary<int, TimeSpan> retryCountToDelay = FrozenDictionary.ToFrozenDictionary(
+    [
+        KeyValuePair.Create(0, TimeSpan.FromSeconds(4)),
+        KeyValuePair.Create(1, TimeSpan.FromSeconds(16)),
+        KeyValuePair.Create(2, TimeSpan.FromSeconds(64)),
+    ]);
 
     private readonly ConcurrentDictionary<string, Task> concurrentTasks = new();
 
@@ -42,10 +42,20 @@ internal sealed partial class ImageCache : IImageCache, IImageCacheFilePathOpera
     private string? baseFolder;
     private string? cacheFolder;
 
+    private string CacheFolder
+    {
+        get => LazyInitializer.EnsureInitialized(ref cacheFolder, () =>
+        {
+            baseFolder ??= serviceProvider.GetRequiredService<RuntimeOptions>().LocalCache;
+            DirectoryInfo info = Directory.CreateDirectory(Path.Combine(baseFolder, CacheFolderName));
+            return info.FullName;
+        });
+    }
+
     /// <inheritdoc/>
     public void RemoveInvalid()
     {
-        RemoveInternal(Directory.GetFiles(GetCacheFolder()).Where(file => IsFileInvalid(file, false)));
+        RemoveCore(Directory.GetFiles(CacheFolder).Where(file => IsFileInvalid(file, false)));
     }
 
     /// <inheritdoc/>
@@ -62,7 +72,7 @@ internal sealed partial class ImageCache : IImageCache, IImageCacheFilePathOpera
             return;
         }
 
-        string folder = GetCacheFolder();
+        string folder = CacheFolder;
         string[] files = Directory.GetFiles(folder);
 
         List<string> filesToDelete = [];
@@ -75,16 +85,16 @@ internal sealed partial class ImageCache : IImageCache, IImageCacheFilePathOpera
             }
         }
 
-        RemoveInternal(filesToDelete);
+        RemoveCore(filesToDelete);
     }
 
     /// <inheritdoc/>
     public async ValueTask<ValueFile> GetFileFromCacheAsync(Uri uri)
     {
         string fileName = GetCacheFileName(uri);
-        string filePath = Path.Combine(GetCacheFolder(), fileName);
+        string filePath = Path.Combine(CacheFolder, fileName);
 
-        if (File.Exists(filePath) && new FileInfo(filePath).Length != 0)
+        if (!IsFileInvalid(filePath))
         {
             return filePath;
         }
@@ -94,10 +104,12 @@ internal sealed partial class ImageCache : IImageCache, IImageCacheFilePathOpera
         {
             if (concurrentTasks.TryAdd(fileName, taskCompletionSource.Task))
             {
+                logger.LogDebug("Begin downloading image file from '{Uri}' to '{File}'", uri, filePath);
                 await DownloadFileAsync(uri, filePath).ConfigureAwait(false);
             }
             else if (concurrentTasks.TryGetValue(fileName, out Task? task))
             {
+                logger.LogDebug("Waiting for a queued image download task to complete for '{Uri}'", uri);
                 await task.ConfigureAwait(false);
             }
 
@@ -115,7 +127,7 @@ internal sealed partial class ImageCache : IImageCache, IImageCacheFilePathOpera
     public ValueFile GetFileFromCategoryAndName(string category, string fileName)
     {
         Uri dummyUri = Web.HutaoEndpoints.StaticRaw(category, fileName).ToUri();
-        return Path.Combine(GetCacheFolder(), GetCacheFileName(dummyUri));
+        return Path.Combine(CacheFolder, GetCacheFileName(dummyUri));
     }
 
     private static string GetCacheFileName(Uri uri)
@@ -137,17 +149,18 @@ internal sealed partial class ImageCache : IImageCache, IImageCacheFilePathOpera
         return fileInfo.Length == 0;
     }
 
-    private void RemoveInternal(IEnumerable<string> filePaths)
+    private void RemoveCore(IEnumerable<string> filePaths)
     {
         foreach (string filePath in filePaths)
         {
             try
             {
                 File.Delete(filePath);
+                logger.LogInformation("Remove cached image succeed:{File}", filePath);
             }
             catch (Exception ex)
             {
-                logger.LogWarning(ex, "Remove Cache Image Failed:{File}", filePath);
+                logger.LogWarning(ex, "Remove cached image failed:{File}", filePath);
             }
         }
     }
@@ -155,14 +168,17 @@ internal sealed partial class ImageCache : IImageCache, IImageCacheFilePathOpera
     [SuppressMessage("", "SH003")]
     private async Task DownloadFileAsync(Uri uri, string baseFile)
     {
-        logger.LogInformation("Begin downloading for {Uri}", uri);
-
         int retryCount = 0;
         HttpClient httpClient = httpClientFactory.CreateClient(nameof(ImageCache));
         while (retryCount < 3)
         {
             using (HttpResponseMessage message = await httpClient.GetAsync(uri, HttpCompletionOption.ResponseHeadersRead).ConfigureAwait(false))
             {
+                if (message.RequestMessage is { RequestUri: { } target } && target != uri)
+                {
+                    logger.LogDebug("The Request '{Source}' has been redirected to '{Target}'", uri, target);
+                }
+
                 if (message.IsSuccessStatusCode)
                 {
                     using (Stream httpStream = await message.Content.ReadAsStreamAsync().ConfigureAwait(false))
@@ -181,7 +197,7 @@ internal sealed partial class ImageCache : IImageCache, IImageCacheFilePathOpera
                         {
                             retryCount++;
                             TimeSpan delay = message.Headers.RetryAfter?.Delta ?? retryCountToDelay[retryCount];
-                            logger.LogInformation("Retry {Uri} after {Delay}.", uri, delay);
+                            logger.LogInformation("Retry download '{Uri}' after {Delay}.", uri, delay);
                             await Task.Delay(delay).ConfigureAwait(false);
                             break;
                         }
@@ -192,18 +208,4 @@ internal sealed partial class ImageCache : IImageCache, IImageCacheFilePathOpera
             }
         }
     }
-
-    private string GetCacheFolder()
-    {
-        if (cacheFolder is not null)
-        {
-            return cacheFolder;
-        }
-
-        baseFolder ??= serviceProvider.GetRequiredService<RuntimeOptions>().LocalCache;
-        DirectoryInfo info = Directory.CreateDirectory(Path.Combine(baseFolder, CacheFolderName));
-        cacheFolder = info.FullName;
-
-        return cacheFolder;
-    }
 }

src/Snap.Hutao/Snap.Hutao/Core/Database/ObservableReorderableDbCollection.cs

@@ -1,25 +1,29 @@
 // Copyright (c) DGP Studio. All rights reserved.
 // Licensed under the MIT license.
 
+using CommunityToolkit.WinUI.Collections;
 using Microsoft.EntityFrameworkCore;
+using Snap.Hutao.Model;
+using Snap.Hutao.Model.Entity.Database;
 using System.Collections.ObjectModel;
 using System.Collections.Specialized;
 using System.Runtime.InteropServices;
 
 namespace Snap.Hutao.Core.Database;
 
-internal sealed class ObservableReorderableDbCollection<T> : ObservableCollection<T>
-    where T : class, IReorderable
+internal sealed class ObservableReorderableDbCollection<TEntity> : ObservableCollection<TEntity>
+    where TEntity : class, IReorderable
 {
-    private readonly DbContext dbContext;
-    private bool previousChangeIsRemoved;
+    private readonly IServiceProvider serviceProvider;
 
-    public ObservableReorderableDbCollection(List<T> items, DbContext dbContext)
-        : base(AdjustIndex(items))
+    public ObservableReorderableDbCollection(List<TEntity> items, IServiceProvider serviceProvider)
+        : base(AdjustIndex(items.SortBy(x => x.Index)))
     {
-        this.dbContext = dbContext;
+        this.serviceProvider = serviceProvider;
     }
 
+    public IAdvancedCollectionView? View { get; set; }
+
     protected override void OnCollectionChanged(NotifyCollectionChangedEventArgs e)
     {
         base.OnCollectionChanged(e);
@@ -27,26 +31,18 @@ internal sealed class ObservableReorderableDbCollection<T> : ObservableCollectio
         switch (e.Action)
         {
             case NotifyCollectionChangedAction.Remove:
-                previousChangeIsRemoved = true;
-                break;
             case NotifyCollectionChangedAction.Add:
-                if (!previousChangeIsRemoved)
-                {
-                    return;
-                }
-
                 OnReorder();
-                previousChangeIsRemoved = false;
                 break;
         }
     }
 
-    private static List<T> AdjustIndex(List<T> list)
+    private static List<TEntity> AdjustIndex(List<TEntity> list)
     {
-        Span<T> span = CollectionsMarshal.AsSpan(list);
+        Span<TEntity> span = CollectionsMarshal.AsSpan(list);
         for (int i = 0; i < list.Count; i++)
         {
-            ref readonly T item = ref span[i];
+            ref readonly TEntity item = ref span[i];
             item.Index = i;
         }
 
@@ -55,12 +51,79 @@ internal sealed class ObservableReorderableDbCollection<T> : ObservableCollectio
 
     private void OnReorder()
     {
-        AdjustIndex((List<T>)Items);
-
-        DbSet<T> dbSet = dbContext.Set<T>();
-        foreach (ref readonly T item in CollectionsMarshal.AsSpan((List<T>)Items))
+        using (View?.DeferRefresh())
         {
-            dbSet.UpdateAndSave(item);
+            AdjustIndex((List<TEntity>)Items);
+
+            using (IServiceScope scope = serviceProvider.CreateScope())
+            {
+                AppDbContext appDbContext = scope.ServiceProvider.GetRequiredService<AppDbContext>();
+                DbSet<TEntity> dbSet = appDbContext.Set<TEntity>();
+                foreach (ref readonly TEntity item in CollectionsMarshal.AsSpan((List<TEntity>)Items))
+                {
+                    dbSet.UpdateAndSave(item);
+                }
+            }
+        }
+    }
+}
+
+[SuppressMessage("", "SA1402")]
+internal sealed class ObservableReorderableDbCollection<TEntityOnly, TEntity> : ObservableCollection<TEntityOnly>
+    where TEntityOnly : class, IEntityOnly<TEntity>
+    where TEntity : class, IReorderable
+{
+    private readonly IServiceProvider serviceProvider;
+
+    public ObservableReorderableDbCollection(List<TEntityOnly> items, IServiceProvider serviceProvider)
+        : base(AdjustIndex(items.SortBy(x => x.Entity.Index)))
+    {
+        this.serviceProvider = serviceProvider;
+    }
+
+    public IAdvancedCollectionView? View { get; set; }
+
+    protected override void OnCollectionChanged(NotifyCollectionChangedEventArgs e)
+    {
+        base.OnCollectionChanged(e);
+
+        switch (e.Action)
+        {
+            case NotifyCollectionChangedAction.Remove:
+            case NotifyCollectionChangedAction.Add:
+                OnReorder();
+                break;
+        }
+    }
+
+    private static List<TEntityOnly> AdjustIndex(List<TEntityOnly> list)
+    {
+        Span<TEntityOnly> span = CollectionsMarshal.AsSpan(list);
+        for (int i = 0; i < list.Count; i++)
+        {
+            ref readonly TEntityOnly item = ref span[i];
+            item.Entity.Index = i;
+        }
+
+        return list;
+    }
+
+    private void OnReorder()
+    {
+        using (View?.DeferRefresh())
+        {
+            AdjustIndex((List<TEntityOnly>)Items);
+
+            using (IServiceScope scope = serviceProvider.CreateScope())
+            {
+                AppDbContext appDbContext = scope.ServiceProvider.GetRequiredService<AppDbContext>();
+
+                DbSet<TEntity> dbSet = appDbContext.Set<TEntity>();
+                foreach (ref readonly TEntityOnly item in CollectionsMarshal.AsSpan((List<TEntityOnly>)Items))
+                {
+                    dbSet.UpdateAndSave(item.Entity);
+                }
+            }
         }
     }
 }

src/Snap.Hutao/Snap.Hutao/Core/Database/QueryableExtension.cs

@@ -14,7 +14,7 @@ namespace Snap.Hutao.Core.Database;
 internal static class QueryableExtension
 {
     /// <summary>
-    /// source.Where(predicate).ExecuteDelete()
+    /// <code>source.Where(predicate).ExecuteDelete()</code>
     /// </summary>
     /// <typeparam name="TSource">源类型</typeparam>
     /// <param name="source">源</param>
@@ -27,7 +27,7 @@ internal static class QueryableExtension
     }
 
     /// <summary>
-    /// source.Where(predicate).ExecuteDeleteAsync(token)
+    /// <code>source.Where(predicate).ExecuteDeleteAsync(token)</code>
     /// </summary>
     /// <typeparam name="TSource">源类型</typeparam>
     /// <param name="source">源</param>

src/Snap.Hutao/Snap.Hutao/Core/DependencyInjection/Abstraction/ICastService.cs

@@ -6,6 +6,7 @@ namespace Snap.Hutao.Core.DependencyInjection.Abstraction;
 /// <summary>
 /// 可转换类型服务
 /// </summary>
+[Obsolete("Not useful anymore")]
 internal interface ICastService
 {
 }

src/Snap.Hutao/Snap.Hutao/Core/DependencyInjection/Abstraction/INamedService.cs

@@ -1,18 +0,0 @@
-// Copyright (c) DGP Studio. All rights reserved.
-// Licensed under the MIT license.
-
-namespace Snap.Hutao.Core.DependencyInjection.Abstraction;
-
-/// <summary>
-/// 有名称的对象
-/// 指示该对象可通过名称区分
-/// </summary>
-[Obsolete("无意义的接口")]
-[HighQuality]
-internal interface INamedService
-{
-    /// <summary>
-    /// 名称
-    /// </summary>
-    string Name { get; }
-}

src/Snap.Hutao/Snap.Hutao/Core/DependencyInjection/Abstraction/IOverseaSupport.cs

@@ -1,16 +0,0 @@
-// Copyright (c) DGP Studio. All rights reserved.
-// Licensed under the MIT license.
-
-namespace Snap.Hutao.Core.DependencyInjection.Abstraction;
-
-/// <summary>
-/// 海外服/HoYoLAB 可区分
-/// </summary>
-[Obsolete("Use IOverseaSupportFactory instead")]
-internal interface IOverseaSupport
-{
-    /// <summary>
-    /// 是否为 海外服/HoYoLAB
-    /// </summary>
-    public bool IsOversea { get; }
-}

src/Snap.Hutao/Snap.Hutao/Core/DependencyInjection/CastServiceExtension.cs

@@ -17,6 +17,7 @@ internal static class CastServiceExtension
     /// <typeparam name="T">目标转换类型</typeparam>
     /// <param name="service">对象</param>
     /// <returns>转换类型后的对象</returns>
+    [Obsolete("Not useful anymore")]
     public static T? As<T>(this ICastService service)
         where T : class
     {