Update src/components/WorldTreeVisualizer.tsx

src/components/WorldTreeVisualizer.tsx

@@ -2232,6 +2232,54 @@ export const WorldTreeVisualizer: React.FC<WorldTreeVisualizerProps> = ({ audioE
           </div>
         </div>
 
+        {/* Manual Refresh Button */}
+        <div style={{ marginBottom: '15px' }}>
+          <button
+            onClick={() => performHiddenRefresh(true)}
+            disabled={autoRefreshRef.current.isRefreshing}
+            style={{
+              width: '100%',
+              padding: '8px 12px',
+              background: autoRefreshRef.current.isRefreshing 
+                ? 'linear-gradient(135deg, var(--copper-dark), var(--teal-dark))' 
+                : 'linear-gradient(135deg, var(--marble-dark), var(--copper-medium))',
+              border: '2px solid var(--copper-medium)',
+              borderRadius: '6px',
+              color: autoRefreshRef.current.isRefreshing ? 'var(--copper-medium)' : 'var(--copper-bright)',
+              fontFamily: 'Uncial Antiqua, serif',
+              fontSize: '10px',
+              cursor: autoRefreshRef.current.isRefreshing ? 'not-allowed' : 'pointer',
+              transition: 'all 0.3s ease-in-out',
+              backdropFilter: 'blur(5px)',
+              opacity: autoRefreshRef.current.isRefreshing ? 0.6 : 1,
+              textShadow: '0 1px 2px rgba(0,0,0,0.5)'
+            }}
+            onMouseEnter={(e) => {
+              if (!autoRefreshRef.current.isRefreshing) {
+                e.currentTarget.style.borderColor = 'var(--transmission-glow)'
+                e.currentTarget.style.background = 'linear-gradient(135deg, var(--copper-medium), var(--transmission-glow))'
+                e.currentTarget.style.color = 'var(--marble-light)'
+                e.currentTarget.style.transform = 'scale(1.02)'
+                e.currentTarget.style.boxShadow = '0 4px 15px var(--transmission-glow)33'
+              }
+            }}
+            onMouseLeave={(e) => {
+              if (!autoRefreshRef.current.isRefreshing) {
+                e.currentTarget.style.borderColor = 'var(--copper-medium)'
+                e.currentTarget.style.background = 'linear-gradient(135deg, var(--marble-dark), var(--copper-medium))'
+                e.currentTarget.style.color = 'var(--copper-bright)'
+                e.currentTarget.style.transform = 'scale(1)'
+                e.currentTarget.style.boxShadow = 'none'
+              }
+            }}
+          >
+            <span className="rune" style={{ marginRight: '6px' }}>
+              {autoRefreshRef.current.isRefreshing ? '⧗' : '⟲'}
+            </span>
+            {autoRefreshRef.current.isRefreshing ? 'restoring equilibrium...' : 'reset particle fields'}
+          </button>
+        </div>
+
         <div style={{ marginBottom: '10px' }}>
           <label style={{ display: 'block', marginBottom: '5px', fontSize: '12px' }}>
             <input