angularjs-batarang/app/devtools-panel/panes/model.html

<div bat-vertical-split ng-controller="ModelCtrl">

  <div bat-vertical-left class="source-code">
    <div ng-show="rootScopeIds.length > 1">
      <label for="select-root">Root
        <select
          ng-options="root for root in rootScopeIds"
          ng-model="selectedRootScopeId"></select>
      </label>
    </div>
    <bat-scope-tree
      val="scopeTree"
      inspect="inspect"
      select="select"
      selected-scope-id="selectedScopeId"
      edit="edit"></bat-scope-tree>

    <div class="span6">
      <button class="btn" ng-click="enableInspector()">Enable Inspector</button>
    </div>

  </div>

  <div bat-vertical-right>
    <div class="sidebar-pane-stack fill visible">

      <div class="sidebar-pane-title"
          ng-class="{expanded: selectedScopeId && modelsExpanded}"
          ng-click="modelsExpanded = !modelsExpanded">Models</div>

      <div class="sidebar-pane visible" ng-show="modelsExpanded">
        <div class="body">
          <div class="section expanded">
            <div ng-repeat="(key, val) in watching">
              <bat-json-tree
                val="val"
                scope-id="key"
                expand="expand"></bat-json-tree>
            </div>
          </div>
        </div>
      </div>

      <div class="sidebar-pane-title"
          ng-class="{expanded: selectedScopeId && watchExpanded && watchers}"
          ng-click="watchExpanded = !watchExpanded">Watchers</div>

      <div class="sidebar-pane visible" ng-show="watchExpanded">
        <div class="body">
          <div class="section expanded">
            <div class="watcher-list">
              <li ng-repeat="watcher in watchers">{{watcher}}</li>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>

</div>