App Developer Tools: Implemented separate tabs for unpacked apps and extensions.

chrome/browser/resources/apps_debugger/main.html

Index: chrome/browser/resources/apps_debugger/main.html
diff --git a/chrome/browser/resources/apps_debugger/main.html b/chrome/browser/resources/apps_debugger/main.html
index 3d2e634230d52fe13270731fc71817b67ee8818e..2e059803624eb48a6508799e2bd4784cd1205cf1 100644
--- a/chrome/browser/resources/apps_debugger/main.html
+++ b/chrome/browser/resources/apps_debugger/main.html
@@ -41,6 +41,7 @@ found in the LICENSE file.
           </div>
           <div id="tabs-header-container">
             <tabs id="tabs" tabindex="0">
+              <tab i18n-content="appsDevtoolUnpacked"></tab>
               <tab i18n-content="appsDevtoolApps"></tab>
               <tab i18n-content="appsDevtoolExtensions"></tab>
             </tabs>
@@ -48,19 +49,25 @@ found in the LICENSE file.
           <div id="header-bottom-gradient"></div>
         </div>
         <tabpanels id="tab-panels">
-          <!-- Apps Tab -->
-          <tabpanel id="apps-tab">
-            <div id="app-settings-list" class="empty-extension-list">
+          <!-- Unpacked -->
+          <tabpanel id="unpacked-tab">
+            <div id="unpacked-list" class="empty-extension-list"></div>
+            <div id="no-unpacked">
+              <span id="no-unpacked-message"
+                  i18n-content="appsDevtoolNoUnpacked"></span>
             </div>
+          </tabpanel>
+          <!-- Apps Tab -->
+          <tabpanel id="packed-apps-tab">
+            <div id="packed-app-list" class="empty-extension-list"></div>
             <div id="no-apps">
               <span id="no-apps-message"
                   i18n-content="appsDevtoolNoApps"></span>
             </div>
           </tabpanel>
           <!-- Extensions Tab -->
-          <tabpanel id="extensions-tab">
-            <div id="extension-settings-list" class="empty-extension-list">
-            </div>
+          <tabpanel id="packed-extensions-tab">
+            <div id="packed-extension-list" class="empty-extension-list"></div>
             <div id="no-extensions">
               <span id="no-extensions-message"
                   i18n-content="appsDevtoolNoExtensions"></span>