自动记忆表单面板添加tab切换跳转

src/components/SidebarPanel.scss

@@ -580,6 +580,63 @@ $radius-sm: 12px;
 }
 
 .op-cache-modal-body {
+  flex: 1;
+  overflow: hidden;
+  padding: 0;
+
+  &::-webkit-scrollbar {
+    width: 5px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #ddd;
+    border-radius: 3px;
+  }
+}
+
+/* 左右布局容器 */
+.op-cache-modal-body-inner {
+  display: flex;
+  height: 100%;
+}
+
+/* 左侧竖直 tab 导航 */
+.op-cache-modal-tabs {
+  width: 110px;
+  flex-shrink: 0;
+  overflow-y: auto;
+  border-right: 1px solid #f0f0f0;
+  padding: 8px 0;
+  background: #fafafa;
+
+  &::-webkit-scrollbar {
+    width: 3px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #ddd;
+    border-radius: 2px;
+  }
+}
+
+.op-cache-modal-tab {
+  padding: 8px 10px;
+  font-size: 12px;
+  color: #555;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border-left: 3px solid transparent;
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
+
+  &:hover {
+    background: #e8f8f9;
+    color: #333;
+    border-left-color: #52CAD1;
+  }
+}
+
+/* 右侧内容区域 */
+.op-cache-modal-content {
   flex: 1;
   overflow-y: auto;
   padding: 16px 20px;