diff --git a/.gitignore b/.gitignore
index 1f6cf1bae4..db223874fd 100755
--- a/.gitignore
+++ b/.gitignore
@@ -74,4 +74,5 @@ application-local.properties
 !application/src/test/resources/themes/*.zip
 !application/src/main/resources/themes/*.zip
 application/src/main/resources/console/
+application/src/main/resources/uc/
 application/src/main/resources/presets/
diff --git a/README.md b/README.md
index 9936433890..c2041ffc6f 100755
--- a/README.md
+++ b/README.md
@@ -26,7 +26,7 @@
 ## 快速开始
 
 ```bash
-docker run -it -d --name halo -p 8090:8090 -v ~/.halo2:/root/.halo2 halohub/halo:2.9
+docker run -it -d --name halo -p 8090:8090 -v ~/.halo2:/root/.halo2 halohub/halo:2.10
 ```
 
 以上仅作为体验使用，详细部署文档请查阅：<https://docs.halo.run/getting-started/install/docker-compose>
diff --git a/application/build.gradle b/application/build.gradle
index 97c0e93025..71baa80605 100644
--- a/application/build.gradle
+++ b/application/build.gradle
@@ -1,5 +1,5 @@
 plugins {
-    id 'org.springframework.boot' version '3.1.4'
+    id 'org.springframework.boot' version '3.1.5'
     id 'io.spring.dependency-management' version '1.1.0'
     id "com.gorylenko.gradle-git-properties" version "2.3.2"
     id "checkstyle"
@@ -78,7 +78,7 @@ tasks.register('downloadPluginPresets', Download) {
             'https://github.com/halo-dev/plugin-search-widget/releases/download/v1.2.0/plugin-search-widget-1.2.0.jar',
             'https://github.com/halo-dev/plugin-sitemap/releases/download/v1.1.1/plugin-sitemap-1.1.1.jar',
             'https://github.com/halo-dev/plugin-feed/releases/download/v1.2.0/plugin-feed-1.2.0.jar',
-            'https://github.com/halo-dev/plugin-app-store/releases/download/v1.0.0-beta.1/plugin-app-store-1.0.0-beta.1.jar'
+            'https://github.com/halo-dev/plugin-app-store/releases/download/v1.0.0-beta.2/plugin-app-store-1.0.0-beta.2.jar'
     ])
     dest 'src/main/resources/presets/plugins'
 }
diff --git a/application/src/main/java/run/halo/app/config/WebFluxConfig.java b/application/src/main/java/run/halo/app/config/WebFluxConfig.java
index 0fb0cea992..7bb8f6193a 100644
--- a/application/src/main/java/run/halo/app/config/WebFluxConfig.java
+++ b/application/src/main/java/run/halo/app/config/WebFluxConfig.java
@@ -29,14 +29,13 @@
 import org.springframework.web.reactive.config.WebFluxConfigurer;
 import org.springframework.web.reactive.function.BodyInserters;
 import org.springframework.web.reactive.function.server.RouterFunction;
-import org.springframework.web.reactive.function.server.ServerRequest;
 import org.springframework.web.reactive.function.server.ServerResponse;
 import org.springframework.web.reactive.resource.EncodedResourceResolver;
 import org.springframework.web.reactive.resource.PathResourceResolver;
 import org.springframework.web.reactive.result.view.ViewResolutionResultHandler;
 import org.springframework.web.reactive.result.view.ViewResolver;
 import reactor.core.publisher.Mono;
-import run.halo.app.console.ConsoleProxyFilter;
+import run.halo.app.console.ProxyFilter;
 import run.halo.app.console.WebSocketRequestPredicate;
 import run.halo.app.core.extension.endpoint.CustomEndpoint;
 import run.halo.app.core.extension.endpoint.CustomEndpointsBuilder;
@@ -104,11 +103,21 @@ RouterFunction<ServerResponse> consoleIndexRedirection() {
             .and(path("/console/**").and(path("/console/assets/**").negate()))
             .and(accept(MediaType.TEXT_HTML))
             .and(new WebSocketRequestPredicate().negate());
-        return route(consolePredicate, this::serveConsoleIndex);
+        return route(consolePredicate,
+            request -> this.serveIndex(haloProp.getConsole().getLocation() + "index.html"));
     }
 
-    private Mono<ServerResponse> serveConsoleIndex(ServerRequest request) {
-        var indexLocation = haloProp.getConsole().getLocation() + "index.html";
+    @Bean
+    RouterFunction<ServerResponse> ucIndexRedirect() {
+        var consolePredicate = method(HttpMethod.GET)
+            .and(path("/uc/**").and(path("/uc/assets/**").negate()))
+            .and(accept(MediaType.TEXT_HTML))
+            .and(new WebSocketRequestPredicate().negate());
+        return route(consolePredicate,
+            request -> this.serveIndex(haloProp.getUc().getLocation() + "index.html"));
+    }
+
+    private Mono<ServerResponse> serveIndex(String indexLocation) {
         var indexResource = applicationContext.getResource(indexLocation);
         try {
             return ServerResponse.ok()
@@ -142,6 +151,15 @@ public void addResourceHandlers(ResourceHandlerRegistry registry) {
             .addResolver(new EncodedResourceResolver())
             .addResolver(new PathResourceResolver());
 
+        // For uc assets
+        registry.addResourceHandler("/uc/assets/**")
+            .addResourceLocations(haloProp.getUc().getLocation() + "assets/")
+            .setCacheControl(cacheControl)
+            .setUseLastModified(useLastModified)
+            .resourceChain(true)
+            .addResolver(new EncodedResourceResolver())
+            .addResolver(new PathResourceResolver());
+
         // Additional resource mappings
         var staticResources = haloProp.getAttachment().getResourceMappings();
         staticResources.forEach(staticResource -> {
@@ -172,7 +190,14 @@ public void addResourceHandlers(ResourceHandlerRegistry registry) {
 
     @ConditionalOnProperty(name = "halo.console.proxy.enabled", havingValue = "true")
     @Bean
-    ConsoleProxyFilter consoleProxyFilter() {
-        return new ConsoleProxyFilter(haloProp);
+    ProxyFilter consoleProxyFilter() {
+        return new ProxyFilter("/console/**", haloProp.getConsole().getProxy());
+    }
+
+
+    @ConditionalOnProperty(name = "halo.uc.proxy.enabled", havingValue = "true")
+    @Bean
+    ProxyFilter ucProxyFilter() {
+        return new ProxyFilter("/uc/**", haloProp.getUc().getProxy());
     }
 }
diff --git a/application/src/main/java/run/halo/app/console/ConsoleProxyFilter.java b/application/src/main/java/run/halo/app/console/ProxyFilter.java
similarity index 87%
rename from application/src/main/java/run/halo/app/console/ConsoleProxyFilter.java
rename to application/src/main/java/run/halo/app/console/ProxyFilter.java
index 512a79b031..854d810ab1 100644
--- a/application/src/main/java/run/halo/app/console/ConsoleProxyFilter.java
+++ b/application/src/main/java/run/halo/app/console/ProxyFilter.java
@@ -13,11 +13,10 @@
 import org.springframework.web.server.WebFilterChain;
 import org.springframework.web.util.UriComponentsBuilder;
 import reactor.core.publisher.Mono;
-import run.halo.app.infra.properties.ConsoleProperties.ProxyProperties;
-import run.halo.app.infra.properties.HaloProperties;
+import run.halo.app.infra.properties.ProxyProperties;
 
 @Slf4j
-public class ConsoleProxyFilter implements WebFilter {
+public class ProxyFilter implements WebFilter {
 
     private final ProxyProperties proxyProperties;
 
@@ -25,14 +24,15 @@ public class ConsoleProxyFilter implements WebFilter {
 
     private final WebClient webClient;
 
-    public ConsoleProxyFilter(HaloProperties haloProperties) {
-        this.proxyProperties = haloProperties.getConsole().getProxy();
-        var consoleMatcher = ServerWebExchangeMatchers.pathMatchers(HttpMethod.GET, "/console/**");
+    public ProxyFilter(String pattern, ProxyProperties proxyProperties) {
+        this.proxyProperties = proxyProperties;
+        var consoleMatcher = ServerWebExchangeMatchers.pathMatchers(HttpMethod.GET, pattern);
         consoleMatcher = new AndServerWebExchangeMatcher(consoleMatcher,
             new NegatedServerWebExchangeMatcher(new WebSocketServerWebExchangeMatcher()));
         this.consoleMatcher = consoleMatcher;
         this.webClient = WebClient.create(proxyProperties.getEndpoint().toString());
-        log.info("Initialized ConsoleProxyFilter to proxy console");
+        log.debug("Initialized ProxyFilter to proxy {} to endpoint {}", pattern,
+            proxyProperties.getEndpoint());
     }
 
     @Override
diff --git a/application/src/main/java/run/halo/app/content/comment/ReplyNotificationSubscriptionHelper.java b/application/src/main/java/run/halo/app/content/comment/ReplyNotificationSubscriptionHelper.java
index 0a086330e8..38879160b7 100644
--- a/application/src/main/java/run/halo/app/content/comment/ReplyNotificationSubscriptionHelper.java
+++ b/application/src/main/java/run/halo/app/content/comment/ReplyNotificationSubscriptionHelper.java
@@ -1,6 +1,8 @@
 package run.halo.app.content.comment;
 
+import io.micrometer.common.util.StringUtils;
 import lombok.RequiredArgsConstructor;
+import org.springframework.lang.Nullable;
 import org.springframework.stereotype.Component;
 import run.halo.app.content.NotificationReasonConst;
 import run.halo.app.core.extension.content.Comment;
@@ -56,13 +58,21 @@ public void subscribeNewReplyReasonForReply(Reply reply) {
     void subscribeReply(Subscription.ReasonSubject reasonSubject,
         Identity identity) {
         var subscriber = createSubscriber(identity);
+        if (subscriber == null) {
+            return;
+        }
         var interestReason = new Subscription.InterestReason();
         interestReason.setReasonType(NotificationReasonConst.SOMEONE_REPLIED_TO_YOU);
         interestReason.setSubject(reasonSubject);
         notificationCenter.subscribe(subscriber, interestReason).block();
     }
 
+    @Nullable
     private Subscription.Subscriber createSubscriber(Identity author) {
+        if (StringUtils.isBlank(author.name())) {
+            return null;
+        }
+
         Subscription.Subscriber subscriber;
         if (author.isEmail()) {
             subscriber = subscriberEmailResolver.ofEmail(author.name());
diff --git a/application/src/main/java/run/halo/app/core/extension/endpoint/PluginEndpoint.java b/application/src/main/java/run/halo/app/core/extension/endpoint/PluginEndpoint.java
index 0a3ca14c33..d6d015c1ff 100644
--- a/application/src/main/java/run/halo/app/core/extension/endpoint/PluginEndpoint.java
+++ b/application/src/main/java/run/halo/app/core/extension/endpoint/PluginEndpoint.java
@@ -40,7 +40,9 @@
 import java.util.function.Predicate;
 import java.util.function.Supplier;
 import lombok.AllArgsConstructor;
+import lombok.Data;
 import lombok.extern.slf4j.Slf4j;
+import org.pf4j.PluginState;
 import org.reactivestreams.Publisher;
 import org.springdoc.webflux.core.fn.SpringdocRouteBuilder;
 import org.springframework.beans.factory.DisposableBean;
@@ -201,6 +203,27 @@ public RouterFunction<ServerResponse> endpoint() {
                     .response(responseBuilder()
                         .implementation(Plugin.class))
             )
+            .PUT("plugins/{name}/plugin-state", this::changePluginRunningState,
+                builder -> builder.operationId("ChangePluginRunningState")
+                    .description("Change the running state of a plugin by name.")
+                    .tag(tag)
+                    .parameter(parameterBuilder()
+                        .name("name")
+                        .in(ParameterIn.PATH)
+                        .required(true)
+                        .implementation(String.class)
+                    )
+                    .requestBody(requestBodyBuilder()
+                        .required(true)
+                        .content(contentBuilder()
+                            .mediaType(MediaType.APPLICATION_JSON_VALUE)
+                            .schema(schemaBuilder()
+                                .implementation(RunningStateRequest.class))
+                        )
+                    )
+                    .response(responseBuilder()
+                        .implementation(Plugin.class))
+            )
             .GET("plugins", this::list, builder -> {
                 builder.operationId("ListPlugins")
                     .tag(tag)
@@ -255,6 +278,56 @@ public RouterFunction<ServerResponse> endpoint() {
             .build();
     }
 
+    Mono<ServerResponse> changePluginRunningState(ServerRequest request) {
+        final var name = request.pathVariable("name");
+        return request.bodyToMono(RunningStateRequest.class)
+            .flatMap(runningState -> {
+                final var enable = runningState.isEnable();
+                return client.get(Plugin.class, name)
+                    .flatMap(plugin -> {
+                        plugin.getSpec().setEnabled(enable);
+                        return client.update(plugin);
+                    })
+                    .flatMap(plugin -> {
+                        if (runningState.isAsync()) {
+                            return Mono.just(plugin);
+                        }
+                        return waitForPluginToMeetExpectedState(name, p -> {
+                            // when enabled = true,excepted phase = started || failed
+                            // when enabled = false,excepted phase = !started
+                            var phase = p.statusNonNull().getPhase();
+                            if (enable) {
+                                return PluginState.STARTED.equals(phase)
+                                    || PluginState.FAILED.equals(phase);
+                            }
+                            return !PluginState.STARTED.equals(phase);
+                        });
+                    });
+            })
+            .flatMap(plugin -> ServerResponse.ok().bodyValue(plugin));
+    }
+
+    Mono<Plugin> waitForPluginToMeetExpectedState(String name, Predicate<Plugin> predicate) {
+        return Mono.defer(() -> client.get(Plugin.class, name)
+                .map(plugin -> {
+                    if (predicate.test(plugin)) {
+                        return plugin;
+                    }
+                    throw new IllegalStateException("Plugin " + name + " is not in expected state");
+                })
+            )
+            .retryWhen(Retry.backoff(10, Duration.ofMillis(100))
+                .filter(IllegalStateException.class::isInstance)
+            );
+    }
+
+    @Data
+    @Schema(name = "PluginRunningStateRequest")
+    static class RunningStateRequest {
+        private boolean enable;
+        private boolean async;
+    }
+
     private Mono<ServerResponse> fetchJsBundle(ServerRequest request) {
         Optional<String> versionOption = request.queryParam("v");
         return versionOption.map(s ->
diff --git a/application/src/main/java/run/halo/app/core/extension/endpoint/PostEndpoint.java b/application/src/main/java/run/halo/app/core/extension/endpoint/PostEndpoint.java
index c15247bd6d..b888db5422 100644
--- a/application/src/main/java/run/halo/app/core/extension/endpoint/PostEndpoint.java
+++ b/application/src/main/java/run/halo/app/core/extension/endpoint/PostEndpoint.java
@@ -8,7 +8,7 @@
 import io.swagger.v3.oas.annotations.enums.ParameterIn;
 import java.time.Duration;
 import java.util.Objects;
-import lombok.AllArgsConstructor;
+import lombok.RequiredArgsConstructor;
 import lombok.extern.slf4j.Slf4j;
 import org.springdoc.core.fn.builders.schema.Builder;
 import org.springdoc.webflux.core.fn.SpringdocRouteBuilder;
@@ -42,9 +42,10 @@
  */
 @Slf4j
 @Component
-@AllArgsConstructor
+@RequiredArgsConstructor
 public class PostEndpoint implements CustomEndpoint {
 
+    private int maxAttemptsWaitForPublish = 10;
     private final PostService postService;
     private final ReactiveExtensionClient client;
 
@@ -243,7 +244,7 @@ private Mono<Post> awaitPostPublished(String postName) {
                 })
                 .switchIfEmpty(Mono.error(
                     () -> new RetryException("Retry to check post publish status"))))
-            .retryWhen(Retry.fixedDelay(10, Duration.ofMillis(200))
+            .retryWhen(Retry.backoff(maxAttemptsWaitForPublish, Duration.ofMillis(100))
                 .filter(t -> t instanceof RetryException));
     }
 
@@ -278,4 +279,11 @@ Mono<ServerResponse> listPost(ServerRequest request) {
         return postService.listPost(postQuery)
             .flatMap(listedPosts -> ServerResponse.ok().bodyValue(listedPosts));
     }
+
+    /**
+     * Convenient for testing, to avoid waiting too long for post published when testing.
+     */
+    public void setMaxAttemptsWaitForPublish(int maxAttempts) {
+        this.maxAttemptsWaitForPublish = maxAttempts;
+    }
 }
diff --git a/application/src/main/java/run/halo/app/core/extension/reconciler/PostReconciler.java b/application/src/main/java/run/halo/app/core/extension/reconciler/PostReconciler.java
index 68e8585354..fafdd67a2c 100644
--- a/application/src/main/java/run/halo/app/core/extension/reconciler/PostReconciler.java
+++ b/application/src/main/java/run/halo/app/core/extension/reconciler/PostReconciler.java
@@ -13,6 +13,7 @@
 import java.util.Optional;
 import java.util.Set;
 import lombok.AllArgsConstructor;
+import org.apache.commons.lang3.BooleanUtils;
 import org.apache.commons.lang3.StringUtils;
 import org.jsoup.Jsoup;
 import org.springframework.context.ApplicationEvent;
@@ -102,12 +103,20 @@ public Result reconcile(Request request) {
                     post.getMetadata().setAnnotations(annotations);
                 }
 
+                if (!annotations.containsKey(Post.PUBLISHED_LABEL)) {
+                    labels.put(Post.PUBLISHED_LABEL, BooleanUtils.FALSE);
+                }
+
                 var status = post.getStatus();
                 if (status == null) {
                     status = new Post.PostStatus();
                     post.setStatus(status);
                 }
 
+                if (post.isPublished() && post.getSpec().getPublishTime() == null) {
+                    post.getSpec().setPublishTime(Instant.now());
+                }
+
                 // calculate the sha256sum
                 var configSha256sum = Hashing.sha256().hashString(post.getSpec().toString(), UTF_8)
                         .toString();
