diff --git a/app/src/config/index.ts b/app/src/config/index.ts
index 7f3e3876c..d16a52600 100644
--- a/app/src/config/index.ts
+++ b/app/src/config/index.ts
@@ -11,6 +11,8 @@ import {keymap} from "./keymap";
 import {bazaar} from "./bazaar";
 import {query} from "./query";
 import {Dialog} from "../dialog";
+import {AI} from "./AI";
+import {card} from "./card";
 
 export const openSetting = () => {
     const exitDialog = window.siyuan.dialogs.find((item) => {
@@ -22,7 +24,7 @@ export const openSetting = () => {
     if (exitDialog) {
         return exitDialog;
     }
-    const height = Math.min(window.innerHeight * .9 - 42, Math.max(window.innerHeight * .7, 52 * 11));
+    const height = Math.min(window.innerHeight * .9 - 42, Math.max(window.innerHeight * .7, 52 * 13));
     const dialog = new Dialog({
         content: `<div class="fn__flex-column" style="border-radius: 4px;overflow: hidden;position: relative">
 <div class="b3-form__icon search__header"><svg style="left: 14px;" class="b3-form__icon-icon"><use xlink:href="#iconSearch"></use></svg><input class="b3-text-field b3-text-field--text fn__block b3-form__icon-input"></div>
@@ -30,6 +32,8 @@ export const openSetting = () => {
   <ul class="b3-tab-bar b3-list b3-list--background" style="height:${height}px;">
     <li data-name="editor" class="b3-list-item--focus b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconEdit"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.editor}</span></li>
     <li data-name="filetree" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconFiles"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.fileTree}</span></li>
+    <li data-name="card" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconRiffCard"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.riffCard}</span></li>
+    <li data-name="AI" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconSparkles"></use></svg><span class="b3-list-item__text">AI</span></li>
     <li data-name="image" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconImage"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.assets}</span></li>
     <li data-name="export" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconUpload"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.export}</span></li>
     <li data-name="appearance" class="b3-list-item b3-list-item--big"><svg class="b3-list-item__graphic"><use xlink:href="#iconTheme"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.appearance}</span></li>
@@ -42,6 +46,8 @@ export const openSetting = () => {
   </ul>
   <div class="config__tab-container" style="height:${height}px" data-name="editor">${editor.genHTML()}</div>
   <div class="config__tab-container fn__none" style="height:${height}px" data-name="filetree"></div>
+  <div class="config__tab-container fn__none" style="height:${height}px" data-name="card"></div>
+  <div class="config__tab-container fn__none" style="height:${height}px" data-name="AI"></div>
   <div class="config__tab-container fn__none" style="height:${height}px" data-name="image"></div>
   <div class="config__tab-container fn__none" style="height:${height}px" data-name="export"></div>
   <div class="config__tab-container fn__none" style="height:${height}px" data-name="appearance"></div>
@@ -75,6 +81,16 @@ export const openSetting = () => {
                         fileTree.element = dialog.element.querySelector('.config__tab-container[data-name="filetree"]');
                         fileTree.bindEvent();
                         break;
+                    case "AI":
+                        containerElement.innerHTML = AI.genHTML();
+                        AI.element = dialog.element.querySelector('.config__tab-container[data-name="AI"]');
+                        AI.bindEvent();
+                        break;
+                    case "card":
+                        containerElement.innerHTML = card.genHTML();
+                        card.element = dialog.element.querySelector('.config__tab-container[data-name="card"]');
+                        card.bindEvent();
+                        break;
                     case "image":
                         containerElement.innerHTML = image.genHTML();
                         image.element = dialog.element.querySelector('.config__tab-container[data-name="image"]');
diff --git a/app/src/config/search.ts b/app/src/config/search.ts
index 5c1b414ff..fda7f5782 100644
--- a/app/src/config/search.ts
+++ b/app/src/config/search.ts
@@ -25,6 +25,12 @@ export const initConfigSearch = (element: HTMLElement) => {
             "fileTree6", "fileTree7", "fileTree8", "fileTree9", "fileTree10", "fileTree12", "fileTree13", "fileTree15",
             "fileTree16", "fileTree17"]),
 
+        // 闪卡
+        getLang(["riffCard"]),
+
+        // AI
+        ["AI"].concat(getLang(["ai"])),
+
         // 图片
         getLang(["assets", "clearUnused"]),