update from asus 106

frontend/src/components/Sidebar.jsx

@@ -74,11 +74,15 @@ export default function Sidebar({ route, currentProject, theme, onToggleTheme })
       </div>
 
       <div className="sidebar-section">
-        {!collapsed && <div className="sidebar-section-title">MODELS</div>}
+        {!collapsed && <div className="sidebar-section-title">MODELS & TOOLS</div>}
         <a href={`#/projects/${pId}/models`} onClick={(e) => handleNav(e, `/projects/${pId}/models`)} className={`sidebar-item ${route.name === 'models' ? 'active' : ''}`} title="Train & Select Engine">
           <span className="sidebar-icon"><RocketIcon size={16} /></span>
           {!collapsed && <span>Train & Select Engine</span>}
         </a>
+        <a href="#/sam3-playground" onClick={(e) => handleNav(e, '/sam3-playground')} className={`sidebar-item ${route.name === 'sam3-playground' ? 'active' : ''}`} title="SAM3 Playground">
+          <span className="sidebar-icon">🤖</span>
+          {!collapsed && <span>SAM3 Playground</span>}
+        </a>
       </div>
 
       <div className="sidebar-spacer" />