-Scope is applied now.

res/app/components/stf/socket/socket-state/index.js

@@ -1,6 +1,26 @@
 module.exports = angular.module('stf/socket/socket-state', [
   require('stf/socket').name,
+  require('stf/common-ui/safe-apply').name,
   require('stf/common-ui/notifications').name
 ])
   .directive('socketState', require('./socket-state-directive'))
   .controller('SocketStateCtrl', require('./socket-state-controller'))
+  .config([
+    '$provide', function ($provide) {
+      return $provide.decorator('$rootScope', [
+        '$delegate', function ($delegate) {
+          $delegate.safeApply = function (fn) {
+            var phase = $delegate.$$phase
+            if (phase === "$apply" || phase === "$digest") {
+              if (fn && typeof fn === 'function') {
+                fn()
+              }
+            } else {
+              $delegate.$apply(fn)
+            }
+          }
+          return $delegate
+        }
+      ])
+    }
+  ])