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 47e1e7431817e996d73e0d11c9122545c5677f6f..61e9e3cc865c061a0956d4ed9456b984d1bad1ea 100644
--- a/chrome/browser/resources/apps_debugger/main.html
+++ b/chrome/browser/resources/apps_debugger/main.html
@@ -42,6 +42,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>
@@ -50,6 +51,15 @@ found in the LICENSE file.
           </div>
         </div> <!-- #header -->
         <tabpanels id="tab-panels">
+          <!-- Unpacked -->
+          <tabpanel id="unpacked-tab">
+            <div id="unpacked-settings-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="apps-tab">
             <div id="app-settings-list" class="empty-extension-list">