diff --git a/application/src/main/java/run/halo/app/core/extension/reconciler/SinglePageReconciler.java b/application/src/main/java/run/halo/app/core/extension/reconciler/SinglePageReconciler.java
index 441d95dae6..ad46213b5e 100644
--- a/application/src/main/java/run/halo/app/core/extension/reconciler/SinglePageReconciler.java
+++ b/application/src/main/java/run/halo/app/core/extension/reconciler/SinglePageReconciler.java
@@ -112,6 +112,10 @@ void subscribeNewCommentNotification(SinglePage page) {
 
     private void reconcileSpec(String name) {
         client.fetch(SinglePage.class, name).ifPresent(page -> {
+            if (page.isPublished() && page.getSpec().getPublishTime() == null) {
+                page.getSpec().setPublishTime(Instant.now());
+            }
+
             // un-publish if necessary
             if (page.isPublished() && Objects.equals(false, page.getSpec().getPublish())) {
                 unPublish(name);
diff --git a/application/src/main/java/run/halo/app/core/extension/service/DefaultRoleService.java b/application/src/main/java/run/halo/app/core/extension/service/DefaultRoleService.java
index 567685b4bb..a9f98f0a35 100644
--- a/application/src/main/java/run/halo/app/core/extension/service/DefaultRoleService.java
+++ b/application/src/main/java/run/halo/app/core/extension/service/DefaultRoleService.java
@@ -54,7 +54,7 @@ public Mono<Boolean> contains(Collection<String> source, Collection<String> cand
         if (source.contains(SuperAdminInitializer.SUPER_ROLE_NAME)) {
             return Mono.just(true);
         }
-        return listDependencies(new HashSet<>(source), shouldFilterHidden(true))
+        return listDependencies(new HashSet<>(source), shouldFilterHidden(false))
             .map(role -> role.getMetadata().getName())
             .collect(Collectors.toSet())
             .map(roleNames -> roleNames.containsAll(candidates));
diff --git a/application/src/main/java/run/halo/app/core/extension/service/impl/PluginServiceImpl.java b/application/src/main/java/run/halo/app/core/extension/service/impl/PluginServiceImpl.java
index ab029aa69d..7db4fb7ca6 100644
--- a/application/src/main/java/run/halo/app/core/extension/service/impl/PluginServiceImpl.java
+++ b/application/src/main/java/run/halo/app/core/extension/service/impl/PluginServiceImpl.java
@@ -26,7 +26,6 @@
 import org.springframework.core.io.support.PathMatchingResourcePatternResolver;
 import org.springframework.stereotype.Component;
 import org.springframework.util.Assert;
-import org.springframework.util.StreamUtils;
 import org.springframework.web.server.ServerWebInputException;
 import reactor.core.Exceptions;
 import reactor.core.publisher.Flux;
@@ -179,9 +178,15 @@ public Flux<DataBuffer> uglifyCssBundle() {
                 return BundleResourceUtils.getJsBundleResource(pluginManager, pluginName,
                     BundleResourceUtils.CSS_BUNDLE);
             })
-            .flatMap(resource -> DataBufferUtils.read(resource,
-                DefaultDataBufferFactory.sharedInstance, StreamUtils.BUFFER_SIZE)
-            );
+            .flatMap(resource -> {
+                try {
+                    return DataBufferUtils.read(resource, DefaultDataBufferFactory.sharedInstance,
+                        (int) resource.contentLength());
+                } catch (IOException e) {
+                    log.error("Failed to read plugin css bundle resource", e);
+                    return Flux.empty();
+                }
+            });
     }
 
     @Override
diff --git a/application/src/main/java/run/halo/app/infra/properties/ConsoleProperties.java b/application/src/main/java/run/halo/app/infra/properties/ConsoleProperties.java
index dda8be00dc..8bf245a459 100644
--- a/application/src/main/java/run/halo/app/infra/properties/ConsoleProperties.java
+++ b/application/src/main/java/run/halo/app/infra/properties/ConsoleProperties.java
@@ -1,7 +1,6 @@
 package run.halo.app.infra.properties;
 
 import jakarta.validation.Valid;
-import java.net.URI;
 import lombok.Data;
 
 @Data
@@ -12,17 +11,4 @@ public class ConsoleProperties {
     @Valid
     private ProxyProperties proxy = new ProxyProperties();
 
-    @Data
-    public static class ProxyProperties {
-
-        /**
-         * Console endpoint in development environment to be proxied. e.g.: http://localhost:8090/
-         */
-        private URI endpoint;
-
-        /**
-         * Indicates if the proxy behaviour is enabled. Default is false
-         */
-        private boolean enabled = false;
-    }
 }
diff --git a/application/src/main/java/run/halo/app/infra/properties/HaloProperties.java b/application/src/main/java/run/halo/app/infra/properties/HaloProperties.java
index 5a29cf2316..b3b01db4e6 100644
--- a/application/src/main/java/run/halo/app/infra/properties/HaloProperties.java
+++ b/application/src/main/java/run/halo/app/infra/properties/HaloProperties.java
@@ -54,6 +54,9 @@ public class HaloProperties implements Validator {
     @Valid
     private final ConsoleProperties console = new ConsoleProperties();
 
+    @Valid
+    private final UcProperties uc = new UcProperties();
+
     @Valid
     private final ThemeProperties theme = new ThemeProperties();
 
diff --git a/application/src/main/java/run/halo/app/infra/properties/ProxyProperties.java b/application/src/main/java/run/halo/app/infra/properties/ProxyProperties.java
new file mode 100644
index 0000000000..275180de28
--- /dev/null
+++ b/application/src/main/java/run/halo/app/infra/properties/ProxyProperties.java
@@ -0,0 +1,18 @@
+package run.halo.app.infra.properties;
+
+import java.net.URI;
+import lombok.Data;
+
+@Data
+public class ProxyProperties {
+
+    /**
+     * Console endpoint in development environment to be proxied. e.g.: http://localhost:8090/
+     */
+    private URI endpoint;
+
+    /**
+     * Indicates if the proxy behaviour is enabled. Default is false
+     */
+    private boolean enabled = false;
+}
diff --git a/application/src/main/java/run/halo/app/infra/properties/ThemeProperties.java b/application/src/main/java/run/halo/app/infra/properties/ThemeProperties.java
index b4decf3f34..7f5f11c911 100644
--- a/application/src/main/java/run/halo/app/infra/properties/ThemeProperties.java
+++ b/application/src/main/java/run/halo/app/infra/properties/ThemeProperties.java
@@ -9,6 +9,11 @@ public class ThemeProperties {
     @Valid
     private final Initializer initializer = new Initializer();
 
+    /**
+     * Indicates whether the generator meta needs to be disabled.
+     */
+    private boolean generatorMetaDisabled;
+
     @Data
     public static class Initializer {
 
diff --git a/application/src/main/java/run/halo/app/infra/properties/UcProperties.java b/application/src/main/java/run/halo/app/infra/properties/UcProperties.java
new file mode 100644
index 0000000000..46fd7c2ad0
--- /dev/null
+++ b/application/src/main/java/run/halo/app/infra/properties/UcProperties.java
@@ -0,0 +1,14 @@
+package run.halo.app.infra.properties;
+
+import jakarta.validation.Valid;
+import lombok.Data;
+
+@Data
+public class UcProperties {
+
+    private String location = "classpath:/uc/";
+
+    @Valid
+    private ProxyProperties proxy = new ProxyProperties();
+
+}
diff --git a/application/src/main/java/run/halo/app/notification/DefaultNotificationCenter.java b/application/src/main/java/run/halo/app/notification/DefaultNotificationCenter.java
index d1fd5702ad..47bad079d3 100644
--- a/application/src/main/java/run/halo/app/notification/DefaultNotificationCenter.java
+++ b/application/src/main/java/run/halo/app/notification/DefaultNotificationCenter.java
@@ -5,7 +5,6 @@
 import java.util.HashMap;
 import java.util.HashSet;
 import java.util.Locale;
-import java.util.Map;
 import java.util.Optional;
 import java.util.function.BiPredicate;
 import java.util.function.Function;
@@ -135,6 +134,7 @@ Mono<NotificationElement> prepareNotificationElement(Subscription subscription,
                 .subscription(subscription)
                 .reasonType(notificationContent.reasonType())
                 .notificationTitle(notificationContent.title())
+                .reasonAttributes(notificationContent.reasonAttributes())
                 .notificationRawBody(defaultString(notificationContent.rawBody()))
                 .notificationHtmlBody(defaultString(notificationContent.htmlBody()))
                 .build()
@@ -180,12 +180,13 @@ Mono<Notification> createNotification(NotificationElement notificationElement) {
             });
     }
 
-    @Builder
-    record NotificationElement(ReasonType reasonType, Reason reason,
-                               Subscription subscription, NotifierDescriptor descriptor,
-                               String notificationTitle,
-                               String notificationRawBody,
-                               String notificationHtmlBody) {
+    private ReasonAttributes toReasonAttributes(Reason reason) {
+        var model = new ReasonAttributes();
+        var attributes = reason.getSpec().getAttributes();
+        if (attributes != null) {
+            model.putAll(attributes);
+        }
+        return model;
     }
 
     Mono<NotificationContext> notificationContextFrom(NotificationElement element) {
@@ -198,7 +199,7 @@ Mono<NotificationContext> notificationContextFrom(NotificationElement element) {
         messagePayload.setTitle(element.notificationTitle());
         messagePayload.setRawBody(element.notificationRawBody());
         messagePayload.setHtmlBody(element.notificationHtmlBody());
-        messagePayload.setAttributes(reason.getSpec().getAttributes());
+        messagePayload.setAttributes(element.reasonAttributes());
 
         var message = new NotificationContext.Message();
         message.setRecipient(subscription.getSpec().getSubscriber().getName());
@@ -239,11 +240,6 @@ Mono<NotificationContext> notificationContextFrom(NotificationElement element) {
             });
     }
 
-    @Builder
-    record NotificationContent(String title, String rawBody, String htmlBody, ReasonType reasonType,
-                               Map<String, Object> reasonProperties) {
-    }
-
     Mono<NotificationContent> inferenceTemplate(Reason reason, Subscription subscription,
         Locale locale) {
         var reasonTypeName = reason.getSpec().getReasonType();
@@ -252,7 +248,7 @@ Mono<NotificationContent> inferenceTemplate(Reason reason, Subscription subscrip
             .flatMap(reasonType -> notificationTemplateSelector.select(reasonTypeName, locale)
                 .flatMap(template -> {
                     final var templateContent = template.getSpec().getTemplate();
-                    Map<String, Object> model = toReasonAttributes(reason);
+                    var model = toReasonAttributes(reason);
                     var identity = UserIdentity.of(subscriber.getName());
                     var subscriberInfo = new HashMap<>();
                     if (identity.isAnonymous()) {
@@ -266,7 +262,7 @@ Mono<NotificationContent> inferenceTemplate(Reason reason, Subscription subscrip
 
                     var builder = NotificationContent.builder()
                         .reasonType(reasonType)
-                        .reasonProperties(model);
+                        .reasonAttributes(model);
 
                     var titleMono = notificationTemplateRender
                         .render(templateContent.getTitle(), model)
@@ -285,17 +281,22 @@ Mono<NotificationContent> inferenceTemplate(Reason reason, Subscription subscrip
             );
     }
 
+    @Builder
+    record NotificationContent(String title, String rawBody, String htmlBody, ReasonType reasonType,
+                               ReasonAttributes reasonAttributes) {
+    }
+
     String getUnsubscribeUrl(Subscription subscription) {
         return subscriptionRouter.getUnsubscribeUrl(subscription);
     }
 
-    private Map<String, Object> toReasonAttributes(Reason reason) {
-        Map<String, Object> model = new HashMap<>();
-        var attributes = reason.getSpec().getAttributes();
-        if (attributes != null) {
-            model.putAll(attributes);
-        }
-        return model;
+    @Builder
+    record NotificationElement(ReasonType reasonType, Reason reason,
+                               Subscription subscription, NotifierDescriptor descriptor,
+                               String notificationTitle,
+                               String notificationRawBody,
+                               String notificationHtmlBody,
+                               ReasonAttributes reasonAttributes) {
     }
 
     Mono<ReasonType> getReasonType(String reasonTypeName) {
diff --git a/application/src/main/java/run/halo/app/notification/EmailNotifier.java b/application/src/main/java/run/halo/app/notification/EmailNotifier.java
index 50139df413..e819d1d77c 100644
--- a/application/src/main/java/run/halo/app/notification/EmailNotifier.java
+++ b/application/src/main/java/run/halo/app/notification/EmailNotifier.java
@@ -43,6 +43,11 @@ public Mono<Void> notify(NotificationContext context) {
         var emailSenderConfig =
             JsonUtils.DEFAULT_JSON_MAPPER.convertValue(senderConfig, EmailSenderConfig.class);
 
+        if (!emailSenderConfig.isEnable()) {
+            log.debug("Email notifier is disabled, skip sending email.");
+            return Mono.empty();
+        }
+
         JavaMailSenderImpl javaMailSender = getJavaMailSender(emailSenderConfig);
 
         String recipient = context.getMessage().getRecipient();
@@ -51,6 +56,11 @@ public Mono<Void> notify(NotificationContext context) {
         var payload = context.getMessage().getPayload();
         return subscriberEmailResolver.resolve(subscriber)
             .flatMap(toEmail -> {
+                if (StringUtils.isBlank(toEmail)) {
+                    log.debug("Cannot resolve email for subscriber: [{}], skip sending email.",
+                        subscriber);
+                    return Mono.empty();
+                }
                 var htmlMono = appendHtmlBodyFooter(payload.getAttributes())
                     .doOnNext(footer -> {
                         if (StringUtils.isNotBlank(payload.getHtmlBody())) {
@@ -97,7 +107,19 @@ private static JavaMailSenderImpl createJavaMailSender(EmailSenderConfig emailSe
         Properties props = javaMailSender.getJavaMailProperties();
         props.put("mail.transport.protocol", "smtp");
         props.put("mail.smtp.auth", "true");
-        props.put("mail.smtp.starttls.enable", "true");
+        if ("SSL".equals(emailSenderConfig.getEncryption())) {
+            props.put("mail.smtp.ssl.enable", "true");
+        }
+
+        if ("TLS".equals(emailSenderConfig.getEncryption())) {
+            props.put("mail.smtp.starttls.enable", "true");
+        }
+
+        if ("NONE".equals(emailSenderConfig.getEncryption())) {
+            props.put("mail.smtp.ssl.enable", "false");
+            props.put("mail.smtp.starttls.enable", "false");
+        }
+
         if (log.isDebugEnabled()) {
             props.put("mail.debug", "true");
         }
@@ -123,12 +145,11 @@ Mono<String> appendRawBodyFooter(ReasonAttributes attributes) {
 
     Mono<String> appendHtmlBodyFooter(ReasonAttributes attributes) {
         return notificationTemplateRender.render("""
-            ---
-            <div class="footer" style="font-size: 12px; color: #666">
+            <div class="footer" style="font-size: 12px; color: #666;">
             <a th:href="${site.url}" th:text="${site.title}"></a>
             <p class="unsubscribe">
-            &mdash;<br />请勿直接回复此回邮件，
-            <a th:href="|${site.url}/console|">查看通知</a>
+            &mdash;<br />请勿直接回复此邮件，
+            <a th:href="|${site.url}/console/users/-/notifications|">查看通知</a>
             或
             <a th:href="${unsubscribeUrl}">取消订阅</a>。
             </p>
@@ -138,11 +159,13 @@ Mono<String> appendHtmlBodyFooter(ReasonAttributes attributes) {
 
     @Data
     static class EmailSenderConfig {
+        private boolean enable;
         private String displayName;
         private String username;
         private String password;
         private String host;
         private Integer port;
+        private String encryption;
 
         /**
          * Gets email display name.
diff --git a/application/src/main/java/run/halo/app/notification/UserNotificationPreference.java b/application/src/main/java/run/halo/app/notification/UserNotificationPreference.java
index 4762931529..54e259ee83 100644
--- a/application/src/main/java/run/halo/app/notification/UserNotificationPreference.java
+++ b/application/src/main/java/run/halo/app/notification/UserNotificationPreference.java
@@ -6,6 +6,7 @@
 import java.util.Set;
 import lombok.Data;
 import lombok.Getter;
+import org.springframework.lang.NonNull;
 
 /**
  * Notification preference of user.
@@ -28,6 +29,7 @@ public static class ReasonTypeNotifier extends HashMap<String, NotifierSetting>
          * @return if key of reasonType not exists, return default notifier, otherwise return the
          * notifiers
          */
+        @NonNull
         public Set<String> getNotifiers(String reasonType) {
             var result = this.get(reasonType);
             return result == null ? Set.of(DEFAULT_NOTIFIER)
diff --git a/application/src/main/java/run/halo/app/notification/UserNotificationPreferenceService.java b/application/src/main/java/run/halo/app/notification/UserNotificationPreferenceService.java
index a83eb33aaf..69ede65f18 100644
--- a/application/src/main/java/run/halo/app/notification/UserNotificationPreferenceService.java
+++ b/application/src/main/java/run/halo/app/notification/UserNotificationPreferenceService.java
@@ -11,4 +11,7 @@
 public interface UserNotificationPreferenceService {
 
     Mono<UserNotificationPreference> getByUser(String username);
+
+    Mono<Void> saveByUser(String username,
+        UserNotificationPreference userNotificationPreference);
 }
diff --git a/application/src/main/java/run/halo/app/notification/UserNotificationPreferenceServiceImpl.java b/application/src/main/java/run/halo/app/notification/UserNotificationPreferenceServiceImpl.java
index bcb50dcbc8..88c88bd4c5 100644
--- a/application/src/main/java/run/halo/app/notification/UserNotificationPreferenceServiceImpl.java
+++ b/application/src/main/java/run/halo/app/notification/UserNotificationPreferenceServiceImpl.java
@@ -1,10 +1,12 @@
 package run.halo.app.notification;
 
+import java.util.HashMap;
 import lombok.RequiredArgsConstructor;
 import org.apache.commons.lang3.StringUtils;
 import org.springframework.stereotype.Component;
 import reactor.core.publisher.Mono;
 import run.halo.app.extension.ConfigMap;
+import run.halo.app.extension.Metadata;
 import run.halo.app.extension.ReactiveExtensionClient;
 import run.halo.app.infra.utils.JsonUtils;
 
@@ -39,6 +41,28 @@ public Mono<UserNotificationPreference> getByUser(String username) {
             .defaultIfEmpty(new UserNotificationPreference());
     }
 
+    @Override
+    public Mono<Void> saveByUser(String username,
+        UserNotificationPreference userNotificationPreference) {
+        var configName = buildUserPreferenceConfigMapName(username);
+        return client.fetch(ConfigMap.class, configName)
+            .switchIfEmpty(Mono.defer(() -> {
+                var configMap = new ConfigMap();
+                configMap.setMetadata(new Metadata());
+                configMap.getMetadata().setName(configName);
+                return client.create(configMap);
+            }))
+            .flatMap(config -> {
+                if (config.getData() == null) {
+                    config.setData(new HashMap<>());
+                }
+                config.getData().put(NOTIFICATION_PREFERENCE,
+                    JsonUtils.objectToJson(userNotificationPreference));
+                return client.update(config);
+            })
+            .then();
+    }
+
     static String buildUserPreferenceConfigMapName(String username) {
         return "user-preferences-" + username;
     }
diff --git a/application/src/main/java/run/halo/app/notification/endpoint/SubscriptionRouter.java b/application/src/main/java/run/halo/app/notification/endpoint/SubscriptionRouter.java
index 1bc6aa533c..1f2a3a1605 100644
--- a/application/src/main/java/run/halo/app/notification/endpoint/SubscriptionRouter.java
+++ b/application/src/main/java/run/halo/app/notification/endpoint/SubscriptionRouter.java
@@ -1,9 +1,11 @@
 package run.halo.app.notification.endpoint;
 
+import static org.apache.commons.lang3.ObjectUtils.defaultIfNull;
 import static org.springdoc.core.fn.builders.apiresponse.Builder.responseBuilder;
 import static org.springdoc.core.fn.builders.parameter.Builder.parameterBuilder;
 
 import io.swagger.v3.oas.annotations.enums.ParameterIn;
+import java.net.URI;
 import lombok.RequiredArgsConstructor;
 import org.apache.commons.lang3.StringUtils;
 import org.springdoc.webflux.core.fn.SpringdocRouteBuilder;
@@ -82,7 +84,8 @@ Mono<ServerResponse> unsubscribe(ServerRequest request) {
     public String getUnsubscribeUrl(Subscription subscription) {
         var name = subscription.getMetadata().getName();
         var token = subscription.getSpec().getUnsubscribeToken();
-        return UriComponentsBuilder.fromUri(externalUrlSupplier.get())
+        var externalUrl = defaultIfNull(externalUrlSupplier.getRaw(), URI.create("/"));
+        return UriComponentsBuilder.fromUriString(externalUrl.toString())
             .path(UNSUBSCRIBE_PATTERN)
             .queryParam("token", token)
             .build(name)
diff --git a/application/src/main/java/run/halo/app/notification/endpoint/UserNotificationPreferencesEndpoint.java b/application/src/main/java/run/halo/app/notification/endpoint/UserNotificationPreferencesEndpoint.java
new file mode 100644
index 0000000000..90948904d0
--- /dev/null
+++ b/application/src/main/java/run/halo/app/notification/endpoint/UserNotificationPreferencesEndpoint.java
@@ -0,0 +1,211 @@
+package run.halo.app.notification.endpoint;
+
+import static io.swagger.v3.oas.annotations.media.Schema.RequiredMode.REQUIRED;
+import static org.springdoc.core.fn.builders.apiresponse.Builder.responseBuilder;
+import static org.springdoc.core.fn.builders.parameter.Builder.parameterBuilder;
+import static org.springdoc.core.fn.builders.requestbody.Builder.requestBodyBuilder;
+
+import io.swagger.v3.oas.annotations.enums.ParameterIn;
+import io.swagger.v3.oas.annotations.media.Schema;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.Set;
+import java.util.function.Function;
+import java.util.function.Supplier;
+import lombok.Data;
+import lombok.RequiredArgsConstructor;
+import lombok.experimental.Accessors;
+import org.springdoc.webflux.core.fn.SpringdocRouteBuilder;
+import org.springframework.lang.NonNull;
+import org.springframework.stereotype.Component;
+import org.springframework.web.reactive.function.server.RequestPredicates;
+import org.springframework.web.reactive.function.server.RouterFunction;
+import org.springframework.web.reactive.function.server.ServerRequest;
+import org.springframework.web.reactive.function.server.ServerResponse;
+import reactor.core.publisher.Mono;
+import reactor.util.function.Tuples;
+import run.halo.app.core.extension.endpoint.CustomEndpoint;
+import run.halo.app.core.extension.notification.NotifierDescriptor;
+import run.halo.app.core.extension.notification.ReasonType;
+import run.halo.app.extension.Comparators;
+import run.halo.app.extension.GroupVersion;
+import run.halo.app.extension.ReactiveExtensionClient;
+import run.halo.app.notification.UserNotificationPreference;
+import run.halo.app.notification.UserNotificationPreferenceService;
+
+/**
+ * Endpoint for user notification preferences.
+ *
+ * @author guqing
+ * @since 2.10.0
+ */
+@Component
+@RequiredArgsConstructor
+public class UserNotificationPreferencesEndpoint implements CustomEndpoint {
+
+    private final ReactiveExtensionClient client;
+    private final UserNotificationPreferenceService userNotificationPreferenceService;
+
+    @Override
+    public RouterFunction<ServerResponse> endpoint() {
+        return SpringdocRouteBuilder.route()
+            .nest(RequestPredicates.path("/userspaces/{username}"), userspaceScopedApis(),
+                builder -> {
+                })
+            .build();
+    }
+
+    Supplier<RouterFunction<ServerResponse>> userspaceScopedApis() {
+        var tag = "api.notification.halo.run/v1alpha1/Notification";
+        return () -> SpringdocRouteBuilder.route()
+            .GET("/notification-preferences", this::listNotificationPreferences,
+                builder -> builder.operationId("ListUserNotificationPreferences")
+                    .description("List notification preferences for the authenticated user.")
+                    .tag(tag)
+                    .parameter(parameterBuilder()
+                        .in(ParameterIn.PATH)
+                        .name("username")
+                        .description("Username")
+                        .required(true)
+                    )
+                    .response(responseBuilder()
+                        .implementation(ReasonTypeNotifierMatrix.class)
+                    )
+            )
+            .POST("/notification-preferences", this::saveNotificationPreferences,
+                builder -> builder.operationId("SaveUserNotificationPreferences")
+                    .description("Save notification preferences for the authenticated user.")
+                    .tag(tag)
+                    .parameter(parameterBuilder()
+                        .in(ParameterIn.PATH)
+                        .name("username")
+                        .description("Username")
+                        .required(true)
+                    )
+                    .requestBody(requestBodyBuilder()
+                        .implementation(ReasonTypeNotifierCollectionRequest.class)
+                    )
+                    .response(responseBuilder().implementation(ReasonTypeNotifierMatrix.class))
+            )
+            .build();
+    }
+
+    private Mono<ServerResponse> saveNotificationPreferences(ServerRequest request) {
+        var username = request.pathVariable("username");
+        return request.bodyToMono(ReasonTypeNotifierCollectionRequest.class)
+            .flatMap(requestBody -> {
+                var reasonTypNotifiers = requestBody.reasonTypeNotifiers();
+                return userNotificationPreferenceService.getByUser(username)
+                    .flatMap(preference -> {
+                        var reasonTypeNotifierMap = preference.getReasonTypeNotifier();
+                        reasonTypeNotifierMap.clear();
+                        reasonTypNotifiers.forEach(reasonTypeNotifierRequest -> {
+                            var reasonType = reasonTypeNotifierRequest.getReasonType();
+                            var notifiers = reasonTypeNotifierRequest.getNotifiers();
+                            var notifierSetting = new UserNotificationPreference.NotifierSetting();
+                            notifierSetting.setNotifiers(
+                                notifiers == null ? Set.of() : Set.copyOf(notifiers));
+                            reasonTypeNotifierMap.put(reasonType, notifierSetting);
+                        });
+                        return userNotificationPreferenceService.saveByUser(username, preference);
+                    });
+            })
+            .then(Mono.defer(() -> listReasonTypeNotifierMatrix(username)
+                .flatMap(result -> ServerResponse.ok().bodyValue(result)))
+            );
+    }
+
+    private Mono<ServerResponse> listNotificationPreferences(ServerRequest request) {
+        var username = request.pathVariable("username");
+        return listReasonTypeNotifierMatrix(username)
+            .flatMap(matrix -> ServerResponse.ok().bodyValue(matrix));
+    }
+
+    @NonNull
+    private static <T> Map<String, Integer> toNameIndexMap(List<T> collection,
+        Function<T, String> nameGetter) {
+        Map<String, Integer> indexMap = new HashMap<>();
+        for (int i = 0; i < collection.size(); i++) {
+            var item = collection.get(i);
+            indexMap.put(nameGetter.apply(item), i);
+        }
+        return indexMap;
+    }
+
+    Mono<ReasonTypeNotifierMatrix> listReasonTypeNotifierMatrix(String username) {
+        return client.list(ReasonType.class, null, Comparators.defaultComparator())
+            .map(reasonType -> new ReasonTypeInfo(reasonType.getMetadata().getName(),
+                reasonType.getSpec().getDisplayName(),
+                reasonType.getSpec().getDescription())
+            )
+            .collectList()
+            .flatMap(reasonTypes -> client.list(NotifierDescriptor.class, null,
+                    Comparators.defaultComparator())
+                .map(notifier -> new NotifierInfo(notifier.getMetadata().getName(),
+                    notifier.getSpec().getDisplayName(),
+                    notifier.getSpec().getDescription())
+                )
+                .collectList()
+                .map(notifiers -> {
+                    var matrix = new ReasonTypeNotifierMatrix()
+                        .setReasonTypes(reasonTypes)
+                        .setNotifiers(notifiers)
+                        .setStateMatrix(new boolean[reasonTypes.size()][notifiers.size()]);
+                    return Tuples.of(reasonTypes, matrix);
+                })
+            )
+            .flatMap(tuple2 -> {
+                var reasonTypes = tuple2.getT1();
+                var matrix = tuple2.getT2();
+
+                var reasonTypeIndexMap = toNameIndexMap(reasonTypes, ReasonTypeInfo::name);
+                var notifierIndexMap = toNameIndexMap(matrix.getNotifiers(), NotifierInfo::name);
+                var stateMatrix = matrix.getStateMatrix();
+
+                return userNotificationPreferenceService.getByUser(username)
+                    .doOnNext(preference -> {
+                        var reasonTypeNotifierMap = preference.getReasonTypeNotifier();
+                        for (ReasonTypeInfo reasonType : reasonTypes) {
+                            var reasonTypeIndex = reasonTypeIndexMap.get(reasonType.name());
+                            var notifierNames =
+                                reasonTypeNotifierMap.getNotifiers(reasonType.name());
+                            for (String notifierName : notifierNames) {
+                                var notifierIndex = notifierIndexMap.get(notifierName);
+                                stateMatrix[reasonTypeIndex][notifierIndex] = true;
+                            }
+                        }
+                    })
+                    .thenReturn(matrix);
+            });
+    }
+
+    @Data
+    @Accessors(chain = true)
+    static class ReasonTypeNotifierMatrix {
+        private List<ReasonTypeInfo> reasonTypes;
+        private List<NotifierInfo> notifiers;
+        private boolean[][] stateMatrix;
+    }
+
+    record ReasonTypeInfo(String name, String displayName, String description) {
+    }
+
+    record NotifierInfo(String name, String displayName, String description) {
+    }
+
+    record ReasonTypeNotifierCollectionRequest(
+        @Schema(requiredMode = REQUIRED) List<ReasonTypeNotifierRequest> reasonTypeNotifiers) {
+    }
+
+    @Data
+    static class ReasonTypeNotifierRequest {
+        private String reasonType;
+        private List<String> notifiers;
+    }
+
+    @Override
+    public GroupVersion groupVersion() {
+        return GroupVersion.parseAPIVersion("api.notification.halo.run/v1alpha1");
+    }
+}
diff --git a/application/src/main/java/run/halo/app/search/post/LucenePostSearchService.java b/application/src/main/java/run/halo/app/search/post/LucenePostSearchService.java
index 9c31c6ec37..5cfd2960b3 100644
--- a/application/src/main/java/run/halo/app/search/post/LucenePostSearchService.java
+++ b/application/src/main/java/run/halo/app/search/post/LucenePostSearchService.java
@@ -1,5 +1,6 @@
 package run.halo.app.search.post;
 
+import static org.apache.commons.lang3.StringUtils.defaultString;
 import static org.apache.lucene.document.Field.Store.YES;
 import static org.apache.lucene.index.IndexWriterConfig.OpenMode.CREATE_OR_APPEND;
 
@@ -40,7 +41,6 @@
 import org.springframework.beans.factory.DisposableBean;
 import org.springframework.stereotype.Service;
 import org.springframework.util.StopWatch;
-import reactor.core.Exceptions;
 import run.halo.app.infra.properties.HaloProperties;
 import run.halo.app.search.SearchParam;
 import run.halo.app.search.SearchResult;
@@ -121,16 +121,17 @@ public void addDocuments(List<PostDoc> posts) throws IOException {
         writeConfig.setOpenMode(CREATE_OR_APPEND);
         try (var writer = new IndexWriter(postIndexDir, writeConfig)) {
             posts.forEach(post -> {
-                var doc = this.convert(post);
                 try {
+                    var doc = this.convert(post);
                     var seqNum =
                         writer.updateDocument(new Term(PostDoc.ID_FIELD, post.name()), doc);
                     if (log.isDebugEnabled()) {
                         log.debug("Updated document({}) with sequence number {} returned",
                             post.name(), seqNum);
                     }
-                } catch (IOException e) {
-                    throw Exceptions.propagate(e);
+                } catch (Throwable e) {
+                    // Continue next update
+                    log.error("Failed to update document for post {}", post.name(), e);
                 }
             });
         }
@@ -180,8 +181,8 @@ private Document convert(PostDoc post) {
         var doc = new Document();
         doc.add(new StringField("name", post.name(), YES));
         doc.add(new TextField("title", post.title(), YES));
-        doc.add(new TextField("excerpt", post.excerpt(), YES));
-        doc.add(new TextField("content", post.content(), YES));
+        doc.add(new TextField("excerpt", defaultString(post.excerpt()), YES));
+        doc.add(new TextField("content", defaultString(post.content()), YES));
 
         var publishTimestamp = post.publishTimestamp().getEpochSecond();
         doc.add(new LongPoint("publishTimestamp", publishTimestamp));
diff --git a/application/src/main/java/run/halo/app/security/authentication/pat/impl/UserScopedPatHandlerImpl.java b/application/src/main/java/run/halo/app/security/authentication/pat/impl/UserScopedPatHandlerImpl.java
index 855334726b..833862c5a6 100644
--- a/application/src/main/java/run/halo/app/security/authentication/pat/impl/UserScopedPatHandlerImpl.java
+++ b/application/src/main/java/run/halo/app/security/authentication/pat/impl/UserScopedPatHandlerImpl.java
@@ -11,11 +11,11 @@
 import java.util.List;
 import java.util.Objects;
 import java.util.function.Predicate;
+import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
 import org.springframework.security.core.Authentication;
 import org.springframework.security.core.GrantedAuthority;
 import org.springframework.security.core.context.ReactiveSecurityContextHolder;
 import org.springframework.security.core.context.SecurityContext;
-import org.springframework.security.core.userdetails.UserDetails;
 import org.springframework.security.oauth2.jose.jws.SignatureAlgorithm;
 import org.springframework.security.oauth2.jwt.JwsHeader;
 import org.springframework.security.oauth2.jwt.JwtClaimsSet;
@@ -86,10 +86,9 @@ public void setClock(Clock clock) {
     }
 
     private static Mono<Authentication> mustBeRealUser(Mono<Authentication> authentication) {
-        return authentication.filter(auth -> auth.getPrincipal() instanceof UserDetails)
+        return authentication.filter(UsernamePasswordAuthenticationToken.class::isInstance)
             // Non-username-password authentication could not access the API at any time.
-            .switchIfEmpty(
-                Mono.defer(() -> Mono.error(new AccessDeniedException())));
+            .switchIfEmpty(Mono.error(AccessDeniedException::new));
     }
 
     @Override
diff --git a/application/src/main/java/run/halo/app/theme/ThemeConfiguration.java b/application/src/main/java/run/halo/app/theme/ThemeConfiguration.java
index 1a921761b6..08e81cbebb 100644
--- a/application/src/main/java/run/halo/app/theme/ThemeConfiguration.java
+++ b/application/src/main/java/run/halo/app/theme/ThemeConfiguration.java
@@ -8,7 +8,10 @@
 import java.nio.file.Path;
 import java.time.Instant;
 import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.factory.ObjectProvider;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnProperty;
 import org.springframework.boot.autoconfigure.web.WebProperties;
+import org.springframework.boot.info.BuildProperties;
 import org.springframework.context.annotation.Bean;
 import org.springframework.context.annotation.Configuration;
 import org.springframework.core.io.FileSystemResource;
@@ -21,8 +24,10 @@
 import reactor.core.publisher.Mono;
 import run.halo.app.infra.ThemeRootGetter;
 import run.halo.app.infra.utils.FileUtils;
+import run.halo.app.theme.dialect.GeneratorMetaProcessor;
 import run.halo.app.theme.dialect.HaloSpringSecurityDialect;
 import run.halo.app.theme.dialect.LinkExpressionObjectDialect;
+import run.halo.app.theme.dialect.TemplateHeadProcessor;
 
 /**
  * @author guqing
@@ -86,4 +91,12 @@ SpringSecurityDialect springSecurityDialect(
         ServerSecurityContextRepository securityContextRepository) {
         return new HaloSpringSecurityDialect(securityContextRepository);
     }
+
+    @Bean
+    @ConditionalOnProperty(name = "halo.theme.generator-meta-disabled",
+        havingValue = "false",
+        matchIfMissing = true)
+    TemplateHeadProcessor generatorMetaProcessor(ObjectProvider<BuildProperties> buildProperties) {
+        return new GeneratorMetaProcessor(buildProperties);
+    }
 }
diff --git a/application/src/main/java/run/halo/app/theme/dialect/GeneratorMetaProcessor.java b/application/src/main/java/run/halo/app/theme/dialect/GeneratorMetaProcessor.java
new file mode 100644
index 0000000000..ca2ee56cd5
--- /dev/null
+++ b/application/src/main/java/run/halo/app/theme/dialect/GeneratorMetaProcessor.java
@@ -0,0 +1,43 @@
+package run.halo.app.theme.dialect;
+
+import static org.thymeleaf.model.AttributeValueQuotes.DOUBLE;
+
+import java.util.Map;
+import org.springframework.beans.factory.ObjectProvider;
+import org.springframework.boot.info.BuildProperties;
+import org.springframework.core.annotation.Order;
+import org.thymeleaf.context.ITemplateContext;
+import org.thymeleaf.model.IModel;
+import org.thymeleaf.processor.element.IElementModelStructureHandler;
+import reactor.core.publisher.Mono;
+
+/**
+ * Processor for generating generator meta.
+ * Set the order to 0 for removing the meta in later TemplateHeadProcessor.
+ *
+ * @author johnniang
+ */
+@Order(0)
+public class GeneratorMetaProcessor implements TemplateHeadProcessor {
+
+    private final String generatorValue;
+
+    public GeneratorMetaProcessor(ObjectProvider<BuildProperties> buildProperties) {
+        this.generatorValue = "Halo " + buildProperties.stream().findFirst()
+            .map(BuildProperties::getVersion)
+            .orElse("Unknown");
+    }
+
+    @Override
+    public Mono<Void> process(ITemplateContext context, IModel model,
+        IElementModelStructureHandler structureHandler) {
+        return Mono.fromRunnable(() -> {
+            var modelFactory = context.getModelFactory();
+            var generatorMeta = modelFactory.createStandaloneElementTag("meta",
+                Map.of("name", "generator", "content", generatorValue),
+                DOUBLE, false, true);
+            model.add(generatorMeta);
+        });
+    }
+
+}
diff --git a/application/src/main/java/run/halo/app/theme/finders/CommentFinder.java b/application/src/main/java/run/halo/app/theme/finders/CommentFinder.java
index a8cb0a2107..88a22a34bf 100644
--- a/application/src/main/java/run/halo/app/theme/finders/CommentFinder.java
+++ b/application/src/main/java/run/halo/app/theme/finders/CommentFinder.java
@@ -1,10 +1,10 @@
 package run.halo.app.theme.finders;
 
+import java.util.Map;
 import org.springframework.lang.Nullable;
 import reactor.core.publisher.Mono;
 import run.halo.app.core.extension.content.Comment;
 import run.halo.app.extension.ListResult;
-import run.halo.app.extension.Ref;
 import run.halo.app.theme.finders.vo.CommentVo;
 import run.halo.app.theme.finders.vo.ReplyVo;
 
@@ -18,7 +18,7 @@ public interface CommentFinder {
 
     Mono<CommentVo> getByName(String name);
 
-    Mono<ListResult<CommentVo>> list(@Nullable Ref ref, @Nullable Integer page,
+    Mono<ListResult<CommentVo>> list(@Nullable Map<String, String> ref, @Nullable Integer page,
         @Nullable Integer size);
 
     Mono<ListResult<ReplyVo>> listReply(String commentName, @Nullable Integer page,
diff --git a/application/src/main/java/run/halo/app/theme/finders/impl/CommentFinderImpl.java b/application/src/main/java/run/halo/app/theme/finders/impl/CommentFinderImpl.java
index 184537a81d..08c6e4c53b 100644
--- a/application/src/main/java/run/halo/app/theme/finders/impl/CommentFinderImpl.java
+++ b/application/src/main/java/run/halo/app/theme/finders/impl/CommentFinderImpl.java
@@ -1,5 +1,6 @@
 package run.halo.app.theme.finders.impl;
 
+import java.util.Map;
 import lombok.RequiredArgsConstructor;
 import reactor.core.publisher.Mono;
 import run.halo.app.extension.ListResult;
@@ -28,7 +29,15 @@ public Mono<CommentVo> getByName(String name) {
     }
 
     @Override
-    public Mono<ListResult<CommentVo>> list(Ref ref, Integer page, Integer size) {
+    public Mono<ListResult<CommentVo>> list(Map<String, String> map, Integer page, Integer size) {
+        if (map == null) {
+            return commentPublicQueryService.list(null, page, size);
+        }
+        Ref ref = new Ref();
+        ref.setGroup(map.get("group"));
+        ref.setVersion(map.get("version"));
+        ref.setKind(map.get("kind"));
+        ref.setName(map.get("name"));
         return commentPublicQueryService.list(ref, page, size);
     }
 
diff --git a/application/src/main/java/run/halo/app/theme/finders/vo/ContributorVo.java b/application/src/main/java/run/halo/app/theme/finders/vo/ContributorVo.java
index 99eb599f1e..06396bc750 100644
--- a/application/src/main/java/run/halo/app/theme/finders/vo/ContributorVo.java
+++ b/application/src/main/java/run/halo/app/theme/finders/vo/ContributorVo.java
@@ -4,6 +4,7 @@
 import lombok.ToString;
 import lombok.Value;
 import run.halo.app.core.extension.User;
+import run.halo.app.extension.MetadataOperator;
 
 /**
  * A value object for {@link run.halo.app.core.extension.User}.
@@ -14,7 +15,8 @@
 @Value
 @ToString
 @Builder
-public class ContributorVo {
+public class ContributorVo implements ExtensionVoOperator {
+
     String name;
 
     String displayName;
@@ -25,6 +27,8 @@ public class ContributorVo {
 
     String permalink;
 
+    MetadataOperator metadata;
+
     /**
      * Convert {@link User} to {@link ContributorVo}.
      *
@@ -39,6 +43,7 @@ public static ContributorVo from(User user) {
             .avatar(user.getSpec().getAvatar())
             .bio(user.getSpec().getBio())
             .permalink(permalink)
+            .metadata(user.getMetadata())
             .build();
     }
 }
diff --git a/application/src/main/resources/application-dev.yaml b/application/src/main/resources/application-dev.yaml
index fe6250e8ed..ddc6b95210 100644
--- a/application/src/main/resources/application-dev.yaml
+++ b/application/src/main/resources/application-dev.yaml
@@ -19,6 +19,10 @@ halo:
     proxy:
       endpoint: http://localhost:3000/
       enabled: true
+  uc:
+    proxy:
+      endpoint: http://localhost:4000/
+      enabled: true
   plugin:
     runtime-mode: development # development, deployment
   work-dir: ${user.home}/halo2-dev
diff --git a/application/src/main/resources/extensions/notification-templates.yaml b/application/src/main/resources/extensions/notification-templates.yaml
index 7f88488934..efee330588 100644
--- a/application/src/main/resources/extensions/notification-templates.yaml
+++ b/application/src/main/resources/extensions/notification-templates.yaml
@@ -7,11 +7,11 @@ spec:
     reasonType: new-comment-on-post
     language: default
   template:
-    title: "[(${commenter})] 评论了您的文章《[(${postTitle})]》"
+    title: "[(${commenter})] 评论了你的文章《[(${postTitle})]》"
     rawBody: |
       [(${subscriber.displayName})] 你好：
 
-        [(${commenter})] 评论了您的文章 《[(${postTitle})]》，以下是评论的具体内容：
+        [(${commenter})] 评论了你的文章 《[(${postTitle})]》，以下是评论的具体内容：
 
         [(${content})]
     htmlBody: |
@@ -21,7 +21,7 @@ spec:
         </div>
         <div class="body">
           <p>
-            <span th:text="${commenter}"></span> 评论了您的文章
+            <span th:text="${commenter}"></span> 评论了你的文章
             <a th:href="${postUrl}" target="_blank" th:text="|《${postTitle}》|"></a>
             <span>，以下是评论的具体内容：</span>
           </p>
@@ -40,11 +40,11 @@ spec:
     reasonType: new-comment-on-single-page
     language: default
   template:
-    title: "[(${commenter})] 评论了您的页面《[(${pageTitle})]》"
+    title: "[(${commenter})] 评论了你的页面《[(${pageTitle})]》"
     rawBody: |
       [(${subscriber.displayName})] 你好：
 
-        [(${commenter})] 评论了您的页面 《[(${pageTitle})]》，以下是评论的具体内容：
+        [(${commenter})] 评论了你的页面 《[(${pageTitle})]》，以下是评论的具体内容：
 
         [(${content})]
     htmlBody: |
@@ -54,7 +54,7 @@ spec:
         </div>
         <div class="body">
           <p>
-            <span th:text="${commenter}"></span> 评论了您的页面
+            <span th:text="${commenter}"></span> 评论了你的页面
             <a th:href="${pageUrl}" target="_blank" th:text="|《${pageTitle}》|"></a>
             <span>，以下是评论的具体内容：</span>
           </p>
@@ -73,11 +73,11 @@ spec:
     reasonType: someone-replied-to-you
     language: default
   template:
-    title: "[(${replier})] 在评论中回复了您"
+    title: "[(${replier})] 在评论中回复了你"
     rawBody: |
       [(${subscriber.displayName})] 你好：
 
-        [(${replier})] 在评论“[(${isQuoteReply ? quoteContent : commentContent})]”中回复了您，以下是回复的具体内容：
+        [(${replier})] 在评论“[(${isQuoteReply ? quoteContent : commentContent})]”中回复了你，以下是回复的具体内容：
 
         [(${content})]
     htmlBody: |
@@ -93,7 +93,7 @@ spec:
               target="_blank"
               th:text="|”${isQuoteReply ? quoteContent : commentContent}”|"
             ></a>
-            <span>中回复了您，以下是回复的具体内容：</span>
+            <span>中回复了你，以下是回复的具体内容：</span>
           </p>
           <pre class="content" th:text="${content}"></pre>
         </div>
diff --git a/application/src/main/resources/extensions/notification.yaml b/application/src/main/resources/extensions/notification.yaml
index 67dcb39ed0..b50cf5b6dd 100644
--- a/application/src/main/resources/extensions/notification.yaml
+++ b/application/src/main/resources/extensions/notification.yaml
@@ -19,25 +19,46 @@ spec:
     - group: sender
       label: 发件设置
       formSchema:
+        - $formkit: checkbox
+          label: "启用邮件通知器"
+          value: false
+          name: enable
         - $formkit: text
+          if: "$enable"
           label: "用户名"
           name: username
           validation: required
         - $formkit: password
+          if: "$enable"
           label: "密码"
           name: password
           validation: required
         - $formkit: text
+          if: "$enable"
           label: "显示名称"
           name: displayName
         - $formkit: text
+          if: "$enable"
           label: "SMTP 服务器地址"
           name: host
           validation: required
         - $formkit: text
+          if: "$enable"
           label: "端口号"
           name: port
           validation: required
+        - $formkit: select
+          if: "$enable"
+          label: "加密方式"
+          name: encryption
+          value: "SSL"
+          options:
+            - label: "SSL"
+              value: "SSL"
+            - label: "TLS"
+              value: "TLS"
+            - label: "不加密"
+              value: "NONE"
 ---
 apiVersion: notification.halo.run/v1alpha1
 kind: ReasonType
diff --git a/application/src/main/resources/extensions/role-template-authenticated.yaml b/application/src/main/resources/extensions/role-template-authenticated.yaml
index 0424b7544c..dff7d74dcc 100644
--- a/application/src/main/resources/extensions/role-template-authenticated.yaml
+++ b/application/src/main/resources/extensions/role-template-authenticated.yaml
@@ -129,3 +129,6 @@ rules:
   - apiGroups: [ "api.notification.halo.run" ]
     resources: [ "notifiers/receiver-config" ]
     verbs: [ "get", "update" ]
+  - apiGroups: [ "api.notification.halo.run" ]
+    resources: [ "notification-preferences" ]
+    verbs: [ "create", "list" ]
diff --git a/application/src/main/resources/extensions/role-template-plugin.yaml b/application/src/main/resources/extensions/role-template-plugin.yaml
index e3e9bc1bd8..82ff040a29 100644
--- a/application/src/main/resources/extensions/role-template-plugin.yaml
+++ b/application/src/main/resources/extensions/role-template-plugin.yaml
@@ -17,7 +17,7 @@ rules:
     verbs: [ "create", "patch", "update", "delete", "deletecollection" ]
   - apiGroups: [ "api.console.halo.run" ]
     resources: [ "plugins/upgrade", "plugins/resetconfig", "plugins/config", "plugins/reload",
-                 "plugins/install-from-uri", "plugins/upgrade-from-uri" ]
+                 "plugins/install-from-uri", "plugins/upgrade-from-uri", "plugins/plugin-state" ]
     verbs: [ "*" ]
   - apiGroups: [ "api.console.halo.run" ]
     resources: [ "plugin-presets" ]
diff --git a/application/src/main/resources/themes/theme-earth.zip b/application/src/main/resources/themes/theme-earth.zip
index e319fbd608..f9182b72ad 100644
Binary files a/application/src/main/resources/themes/theme-earth.zip and b/application/src/main/resources/themes/theme-earth.zip differ
diff --git a/application/src/test/java/run/halo/app/core/extension/endpoint/PostEndpointTest.java b/application/src/test/java/run/halo/app/core/extension/endpoint/PostEndpointTest.java
index c39792a7c7..8846b2f76d 100644
--- a/application/src/test/java/run/halo/app/core/extension/endpoint/PostEndpointTest.java
+++ b/application/src/test/java/run/halo/app/core/extension/endpoint/PostEndpointTest.java
@@ -50,6 +50,7 @@ class PostEndpointTest {
 
     @BeforeEach
     void setUp() {
+        postEndpoint.setMaxAttemptsWaitForPublish(3);
         webTestClient = WebTestClient
             .bindToRouterFunction(postEndpoint.endpoint())
             .build();
@@ -170,7 +171,7 @@ void shouldFailIfWaitTimeoutForPublishedStatus() {
             .is5xxServerError();
 
         // Verify WebClient retry behavior
-        verify(client, times(12)).get(eq(Post.class), eq("post-1"));
+        verify(client, times(5)).get(eq(Post.class), eq("post-1"));
         verify(client).update(any(Post.class));
     }
 
diff --git a/application/src/test/java/run/halo/app/notification/endpoint/SubscriptionRouterTest.java b/application/src/test/java/run/halo/app/notification/endpoint/SubscriptionRouterTest.java
index 4240d09ed2..8bff1c1386 100644
--- a/application/src/test/java/run/halo/app/notification/endpoint/SubscriptionRouterTest.java
+++ b/application/src/test/java/run/halo/app/notification/endpoint/SubscriptionRouterTest.java
@@ -3,6 +3,7 @@
 import static org.assertj.core.api.Assertions.assertThat;
 import static org.mockito.Mockito.when;
 
+import java.net.MalformedURLException;
 import java.net.URI;
 import org.junit.jupiter.api.Test;
 import org.junit.jupiter.api.extension.ExtendWith;
@@ -11,7 +12,6 @@
 import org.mockito.junit.jupiter.MockitoExtension;
 import run.halo.app.core.extension.notification.Subscription;
 import run.halo.app.extension.Metadata;
-import run.halo.app.extension.ReactiveExtensionClient;
 import run.halo.app.infra.ExternalUrlSupplier;
 
 /**
@@ -23,9 +23,6 @@
 @ExtendWith(MockitoExtension.class)
 class SubscriptionRouterTest {
 
-    @Mock
-    private ReactiveExtensionClient client;
-
     @Mock
     private ExternalUrlSupplier externalUrlSupplier;
 
@@ -33,8 +30,8 @@ class SubscriptionRouterTest {
     SubscriptionRouter subscriptionRouter;
 
     @Test
-    void getUnsubscribeUrlTest() {
-        when(externalUrlSupplier.get()).thenReturn(URI.create("https://halo.run"));
+    void getUnsubscribeUrlTest() throws MalformedURLException {
+        when(externalUrlSupplier.getRaw()).thenReturn(URI.create("https://halo.run").toURL());
         var subscription = new Subscription();
         subscription.setMetadata(new Metadata());
         subscription.getMetadata().setName("fake-subscription");
@@ -46,5 +43,4 @@ void getUnsubscribeUrlTest() {
             + "/subscriptions/fake-subscription/unsubscribe"
             + "?token=fake-unsubscribe-token");
     }
-
-}
\ No newline at end of file
+}
diff --git a/application/src/test/java/run/halo/app/notification/endpoint/UserNotificationPreferencesEndpointTest.java b/application/src/test/java/run/halo/app/notification/endpoint/UserNotificationPreferencesEndpointTest.java
new file mode 100644
index 0000000000..f5aa3352c5
--- /dev/null
+++ b/application/src/test/java/run/halo/app/notification/endpoint/UserNotificationPreferencesEndpointTest.java
@@ -0,0 +1,71 @@
+package run.halo.app.notification.endpoint;
+
+import static org.mockito.ArgumentMatchers.any;
+import static org.mockito.ArgumentMatchers.eq;
+import static org.mockito.Mockito.when;
+
+import org.junit.jupiter.api.BeforeEach;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.extension.ExtendWith;
+import org.mockito.InjectMocks;
+import org.mockito.Mock;
+import org.mockito.junit.jupiter.MockitoExtension;
+import org.springframework.test.web.reactive.server.WebTestClient;
+import reactor.core.publisher.Flux;
+import reactor.core.publisher.Mono;
+import run.halo.app.core.extension.notification.NotifierDescriptor;
+import run.halo.app.core.extension.notification.ReasonType;
+import run.halo.app.extension.ReactiveExtensionClient;
+import run.halo.app.notification.UserNotificationPreferenceService;
+
+/**
+ * Tests for {@link UserNotificationPreferencesEndpoint}.
+ *
+ * @author guqing
+ * @since 2.10.0
+ */
+@ExtendWith(MockitoExtension.class)
+class UserNotificationPreferencesEndpointTest {
+
+    @Mock
+    private ReactiveExtensionClient client;
+
+    @Mock
+    private UserNotificationPreferenceService userNotificationPreferenceService;
+
+    @InjectMocks
+    private UserNotificationPreferencesEndpoint userNotificationPreferencesEndpoint;
+
+    private WebTestClient webTestClient;
+
+    @BeforeEach
+    void setUp() {
+        webTestClient = WebTestClient
+            .bindToRouterFunction(userNotificationPreferencesEndpoint.endpoint())
+            .build();
+    }
+
+    @Test
+    void listNotificationPreferences() {
+        when(client.list(eq(ReasonType.class), eq(null), any())).thenReturn(Flux.empty());
+        when(client.list(eq(NotifierDescriptor.class), eq(null), any())).thenReturn(Flux.empty());
+        when(userNotificationPreferenceService.getByUser(any())).thenReturn(Mono.empty());
+        webTestClient.post()
+            .uri("/userspaces/{username}/notification-preferences", "guqing")
+            .exchange()
+            .expectStatus()
+            .isOk();
+    }
+
+    @Test
+    void saveNotificationPreferences() {
+        when(client.list(eq(ReasonType.class), eq(null), any())).thenReturn(Flux.empty());
+        when(client.list(eq(NotifierDescriptor.class), eq(null), any())).thenReturn(Flux.empty());
+        when(userNotificationPreferenceService.getByUser(any())).thenReturn(Mono.empty());
+        webTestClient.post()
+            .uri("/userspaces/{username}/notification-preferences", "guqing")
+            .exchange()
+            .expectStatus()
+            .isOk();
+    }
+}
\ No newline at end of file
diff --git a/application/src/test/java/run/halo/app/theme/dialect/GeneratorMetaProcessorTest.java b/application/src/test/java/run/halo/app/theme/dialect/GeneratorMetaProcessorTest.java
new file mode 100644
index 0000000000..a732d7aecd
--- /dev/null
+++ b/application/src/test/java/run/halo/app/theme/dialect/GeneratorMetaProcessorTest.java
@@ -0,0 +1,59 @@
+package run.halo.app.theme.dialect;
+
+import static org.mockito.ArgumentMatchers.any;
+import static org.mockito.Mockito.when;
+
+import java.io.FileNotFoundException;
+import java.net.URISyntaxException;
+import java.nio.file.Path;
+import org.junit.jupiter.api.BeforeEach;
+import org.junit.jupiter.api.Test;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.test.autoconfigure.web.reactive.AutoConfigureWebTestClient;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.boot.test.mock.mockito.MockBean;
+import org.springframework.test.web.reactive.server.WebTestClient;
+import org.springframework.util.ResourceUtils;
+import org.springframework.web.server.ServerWebExchange;
+import reactor.core.publisher.Mono;
+import run.halo.app.infra.InitializationStateGetter;
+import run.halo.app.theme.ThemeContext;
+import run.halo.app.theme.ThemeResolver;
+
+@SpringBootTest
+@AutoConfigureWebTestClient
+class GeneratorMetaProcessorTest {
+
+    @Autowired
+    WebTestClient webClient;
+
+    @MockBean
+    InitializationStateGetter initializationStateGetter;
+
+    @MockBean
+    ThemeResolver themeResolver;
+
+    @BeforeEach
+    void setUp() throws FileNotFoundException, URISyntaxException {
+        when(initializationStateGetter.userInitialized()).thenReturn(Mono.just(true));
+        var themeContext = ThemeContext.builder()
+            .name("default")
+            .path(Path.of(ResourceUtils.getURL("classpath:themes/default").toURI()))
+            .active(true)
+            .build();
+        when(themeResolver.getTheme(any(ServerWebExchange.class)))
+            .thenReturn(Mono.just(themeContext));
+    }
+
+    @Test
+    void requestIndexPage() {
+        webClient.get().uri("/")
+            .exchange()
+            .expectStatus().isOk()
+            .expectBody()
+            .consumeWith(System.out::println)
+            .xpath("/html/head/meta[@name=\"generator\"][starts-with(@content, \"Halo \")]")
+            .exists();
+    }
+
+}
diff --git a/application/src/test/java/run/halo/app/theme/message/ThemeMessageResolverIntegrationTest.java b/application/src/test/java/run/halo/app/theme/message/ThemeMessageResolverIntegrationTest.java
index dc63f6b44d..6948c4e96c 100644
--- a/application/src/test/java/run/halo/app/theme/message/ThemeMessageResolverIntegrationTest.java
+++ b/application/src/test/java/run/halo/app/theme/message/ThemeMessageResolverIntegrationTest.java
@@ -68,21 +68,9 @@ void messageResolverWhenDefaultTheme() {
             .exchange()
             .expectStatus()
             .isOk()
-            .expectBody(String.class)
-            .isEqualTo("""
-                <!DOCTYPE html>
-                <html lang="en">
-                <head>
-                    <meta charset="UTF-8">
-                    <title>Title</title>
-                </head>
-                <body>
-                index
-                <div>zh</div>
-                <div>欢迎来到首页</div>
-                </body>
-                </html>
-                """);
+            .expectBody()
+            .xpath("/html/body/div[1]").isEqualTo("zh")
+            .xpath("/html/body/div[2]").isEqualTo("欢迎来到首页");
     }
 
     @Test
@@ -92,21 +80,9 @@ void messageResolverForEnLanguageWhenDefaultTheme() {
             .exchange()
             .expectStatus()
             .isOk()
-            .expectBody(String.class)
-            .isEqualTo("""
-                <!DOCTYPE html>
-                <html lang="en">
-                <head>
-                    <meta charset="UTF-8">
-                    <title>Title</title>
-                </head>
-                <body>
-                index
-                <div>en</div>
-                <div>Welcome to the index</div>
-                </body>
-                </html>
-                """);
+            .expectBody()
+            .xpath("/html/body/div[1]").isEqualTo("en")
+            .xpath("/html/body/div[2]").isEqualTo("Welcome to the index");
     }
 
     @Test
@@ -116,21 +92,9 @@ void shouldUseDefaultWhenLanguageNotSupport() {
             .exchange()
             .expectStatus()
             .isOk()
-            .expectBody(String.class)
-            .isEqualTo("""
-                <!DOCTYPE html>
-                <html lang="en">
-                <head>
-                    <meta charset="UTF-8">
-                    <title>Title</title>
-                </head>
-                <body>
-                index
-                <div>foo</div>
-                <div>欢迎来到首页</div>
-                </body>
-                </html>
-                """);
+            .expectBody()
+            .xpath("/html/body/div[1]").isEqualTo("foo")
+            .xpath("/html/body/div[2]").isEqualTo("欢迎来到首页");
     }
 
     @Test
@@ -140,21 +104,11 @@ void switchTheme() throws URISyntaxException {
             .exchange()
             .expectStatus()
             .isOk()
-            .expectBody(String.class)
-            .isEqualTo("""
-                <!DOCTYPE html>
-                <html lang="en">
-                <head>
-                    <meta charset="UTF-8">
-                    <title>Title</title>
-                </head>
-                <body>
-                index
-                <div>zh</div>
-                <div>欢迎来到首页</div>
-                </body>
-                </html>
-                """);
+            .expectBody()
+            .xpath("/html/head/title").isEqualTo("Title")
+            .xpath("/html/body/div[1]").isEqualTo("zh")
+            .xpath("/html/body/div[2]").isEqualTo("欢迎来到首页")
+        ;
 
         // For other theme
         when(themeResolver.getTheme(any(ServerWebExchange.class)))
@@ -162,35 +116,16 @@ void switchTheme() throws URISyntaxException {
         webTestClient.get()
             .uri("/index?language=zh")
             .exchange()
-            .expectBody(String.class)
-            .isEqualTo("""
-                <!DOCTYPE html>
-                <html lang="en">
-                <head>
-                    <meta charset="UTF-8">
-                    <title>Other theme title</title>
-                </head>
-                <body>
-                <p>Other 首页</p>
-                </body>
-                </html>
-                """);
+            .expectBody()
+            .xpath("/html/head/title").isEqualTo("Other theme title")
+            .xpath("/html/body/p").isEqualTo("Other 首页");
+
         webTestClient.get()
             .uri("/index?language=en")
             .exchange()
-            .expectBody(String.class)
-            .isEqualTo("""
-                <!DOCTYPE html>
-                <html lang="en">
-                <head>
-                    <meta charset="UTF-8">
-                    <title>Other theme title</title>
-                </head>
-                <body>
-                <p>other index</p>
-                </body>
-                </html>
-                """);
+            .expectBody()
+            .xpath("/html/head/title").isEqualTo("Other theme title")
+            .xpath("/html/body/p").isEqualTo("other index");
     }
 
     ThemeContext createDefaultContext() throws URISyntaxException {
diff --git a/application/src/test/resources/themes/default/templates/index.html b/application/src/test/resources/themes/default/templates/index.html
index 441ad470cf..7d38411c43 100644
--- a/application/src/test/resources/themes/default/templates/index.html
+++ b/application/src/test/resources/themes/default/templates/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
+    <meta charset="UTF-8"/>
     <title>Title</title>
 </head>
 <body>
diff --git a/application/src/test/resources/themes/other/templates/index.html b/application/src/test/resources/themes/other/templates/index.html
index ca476f69cd..2ecf09eafa 100644
--- a/application/src/test/resources/themes/other/templates/index.html
+++ b/application/src/test/resources/themes/other/templates/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
+    <meta charset="UTF-8"/>
     <title>Other theme title</title>
 </head>
 <body>
diff --git a/console/docs/custom-formkit-input/README.md b/console/docs/custom-formkit-input/README.md
index 3eaf9515d5..1a697b73f2 100644
--- a/console/docs/custom-formkit-input/README.md
+++ b/console/docs/custom-formkit-input/README.md
@@ -19,6 +19,12 @@
   - 参数
     1. min: 最小数量，默认为 `0`
     2. max: 最大数量，默认为 `Infinity`，即无限制。
+    3. addLabel: 添加按钮的文本，默认为 `添加`
+    4. addButton: 是否显示添加按钮，默认为 `true`
+    5. upControl: 是否显示上移按钮，默认为 `true`
+    6. downControl: 是否显示下移按钮，默认为 `true`
+    7. insertControl: 是否显示插入按钮，默认为 `true`
+    8. removeControl: 是否显示删除按钮，默认为 `true`
 - `menuCheckbox`：选择一组菜单
 - `menuRadio`：选择一个菜单
 - `menuItemSelect`：选择菜单项
@@ -37,7 +43,7 @@
 
 ```vue
 <script lang="ts" setup>
-const postName = ref("")
+const postName = ref("");
 </script>
 
 <template>
@@ -67,12 +73,15 @@ Repeater 是一个集合类型的输入组件，可以让使用者可视化的
 
 ```vue
 <script lang="ts" setup>
-const users = ref([])
+const users = ref([]);
 </script>
 
 <template>
   <FormKit
     v-model="users"
+    :min="1"
+    :max="3"
+    addLabel="Add User"
     type="repeater"
     label="Users"
   >
@@ -98,6 +107,9 @@ const users = ref([])
 - $formkit: repeater
   name: users
   label: Users
+  addLabel: Add User
+  min: 1
+  max: 3
   items:
     - $formkit: text
       name: full_name
diff --git a/console/docs/extension-points/entity-listitem-operation.md b/console/docs/extension-points/entity-listitem-operation.md
index fb2588b136..3458b6c5ea 100644
--- a/console/docs/extension-points/entity-listitem-operation.md
+++ b/console/docs/extension-points/entity-listitem-operation.md
@@ -12,6 +12,7 @@
 - 插件：`"plugin:list-item:operation:create"?: (plugin: Ref<Plugin>) => | OperationItem<Plugin>[] | Promise<OperationItem<Plugin>[]>`
 - 备份：`"backup:list-item:operation:create"?: (backup: Ref<Backup>) => | OperationItem<Backup>[] | Promise<OperationItem<Backup>[]>`
 - 主题：`"theme:list-item:operation:create"?: (theme: Ref<Theme>) => | OperationItem<Theme>[] | Promise<OperationItem<Theme>[]>`
+- 附件：`"attachment:list-item:operation:create"?: (attachment: Ref<Attachment>) => | OperationItem<Attachment>[] | Promise<OperationItem<Attachment>[]>`
 
 示例：
 
diff --git a/console/package.json b/console/package.json
index bd6a3f8462..b84e5620af 100644
--- a/console/package.json
+++ b/console/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@halo-dev/console",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "scripts": {
     "prepare": "cd .. && husky install console/.husky",
     "dev": "vite --host",
diff --git a/console/packages/api-client/package.json b/console/packages/api-client/package.json
index 5d4a625810..2f317288ff 100644
--- a/console/packages/api-client/package.json
+++ b/console/packages/api-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@halo-dev/api-client",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "description": "",
   "scripts": {
     "build": "unbuild",
diff --git a/console/packages/api-client/src/.openapi-generator/FILES b/console/packages/api-client/src/.openapi-generator/FILES
index edf8d55b42..b77775a670 100644
--- a/console/packages/api-client/src/.openapi-generator/FILES
+++ b/console/packages/api-client/src/.openapi-generator/FILES
@@ -179,6 +179,7 @@ models/notification.ts
 models/notifier-descriptor-list.ts
 models/notifier-descriptor-spec.ts
 models/notifier-descriptor.ts
+models/notifier-info.ts
 models/notifier-setting-ref.ts
 models/owner-info.ts
 models/pat-spec.ts
@@ -186,6 +187,7 @@ models/personal-access-token-list.ts
 models/personal-access-token.ts
 models/plugin-author.ts
 models/plugin-list.ts
+models/plugin-running-state-request.ts
 models/plugin-spec.ts
 models/plugin-status.ts
 models/plugin.ts
@@ -211,7 +213,11 @@ models/reason-selector.ts
 models/reason-spec-attributes.ts
 models/reason-spec.ts
 models/reason-subject.ts
+models/reason-type-info.ts
 models/reason-type-list.ts
+models/reason-type-notifier-collection-request.ts
+models/reason-type-notifier-matrix.ts
+models/reason-type-notifier-request.ts
 models/reason-type-spec.ts
 models/reason-type.ts
 models/reason.ts
diff --git a/console/packages/api-client/src/api/api-console-halo-run-v1alpha1-plugin-api.ts b/console/packages/api-client/src/api/api-console-halo-run-v1alpha1-plugin-api.ts
index 0372193067..12e8463ddf 100644
--- a/console/packages/api-client/src/api/api-console-halo-run-v1alpha1-plugin-api.ts
+++ b/console/packages/api-client/src/api/api-console-halo-run-v1alpha1-plugin-api.ts
@@ -46,6 +46,8 @@ import { Plugin } from "../models";
 // @ts-ignore
 import { PluginList } from "../models";
 // @ts-ignore
+import { PluginRunningStateRequest } from "../models";
+// @ts-ignore
 import { Setting } from "../models";
 // @ts-ignore
 import { UpgradeFromUriRequest } from "../models";
@@ -57,6 +59,75 @@ export const ApiConsoleHaloRunV1alpha1PluginApiAxiosParamCreator = function (
   configuration?: Configuration
 ) {
   return {
+    /**
+     * Change the running state of a plugin by name.
+     * @param {string} name
+     * @param {PluginRunningStateRequest} pluginRunningStateRequest
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    changePluginRunningState: async (
+      name: string,
+      pluginRunningStateRequest: PluginRunningStateRequest,
+      options: AxiosRequestConfig = {}
+    ): Promise<RequestArgs> => {
+      // verify required parameter 'name' is not null or undefined
+      assertParamExists("changePluginRunningState", "name", name);
+      // verify required parameter 'pluginRunningStateRequest' is not null or undefined
+      assertParamExists(
+        "changePluginRunningState",
+        "pluginRunningStateRequest",
+        pluginRunningStateRequest
+      );
+      const localVarPath =
+        `/apis/api.console.halo.run/v1alpha1/plugins/{name}/plugin-state`.replace(
+          `{${"name"}}`,
+          encodeURIComponent(String(name))
+        );
+      // use dummy base URL string because the URL constructor only accepts absolute URLs.
+      const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+      let baseOptions;
+      if (configuration) {
+        baseOptions = configuration.baseOptions;
+      }
+
+      const localVarRequestOptions = {
+        method: "PUT",
+        ...baseOptions,
+        ...options,
+      };
+      const localVarHeaderParameter = {} as any;
+      const localVarQueryParameter = {} as any;
+
+      // authentication BasicAuth required
+      // http basic authentication required
+      setBasicAuthToObject(localVarRequestOptions, configuration);
+
+      // authentication BearerAuth required
+      // http bearer authentication required
+      await setBearerAuthToObject(localVarHeaderParameter, configuration);
+
+      localVarHeaderParameter["Content-Type"] = "application/json";
+
+      setSearchParams(localVarUrlObj, localVarQueryParameter);
+      let headersFromBaseOptions =
+        baseOptions && baseOptions.headers ? baseOptions.headers : {};
+      localVarRequestOptions.headers = {
+        ...localVarHeaderParameter,
+        ...headersFromBaseOptions,
+        ...options.headers,
+      };
+      localVarRequestOptions.data = serializeDataIfNeeded(
+        pluginRunningStateRequest,
+        localVarRequestOptions,
+        configuration
+      );
+
+      return {
+        url: toPathString(localVarUrlObj),
+        options: localVarRequestOptions,
+      };
+    },
     /**
      * Merge all CSS bundles of enabled plugins into one.
      * @param {*} [options] Override http request option.
@@ -855,6 +926,33 @@ export const ApiConsoleHaloRunV1alpha1PluginApiFp = function (
   const localVarAxiosParamCreator =
     ApiConsoleHaloRunV1alpha1PluginApiAxiosParamCreator(configuration);
   return {
+    /**
+     * Change the running state of a plugin by name.
+     * @param {string} name
+     * @param {PluginRunningStateRequest} pluginRunningStateRequest
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    async changePluginRunningState(
+      name: string,
+      pluginRunningStateRequest: PluginRunningStateRequest,
+      options?: AxiosRequestConfig
+    ): Promise<
+      (axios?: AxiosInstance, basePath?: string) => AxiosPromise<Plugin>
+    > {
+      const localVarAxiosArgs =
+        await localVarAxiosParamCreator.changePluginRunningState(
+          name,
+          pluginRunningStateRequest,
+          options
+        );
+      return createRequestFunction(
+        localVarAxiosArgs,
+        globalAxios,
+        BASE_PATH,
+        configuration
+      );
+    },
     /**
      * Merge all CSS bundles of enabled plugins into one.
      * @param {*} [options] Override http request option.
@@ -1194,6 +1292,24 @@ export const ApiConsoleHaloRunV1alpha1PluginApiFactory = function (
 ) {
   const localVarFp = ApiConsoleHaloRunV1alpha1PluginApiFp(configuration);
   return {
+    /**
+     * Change the running state of a plugin by name.
+     * @param {ApiConsoleHaloRunV1alpha1PluginApiChangePluginRunningStateRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    changePluginRunningState(
+      requestParameters: ApiConsoleHaloRunV1alpha1PluginApiChangePluginRunningStateRequest,
+      options?: AxiosRequestConfig
+    ): AxiosPromise<Plugin> {
+      return localVarFp
+        .changePluginRunningState(
+          requestParameters.name,
+          requestParameters.pluginRunningStateRequest,
+          options
+        )
+        .then((request) => request(axios, basePath));
+    },
     /**
      * Merge all CSS bundles of enabled plugins into one.
      * @param {*} [options] Override http request option.
@@ -1397,6 +1513,27 @@ export const ApiConsoleHaloRunV1alpha1PluginApiFactory = function (
   };
 };
 
+/**
+ * Request parameters for changePluginRunningState operation in ApiConsoleHaloRunV1alpha1PluginApi.
+ * @export
+ * @interface ApiConsoleHaloRunV1alpha1PluginApiChangePluginRunningStateRequest
+ */
+export interface ApiConsoleHaloRunV1alpha1PluginApiChangePluginRunningStateRequest {
+  /**
+   *
+   * @type {string}
+   * @memberof ApiConsoleHaloRunV1alpha1PluginApiChangePluginRunningState
+   */
+  readonly name: string;
+
+  /**
+   *
+   * @type {PluginRunningStateRequest}
+   * @memberof ApiConsoleHaloRunV1alpha1PluginApiChangePluginRunningState
+   */
+  readonly pluginRunningStateRequest: PluginRunningStateRequest;
+}
+
 /**
  * Request parameters for fetchPluginConfig operation in ApiConsoleHaloRunV1alpha1PluginApi.
  * @export
@@ -1635,6 +1772,26 @@ export interface ApiConsoleHaloRunV1alpha1PluginApiUpgradePluginFromUriRequest {
  * @extends {BaseAPI}
  */
 export class ApiConsoleHaloRunV1alpha1PluginApi extends BaseAPI {
+  /**
+   * Change the running state of a plugin by name.
+   * @param {ApiConsoleHaloRunV1alpha1PluginApiChangePluginRunningStateRequest} requestParameters Request parameters.
+   * @param {*} [options] Override http request option.
+   * @throws {RequiredError}
+   * @memberof ApiConsoleHaloRunV1alpha1PluginApi
+   */
+  public changePluginRunningState(
+    requestParameters: ApiConsoleHaloRunV1alpha1PluginApiChangePluginRunningStateRequest,
+    options?: AxiosRequestConfig
+  ) {
+    return ApiConsoleHaloRunV1alpha1PluginApiFp(this.configuration)
+      .changePluginRunningState(
+        requestParameters.name,
+        requestParameters.pluginRunningStateRequest,
+        options
+      )
+      .then((request) => request(this.axios, this.basePath));
+  }
+
   /**
    * Merge all CSS bundles of enabled plugins into one.
    * @param {*} [options] Override http request option.
diff --git a/console/packages/api-client/src/api/api-notification-halo-run-v1alpha1-notification-api.ts b/console/packages/api-client/src/api/api-notification-halo-run-v1alpha1-notification-api.ts
index e6be0e109c..df4dd56664 100644
--- a/console/packages/api-client/src/api/api-notification-halo-run-v1alpha1-notification-api.ts
+++ b/console/packages/api-client/src/api/api-notification-halo-run-v1alpha1-notification-api.ts
@@ -43,6 +43,10 @@ import { MarkSpecifiedRequest } from "../models";
 import { Notification } from "../models";
 // @ts-ignore
 import { NotificationList } from "../models";
+// @ts-ignore
+import { ReasonTypeNotifierCollectionRequest } from "../models";
+// @ts-ignore
+import { ReasonTypeNotifierMatrix } from "../models";
 /**
  * ApiNotificationHaloRunV1alpha1NotificationApi - axios parameter creator
  * @export
@@ -50,6 +54,64 @@ import { NotificationList } from "../models";
 export const ApiNotificationHaloRunV1alpha1NotificationApiAxiosParamCreator =
   function (configuration?: Configuration) {
     return {
+      /**
+       * List notification preferences for the authenticated user.
+       * @param {string} username Username
+       * @param {*} [options] Override http request option.
+       * @throws {RequiredError}
+       */
+      listUserNotificationPreferences: async (
+        username: string,
+        options: AxiosRequestConfig = {}
+      ): Promise<RequestArgs> => {
+        // verify required parameter 'username' is not null or undefined
+        assertParamExists(
+          "listUserNotificationPreferences",
+          "username",
+          username
+        );
+        const localVarPath =
+          `/apis/api.notification.halo.run/v1alpha1/userspaces/{username}/notification-preferences`.replace(
+            `{${"username"}}`,
+            encodeURIComponent(String(username))
+          );
+        // use dummy base URL string because the URL constructor only accepts absolute URLs.
+        const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+        let baseOptions;
+        if (configuration) {
+          baseOptions = configuration.baseOptions;
+        }
+
+        const localVarRequestOptions = {
+          method: "GET",
+          ...baseOptions,
+          ...options,
+        };
+        const localVarHeaderParameter = {} as any;
+        const localVarQueryParameter = {} as any;
+
+        // authentication BasicAuth required
+        // http basic authentication required
+        setBasicAuthToObject(localVarRequestOptions, configuration);
+
+        // authentication BearerAuth required
+        // http bearer authentication required
+        await setBearerAuthToObject(localVarHeaderParameter, configuration);
+
+        setSearchParams(localVarUrlObj, localVarQueryParameter);
+        let headersFromBaseOptions =
+          baseOptions && baseOptions.headers ? baseOptions.headers : {};
+        localVarRequestOptions.headers = {
+          ...localVarHeaderParameter,
+          ...headersFromBaseOptions,
+          ...options.headers,
+        };
+
+        return {
+          url: toPathString(localVarUrlObj),
+          options: localVarRequestOptions,
+        };
+      },
       /**
        * List notifications for the authenticated user.
        * @param {string} username Username
@@ -273,6 +335,73 @@ export const ApiNotificationHaloRunV1alpha1NotificationApiAxiosParamCreator =
           configuration
         );
 
+        return {
+          url: toPathString(localVarUrlObj),
+          options: localVarRequestOptions,
+        };
+      },
+      /**
+       * Save notification preferences for the authenticated user.
+       * @param {string} username Username
+       * @param {ReasonTypeNotifierCollectionRequest} [reasonTypeNotifierCollectionRequest]
+       * @param {*} [options] Override http request option.
+       * @throws {RequiredError}
+       */
+      saveUserNotificationPreferences: async (
+        username: string,
+        reasonTypeNotifierCollectionRequest?: ReasonTypeNotifierCollectionRequest,
+        options: AxiosRequestConfig = {}
+      ): Promise<RequestArgs> => {
+        // verify required parameter 'username' is not null or undefined
+        assertParamExists(
+          "saveUserNotificationPreferences",
+          "username",
+          username
+        );
+        const localVarPath =
+          `/apis/api.notification.halo.run/v1alpha1/userspaces/{username}/notification-preferences`.replace(
+            `{${"username"}}`,
+            encodeURIComponent(String(username))
+          );
+        // use dummy base URL string because the URL constructor only accepts absolute URLs.
+        const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+        let baseOptions;
+        if (configuration) {
+          baseOptions = configuration.baseOptions;
+        }
+
+        const localVarRequestOptions = {
+          method: "POST",
+          ...baseOptions,
+          ...options,
+        };
+        const localVarHeaderParameter = {} as any;
+        const localVarQueryParameter = {} as any;
+
+        // authentication BasicAuth required
+        // http basic authentication required
+        setBasicAuthToObject(localVarRequestOptions, configuration);
+
+        // authentication BearerAuth required
+        // http bearer authentication required
+        await setBearerAuthToObject(localVarHeaderParameter, configuration);
+
+        localVarHeaderParameter["Content-Type"] = "application/json";
+
+        setSearchParams(localVarUrlObj, localVarQueryParameter);
+        let headersFromBaseOptions =
+          baseOptions && baseOptions.headers ? baseOptions.headers : {};
+        localVarRequestOptions.headers = {
+          ...localVarHeaderParameter,
+          ...headersFromBaseOptions,
+          ...options.headers,
+        };
+        localVarRequestOptions.data = serializeDataIfNeeded(
+          reasonTypeNotifierCollectionRequest,
+          localVarRequestOptions,
+          configuration
+        );
+
         return {
           url: toPathString(localVarUrlObj),
           options: localVarRequestOptions,
@@ -293,6 +422,33 @@ export const ApiNotificationHaloRunV1alpha1NotificationApiFp = function (
       configuration
     );
   return {
+    /**
+     * List notification preferences for the authenticated user.
+     * @param {string} username Username
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    async listUserNotificationPreferences(
+      username: string,
+      options?: AxiosRequestConfig
+    ): Promise<
+      (
+        axios?: AxiosInstance,
+        basePath?: string
+      ) => AxiosPromise<ReasonTypeNotifierMatrix>
+    > {
+      const localVarAxiosArgs =
+        await localVarAxiosParamCreator.listUserNotificationPreferences(
+          username,
+          options
+        );
+      return createRequestFunction(
+        localVarAxiosArgs,
+        globalAxios,
+        BASE_PATH,
+        configuration
+      );
+    },
     /**
      * List notifications for the authenticated user.
      * @param {string} username Username
@@ -398,6 +554,36 @@ export const ApiNotificationHaloRunV1alpha1NotificationApiFp = function (
         configuration
       );
     },
+    /**
+     * Save notification preferences for the authenticated user.
+     * @param {string} username Username
+     * @param {ReasonTypeNotifierCollectionRequest} [reasonTypeNotifierCollectionRequest]
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    async saveUserNotificationPreferences(
+      username: string,
+      reasonTypeNotifierCollectionRequest?: ReasonTypeNotifierCollectionRequest,
+      options?: AxiosRequestConfig
+    ): Promise<
+      (
+        axios?: AxiosInstance,
+        basePath?: string
+      ) => AxiosPromise<ReasonTypeNotifierMatrix>
+    > {
+      const localVarAxiosArgs =
+        await localVarAxiosParamCreator.saveUserNotificationPreferences(
+          username,
+          reasonTypeNotifierCollectionRequest,
+          options
+        );
+      return createRequestFunction(
+        localVarAxiosArgs,
+        globalAxios,
+        BASE_PATH,
+        configuration
+      );
+    },
   };
 };
 
@@ -413,6 +599,20 @@ export const ApiNotificationHaloRunV1alpha1NotificationApiFactory = function (
   const localVarFp =
     ApiNotificationHaloRunV1alpha1NotificationApiFp(configuration);
   return {
+    /**
+     * List notification preferences for the authenticated user.
+     * @param {ApiNotificationHaloRunV1alpha1NotificationApiListUserNotificationPreferencesRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    listUserNotificationPreferences(
+      requestParameters: ApiNotificationHaloRunV1alpha1NotificationApiListUserNotificationPreferencesRequest,
+      options?: AxiosRequestConfig
+    ): AxiosPromise<ReasonTypeNotifierMatrix> {
+      return localVarFp
+        .listUserNotificationPreferences(requestParameters.username, options)
+        .then((request) => request(axios, basePath));
+    },
     /**
      * List notifications for the authenticated user.
      * @param {ApiNotificationHaloRunV1alpha1NotificationApiListUserNotificationsRequest} requestParameters Request parameters.
@@ -474,9 +674,41 @@ export const ApiNotificationHaloRunV1alpha1NotificationApiFactory = function (
         )
         .then((request) => request(axios, basePath));
     },
+    /**
+     * Save notification preferences for the authenticated user.
+     * @param {ApiNotificationHaloRunV1alpha1NotificationApiSaveUserNotificationPreferencesRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    saveUserNotificationPreferences(
+      requestParameters: ApiNotificationHaloRunV1alpha1NotificationApiSaveUserNotificationPreferencesRequest,
+      options?: AxiosRequestConfig
+    ): AxiosPromise<ReasonTypeNotifierMatrix> {
+      return localVarFp
+        .saveUserNotificationPreferences(
+          requestParameters.username,
+          requestParameters.reasonTypeNotifierCollectionRequest,
+          options
+        )
+        .then((request) => request(axios, basePath));
+    },
   };
 };
 
+/**
+ * Request parameters for listUserNotificationPreferences operation in ApiNotificationHaloRunV1alpha1NotificationApi.
+ * @export
+ * @interface ApiNotificationHaloRunV1alpha1NotificationApiListUserNotificationPreferencesRequest
+ */
+export interface ApiNotificationHaloRunV1alpha1NotificationApiListUserNotificationPreferencesRequest {
+  /**
+   * Username
+   * @type {string}
+   * @memberof ApiNotificationHaloRunV1alpha1NotificationApiListUserNotificationPreferences
+   */
+  readonly username: string;
+}
+
 /**
  * Request parameters for listUserNotifications operation in ApiNotificationHaloRunV1alpha1NotificationApi.
  * @export
@@ -589,6 +821,27 @@ export interface ApiNotificationHaloRunV1alpha1NotificationApiMarkNotificationsA
   readonly markSpecifiedRequest: MarkSpecifiedRequest;
 }
 
+/**
+ * Request parameters for saveUserNotificationPreferences operation in ApiNotificationHaloRunV1alpha1NotificationApi.
+ * @export
+ * @interface ApiNotificationHaloRunV1alpha1NotificationApiSaveUserNotificationPreferencesRequest
+ */
+export interface ApiNotificationHaloRunV1alpha1NotificationApiSaveUserNotificationPreferencesRequest {
+  /**
+   * Username
+   * @type {string}
+   * @memberof ApiNotificationHaloRunV1alpha1NotificationApiSaveUserNotificationPreferences
+   */
+  readonly username: string;
+
+  /**
+   *
+   * @type {ReasonTypeNotifierCollectionRequest}
+   * @memberof ApiNotificationHaloRunV1alpha1NotificationApiSaveUserNotificationPreferences
+   */
+  readonly reasonTypeNotifierCollectionRequest?: ReasonTypeNotifierCollectionRequest;
+}
+
 /**
  * ApiNotificationHaloRunV1alpha1NotificationApi - object-oriented interface
  * @export
@@ -596,6 +849,22 @@ export interface ApiNotificationHaloRunV1alpha1NotificationApiMarkNotificationsA
  * @extends {BaseAPI}
  */
 export class ApiNotificationHaloRunV1alpha1NotificationApi extends BaseAPI {
+  /**
+   * List notification preferences for the authenticated user.
+   * @param {ApiNotificationHaloRunV1alpha1NotificationApiListUserNotificationPreferencesRequest} requestParameters Request parameters.
+   * @param {*} [options] Override http request option.
+   * @throws {RequiredError}
+   * @memberof ApiNotificationHaloRunV1alpha1NotificationApi
+   */
+  public listUserNotificationPreferences(
+    requestParameters: ApiNotificationHaloRunV1alpha1NotificationApiListUserNotificationPreferencesRequest,
+    options?: AxiosRequestConfig
+  ) {
+    return ApiNotificationHaloRunV1alpha1NotificationApiFp(this.configuration)
+      .listUserNotificationPreferences(requestParameters.username, options)
+      .then((request) => request(this.axios, this.basePath));
+  }
+
   /**
    * List notifications for the authenticated user.
    * @param {ApiNotificationHaloRunV1alpha1NotificationApiListUserNotificationsRequest} requestParameters Request parameters.
@@ -662,4 +931,24 @@ export class ApiNotificationHaloRunV1alpha1NotificationApi extends BaseAPI {
       )
       .then((request) => request(this.axios, this.basePath));
   }
+
+  /**
+   * Save notification preferences for the authenticated user.
+   * @param {ApiNotificationHaloRunV1alpha1NotificationApiSaveUserNotificationPreferencesRequest} requestParameters Request parameters.
+   * @param {*} [options] Override http request option.
+   * @throws {RequiredError}
+   * @memberof ApiNotificationHaloRunV1alpha1NotificationApi
+   */
+  public saveUserNotificationPreferences(
+    requestParameters: ApiNotificationHaloRunV1alpha1NotificationApiSaveUserNotificationPreferencesRequest,
+    options?: AxiosRequestConfig
+  ) {
+    return ApiNotificationHaloRunV1alpha1NotificationApiFp(this.configuration)
+      .saveUserNotificationPreferences(
+        requestParameters.username,
+        requestParameters.reasonTypeNotifierCollectionRequest,
+        options
+      )
+      .then((request) => request(this.axios, this.basePath));
+  }
 }
diff --git a/console/packages/api-client/src/models/contributor-vo.ts b/console/packages/api-client/src/models/contributor-vo.ts
index bc02317f18..ad59631fb3 100644
--- a/console/packages/api-client/src/models/contributor-vo.ts
+++ b/console/packages/api-client/src/models/contributor-vo.ts
@@ -12,6 +12,10 @@
  * Do not edit the class manually.
  */
 
+// May contain unused imports in some cases
+// @ts-ignore
+import { Metadata } from "./metadata";
+
 /**
  *
  * @export
@@ -36,6 +40,12 @@ export interface ContributorVo {
    * @memberof ContributorVo
    */
   displayName?: string;
+  /**
+   *
+   * @type {Metadata}
+   * @memberof ContributorVo
+   */
+  metadata: Metadata;
   /**
    *
    * @type {string}
diff --git a/console/packages/api-client/src/models/index.ts b/console/packages/api-client/src/models/index.ts
index a1f22074de..9307469393 100644
--- a/console/packages/api-client/src/models/index.ts
+++ b/console/packages/api-client/src/models/index.ts
@@ -102,6 +102,7 @@ export * from "./notification-template-spec";
 export * from "./notifier-descriptor";
 export * from "./notifier-descriptor-list";
 export * from "./notifier-descriptor-spec";
+export * from "./notifier-info";
 export * from "./notifier-setting-ref";
 export * from "./owner-info";
 export * from "./pat-spec";
@@ -110,6 +111,7 @@ export * from "./personal-access-token-list";
 export * from "./plugin";
 export * from "./plugin-author";
 export * from "./plugin-list";
+export * from "./plugin-running-state-request";
 export * from "./plugin-spec";
 export * from "./plugin-status";
 export * from "./policy";
@@ -136,7 +138,11 @@ export * from "./reason-spec";
 export * from "./reason-spec-attributes";
 export * from "./reason-subject";
 export * from "./reason-type";
+export * from "./reason-type-info";
 export * from "./reason-type-list";
+export * from "./reason-type-notifier-collection-request";
+export * from "./reason-type-notifier-matrix";
+export * from "./reason-type-notifier-request";
 export * from "./reason-type-spec";
 export * from "./ref";
 export * from "./reply";
diff --git a/console/packages/api-client/src/models/notifier-info.ts b/console/packages/api-client/src/models/notifier-info.ts
new file mode 100644
index 0000000000..f10b6f9f07
--- /dev/null
+++ b/console/packages/api-client/src/models/notifier-info.ts
@@ -0,0 +1,39 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo Next API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+/**
+ *
+ * @export
+ * @interface NotifierInfo
+ */
+export interface NotifierInfo {
+  /**
+   *
+   * @type {string}
+   * @memberof NotifierInfo
+   */
+  description?: string;
+  /**
+   *
+   * @type {string}
+   * @memberof NotifierInfo
+   */
+  displayName?: string;
+  /**
+   *
+   * @type {string}
+   * @memberof NotifierInfo
+   */
+  name?: string;
+}
diff --git a/console/packages/api-client/src/models/plugin-running-state-request.ts b/console/packages/api-client/src/models/plugin-running-state-request.ts
new file mode 100644
index 0000000000..1121d2122b
--- /dev/null
+++ b/console/packages/api-client/src/models/plugin-running-state-request.ts
@@ -0,0 +1,33 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo Next API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+/**
+ *
+ * @export
+ * @interface PluginRunningStateRequest
+ */
+export interface PluginRunningStateRequest {
+  /**
+   *
+   * @type {boolean}
+   * @memberof PluginRunningStateRequest
+   */
+  async?: boolean;
+  /**
+   *
+   * @type {boolean}
+   * @memberof PluginRunningStateRequest
+   */
+  enable?: boolean;
+}
diff --git a/console/packages/api-client/src/models/reason-type-info.ts b/console/packages/api-client/src/models/reason-type-info.ts
new file mode 100644
index 0000000000..1008af2c5e
--- /dev/null
+++ b/console/packages/api-client/src/models/reason-type-info.ts
@@ -0,0 +1,39 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo Next API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+/**
+ *
+ * @export
+ * @interface ReasonTypeInfo
+ */
+export interface ReasonTypeInfo {
+  /**
+   *
+   * @type {string}
+   * @memberof ReasonTypeInfo
+   */
+  description?: string;
+  /**
+   *
+   * @type {string}
+   * @memberof ReasonTypeInfo
+   */
+  displayName?: string;
+  /**
+   *
+   * @type {string}
+   * @memberof ReasonTypeInfo
+   */
+  name?: string;
+}
diff --git a/console/packages/api-client/src/models/reason-type-notifier-collection-request.ts b/console/packages/api-client/src/models/reason-type-notifier-collection-request.ts
new file mode 100644
index 0000000000..908c3b1cd7
--- /dev/null
+++ b/console/packages/api-client/src/models/reason-type-notifier-collection-request.ts
@@ -0,0 +1,31 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo Next API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+// May contain unused imports in some cases
+// @ts-ignore
+import { ReasonTypeNotifierRequest } from "./reason-type-notifier-request";
+
+/**
+ *
+ * @export
+ * @interface ReasonTypeNotifierCollectionRequest
+ */
+export interface ReasonTypeNotifierCollectionRequest {
+  /**
+   *
+   * @type {Array<ReasonTypeNotifierRequest>}
+   * @memberof ReasonTypeNotifierCollectionRequest
+   */
+  reasonTypeNotifiers: Array<ReasonTypeNotifierRequest>;
+}
diff --git a/console/packages/api-client/src/models/reason-type-notifier-matrix-item.ts b/console/packages/api-client/src/models/reason-type-notifier-matrix-item.ts
new file mode 100644
index 0000000000..9cc8784424
--- /dev/null
+++ b/console/packages/api-client/src/models/reason-type-notifier-matrix-item.ts
@@ -0,0 +1,46 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo Next API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+// May contain unused imports in some cases
+// @ts-ignore
+import { NotifierInfo } from "./notifier-info";
+// May contain unused imports in some cases
+// @ts-ignore
+import { ReasonTypeInfo } from "./reason-type-info";
+
+/**
+ *
+ * @export
+ * @interface ReasonTypeNotifierMatrixItem
+ */
+export interface ReasonTypeNotifierMatrixItem {
+  /**
+   *
+   * @type {boolean}
+   * @memberof ReasonTypeNotifierMatrixItem
+   */
+  enabled?: boolean;
+  /**
+   *
+   * @type {NotifierInfo}
+   * @memberof ReasonTypeNotifierMatrixItem
+   */
+  notifier?: NotifierInfo;
+  /**
+   *
+   * @type {ReasonTypeInfo}
+   * @memberof ReasonTypeNotifierMatrixItem
+   */
+  reasonType?: ReasonTypeInfo;
+}
diff --git a/console/packages/api-client/src/models/reason-type-notifier-matrix.ts b/console/packages/api-client/src/models/reason-type-notifier-matrix.ts
new file mode 100644
index 0000000000..3ce315c767
--- /dev/null
+++ b/console/packages/api-client/src/models/reason-type-notifier-matrix.ts
@@ -0,0 +1,46 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo Next API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+// May contain unused imports in some cases
+// @ts-ignore
+import { NotifierInfo } from "./notifier-info";
+// May contain unused imports in some cases
+// @ts-ignore
+import { ReasonTypeInfo } from "./reason-type-info";
+
+/**
+ *
+ * @export
+ * @interface ReasonTypeNotifierMatrix
+ */
+export interface ReasonTypeNotifierMatrix {
+  /**
+   *
+   * @type {Array<NotifierInfo>}
+   * @memberof ReasonTypeNotifierMatrix
+   */
+  notifiers?: Array<NotifierInfo>;
+  /**
+   *
+   * @type {Array<ReasonTypeInfo>}
+   * @memberof ReasonTypeNotifierMatrix
+   */
+  reasonTypes?: Array<ReasonTypeInfo>;
+  /**
+   *
+   * @type {Array<Array<boolean>>}
+   * @memberof ReasonTypeNotifierMatrix
+   */
+  stateMatrix?: Array<Array<boolean>>;
+}
diff --git a/console/packages/api-client/src/models/reason-type-notifier-request.ts b/console/packages/api-client/src/models/reason-type-notifier-request.ts
new file mode 100644
index 0000000000..5d71bf99ce
--- /dev/null
+++ b/console/packages/api-client/src/models/reason-type-notifier-request.ts
@@ -0,0 +1,33 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Halo Next API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 2.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+/**
+ *
+ * @export
+ * @interface ReasonTypeNotifierRequest
+ */
+export interface ReasonTypeNotifierRequest {
+  /**
+   *
+   * @type {Array<string>}
+   * @memberof ReasonTypeNotifierRequest
+   */
+  notifiers?: Array<string>;
+  /**
+   *
+   * @type {string}
+   * @memberof ReasonTypeNotifierRequest
+   */
+  reasonType?: string;
+}
diff --git a/console/packages/components/package.json b/console/packages/components/package.json
index b325ad8481..96c03fa69d 100644
--- a/console/packages/components/package.json
+++ b/console/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@halo-dev/components",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "description": "",
   "files": [
     "dist"
diff --git a/console/packages/components/src/components/switch/Switch.vue b/console/packages/components/src/components/switch/Switch.vue
index 01fced8e91..b99f683357 100644
--- a/console/packages/components/src/components/switch/Switch.vue
+++ b/console/packages/components/src/components/switch/Switch.vue
@@ -3,10 +3,12 @@ const props = withDefaults(
   defineProps<{
     modelValue?: boolean;
     disabled?: boolean;
+    loading?: boolean;
   }>(),
   {
     modelValue: false,
     disabled: false,
+    loading: false,
   }
 );
 
@@ -16,7 +18,7 @@ const emit = defineEmits<{
 }>();
 
 const handleChange = () => {
-  if (props.disabled) return;
+  if (props.disabled || props.loading) return;
 
   emit("update:modelValue", !props.modelValue);
   emit("change", !props.modelValue);
@@ -28,13 +30,13 @@ const handleChange = () => {
       :class="{
         'bg-gray-200': !modelValue,
         '!bg-primary': modelValue,
-        'switch-disabled': disabled,
+        'switch-disabled': disabled || loading,
       }"
       aria-checked="false"
       class="switch-inner"
       role="switch"
       type="button"
-      :disabled="disabled"
+      :disabled="disabled || loading"
       @click="handleChange"
     >
       <span
@@ -45,7 +47,28 @@ const handleChange = () => {
         aria-hidden="true"
         class="switch-indicator"
       >
-        <slot name="icon" />
+        <svg
+          v-if="loading"
+          class="animate-spin"
+          fill="none"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <circle
+            class="opacity-0"
+            cx="12"
+            cy="12"
+            r="10"
+            stroke="currentColor"
+            stroke-width="4"
+          ></circle>
+          <path
+            class="opacity-30"
+            d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+            fill="currentColor"
+          ></path>
+        </svg>
+        <slot v-else name="icon" />
       </span>
     </button>
   </div>
diff --git a/console/packages/components/src/components/switch/__tests__/Switch.spec.ts b/console/packages/components/src/components/switch/__tests__/Switch.spec.ts
index b777244986..76723a7bbb 100644
--- a/console/packages/components/src/components/switch/__tests__/Switch.spec.ts
+++ b/console/packages/components/src/components/switch/__tests__/Switch.spec.ts
@@ -1,9 +1,25 @@
 import { describe, expect, it } from "vitest";
 import { VSwitch } from "../index";
-import { mount } from "@vue/test-utils";
+import { mount, shallowMount } from "@vue/test-utils";
 
 describe("Switch", () => {
   it("should render", () => {
     expect(mount(VSwitch)).toBeDefined();
   });
+
+  it("emits the correct events when clicked", () => {
+    const wrapper = shallowMount(VSwitch);
+    wrapper.find("button").trigger("click");
+    expect(wrapper.emitted("update:modelValue")).toBeTruthy();
+    expect(wrapper.emitted("change")).toBeTruthy();
+  });
+
+  it("does not emit events when disabled or loading", () => {
+    const wrapper = shallowMount(VSwitch, {
+      props: { disabled: true, loading: true },
+    });
+    wrapper.find("button").trigger("click");
+    expect(wrapper.emitted("update:modelValue")).toBeFalsy();
+    expect(wrapper.emitted("change")).toBeFalsy();
+  });
 });
diff --git a/console/packages/shared/package.json b/console/packages/shared/package.json
index 15bbc74f5e..154c1fc2b4 100644
--- a/console/packages/shared/package.json
+++ b/console/packages/shared/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@halo-dev/console-shared",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "description": "",
   "files": [
     "dist"
diff --git a/console/packages/shared/src/types/plugin.ts b/console/packages/shared/src/types/plugin.ts
index b5793225b1..deee315f81 100644
--- a/console/packages/shared/src/types/plugin.ts
+++ b/console/packages/shared/src/types/plugin.ts
@@ -10,7 +10,13 @@ import type { PluginInstallationTab } from "@/states/plugin-installation-tabs";
 import type { EntityFieldItem } from "@/states/entity";
 import type { OperationItem } from "@/states/operation";
 import type { ThemeListTab } from "@/states/theme-list-tabs";
-import type { Backup, ListedPost, Plugin, Theme } from "@halo-dev/api-client";
+import type {
+  Attachment,
+  Backup,
+  ListedPost,
+  Plugin,
+  Theme,
+} from "@halo-dev/api-client";
 
 export interface RouteRecordAppend {
   parentName: RouteRecordName;
@@ -53,6 +59,10 @@ export interface ExtensionPoint {
     backup: Ref<Backup>
   ) => OperationItem<Backup>[] | Promise<OperationItem<Backup>[]>;
 
+  "attachment:list-item:operation:create"?: (
+    attachment: Ref<Attachment>
+  ) => OperationItem<Attachment>[] | Promise<OperationItem<Attachment>[]>;
+
   "plugin:list-item:field:create"?: (
     plugin: Ref<Plugin>
   ) => EntityFieldItem[] | Promise<EntityFieldItem[]>;
diff --git a/console/src/components/editor/DefaultEditor.vue b/console/src/components/editor/DefaultEditor.vue
index 63235794cd..23aff4ab0e 100644
--- a/console/src/components/editor/DefaultEditor.vue
+++ b/console/src/components/editor/DefaultEditor.vue
@@ -86,6 +86,7 @@ import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
 import { usePluginModuleStore } from "@/stores/plugin";
 import type { PluginModule } from "@halo-dev/console-shared";
 import { useDebounceFn } from "@vueuse/core";
+import { onBeforeUnmount } from "vue";
 
 const { t } = useI18n();
 
@@ -355,6 +356,10 @@ onMounted(() => {
   });
 });
 
+onBeforeUnmount(() => {
+  editor.value?.destroy();
+});
+
 // image drag and paste upload
 const { policies } = useFetchAttachmentPolicy();
 
@@ -491,203 +496,205 @@ const currentLocale = i18n.global.locale.value as
 </script>
 
 <template>
-  <AttachmentSelectorModal
-    v-model:visible="attachmentSelectorModal"
-    @select="onAttachmentSelect"
-  />
-  <RichTextEditor v-if="editor" :editor="editor" :locale="currentLocale">
-    <template #extra>
-      <OverlayScrollbarsComponent
-        element="div"
-        :options="{ scrollbars: { autoHide: 'scroll' } }"
-        class="h-full border-l bg-white"
-        defer
-      >
-        <VTabs v-model:active-id="extraActiveId" type="outline">
-          <VTabItem
-            id="toc"
-            :label="$t('core.components.default_editor.tabs.toc.title')"
-          >
-            <div class="p-1 pt-0">
-              <ul v-if="headingNodes?.length" class="space-y-1">
-                <li
-                  v-for="(node, index) in headingNodes"
-                  :key="index"
-                  :class="[
-                    { 'bg-gray-100': node.id === selectedHeadingNode?.id },
-                  ]"
-                  class="group cursor-pointer truncate rounded-base px-1.5 py-1 text-sm text-gray-600 hover:bg-gray-100 hover:text-gray-900"
-                  @click="handleSelectHeadingNode(node)"
-                >
-                  <div
-                    :style="{
-                      paddingLeft: `${(node.level - 1) * 0.8}rem`,
-                    }"
-                    class="flex items-center gap-2"
+  <div>
+    <AttachmentSelectorModal
+      v-model:visible="attachmentSelectorModal"
+      @select="onAttachmentSelect"
+    />
+    <RichTextEditor v-if="editor" :editor="editor" :locale="currentLocale">
+      <template #extra>
+        <OverlayScrollbarsComponent
+          element="div"
+          :options="{ scrollbars: { autoHide: 'scroll' } }"
+          class="h-full border-l bg-white"
+          defer
+        >
+          <VTabs v-model:active-id="extraActiveId" type="outline">
+            <VTabItem
+              id="toc"
+              :label="$t('core.components.default_editor.tabs.toc.title')"
+            >
+              <div class="p-1 pt-0">
+                <ul v-if="headingNodes?.length" class="space-y-1">
+                  <li
+                    v-for="(node, index) in headingNodes"
+                    :key="index"
+                    :class="[
+                      { 'bg-gray-100': node.id === selectedHeadingNode?.id },
+                    ]"
+                    class="group cursor-pointer truncate rounded-base px-1.5 py-1 text-sm text-gray-600 hover:bg-gray-100 hover:text-gray-900"
+                    @click="handleSelectHeadingNode(node)"
                   >
-                    <component
-                      :is="headingIcons[node.level]"
-                      class="h-4 w-4 rounded-sm bg-gray-100 p-0.5 group-hover:bg-white"
-                      :class="[
-                        { '!bg-white': node.id === selectedHeadingNode?.id },
-                      ]"
-                    />
-                    <span class="flex-1 truncate">{{ node.text }}</span>
-                  </div>
-                </li>
-              </ul>
-              <div v-else class="flex flex-col items-center py-10">
-                <span class="text-sm text-gray-600">
-                  {{ $t("core.components.default_editor.tabs.toc.empty") }}
-                </span>
-              </div>
-            </div>
-          </VTabItem>
-          <VTabItem
-            id="information"
-            :label="$t('core.components.default_editor.tabs.detail.title')"
-          >
-            <div class="flex flex-col gap-2 p-1 pt-0">
-              <div class="grid grid-cols-2 gap-2">
-                <div
-                  class="group flex cursor-pointer flex-col gap-y-5 rounded-md bg-gray-100 px-1.5 py-1 transition-all"
-                >
-                  <div class="flex items-center justify-between">
                     <div
-                      class="text-sm text-gray-500 group-hover:text-gray-900"
+                      :style="{
+                        paddingLeft: `${(node.level - 1) * 0.8}rem`,
+                      }"
+                      class="flex items-center gap-2"
                     >
-                      {{
-                        $t(
-                          "core.components.default_editor.tabs.detail.fields.character_count"
-                        )
-                      }}
-                    </div>
-                    <div class="rounded bg-gray-200 p-0.5">
-                      <IconCharacterRecognition
-                        class="h-4 w-4 text-gray-600 group-hover:text-gray-900"
+                      <component
+                        :is="headingIcons[node.level]"
+                        class="h-4 w-4 rounded-sm bg-gray-100 p-0.5 group-hover:bg-white"
+                        :class="[
+                          { '!bg-white': node.id === selectedHeadingNode?.id },
+                        ]"
                       />
+                      <span class="flex-1 truncate">{{ node.text }}</span>
                     </div>
-                  </div>
-                  <div class="text-base font-medium text-gray-900">
-                    {{ editor.storage.characterCount.characters() }}
-                  </div>
+                  </li>
+                </ul>
+                <div v-else class="flex flex-col items-center py-10">
+                  <span class="text-sm text-gray-600">
+                    {{ $t("core.components.default_editor.tabs.toc.empty") }}
+                  </span>
                 </div>
-                <div
-                  class="group flex cursor-pointer flex-col gap-y-5 rounded-md bg-gray-100 px-1.5 py-1 transition-all"
-                >
-                  <div class="flex items-center justify-between">
-                    <div
-                      class="text-sm text-gray-500 group-hover:text-gray-900"
-                    >
-                      {{
-                        $t(
-                          "core.components.default_editor.tabs.detail.fields.word_count"
-                        )
-                      }}
+              </div>
+            </VTabItem>
+            <VTabItem
+              id="information"
+              :label="$t('core.components.default_editor.tabs.detail.title')"
+            >
+              <div class="flex flex-col gap-2 p-1 pt-0">
+                <div class="grid grid-cols-2 gap-2">
+                  <div
+                    class="group flex cursor-pointer flex-col gap-y-5 rounded-md bg-gray-100 px-1.5 py-1 transition-all"
+                  >
+                    <div class="flex items-center justify-between">
+                      <div
+                        class="text-sm text-gray-500 group-hover:text-gray-900"
+                      >
+                        {{
+                          $t(
+                            "core.components.default_editor.tabs.detail.fields.character_count"
+                          )
+                        }}
+                      </div>
+                      <div class="rounded bg-gray-200 p-0.5">
+                        <IconCharacterRecognition
+                          class="h-4 w-4 text-gray-600 group-hover:text-gray-900"
+                        />
+                      </div>
                     </div>
-                    <div class="rounded bg-gray-200 p-0.5">
-                      <IconCharacterRecognition
-                        class="h-4 w-4 text-gray-600 group-hover:text-gray-900"
-                      />
+                    <div class="text-base font-medium text-gray-900">
+                      {{ editor.storage.characterCount.characters() }}
                     </div>
                   </div>
-                  <div class="text-base font-medium text-gray-900">
-                    {{ editor.storage.characterCount.words() }}
+                  <div
+                    class="group flex cursor-pointer flex-col gap-y-5 rounded-md bg-gray-100 px-1.5 py-1 transition-all"
+                  >
+                    <div class="flex items-center justify-between">
+                      <div
+                        class="text-sm text-gray-500 group-hover:text-gray-900"
+                      >
+                        {{
+                          $t(
+                            "core.components.default_editor.tabs.detail.fields.word_count"
+                          )
+                        }}
+                      </div>
+                      <div class="rounded bg-gray-200 p-0.5">
+                        <IconCharacterRecognition
+                          class="h-4 w-4 text-gray-600 group-hover:text-gray-900"
+                        />
+                      </div>
+                    </div>
+                    <div class="text-base font-medium text-gray-900">
+                      {{ editor.storage.characterCount.words() }}
+                    </div>
                   </div>
                 </div>
-              </div>
 
-              <div v-if="publishTime" class="grid grid-cols-1 gap-2">
-                <div
-                  class="group flex cursor-pointer flex-col gap-y-5 rounded-md bg-gray-100 px-1.5 py-1 transition-all"
-                >
-                  <div class="flex items-center justify-between">
-                    <div
-                      class="text-sm text-gray-500 group-hover:text-gray-900"
-                    >
+                <div v-if="publishTime" class="grid grid-cols-1 gap-2">
+                  <div
+                    class="group flex cursor-pointer flex-col gap-y-5 rounded-md bg-gray-100 px-1.5 py-1 transition-all"
+                  >
+                    <div class="flex items-center justify-between">
+                      <div
+                        class="text-sm text-gray-500 group-hover:text-gray-900"
+                      >
+                        {{
+                          $t(
+                            "core.components.default_editor.tabs.detail.fields.publish_time"
+                          )
+                        }}
+                      </div>
+                      <div class="rounded bg-gray-200 p-0.5">
+                        <IconCalendar
+                          class="h-4 w-4 text-gray-600 group-hover:text-gray-900"
+                        />
+                      </div>
+                    </div>
+                    <div class="text-base font-medium text-gray-900">
                       {{
+                        formatDatetime(publishTime) ||
                         $t(
-                          "core.components.default_editor.tabs.detail.fields.publish_time"
+                          "core.components.default_editor.tabs.detail.fields.draft"
                         )
                       }}
                     </div>
-                    <div class="rounded bg-gray-200 p-0.5">
-                      <IconCalendar
-                        class="h-4 w-4 text-gray-600 group-hover:text-gray-900"
-                      />
-                    </div>
-                  </div>
-                  <div class="text-base font-medium text-gray-900">
-                    {{
-                      formatDatetime(publishTime) ||
-                      $t(
-                        "core.components.default_editor.tabs.detail.fields.draft"
-                      )
-                    }}
                   </div>
                 </div>
-              </div>
-              <div v-if="owner" class="grid grid-cols-1 gap-2">
-                <div
-                  class="group flex cursor-pointer flex-col gap-y-5 rounded-md bg-gray-100 px-1.5 py-1 transition-all"
-                >
-                  <div class="flex items-center justify-between">
-                    <div
-                      class="text-sm text-gray-500 group-hover:text-gray-900"
-                    >
-                      {{
-                        $t(
-                          "core.components.default_editor.tabs.detail.fields.owner"
-                        )
-                      }}
+                <div v-if="owner" class="grid grid-cols-1 gap-2">
+                  <div
+                    class="group flex cursor-pointer flex-col gap-y-5 rounded-md bg-gray-100 px-1.5 py-1 transition-all"
+                  >
+                    <div class="flex items-center justify-between">
+                      <div
+                        class="text-sm text-gray-500 group-hover:text-gray-900"
+                      >
+                        {{
+                          $t(
+                            "core.components.default_editor.tabs.detail.fields.owner"
+                          )
+                        }}
+                      </div>
+                      <div class="rounded bg-gray-200 p-0.5">
+                        <IconUserFollow
+                          class="h-4 w-4 text-gray-600 group-hover:text-gray-900"
+                        />
+                      </div>
                     </div>
-                    <div class="rounded bg-gray-200 p-0.5">
-                      <IconUserFollow
-                        class="h-4 w-4 text-gray-600 group-hover:text-gray-900"
-                      />
+                    <div class="text-base font-medium text-gray-900">
+                      {{ owner }}
                     </div>
                   </div>
-                  <div class="text-base font-medium text-gray-900">
-                    {{ owner }}
-                  </div>
                 </div>
-              </div>
-              <div v-if="permalink" class="grid grid-cols-1 gap-2">
-                <div
-                  class="group flex cursor-pointer flex-col gap-y-5 rounded-md bg-gray-100 px-1.5 py-1 transition-all"
-                >
-                  <div class="flex items-center justify-between">
-                    <div
-                      class="text-sm text-gray-500 group-hover:text-gray-900"
-                    >
-                      {{
-                        $t(
-                          "core.components.default_editor.tabs.detail.fields.permalink"
-                        )
-                      }}
+                <div v-if="permalink" class="grid grid-cols-1 gap-2">
+                  <div
+                    class="group flex cursor-pointer flex-col gap-y-5 rounded-md bg-gray-100 px-1.5 py-1 transition-all"
+                  >
+                    <div class="flex items-center justify-between">
+                      <div
+                        class="text-sm text-gray-500 group-hover:text-gray-900"
+                      >
+                        {{
+                          $t(
+                            "core.components.default_editor.tabs.detail.fields.permalink"
+                          )
+                        }}
+                      </div>
+                      <div class="rounded bg-gray-200 p-0.5">
+                        <IconLink
+                          class="h-4 w-4 text-gray-600 group-hover:text-gray-900"
+                        />
+                      </div>
                     </div>
-                    <div class="rounded bg-gray-200 p-0.5">
-                      <IconLink
-                        class="h-4 w-4 text-gray-600 group-hover:text-gray-900"
-                      />
+                    <div>
+                      <a
+                        :href="permalink"
+                        :title="permalink"
+                        target="_blank"
+                        class="text-sm text-gray-900 hover:text-blue-600"
+                      >
+                        {{ permalink }}
+                      </a>
                     </div>
                   </div>
-                  <div>
-                    <a
-                      :href="permalink"
-                      :title="permalink"
-                      target="_blank"
-                      class="text-sm text-gray-900 hover:text-blue-600"
-                    >
-                      {{ permalink }}
-                    </a>
-                  </div>
                 </div>
               </div>
-            </div>
-          </VTabItem>
-        </VTabs>
-      </OverlayScrollbarsComponent>
-    </template>
-  </RichTextEditor>
+            </VTabItem>
+          </VTabs>
+        </OverlayScrollbarsComponent>
+      </template>
+    </RichTextEditor>
+  </div>
 </template>
diff --git a/console/src/components/form/AnnotationsForm.vue b/console/src/components/form/AnnotationsForm.vue
index ecac8aa2ab..676686b8a7 100644
--- a/console/src/components/form/AnnotationsForm.vue
+++ b/console/src/components/form/AnnotationsForm.vue
@@ -17,10 +17,12 @@ import { randomUUID } from "@/utils/id";
 const themeStore = useThemeStore();
 
 function keyValidationRule(node: FormKitNode) {
-  return (
-    !annotations.value?.[node.value as string] &&
-    !customAnnotationsDuplicateKey.value
-  );
+  const validAnnotations = [
+    ...Object.keys(annotations.value),
+    ...customAnnotationsState.value.map((item) => item.key),
+  ];
+  const count = validAnnotations.filter((item) => item === node.value);
+  return count.length < 2;
 }
 
 const props = withDefaults(
@@ -73,12 +75,6 @@ const annotations = ref<{
 }>({});
 const customAnnotationsState = ref<{ key: string; value: string }[]>([]);
 
-const customAnnotationsDuplicateKey = computed(() => {
-  const keys = customAnnotationsState.value.map((item) => item.key);
-  const uniqueKeys = new Set(keys);
-  return keys.length !== uniqueKeys.size;
-});
-
 const customAnnotations = computed(() => {
   return customAnnotationsState.value.reduce((acc, cur) => {
     acc[cur.key] = cur.value;
@@ -109,8 +105,15 @@ const handleProcessCustomAnnotations = () => {
           value,
         };
       }
+      return {
+        key: "",
+        value: "",
+      };
     })
-    .filter((item) => item) as { key: string; value: string }[];
+    .filter((item) => item.key)
+    .filter(
+      (item, index, self) => self.findIndex((t) => t.key === item.key) === index
+    );
 
   annotations.value = formSchemas
     .map((item) => {
diff --git a/console/src/composables/use-editor-extension-points.ts b/console/src/composables/use-editor-extension-points.ts
index 0dbbff05de..a1f3ab75a7 100644
--- a/console/src/composables/use-editor-extension-points.ts
+++ b/console/src/composables/use-editor-extension-points.ts
@@ -1,6 +1,6 @@
 import { usePluginModuleStore } from "@/stores/plugin";
 import type { EditorProvider, PluginModule } from "@halo-dev/console-shared";
-import { onMounted, ref, type Ref, defineAsyncComponent } from "vue";
+import { onMounted, ref, type Ref, defineAsyncComponent, markRaw } from "vue";
 import { VLoading } from "@halo-dev/components";
 import Logo from "@/assets/logo.png";
 import { useI18n } from "vue-i18n";
@@ -18,11 +18,13 @@ export function useEditorExtensionPoints(): useEditorExtensionPointsReturn {
     {
       name: "default",
       displayName: t("core.plugin.extension_points.editor.providers.default"),
-      component: defineAsyncComponent({
-        loader: () => import("@/components/editor/DefaultEditor.vue"),
-        loadingComponent: VLoading,
-        delay: 200,
-      }),
+      component: markRaw(
+        defineAsyncComponent({
+          loader: () => import("@/components/editor/DefaultEditor.vue"),
+          loadingComponent: VLoading,
+          delay: 200,
+        })
+      ),
       rawType: "HTML",
       logo: Logo,
     },
diff --git a/console/src/formkit/formkit.config.ts b/console/src/formkit/formkit.config.ts
index 7d6d62245c..6f5907ae68 100644
--- a/console/src/formkit/formkit.config.ts
+++ b/console/src/formkit/formkit.config.ts
@@ -4,6 +4,7 @@ import { zh, en } from "@formkit/i18n";
 import type { DefaultConfigOptions } from "@formkit/vue";
 import { form } from "./inputs/form";
 import { group } from "./inputs/group";
+import { group as nativeGroup } from "@formkit/inputs";
 import { attachment } from "./inputs/attachment";
 import { code } from "./inputs/code";
 import { repeater } from "./inputs/repeater";
@@ -42,6 +43,7 @@ const config: DefaultConfigOptions = {
     form,
     password,
     group,
+    nativeGroup,
     attachment,
     code,
     repeater,
diff --git a/console/src/formkit/inputs/repeater/AddButton.vue b/console/src/formkit/inputs/repeater/AddButton.vue
new file mode 100644
index 0000000000..034f1df817
--- /dev/null
+++ b/console/src/formkit/inputs/repeater/AddButton.vue
@@ -0,0 +1,27 @@
+<script lang="ts" setup>
+import { VButton, IconAddCircle } from "@halo-dev/components";
+import type { FormKitFrameworkContext } from "@formkit/core";
+import type { PropType } from "vue";
+
+defineProps({
+  context: {
+    type: Object as PropType<FormKitFrameworkContext>,
+    required: true,
+  },
+  disabled: {
+    type: Boolean,
+    required: false,
+  },
+});
+</script>
+
+<template>
+  <div :class="context.classes.add">
+    <VButton :disabled="disabled" type="secondary">
+      <template #icon>
+        <IconAddCircle class="h-full w-full" />
+      </template>
+      {{ context.addLabel || $t("core.common.buttons.add") }}
+    </VButton>
+  </div>
+</template>
diff --git a/console/src/formkit/inputs/repeater/Repeater.vue b/console/src/formkit/inputs/repeater/Repeater.vue
deleted file mode 100644
index 590bffa1ed..0000000000
--- a/console/src/formkit/inputs/repeater/Repeater.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<script lang="ts" setup>
-import {
-  VButton,
-  IconAddCircle,
-  IconCloseCircle,
-  IconArrowUpCircleLine,
-  IconArrowDownCircleLine,
-} from "@halo-dev/components";
-import type { FormKitFrameworkContext } from "@formkit/core";
-import { group } from "@formkit/inputs";
-import type { PropType } from "vue";
-import { onMounted } from "vue";
-import cloneDeep from "lodash.clonedeep";
-
-const props = defineProps({
-  context: {
-    type: Object as PropType<FormKitFrameworkContext>,
-    required: true,
-  },
-});
-
-const min = Number(props.context.min) || 0;
-const max = Number(props.context.max) || Infinity;
-
-const handleAppend = (index: number) => {
-  const value = cloneDeep(props.context._value);
-  value.splice(index + 1, 0, {});
-  props.context.node.input(value);
-};
-
-const handleRemove = (index: number) => {
-  if (props.context._value?.length <= min) {
-    return;
-  }
-
-  const value = cloneDeep(props.context._value);
-  value.splice(index, 1);
-  props.context.node.input(value);
-};
-
-const handleMoveUp = (index: number) => {
-  if (index === 0) {
-    return;
-  }
-
-  const value = cloneDeep(props.context._value);
-  value.splice(index - 1, 0, value.splice(index, 1)[0]);
-  props.context.node.input(value);
-};
-
-const handleMoveDown = (index: number) => {
-  if (index === props.context._value.length - 1) {
-    return;
-  }
-
-  const value = cloneDeep(props.context._value);
-  value.splice(index + 1, 0, value.splice(index, 1)[0]);
-  props.context.node.input(value);
-};
-
-onMounted(() => {
-  const value = cloneDeep(props.context._value);
-  const differenceCount = min - value?.length || 0;
-
-  if (differenceCount > 0) {
-    for (let i = 0; i < differenceCount; i++) {
-      value.push({});
-    }
-    props.context.node.input(value);
-  }
-});
-</script>
-
-<template>
-  <ul :class="context.classes.items">
-    <li
-      v-for="(item, index) in context._value"
-      :key="index"
-      :class="context.classes.item"
-    >
-      <div :class="context.classes.content">
-        <FormKit
-          :id="`${context.node.name}-group-${index}`"
-          :key="`${context.node.name}-group-${index}`"
-          :model-value="item"
-          :type="group"
-        >
-          <slot />
-        </FormKit>
-      </div>
-      <div :class="context.classes.controls">
-        <ul class="flex flex-col items-center justify-center gap-1.5 py-2">
-          <li
-            class="cursor-pointer text-gray-500 transition-all hover:text-primary"
-            :class="{
-              '!cursor-not-allowed opacity-50 hover:!text-gray-500':
-                index === 0,
-            }"
-          >
-            <IconArrowUpCircleLine
-              class="h-5 w-5"
-              @click="handleMoveUp(index)"
-            />
-          </li>
-          <li
-            class="cursor-pointer text-gray-500 transition-all hover:text-primary"
-            :class="{
-              '!cursor-not-allowed opacity-50 hover:!text-gray-500':
-                context._value?.length <= min,
-            }"
-          >
-            <IconCloseCircle class="h-5 w-5" @click="handleRemove(index)" />
-          </li>
-          <li
-            class="cursor-pointer text-gray-500 transition-all hover:text-primary"
-          >
-            <IconAddCircle class="h-5 w-5" @click="handleAppend(index)" />
-          </li>
-          <li
-            class="cursor-pointer text-gray-500 transition-all hover:text-primary"
-            :class="{
-              '!cursor-not-allowed opacity-50 hover:!text-gray-500':
-                index === context._value.length - 1,
-            }"
-          >
-            <IconArrowDownCircleLine
-              class="h-5 w-5"
-              @click="handleMoveDown(index)"
-            />
-          </li>
-        </ul>
-      </div>
-    </li>
-  </ul>
-  <div :class="context.classes.add">
-    <VButton
-      :disabled="context._value?.length >= max"
-      type="secondary"
-      @click="handleAppend(context._value.length)"
-    >
-      <template #icon>
-        <IconAddCircle class="h-full w-full" />
-      </template>
-      {{ $t("core.common.buttons.add") }}
-    </VButton>
-  </div>
-</template>
diff --git a/console/src/formkit/inputs/repeater/features/repeats.ts b/console/src/formkit/inputs/repeater/features/repeats.ts
new file mode 100644
index 0000000000..b179ba0aa8
--- /dev/null
+++ b/console/src/formkit/inputs/repeater/features/repeats.ts
@@ -0,0 +1,69 @@
+import type { FormKitNode } from "@formkit/core";
+import { undefine } from "@formkit/utils";
+
+export const repeats = function (node: FormKitNode) {
+  node._c.sync = true;
+  node.on("created", repeaterFeature.bind(null, node));
+};
+
+type FnType = (index: number) => object;
+
+function createValue(num: number, fn: FnType) {
+  return new Array(num).fill("").map((value, index) => fn(index));
+}
+
+function repeaterFeature(node: FormKitNode) {
+  node.props.removeControl = node.props.removeControl ?? true;
+  node.props.upControl = node.props.upControl ?? true;
+  node.props.downControl = node.props.downControl ?? true;
+  node.props.insertControl = node.props.insertControl ?? true;
+  node.props.addButton = node.props.addButton ?? true;
+  node.props.addLabel = node.props.addLabel ?? false;
+  node.props.addAttrs = node.props.addAttrs ?? {};
+  node.props.min = node.props.min ? Number(node.props.min) : 0;
+  node.props.max = node.props.max ? Number(node.props.max) : 1 / 0;
+  if (node.props.min > node.props.max) {
+    throw Error("Repeater: min must be less than max");
+  }
+
+  if ("disabled" in node.props) {
+    node.props.disabled = undefine(node.props.disabled);
+  }
+
+  if (Array.isArray(node.value)) {
+    if (node.value.length < node.props.min) {
+      const value = createValue(node.props.min - node.value.length, () => ({}));
+      node.input(node.value.concat(value), false);
+    } else {
+      if (node.value.length > node.props.max) {
+        node.input(node.value.slice(0, node.props.max), false);
+      }
+    }
+  } else {
+    node.input(
+      createValue(node.props.min, () => ({})),
+      false
+    );
+  }
+
+  if (node.context) {
+    const fns = node.context.fns;
+    fns.createShift = (index: number, offset: number) => () => {
+      const value = node._value as unknown[];
+      value.splice(index + offset, 0, value.splice(index, 1)[0]),
+        node.input(value, false);
+    };
+    fns.createInsert = (index: number) => () => {
+      const value = node._value as unknown[];
+      value.splice(index + 1, 0, {}), node.input(value, false);
+    };
+    fns.createAppend = () => () => {
+      const value = node._value as unknown[];
+      value.push({}), node.input(value, false);
+    };
+    fns.createRemover = (index: number) => () => {
+      const value = node._value as unknown[];
+      value.splice(index, 1), node.input(value, false);
+    };
+  }
+}
diff --git a/console/src/formkit/inputs/repeater/index.ts b/console/src/formkit/inputs/repeater/index.ts
index 911f094a22..23c3e6a835 100644
--- a/console/src/formkit/inputs/repeater/index.ts
+++ b/console/src/formkit/inputs/repeater/index.ts
@@ -1,18 +1,47 @@
 import type { FormKitTypeDefinition } from "@formkit/core";
+
 import {
+  outer,
   fieldset,
+  legend,
   help,
   inner,
-  legend,
-  message,
-  messages,
-  outer,
   prefix,
+  $if,
   suffix,
+  messages,
+  message,
 } from "@formkit/inputs";
-import { repeaterItems } from "./sections";
-import Repeater from "./Repeater.vue";
-import type { FormKitInputs } from "@formkit/inputs";
+import { repeats } from "./features/repeats";
+import {
+  addButton,
+  content,
+  controls,
+  down,
+  downControl,
+  downIcon,
+  empty,
+  group,
+  insert,
+  insertControl,
+  insertIcon,
+  item,
+  items,
+  remove,
+  removeControl,
+  removeIcon,
+  up,
+  upControl,
+  upIcon,
+} from "./sections";
+import {
+  IconAddCircle,
+  IconCloseCircle,
+  IconArrowUpCircleLine,
+  IconArrowDownCircleLine,
+} from "@halo-dev/components";
+import AddButton from "./AddButton.vue";
+import { i18n } from "@/locales";
 
 declare module "@formkit/inputs" {
   interface FormKitInputProps<Props extends FormKitInputs<Props>> {
@@ -23,18 +52,71 @@ declare module "@formkit/inputs" {
   }
 }
 
+/**
+ * Input definition for a repeater input.
+ * @public
+ */
 export const repeater: FormKitTypeDefinition = {
+  /**
+   * The actual schema of the input, or a function that returns the schema.
+   */
   schema: outer(
     fieldset(
       legend("$label"),
       help("$help"),
-      inner(prefix(), repeaterItems("$slots.default"), suffix())
+
+      inner(
+        prefix(),
+        $if(
+          "$value.length === 0",
+          $if("$slots.empty", empty()),
+          $if(
+            "$slots.default",
+            items(
+              item(
+                content(group("$slots.default")),
+                controls(
+                  up(upControl(upIcon())),
+                  remove(removeControl(removeIcon())),
+                  insert(insertControl(insertIcon())),
+                  down(downControl(downIcon()))
+                )
+              )
+            ),
+            suffix()
+          )
+        ),
+        addButton(`$addLabel || (${i18n.global.t("core.common.buttons.add")})`)
+      )
     ),
     messages(message("$message.value"))
   ),
+  /**
+   * The type of node, can be a list, group, or input.
+   */
   type: "list",
-  props: ["min", "max"],
+  /**
+   * An array of extra props to accept for this input.
+   */
+  props: [
+    "min",
+    "max",
+    "upControl",
+    "downControl",
+    "removeControl",
+    "insertControl",
+    "addLabel",
+    "addButton",
+  ],
+  /**
+   * Additional features that make this input work.
+   */
+  features: [repeats],
   library: {
-    Repeater: Repeater,
+    IconAddCircle,
+    IconCloseCircle,
+    IconArrowUpCircleLine,
+    IconArrowDownCircleLine,
+    AddButton,
   },
 };
diff --git a/console/src/formkit/inputs/repeater/repeaterSection.ts b/console/src/formkit/inputs/repeater/repeaterSection.ts
new file mode 100644
index 0000000000..a32bdcc034
--- /dev/null
+++ b/console/src/formkit/inputs/repeater/repeaterSection.ts
@@ -0,0 +1,97 @@
+import {
+  isComponent,
+  isDOM,
+  type FormKitSchemaNode,
+  type FormKitExtendableSchemaRoot,
+  type FormKitSchemaCondition,
+} from "@formkit/core";
+import {
+  extendSchema,
+  type FormKitSchemaExtendableSection,
+  type FormKitSection,
+} from "@formkit/inputs";
+
+export function createRepeaterSection() {
+  return (
+    section: string,
+    el: string | null | (() => FormKitSchemaNode),
+    fragment = false
+  ) => {
+    return createSection(
+      section,
+      el,
+      fragment
+    ) as FormKitSection<FormKitSchemaExtendableSection>;
+  };
+}
+
+function createSection(
+  section: string,
+  el: string | null | (() => FormKitSchemaNode),
+  fragment = false
+): FormKitSection<
+  FormKitExtendableSchemaRoot | FormKitSchemaExtendableSection
+> {
+  return (
+    ...children: Array<
+      FormKitSchemaExtendableSection | string | FormKitSchemaCondition
+    >
+  ) => {
+    const extendable = (
+      extensions: Record<string, Partial<FormKitSchemaNode>>
+    ) => {
+      const node = !el || typeof el === "string" ? { $el: el } : el();
+      if ("string" != typeof node) {
+        if (isDOM(node) || isComponent(node) || "$formkit" in node) {
+          if (children.length && !node.children) {
+            node.children = [
+              ...children.map((child) =>
+                typeof child === "function" ? child(extensions) : child
+              ),
+            ];
+          }
+          if (!node.meta) {
+            node.meta = { section };
+          }
+          if (isDOM(node)) {
+            node.attrs = {
+              class: `$classes.${section}`,
+              ...(node.attrs || {}),
+            };
+          }
+          if ("$formkit" in node) {
+            node.outerClass = `$classes.${section}`;
+          }
+        }
+      }
+      return {
+        if: `$slots.${section}`,
+        then: `$slots.${section}`,
+        else:
+          section in extensions
+            ? extendSchema(node as FormKitSchemaNode, extensions[section])
+            : node,
+      } as FormKitSchemaCondition;
+    };
+    extendable._s = section;
+    return fragment ? createRoot(extendable) : extendable;
+  };
+}
+
+/**
+ *
+ * Returns an extendable schema root node.
+ *
+ * @param rootSection - Creates the root node.
+ *
+ * @returns {@link @formkit/core#FormKitExtendableSchemaRoot | FormKitExtendableSchemaRoot}
+ *
+ * @internal
+ */
+export function createRoot(
+  rootSection: FormKitSchemaExtendableSection
+): FormKitExtendableSchemaRoot {
+  return (extensions: Record<string, Partial<FormKitSchemaNode>>) => {
+    return [rootSection(extensions)];
+  };
+}
diff --git a/console/src/formkit/inputs/repeater/sections/index.ts b/console/src/formkit/inputs/repeater/sections/index.ts
index a79b201a7b..8aa118b932 100644
--- a/console/src/formkit/inputs/repeater/sections/index.ts
+++ b/console/src/formkit/inputs/repeater/sections/index.ts
@@ -1,8 +1,134 @@
-import { createSection } from "@formkit/inputs";
+import { createRepeaterSection } from "../repeaterSection";
 
-export const repeaterItems = createSection("repeaterItems", () => ({
-  $cmp: "Repeater",
+const repeaterSection = createRepeaterSection();
+
+export const addButton = repeaterSection("addButton", () => ({
+  $cmp: "AddButton",
   props: {
+    onClick: "$fns.createAppend()",
+    disabled: "$value.length >= $max",
     context: "$node.context",
   },
+  bind: "$addAttrs",
+  if: "$addButton",
+  type: "button",
+}));
+
+export const content = repeaterSection("content", "div");
+
+export const controlLabel = repeaterSection("controlLabel", "span");
+
+export const controls = repeaterSection("controls", () => ({
+  $el: "ul",
+  if: "$removeControl || $insertControl || $upControl || $downControl",
+}));
+
+export const down = repeaterSection("down", () => ({
+  $el: "li",
+  if: "$downControl",
+}));
+
+export const downControl = repeaterSection("downControl", () => ({
+  $el: "button",
+  attrs: {
+    disabled: "$index >= $value.length - 1",
+    onClick: "$fns.createShift($index, 1)",
+    type: "button",
+    class: `$classes.control`,
+  },
+}));
+
+export const downIcon = repeaterSection("downIcon", () => ({
+  $cmp: "IconArrowDownCircleLine",
+}));
+
+export const empty = repeaterSection("empty", () => ({
+  $el: "div",
+}));
+
+export const fieldset = repeaterSection("fieldset", () => ({
+  $el: "fieldset",
+  attrs: {
+    id: "$id",
+    disabled: "$disabled",
+  },
+}));
+
+export const group = repeaterSection("group", () => ({
+  $formkit: "nativeGroup",
+  index: "$index",
+}));
+
+export const insert = repeaterSection("insert", () => ({
+  $el: "li",
+  if: "$insertControl",
+}));
+
+export const insertControl = repeaterSection("insertControl", () => ({
+  $el: "button",
+  attrs: {
+    disabled: "$value.length >= $max",
+    onClick: "$fns.createInsert($index)",
+    type: "button",
+    class: `$classes.control`,
+  },
+}));
+
+export const insertIcon = repeaterSection("insertIcon", () => ({
+  $cmp: "IconAddCircle",
+}));
+
+export const item = repeaterSection("item", () => ({
+  $el: "li",
+  for: ["item", "index", "$items"],
+  attrs: {
+    role: "listitem",
+    key: "$item",
+    "data-index": "$index",
+  },
+}));
+
+export const items = repeaterSection("items", () => ({
+  $el: "ul",
+  attrs: {
+    role: "list",
+  },
+}));
+
+export const remove = repeaterSection("remove", () => ({
+  $el: "li",
+  if: "$removeControl",
+}));
+
+export const removeControl = repeaterSection("removeControl", () => ({
+  $el: "button",
+  attrs: {
+    disabled: "$value.length <= $min",
+    onClick: "$fns.createRemover($index)",
+    type: "button",
+    class: `$classes.control`,
+  },
+}));
+
+export const removeIcon = repeaterSection("removeIcon", () => ({
+  $cmp: "IconCloseCircle",
+}));
+
+export const up = repeaterSection("up", () => ({
+  $el: "li",
+  if: "$upControl",
+}));
+
+export const upControl = repeaterSection("upControl", () => ({
+  $el: "button",
+  attrs: {
+    disabled: "$index <= 0",
+    onClick: "$fns.createShift($index, -1)",
+    type: "button",
+    class: `$classes.control`,
+  },
+}));
+
+export const upIcon = repeaterSection("upIcon", () => ({
+  $cmp: "IconArrowUpCircleLine",
 }));
diff --git a/console/src/formkit/theme.ts b/console/src/formkit/theme.ts
index ab957cbabd..27d90b2e03 100644
--- a/console/src/formkit/theme.ts
+++ b/console/src/formkit/theme.ts
@@ -89,7 +89,10 @@ const theme: Record<string, Record<string, string>> = {
     items: "flex flex-col w-full gap-2 rounded-base",
     item: "border rounded-base grid grid-cols-12 focus-within:border-primary transition-all overflow-visible focus-within:shadow-sm",
     content: "flex-1 p-2 col-span-11 divide-y divide-gray-100",
-    controls: "bg-gray-200 col-span-1 flex items-center justify-center",
+    controls:
+      "flex flex-col items-center justify-center gap-1.5 py-2 bg-gray-200 col-span-1 flex items-center justify-center",
+    control:
+      "cursor-pointer text-gray-500 transition-all hover:text-primary disabled:!cursor-not-allowed disabled:opacity-50 disabled:hover:!text-gray-500",
   },
   group: {
     label: textClassification.label,
diff --git a/console/src/locales/en.yaml b/console/src/locales/en.yaml
index 8d655d985a..cbcb5caa6b 100644
--- a/console/src/locales/en.yaml
+++ b/console/src/locales/en.yaml
@@ -854,6 +854,7 @@ core:
       title: User detail
       tabs:
         detail: Detail
+        notification-preferences: Notification Preferences
         pat: Personal Access Tokens
       actions:
         update_profile:
@@ -929,6 +930,9 @@ core:
             help: Leave empty for no expiration
           description:
             label: Description
+    notification-preferences:
+      fields:
+        type: Type
   role:
     title: Roles
     common:
diff --git a/console/src/locales/zh-CN.yaml b/console/src/locales/zh-CN.yaml
index 2a3f9895d4..06ba6b5634 100644
--- a/console/src/locales/zh-CN.yaml
+++ b/console/src/locales/zh-CN.yaml
@@ -854,6 +854,7 @@ core:
       title: 用户详情
       tabs:
         detail: 详情
+        notification-preferences: 通知配置
         pat: 个人令牌
       actions:
         update_profile:
@@ -929,6 +930,9 @@ core:
             help: 不设置代表永不过期
           description:
             label: 描述
+    notification-preferences:
+      fields:
+        type: 通知类型
   role:
     title: 角色
     common:
diff --git a/console/src/locales/zh-TW.yaml b/console/src/locales/zh-TW.yaml
index 0029781fab..fa3e3e7463 100644
--- a/console/src/locales/zh-TW.yaml
+++ b/console/src/locales/zh-TW.yaml
@@ -854,6 +854,7 @@ core:
       title: 用戶詳情
       tabs:
         detail: 詳情
+        notification-preferences: 通知配置
         pat: 個人令牌
       actions:
         update_profile:
@@ -929,6 +930,9 @@ core:
             help: 留空代表永不過期
           description:
             label: 描述
+    notification-preferences:
+      fields:
+        type: 通知類型
   role:
     title: 角色
     common:
diff --git a/console/src/modules/contents/attachments/AttachmentList.vue b/console/src/modules/contents/attachments/AttachmentList.vue
index 47f2a5f00a..8372c1b718 100644
--- a/console/src/modules/contents/attachments/AttachmentList.vue
+++ b/console/src/modules/contents/attachments/AttachmentList.vue
@@ -15,9 +15,6 @@ import {
   VSpace,
   VEmpty,
   IconFolder,
-  VStatusDot,
-  VEntity,
-  VEntityField,
   VLoading,
   Toast,
   VDropdown,
@@ -30,8 +27,6 @@ import AttachmentPoliciesModal from "./components/AttachmentPoliciesModal.vue";
 import AttachmentGroupList from "./components/AttachmentGroupList.vue";
 import { computed, onMounted, ref, watch } from "vue";
 import type { Attachment, Group } from "@halo-dev/api-client";
-import { formatDatetime } from "@/utils/date";
-import prettyBytes from "pretty-bytes";
 import { useFetchAttachmentPolicy } from "./composables/use-attachment-policy";
 import { useAttachmentControl } from "./composables/use-attachment";
 import { apiClient } from "@/utils/api-client";
@@ -39,12 +34,13 @@ import cloneDeep from "lodash.clonedeep";
 import { isImage } from "@/utils/image";
 import { useRouteQuery } from "@vueuse/router";
 import { useFetchAttachmentGroup } from "./composables/use-attachment-group";
-import { usePermission } from "@/utils/permission";
 import { useI18n } from "vue-i18n";
 import { useLocalStorage } from "@vueuse/core";
 import UserFilterDropdown from "@/components/filter/UserFilterDropdown.vue";
+import { provide } from "vue";
+import type { Ref } from "vue";
+import AttachmentListItem from "./components/AttachmentListItem.vue";
 
-const { currentUserHasPermission } = usePermission();
 const { t } = useI18n();
 
 const policyVisible = ref(false);
@@ -101,7 +97,6 @@ const {
   handleFetchAttachments,
   handleSelectNext,
   handleSelectPrevious,
-  handleDelete,
   handleDeleteInBatch,
   handleCheckAll,
   handleSelect,
@@ -121,6 +116,8 @@ const {
   size: size,
 });
 
+provide<Ref<Set<Attachment>>>("selectedAttachments", selectedAttachments);
+
 const handleMove = async (group: Group) => {
   try {
     const promises = Array.from(selectedAttachments.value).map((attachment) => {
@@ -177,21 +174,16 @@ const onUploadModalClose = () => {
   handleFetchAttachments();
 };
 
-const getPolicyName = (name: string | undefined) => {
-  const policy = policies.value?.find((p) => p.metadata.name === name);
-  return policy?.spec.displayName;
-};
-
 // View type
 const viewTypes = [
   {
     name: "list",
-    tooltip: t("core.attachment.filters.view_type.items.grid"),
+    tooltip: t("core.attachment.filters.view_type.items.list"),
     icon: IconList,
   },
   {
     name: "grid",
-    tooltip: t("core.attachment.filters.view_type.items.list"),
+    tooltip: t("core.attachment.filters.view_type.items.grid"),
     icon: IconGrid,
   },
 ];
@@ -468,8 +460,8 @@ onMounted(() => {
                 role="list"
               >
                 <VCard
-                  v-for="(attachment, index) in attachments"
-                  :key="index"
+                  v-for="attachment in attachments"
+                  :key="attachment.metadata.name"
                   :body-class="['!p-0']"
                   :class="{
                     'ring-1 ring-primary': isChecked(attachment),
@@ -552,118 +544,16 @@ onMounted(() => {
                 class="box-border h-full w-full divide-y divide-gray-100"
                 role="list"
               >
-                <li v-for="(attachment, index) in attachments" :key="index">
-                  <VEntity :is-selected="isChecked(attachment)">
-                    <template
-                      v-if="
-                        currentUserHasPermission(['system:attachments:manage'])
-                      "
-                      #checkbox
-                    >
-                      <input
-                        :checked="selectedAttachments.has(attachment)"
-                        class="h-4 w-4 rounded border-gray-300 text-indigo-600"
-                        type="checkbox"
-                        @click="handleSelect(attachment)"
-                      />
-                    </template>
-                    <template #start>
-                      <VEntityField>
-                        <template #description>
-                          <div
-                            class="h-10 w-10 rounded border bg-white p-1 hover:shadow-sm"
-                          >
-                            <AttachmentFileTypeIcon
-                              :display-ext="false"
-                              :file-name="attachment.spec.displayName"
-                              :width="8"
-                              :height="8"
-                            />
-                          </div>
-                        </template>
-                      </VEntityField>
-                      <VEntityField
-                        :title="attachment.spec.displayName"
-                        @click="handleClickItem(attachment)"
-                      >
-                        <template #description>
-                          <VSpace>
-                            <span class="text-xs text-gray-500">
-                              {{ attachment.spec.mediaType }}
-                            </span>
-                            <span class="text-xs text-gray-500">
-                              {{ prettyBytes(attachment.spec.size || 0) }}
-                            </span>
-                          </VSpace>
-                        </template>
-                      </VEntityField>
-                    </template>
-                    <template #end>
-                      <VEntityField
-                        :description="getPolicyName(attachment.spec.policyName)"
-                      />
-                      <VEntityField>
-                        <template #description>
-                          <RouterLink
-                            :to="{
-                              name: 'UserDetail',
-                              params: {
-                                name: attachment.spec.ownerName,
-                              },
-                            }"
-                            class="text-xs text-gray-500"
-                            :class="{
-                              'pointer-events-none': !currentUserHasPermission([
-                                'system:users:view',
-                              ]),
-                            }"
-                          >
-                            {{ attachment.spec.ownerName }}
-                          </RouterLink>
-                        </template>
-                      </VEntityField>
-                      <VEntityField
-                        v-if="attachment.metadata.deletionTimestamp"
-                      >
-                        <template #description>
-                          <VStatusDot
-                            v-tooltip="$t('core.common.status.deleting')"
-                            state="warning"
-                            animate
-                          />
-                        </template>
-                      </VEntityField>
-                      <VEntityField>
-                        <template #description>
-                          <span
-                            class="truncate text-xs tabular-nums text-gray-500"
-                          >
-                            {{
-                              formatDatetime(
-                                attachment.metadata.creationTimestamp
-                              )
-                            }}
-                          </span>
-                        </template>
-                      </VEntityField>
-                    </template>
-                    <template #dropdownItems>
-                      <VDropdownItem @click="handleClickItem(attachment)">
-                        {{ $t("core.common.buttons.detail") }}
-                      </VDropdownItem>
-                      <VDropdownItem
-                        v-if="
-                          currentUserHasPermission([
-                            'system:attachments:manage',
-                          ])
-                        "
-                        type="danger"
-                        @click="handleDelete(attachment)"
-                      >
-                        {{ $t("core.common.buttons.delete") }}
-                      </VDropdownItem>
-                    </template>
-                  </VEntity>
+                <li
+                  v-for="attachment in attachments"
+                  :key="attachment.metadata.name"
+                >
+                  <AttachmentListItem
+                    :attachment="attachment"
+                    :is-selected="isChecked(attachment)"
+                    @select="handleSelect"
+                    @open-detail="handleClickItem"
+                  />
                 </li>
               </ul>
             </Transition>
diff --git a/console/src/modules/contents/attachments/components/AttachmentListItem.vue b/console/src/modules/contents/attachments/components/AttachmentListItem.vue
new file mode 100644
index 0000000000..3109f2ac3b
--- /dev/null
+++ b/console/src/modules/contents/attachments/components/AttachmentListItem.vue
@@ -0,0 +1,205 @@
+<script lang="ts" setup>
+import {
+  VSpace,
+  VStatusDot,
+  VEntity,
+  VEntityField,
+  Toast,
+  VDropdownItem,
+  Dialog,
+} from "@halo-dev/components";
+import { computed, ref } from "vue";
+import type { Attachment } from "@halo-dev/api-client";
+import { formatDatetime } from "@/utils/date";
+import prettyBytes from "pretty-bytes";
+import { useFetchAttachmentPolicy } from "../composables/use-attachment-policy";
+import { apiClient } from "@/utils/api-client";
+import { usePermission } from "@/utils/permission";
+import { useI18n } from "vue-i18n";
+import { inject } from "vue";
+import type { Ref } from "vue";
+import { useQueryClient } from "@tanstack/vue-query";
+import { useOperationItemExtensionPoint } from "@/composables/use-operation-extension-points";
+import { toRefs } from "vue";
+import type { OperationItem } from "@halo-dev/console-shared";
+import EntityDropdownItems from "@/components/entity/EntityDropdownItems.vue";
+import { markRaw } from "vue";
+
+const { currentUserHasPermission } = usePermission();
+const { t } = useI18n();
+const queryClient = useQueryClient();
+
+const props = withDefaults(
+  defineProps<{
+    attachment: Attachment;
+    isSelected?: boolean;
+  }>(),
+  { isSelected: false }
+);
+
+const { attachment } = toRefs(props);
+
+const { policies } = useFetchAttachmentPolicy();
+
+const emit = defineEmits<{
+  (event: "select", attachment?: Attachment): void;
+  (event: "open-detail", attachment: Attachment): void;
+}>();
+
+const selectedAttachments = inject<Ref<Set<Attachment>>>(
+  "selectedAttachments",
+  ref<Set<Attachment>>(new Set())
+);
+
+const policyName = computed(() => {
+  const policy = policies.value?.find(
+    (p) => p.metadata.name === props.attachment.spec.policyName
+  );
+  return policy?.spec.displayName;
+});
+
+const handleDelete = () => {
+  Dialog.warning({
+    title: t("core.attachment.operations.delete.title"),
+    description: t("core.common.dialog.descriptions.cannot_be_recovered"),
+    confirmType: "danger",
+    confirmText: t("core.common.buttons.confirm"),
+    cancelText: t("core.common.buttons.cancel"),
+    onConfirm: async () => {
+      try {
+        await apiClient.extension.storage.attachment.deletestorageHaloRunV1alpha1Attachment(
+          {
+            name: props.attachment.metadata.name,
+          }
+        );
+
+        selectedAttachments.value.delete(props.attachment);
+
+        Toast.success(t("core.common.toast.delete_success"));
+      } catch (e) {
+        console.error("Failed to delete attachment", e);
+      } finally {
+        queryClient.invalidateQueries({ queryKey: ["attachments"] });
+      }
+    },
+  });
+};
+
+const { operationItems } = useOperationItemExtensionPoint<Attachment>(
+  "attachment:list-item:operation:create",
+  attachment,
+  computed((): OperationItem<Attachment>[] => [
+    {
+      priority: 10,
+      component: markRaw(VDropdownItem),
+      label: t("core.common.buttons.detail"),
+      permissions: [],
+      action: () => {
+        emit("open-detail", attachment.value);
+      },
+    },
+    {
+      priority: 20,
+      component: markRaw(VDropdownItem),
+      props: {
+        type: "danger",
+      },
+      label: t("core.common.buttons.delete"),
+      permissions: ["system:attachments:manage"],
+      action: () => {
+        handleDelete();
+      },
+    },
+  ])
+);
+</script>
+
+<template>
+  <VEntity :is-selected="isSelected">
+    <template
+      v-if="currentUserHasPermission(['system:attachments:manage'])"
+      #checkbox
+    >
+      <input
+        :checked="selectedAttachments.has(attachment)"
+        class="h-4 w-4 rounded border-gray-300 text-indigo-600"
+        type="checkbox"
+        @click="emit('select', attachment)"
+      />
+    </template>
+    <template #start>
+      <VEntityField>
+        <template #description>
+          <div class="h-10 w-10 rounded border bg-white p-1 hover:shadow-sm">
+            <AttachmentFileTypeIcon
+              :display-ext="false"
+              :file-name="attachment.spec.displayName"
+              :width="8"
+              :height="8"
+            />
+          </div>
+        </template>
+      </VEntityField>
+      <VEntityField
+        :title="attachment.spec.displayName"
+        @click="emit('open-detail', attachment)"
+      >
+        <template #description>
+          <VSpace>
+            <span class="text-xs text-gray-500">
+              {{ attachment.spec.mediaType }}
+            </span>
+            <span class="text-xs text-gray-500">
+              {{ prettyBytes(attachment.spec.size || 0) }}
+            </span>
+          </VSpace>
+        </template>
+      </VEntityField>
+    </template>
+    <template #end>
+      <VEntityField :description="policyName" />
+      <VEntityField>
+        <template #description>
+          <RouterLink
+            :to="{
+              name: 'UserDetail',
+              params: {
+                name: attachment.spec.ownerName,
+              },
+            }"
+            class="text-xs text-gray-500"
+            :class="{
+              'pointer-events-none': !currentUserHasPermission([
+                'system:users:view',
+              ]),
+            }"
+          >
+            {{ attachment.spec.ownerName }}
+          </RouterLink>
+        </template>
+      </VEntityField>
+      <VEntityField v-if="attachment.metadata.deletionTimestamp">
+        <template #description>
+          <VStatusDot
+            v-tooltip="$t('core.common.status.deleting')"
+            state="warning"
+            animate
+          />
+        </template>
+      </VEntityField>
+      <VEntityField>
+        <template #description>
+          <span class="truncate text-xs tabular-nums text-gray-500">
+            {{ formatDatetime(attachment.metadata.creationTimestamp) }}
+          </span>
+        </template>
+      </VEntityField>
+    </template>
+    <template #dropdownItems>
+      <EntityDropdownItems
+        :dropdown-items="operationItems"
+        :item="attachment"
+      />
+    </template>
+  </VEntity>
+</template>
diff --git a/console/src/modules/contents/attachments/composables/use-attachment.ts b/console/src/modules/contents/attachments/composables/use-attachment.ts
index 0e14d886f0..63a16f6dcd 100644
--- a/console/src/modules/contents/attachments/composables/use-attachment.ts
+++ b/console/src/modules/contents/attachments/composables/use-attachment.ts
@@ -21,7 +21,6 @@ interface useAttachmentControlReturn {
   handleFetchAttachments: () => void;
   handleSelectPrevious: () => void;
   handleSelectNext: () => void;
-  handleDelete: (attachment: Attachment) => void;
   handleDeleteInBatch: () => void;
   handleCheckAll: (checkAll: boolean) => void;
   handleSelect: (attachment: Attachment | undefined) => void;
@@ -128,37 +127,6 @@ export function useAttachmentControl(filterOptions: {
     }
   };
 
-  const handleDelete = (attachment: Attachment) => {
-    Dialog.warning({
-      title: t("core.attachment.operations.delete.title"),
-      description: t("core.common.dialog.descriptions.cannot_be_recovered"),
-      confirmType: "danger",
-      confirmText: t("core.common.buttons.confirm"),
-      cancelText: t("core.common.buttons.cancel"),
-      onConfirm: async () => {
-        try {
-          await apiClient.extension.storage.attachment.deletestorageHaloRunV1alpha1Attachment(
-            {
-              name: attachment.metadata.name,
-            }
-          );
-          if (
-            selectedAttachment.value?.metadata.name === attachment.metadata.name
-          ) {
-            selectedAttachment.value = undefined;
-          }
-          selectedAttachments.value.delete(attachment);
-
-          Toast.success(t("core.common.toast.delete_success"));
-        } catch (e) {
-          console.error("Failed to delete attachment", e);
-        } finally {
-          await refetch();
-        }
-      },
-    });
-  };
-
   const handleDeleteInBatch = () => {
     Dialog.warning({
       title: t("core.attachment.operations.delete_in_batch.title"),
@@ -243,7 +211,6 @@ export function useAttachmentControl(filterOptions: {
     handleFetchAttachments: refetch,
     handleSelectPrevious,
     handleSelectNext,
-    handleDelete,
     handleDeleteInBatch,
     handleCheckAll,
     handleSelect,
diff --git a/console/src/modules/contents/comments/CommentList.vue b/console/src/modules/contents/comments/CommentList.vue
index 80a2301108..7b8c99b775 100644
--- a/console/src/modules/contents/comments/CommentList.vue
+++ b/console/src/modules/contents/comments/CommentList.vue
@@ -273,13 +273,13 @@ const handleApproveInBatch = async () => {
                   },
                   {
                     label: t('core.comment.filters.status.items.approved'),
-                    value: 'true',
+                    value: true,
                   },
                   {
                     label: t(
                       'core.comment.filters.status.items.pending_review'
                     ),
-                    value: 'false',
+                    value: false,
                   },
                 ]"
               />
diff --git a/console/src/modules/system/plugins/PluginDetail.vue b/console/src/modules/system/plugins/PluginDetail.vue
index 1f321e05ec..d17a55f823 100644
--- a/console/src/modules/system/plugins/PluginDetail.vue
+++ b/console/src/modules/system/plugins/PluginDetail.vue
@@ -51,7 +51,10 @@ const { data: plugin } = useQuery({
     return data;
   },
   onSuccess(data) {
-    if (!data.spec.settingName) {
+    if (
+      !data.spec.settingName ||
+      !currentUserHasPermission(["system:plugins:manage"])
+    ) {
       tabs.value = [...initialTabs.value, ...getTabsFromExtensions()];
     }
   },
diff --git a/console/src/modules/system/plugins/components/entity-fields/SwitchField.vue b/console/src/modules/system/plugins/components/entity-fields/SwitchField.vue
index 73f676377e..25c848ab36 100644
--- a/console/src/modules/system/plugins/components/entity-fields/SwitchField.vue
+++ b/console/src/modules/system/plugins/components/entity-fields/SwitchField.vue
@@ -21,7 +21,7 @@ const { changingStatus, changeStatus } = usePluginLifeCycle(plugin);
       <div class="flex items-center">
         <VSwitch
           :model-value="plugin.spec.enabled"
-          :disabled="changingStatus"
+          :loading="changingStatus"
           @click="changeStatus"
         />
       </div>
diff --git a/console/src/modules/system/plugins/composables/use-plugin.ts b/console/src/modules/system/plugins/composables/use-plugin.ts
index 9408e7247e..6bb856d096 100644
--- a/console/src/modules/system/plugins/composables/use-plugin.ts
+++ b/console/src/modules/system/plugins/composables/use-plugin.ts
@@ -1,6 +1,6 @@
 import type { ComputedRef, Ref } from "vue";
 import { computed } from "vue";
-import type { Plugin } from "@halo-dev/api-client";
+import { type Plugin } from "@halo-dev/api-client";
 import cloneDeep from "lodash.clonedeep";
 import { apiClient } from "@/utils/api-client";
 import { Dialog, Toast } from "@halo-dev/components";
@@ -43,22 +43,14 @@ export function usePluginLifeCycle(
     mutationFn: async () => {
       if (!plugin?.value) return;
 
-      const { data: pluginToUpdate } =
-        await apiClient.extension.plugin.getpluginHaloRunV1alpha1Plugin({
-          name: plugin.value.metadata.name,
-        });
+      const { enabled } = plugin.value.spec;
 
-      pluginToUpdate.spec.enabled = !pluginToUpdate.spec.enabled;
-
-      const { data: newPlugin } =
-        await apiClient.extension.plugin.updatepluginHaloRunV1alpha1Plugin({
-          name: pluginToUpdate.metadata.name,
-          plugin: pluginToUpdate,
-        });
-
-      await checkStatus(newPlugin);
-
-      return newPlugin;
+      return await apiClient.plugin.changePluginRunningState({
+        name: plugin.value.metadata.name,
+        pluginRunningStateRequest: {
+          enable: !enabled,
+        },
+      });
     },
     retry: 3,
     retryDelay: 1000,
@@ -67,38 +59,6 @@ export function usePluginLifeCycle(
     },
   });
 
-  function checkStatus(plugin: Plugin) {
-    const maxRetry = 5;
-    let retryCount = 0;
-    return new Promise((resolve, reject) => {
-      const check = () => {
-        if (retryCount >= maxRetry) {
-          reject(false);
-          return;
-        }
-        apiClient.extension.plugin
-          .getpluginHaloRunV1alpha1Plugin({ name: plugin.metadata.name })
-          .then((response) => {
-            const { enabled } = response.data.spec;
-            const { phase } = response.data.status || {};
-            if (
-              (enabled && phase === "STARTED") ||
-              (!enabled && phase !== "STARTED")
-            ) {
-              resolve(true);
-            } else {
-              setTimeout(check, 1000);
-              retryCount++;
-            }
-          })
-          .catch(() => {
-            reject(false);
-          });
-      };
-      check();
-    });
-  }
-
   const uninstall = (deleteExtensions?: boolean) => {
     if (!plugin?.value) return;
 
@@ -260,15 +220,11 @@ export function usePluginBatchOperations(names: Ref<string[]>) {
       onConfirm: async () => {
         try {
           for (let i = 0; i < names.value.length; i++) {
-            const { data: pluginToUpdate } =
-              await apiClient.extension.plugin.getpluginHaloRunV1alpha1Plugin({
-                name: names.value[i],
-              });
-
-            pluginToUpdate.spec.enabled = enabled;
-            await apiClient.extension.plugin.updatepluginHaloRunV1alpha1Plugin({
-              name: pluginToUpdate.metadata.name,
-              plugin: pluginToUpdate,
+            await apiClient.plugin.changePluginRunningState({
+              name: names.value[i],
+              pluginRunningStateRequest: {
+                enable: enabled,
+              },
             });
           }
 
diff --git a/console/src/modules/system/plugins/tabs/Detail.vue b/console/src/modules/system/plugins/tabs/Detail.vue
index 2e1e14af82..310e27bd65 100644
--- a/console/src/modules/system/plugins/tabs/Detail.vue
+++ b/console/src/modules/system/plugins/tabs/Detail.vue
@@ -16,7 +16,7 @@ import { formatDatetime } from "@/utils/date";
 import { useQuery } from "@tanstack/vue-query";
 
 const plugin = inject<Ref<Plugin | undefined>>("plugin");
-const { changeStatus } = usePluginLifeCycle(plugin);
+const { changeStatus, changingStatus } = usePluginLifeCycle(plugin);
 
 interface RoleTemplateGroup {
   module: string | null | undefined;
@@ -72,7 +72,11 @@ const pluginRoleTemplateGroups = computed<RoleTemplateGroup[]>(() => {
           </h3>
         </div>
         <div v-permission="['system:plugins:manage']">
-          <VSwitch :model-value="plugin?.spec.enabled" @change="changeStatus" />
+          <VSwitch
+            :loading="changingStatus"
+            :model-value="plugin?.spec.enabled"
+            @change="changeStatus"
+          />
         </div>
       </div>
       <div
diff --git a/console/src/modules/system/users/UserDetail.vue b/console/src/modules/system/users/UserDetail.vue
index 33915d7df3..83540c7e1f 100644
--- a/console/src/modules/system/users/UserDetail.vue
+++ b/console/src/modules/system/users/UserDetail.vue
@@ -32,6 +32,7 @@ import { markRaw } from "vue";
 import DetailTab from "./tabs/Detail.vue";
 import PersonalAccessTokensTab from "./tabs/PersonalAccessTokens.vue";
 import { useRouteQuery } from "@vueuse/router";
+import NotificationPreferences from "./tabs/NotificationPreferences.vue";
 
 const { currentUserHasPermission } = usePermission();
 const userStore = useUserStore();
@@ -111,11 +112,18 @@ const tabs = computed((): UserTab[] => {
       component: markRaw(DetailTab),
       priority: 10,
     },
+    {
+      id: "notification-preferences",
+      label: t("core.user.detail.tabs.notification-preferences"),
+      component: markRaw(NotificationPreferences),
+      priority: 20,
+      hidden: !isCurrentUser.value,
+    },
     {
       id: "pat",
       label: t("core.user.detail.tabs.pat"),
       component: markRaw(PersonalAccessTokensTab),
-      priority: 20,
+      priority: 30,
       hidden: !isCurrentUser.value,
     },
   ];
diff --git a/console/src/modules/system/users/components/UserAvatar.vue b/console/src/modules/system/users/components/UserAvatar.vue
index 137e737a24..8c820f05b2 100644
--- a/console/src/modules/system/users/components/UserAvatar.vue
+++ b/console/src/modules/system/users/components/UserAvatar.vue
@@ -2,6 +2,7 @@
 import { apiClient } from "@/utils/api-client";
 import {
   IconRiPencilFill,
+  IconAddCircle,
   VButton,
   VAvatar,
   VDropdown,
@@ -18,6 +19,7 @@ import { useQueryClient } from "@tanstack/vue-query";
 import { useI18n } from "vue-i18n";
 import { useFileDialog } from "@vueuse/core";
 import { inject } from "vue";
+import { computed } from "vue";
 
 const queryClient = useQueryClient();
 const { currentUserHasPermission } = usePermission();
@@ -41,7 +43,6 @@ const user = inject<Ref<DetailedUser | undefined>>("user");
 const isCurrentUser = inject<ComputedRef<boolean>>("isCurrentUser");
 
 const userAvatarCropper = ref<IUserAvatarCropperType>();
-const showAvatarEditor = ref(false);
 const visibleCropperModal = ref(false);
 const originalFile = ref<File>() as Ref<File>;
 
@@ -66,7 +67,7 @@ const handleUploadAvatar = () => {
 
     apiClient.user
       .uploadUserAvatar({
-        name: user.value.user.metadata.name,
+        name: isCurrentUser?.value ? "-" : user.value.user.metadata.name,
         file: file,
       })
       .then(() => {
@@ -96,7 +97,7 @@ const handleRemoveCurrentAvatar = () => {
 
       apiClient.user
         .deleteUserAvatar({
-          name: user.value.user.metadata.name,
+          name: isCurrentUser?.value ? "-" : user.value.user.metadata.name,
         })
         .then(() => {
           queryClient.invalidateQueries({ queryKey: ["user-detail"] });
@@ -117,14 +118,14 @@ const changeUploadAvatar = () => {
   reset();
   open();
 };
+
+const hasAvatar = computed(() => {
+  return !!user?.value?.user.spec.avatar;
+});
 </script>
 
 <template>
-  <div
-    class="h-full w-full"
-    @mouseover="showAvatarEditor = true"
-    @mouseout="showAvatarEditor = false"
-  >
+  <div class="group h-full w-full">
     <VAvatar
       :src="user?.user.spec.avatar"
       :alt="user?.user.spec.displayName"
@@ -137,10 +138,17 @@ const changeUploadAvatar = () => {
       v-if="currentUserHasPermission(['system:users:manage']) || isCurrentUser"
     >
       <div
-        v-show="showAvatarEditor"
-        class="absolute left-0 right-0 top-0 h-full w-full cursor-pointer rounded-full border-0 bg-black/60 text-center leading-[5rem] transition-opacity duration-300 group-hover:opacity-100"
+        class="absolute left-0 right-0 top-0 hidden h-full w-full cursor-pointer items-center rounded-full border-0 bg-black/60 text-center transition-all duration-300 group-hover:flex"
+        :class="{
+          '!flex': !hasAvatar,
+        }"
       >
+        <IconAddCircle
+          v-if="!hasAvatar"
+          class="inline-block w-full self-center text-2xl text-white"
+        />
         <IconRiPencilFill
+          v-else
           class="inline-block w-full self-center text-2xl text-white"
         />
       </div>
@@ -148,7 +156,7 @@ const changeUploadAvatar = () => {
         <VDropdownItem @click="open()">
           {{ $t("core.common.buttons.upload") }}
         </VDropdownItem>
-        <VDropdownItem @click="handleRemoveCurrentAvatar">
+        <VDropdownItem v-if="hasAvatar" @click="handleRemoveCurrentAvatar">
           {{ $t("core.common.buttons.delete") }}
         </VDropdownItem>
       </template>
diff --git a/console/src/modules/system/users/tabs/NotificationPreferences.vue b/console/src/modules/system/users/tabs/NotificationPreferences.vue
new file mode 100644
index 0000000000..ca3d838781
--- /dev/null
+++ b/console/src/modules/system/users/tabs/NotificationPreferences.vue
@@ -0,0 +1,152 @@
+<script lang="ts" setup>
+import { apiClient } from "@/utils/api-client";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/vue-query";
+import type { DetailedUser } from "@halo-dev/api-client";
+import { VLoading, VSwitch } from "@halo-dev/components";
+import type { Ref } from "vue";
+import { computed } from "vue";
+import { inject } from "vue";
+import cloneDeep from "lodash.clonedeep";
+import type { ReasonTypeNotifierRequest } from "@halo-dev/api-client";
+
+const queryClient = useQueryClient();
+
+const user = inject<Ref<DetailedUser | undefined>>("user");
+
+const { data, isLoading } = useQuery({
+  queryKey: ["notification-preferences"],
+  queryFn: async () => {
+    if (!user?.value) {
+      return;
+    }
+
+    const { data } =
+      await apiClient.notification.listUserNotificationPreferences({
+        username: user?.value?.user.metadata.name,
+      });
+
+    return data;
+  },
+  enabled: computed(() => !!user?.value),
+});
+
+const {
+  mutate,
+  isLoading: mutating,
+  variables,
+} = useMutation({
+  mutationKey: ["update-notification-preferences"],
+  mutationFn: async ({
+    state,
+    reasonTypeIndex,
+    notifierIndex,
+  }: {
+    state: boolean;
+    reasonTypeIndex: number;
+    notifierIndex: number;
+  }) => {
+    const preferences = cloneDeep(data.value);
+
+    if (!user?.value || !preferences) {
+      return;
+    }
+
+    if (!preferences.stateMatrix) {
+      preferences.stateMatrix = [];
+    }
+
+    preferences.stateMatrix[reasonTypeIndex][notifierIndex] = state;
+
+    const reasonTypeNotifiers = data.value?.reasonTypes
+      ?.map((reasonType, currentReasonTypeIndex) => {
+        return {
+          reasonType: reasonType.name,
+          notifiers: data.value?.notifiers
+            ?.map((notifier, currentNotifierIndex) => {
+              if (
+                preferences.stateMatrix?.[currentReasonTypeIndex][
+                  currentNotifierIndex
+                ]
+              ) {
+                return notifier.name;
+              }
+            })
+            .filter(Boolean),
+        };
+      })
+      .filter(Boolean) as Array<ReasonTypeNotifierRequest>;
+
+    return await apiClient.notification.saveUserNotificationPreferences({
+      username: user?.value?.user.metadata.name,
+      reasonTypeNotifierCollectionRequest: {
+        reasonTypeNotifiers,
+      },
+    });
+  },
+  onSuccess() {
+    queryClient.invalidateQueries({ queryKey: ["notification-preferences"] });
+  },
+});
+</script>
+
+<template>
+  <VLoading v-if="isLoading" />
+
+  <Transition v-else appear name="fade">
+    <div class="box-border h-full w-full overflow-auto rounded-base border">
+      <table class="min-w-full divide-y divide-gray-100">
+        <thead class="bg-gray-50">
+          <tr>
+            <th
+              class="px-4 py-3 text-left text-sm font-semibold text-gray-900 sm:w-96"
+              scope="col"
+            >
+              {{ $t("core.user.notification-preferences.fields.type") }}
+            </th>
+            <th
+              v-for="notifier in data?.notifiers"
+              :key="notifier.name"
+              scope="col"
+              class="px-4 py-3 text-left text-sm font-semibold text-gray-900"
+            >
+              {{ notifier.displayName }}
+            </th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-100 bg-white">
+          <tr
+            v-for="(reasonType, index) in data?.reasonTypes"
+            :key="reasonType.name"
+          >
+            <td
+              class="whitespace-nowrap px-4 py-3 text-sm font-medium text-gray-900"
+            >
+              {{ reasonType.displayName }}
+            </td>
+            <td
+              v-for="(notifier, notifierIndex) in data?.notifiers"
+              :key="notifier.name"
+              class="whitespace-nowrap px-4 py-3 text-sm text-gray-500"
+            >
+              <VSwitch
+                :model-value="data?.stateMatrix?.[index][notifierIndex]"
+                :loading="
+                  mutating &&
+                  variables?.reasonTypeIndex === index &&
+                  variables?.notifierIndex === notifierIndex
+                "
+                @change="
+                  mutate({
+                    state: !data?.stateMatrix?.[index][notifierIndex],
+                    reasonTypeIndex: index,
+                    notifierIndex: notifierIndex,
+                  })
+                "
+              />
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </Transition>
+</template>
diff --git a/console/src/setup/setupModules.ts b/console/src/setup/setupModules.ts
index b38737815b..d9d8d3a405 100644
--- a/console/src/setup/setupModules.ts
+++ b/console/src/setup/setupModules.ts
@@ -21,7 +21,7 @@ export async function setupPluginModules(app: App) {
     const { load } = useScriptTag(
       `${
         import.meta.env.VITE_API_URL
-      }/apis/api.console.halo.run/v1alpha1/plugins/-/bundle.js`
+      }/apis/api.console.halo.run/v1alpha1/plugins/-/bundle.js?t=${Date.now()}`
     );
 
     await load();
@@ -45,7 +45,7 @@ export async function setupPluginModules(app: App) {
     await loadStyle(
       `${
         import.meta.env.VITE_API_URL
-      }/apis/api.console.halo.run/v1alpha1/plugins/-/bundle.css`
+      }/apis/api.console.halo.run/v1alpha1/plugins/-/bundle.css?t=${Date.now()}`
     );
   } catch (e) {
     const message = i18n.global.t("core.plugin.loader.toast.style_load_failed");
diff --git a/console/src/utils/load-style.ts b/console/src/utils/load-style.ts
index 23ee309bfe..07e42479cf 100644
--- a/console/src/utils/load-style.ts
+++ b/console/src/utils/load-style.ts
@@ -2,7 +2,7 @@ export function loadStyle(href: string) {
   return new Promise(function (resolve, reject) {
     let shouldAppend = false;
     let el: HTMLLinkElement | null = document.querySelector(
-      'script[src="' + href + '"]'
+      'link[href="' + href + '"]'
     );
     if (!el) {
       el = document.createElement("link");
diff --git a/console/src/views/system/SetupInitialData.vue b/console/src/views/system/SetupInitialData.vue
index c4430c5d7d..cb6c0af4c7 100644
--- a/console/src/views/system/SetupInitialData.vue
+++ b/console/src/views/system/SetupInitialData.vue
@@ -2,12 +2,12 @@
 import { apiClient } from "@/utils/api-client";
 import { VLoading } from "@halo-dev/components";
 import { useMutation } from "@tanstack/vue-query";
-import type {
-  Category,
-  Plugin,
-  PostRequest,
-  SinglePageRequest,
-  Tag,
+import {
+  type Category,
+  type Plugin,
+  type PostRequest,
+  type SinglePageRequest,
+  type Tag,
 } from "@halo-dev/api-client";
 import { onMounted } from "vue";
 import category from "./setup-data/category.json";
@@ -48,22 +48,12 @@ const { mutate: pluginInstallMutate } = useMutation({
 const { mutate: pluginStartMutate } = useMutation({
   mutationKey: ["plugin-start"],
   mutationFn: async (plugin: Plugin) => {
-    const { data: pluginToUpdate } =
-      await apiClient.extension.plugin.getpluginHaloRunV1alpha1Plugin({
-        name: plugin.metadata.name,
-      });
-
-    pluginToUpdate.spec.enabled = true;
-
-    return apiClient.extension.plugin.updatepluginHaloRunV1alpha1Plugin(
-      {
-        name: plugin.metadata.name,
-        plugin: pluginToUpdate,
+    return await apiClient.plugin.changePluginRunningState({
+      name: plugin.metadata.name,
+      pluginRunningStateRequest: {
+        enable: true,
       },
-      {
-        mute: true,
-      }
-    );
+    });
   },
   retry: 3,
   retryDelay: 1000,
diff --git a/docs/authentication/README.md b/docs/authentication/README.md
index b323294b64..c4ef7b56ec 100644
--- a/docs/authentication/README.md
+++ b/docs/authentication/README.md
@@ -216,7 +216,7 @@ curl -u admin:admin -X 'POST' \
 
 | 属性路径                                                | 描述                                           |
 |-----------------------------------------------------|----------------------------------------------|
-| metadata.annotations.security.halo.run/access-token | 生成好的 PAT。需要注意的是，这个 PAT 不会保存在数据库中，所以仅有一次保存机会。 |
+| security.halo.run/access-token | 生成好的 PAT。需要注意的是，这个 PAT 不会保存在数据库中，所以仅有一次保存机会。 |
 
 #### 使用 PAT
 
diff --git a/gradle.properties b/gradle.properties
index 2f330cf140..5fb5d935d5 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -1 +1,2 @@
-version=2.10.0-SNAPSHOT
+version=2.11.0-SNAPSHOT
+snakeyaml.version=2.2
diff --git a/platform/application/build.gradle b/platform/application/build.gradle
index 6f728cac86..bf775c48d2 100644
--- a/platform/application/build.gradle
+++ b/platform/application/build.gradle
@@ -1,7 +1,7 @@
 import org.springframework.boot.gradle.plugin.SpringBootPlugin
 
 plugins {
-    id 'org.springframework.boot' version '3.1.4' apply false
+    id 'org.springframework.boot' version '3.1.5' apply false
     id 'java-platform'
     id 'halo.publish'
     id 'signing'