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

src/components/SidebarPanel.tsx

@@ -1133,8 +1133,27 @@ export function SidebarPanel({ sourceUrl, jobInfo, onClose }: SidebarPanelProps)
               {(!cacheModalData || cacheModalData.length === 0) ? (
                 <div className="op-cache-modal-empty">暂无缓存数据</div>
               ) : (
-                cacheModalData.map((section: any, sIdx: number) => (
-                  <div key={sIdx} className="op-cache-modal-section">
+                <div className="op-cache-modal-body-inner">
+                  {/* 左侧竖直 tab 导航 */}
+                  <div className="op-cache-modal-tabs">
+                    {cacheModalData.map((section: any, sIdx: number) => (
+                      <div
+                        key={sIdx}
+                        className="op-cache-modal-tab"
+                        onClick={() => {
+                          const contentEl = containerRef.current?.querySelector(".op-cache-modal-content")
+                          const targetEl = contentEl?.querySelector(`[data-cache-section-idx="${sIdx}"]`)
+                          if (targetEl) targetEl.scrollIntoView({ behavior: "smooth", block: "start" })
+                        }}
+                      >
+                        {section.title}
+                      </div>
+                    ))}
+                  </div>
+                  {/* 右侧内容区域 */}
+                  <div className="op-cache-modal-content">
+                {cacheModalData.map((section: any, sIdx: number) => (
+                  <div key={sIdx} className="op-cache-modal-section" data-cache-section-idx={sIdx}>
                     <div className="op-cache-modal-section-title">{section.title}</div>
                     {section.isExperience ? (
                       // 经历类型：formItems 是二维数组，每段经历分开展示
@@ -1190,7 +1209,9 @@ export function SidebarPanel({ sourceUrl, jobInfo, onClose }: SidebarPanelProps)
                       </div>
                     )}
                   </div>
-                ))
+                ))}
+                  </div>
+                </div>
               )}
             </div>
             <div className="op-cache-modal-footer">