Done with major changes,

fixed widget IPython. references

IPython/html/static/widgets/js/manager.js

@@ -9,11 +9,13 define([
         //--------------------------------------------------------------------
         // WidgetManager class
         //--------------------------------------------------------------------
-        var WidgetManager = function (comm_manager) {
+    var WidgetManager = function (comm_manager, keyboard_manager, notebook) {
             // Public constructor
             WidgetManager._managers.push(this);
 
             // Attach a comm manager to the 
+        this.keyboard_manager = keyboard_manager;
+        this.notebook = notebook;
             this.comm_manager = comm_manager;
             this._models = {}; /* Dictionary of model ids and model instances */
 
@@ -76,11 +78,13 define([
             // Have the IPython keyboard manager disable its event
             // handling so the widget can capture keyboard input.
             // Note, this is only done on the outer most widgets.
-            IPython.keyboard_manager.register_events(view.$el);
+        if (this.keyboard_manager) {
+            this.keyboard_manager.register_events(view.$el);
             
             if (view.additional_elements) {
                 for (var i = 0; i < view.additional_elements.length; i++) {
-                    IPython.keyboard_manager.register_events(view.additional_elements[i]);
+                    this.keyboard_manager.register_events(view.additional_elements[i]);
+            }
                 }
             } 
         };
@@ -111,8 +115,8 define([
         WidgetManager.prototype.get_msg_cell = function (msg_id) {
             var cell = null;
             // First, check to see if the msg was triggered by cell execution.
-            if (IPython.notebook) {
-                cell = IPython.notebook.get_msg_cell(msg_id);
+        if (this.notebook) {
+            cell = this.notebook.get_msg_cell(msg_id);
             }
             if (cell !== null) {
                 return cell;
@@ -189,8 +193,5 define([
             this._models[model_id] = widget_model;
         };
         
-    // For backwards compatability.
-        IPython.WidgetManager = WidgetManager;
-
     return WidgetManager;
     });

IPython/html/static/widgets/js/widget.js

@@ -208,20 +208,20 function(WidgetManager, _, Backbone){
 
         _pack_models: function(value) {
             // Replace models with model ids recursively.
+            var that = this;
+            var packed;
             if (value instanceof Backbone.Model) {
                 return value.id;
 
             } else if ($.isArray(value)) {
-                var packed = [];
-                var that = this;
+                packed = [];
                 _.each(value, function(sub_value, key) {
                     packed.push(that._pack_models(sub_value));
                 });
                 return packed;
 
             } else if (value instanceof Object) {
-                var packed = {};
-                var that = this;
+                packed = {};
                 _.each(value, function(sub_value, key) {
                     packed[key] = that._pack_models(sub_value);
                 });

IPython/html/static/widgets/js/widget_selection.js

@@ -3,7 +3,8
 
 define([
     "widgets/js/widget",
-], function(widget){
+    "base/js/utils",
+], function(widget, utils){
 
     var DropdownView = widget.DOMWidgetView.extend({
         render : function(){
@@ -226,7 +227,7 define([
                     if (item.trim().length == 0) {
                         item_html = " ";
                     } else {
-                        item_html = IPython.utils.escape_html(item);
+                        item_html = utils.escape_html(item);
                     }
                     var item_query = '[data-value="' + item + '"]';
                     var $item_element = that.$buttongroup.find(item_query);

IPython/html/static/widgets/js/widget_selectioncontainer.js

@@ -3,12 +3,13
 
 define([
     "widgets/js/widget",
-], function(widget){
+    "base/js/utils",
+], function(widget, utils){
 
     var AccordionView = widget.DOMWidgetView.extend({
         render: function(){
             // Called when view is rendered.
-            var guid = 'panel-group' + IPython.utils.uuid();
+            var guid = 'panel-group' + utils.uuid();
             this.$el
                 .attr('id', guid)
                 .addClass('panel-group');
@@ -88,7 +89,7 define([
             // Called when a child is added to children list.
             var view = this.create_child_view(model);
             var index = this.containers.length;
-            var uuid = IPython.utils.uuid();
+            var uuid = utils.uuid();
             var accordion_group = $('<div />')
                 .addClass('panel panel-default')
                 .appendTo(this.$el);
@@ -141,7 +142,7 define([
 
         render: function(){
             // Called when view is rendered.
-            var uuid = 'tabs'+IPython.utils.uuid();
+            var uuid = 'tabs'+utils.uuid();
             var that = this;
             this.$tabs = $('<div />', {id: uuid})
                 .addClass('nav')
@@ -189,7 +190,7 define([
             // Called when a child is added to children list.
             var view = this.create_child_view(model);
             var index = this.containers.length;
-            var uuid = IPython.utils.uuid();
+            var uuid = utils.uuid();
 
             var that = this;
             var tab = $('<li />')