define([
    'promise',
    'kb_common/html',
    'kb_common/observed',
    'kb_widget/widgetSet'
], function (Promise, html, observed, fWidgetSet) {
    'use strict';

    function widget(config) {
        var mount, container, runtime = config.runtime,
            widgetSet = fWidgetSet.make({ runtime: runtime }),
            viewState = observed.make();

        function renderPanel() {
            return new Promise(function (resolve) {
                // View stat is a local state machine for this view.
                var div = html.tag('div'),
                    panel = div({ class: 'kbase-view kbase-dashboard-view container-fluid', 'data-kbase-view': 'social' }, [
                        div({ class: 'row' }, [
                            div({ class: 'col-sm-12' }, [
                                div({
                                    id: widgetSet.addWidget('dashboardNarratives', {
                                        viewState: viewState
                                    })
                                }),
                                div({
                                    id: widgetSet.addWidget('dashboardNarratorials', {
                                        viewState: viewState
                                    })
                                }),
                                div({
                                    id: widgetSet.addWidget('dashboardSharedNarratives', {
                                        viewState: viewState
                                    })
                                }),
                                div({
                                    id: widgetSet.addWidget('dashboardPublicNarratives', {
                                        viewState: viewState
                                    })
                                }),
                                div({
                                    id: widgetSet.addWidget('dashboardMetrics', {
                                        viewState: viewState
                                    })
                                }),
                                div({
                                    id: widgetSet.addWidget('dashboardCollaborators', {
                                        viewState: viewState
                                    })
                                })
                            ])
                        ])
                    ]);
                resolve({
                    title: 'Your Dashboard',
                    content: panel
                });
            });
        }

        // API
        function attach(node) {
            return Promise.try(function () {
                mount = node;
                container = document.createElement('div');
                mount.appendChild(container);
                return renderPanel()
                    .then(function (rendered) {
                        container.innerHTML = rendered.content;
                        runtime.send('ui', 'setTitle', rendered.title);
                        // create widgets.
                        return widgetSet.init();
                    })
                    .then(function () {
                        return widgetSet.attach(container);
                    });
            });
        }

        function start(params) {
            return widgetSet.start(params);
        }

        function run(params) {
            return widgetSet.run(params);
        }

        function stop() {
            return widgetSet.stop();
        }

        function detach() {
            return widgetSet.detach();
        }
        return {
            attach: attach,
            start: start,
            run: run,
            stop: stop,
            detach: detach
        };
    }

    return {
        make: function (config) {
            return widget(config);
        }
    };
});

@@ -578,24 +578,53 @@
 panel = div(
+%0A                        div(
 %7B class: 'kb
@@ -700,24 +700,28 @@
 ocial' %7D, %5B%0A
+    
             
@@ -776,32 +776,36 @@
                 
+    
 div(%7B class: 'co
@@ -842,32 +842,36 @@
                 
+    
 div(%7B%0A          
@@ -888,32 +888,36 @@
                 
+  
+  
 id: widgetSet.ad
@@ -941,32 +941,36 @@
 dNarratives', %7B%0A
+    
                 
@@ -1042,32 +1042,36 @@
                 
+    
 %7D)%0A             
@@ -1081,36 +1081,44 @@
                 
+ 
+   
 %7D),%0A
+    
                 
@@ -1167,32 +1167,36 @@
                 
+   
+ 
 id: widgetSet.ad
@@ -1226,24 +1226,28 @@
 torials', %7B%0A
+    
             
@@ -1323,32 +1323,36 @@
                 
+    
 %7D)%0A             
@@ -1362,36 +1362,44 @@
                 
+  
+  
 %7D),%0A
+    
                 
@@ -1412,32 +1412,36 @@
           div(%7B%0A
+    
                 
@@ -1547,32 +1547,36 @@
                 
+    
 viewState: viewS
@@ -1608,35 +1608,42 @@
                 
-%7D)%0A
+    %7D)%0A   
                 
@@ -1650,36 +1650,41 @@
                 
+ 
 %7D),%0A
+    
                 
@@ -1697,32 +1697,36 @@
           div(%7B%0A
+    
                 
@@ -1832,32 +1832,36 @@
                 
+  
+  
 viewState: viewS
@@ -1857,32 +1857,36 @@
 tate: viewState%0A
+    
                 
@@ -1932,32 +1932,36 @@
                 
+    
 %7D),%0A            
@@ -1972,38 +1972,46 @@
                 
+ 
+   
 div(%7B%0A
+    
                 
@@ -2108,32 +2108,36 @@
                 
+   
+ 
 viewState: viewS
@@ -2133,32 +2133,36 @@
 tate: viewState%0A
+    
                 
@@ -2208,32 +2208,36 @@
                 
+    
 %7D),%0A            
@@ -2248,38 +2248,46 @@
                 
+  
+  
 div(%7B%0A
+    
                 
@@ -2354,24 +2354,28 @@
 orators', %7B%0A
+    
             
@@ -2451,35 +2451,43 @@
                 
-%7D)%0A
+    %7D)%0A    
                 
@@ -2525,35 +2525,43 @@
                 
+   
+ 
 %5D)%0A
+    
                 
@@ -2591,17 +2591,22 @@
         
-%5D
+    %5D)
 );%0A     
@@ -4054,9 +4054,8 @@
   %7D;%0A%7D);
-%0A

Remove div layer to enable integration with ui layout