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..2cac34d97aad3658d9c86c8646b229eaba360ba4 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,9 +51,18 @@ found in the LICENSE file.
           </div>
         </div> <!-- #header -->
         <tabpanels id="tab-panels">
+          <!-- Unpacked -->
+          <tabpanel id="unpacked-tab">
+            <div id="unpacked-list" class="empty-extension-list">

[Dan Beam, 2013/05/23 19:57:30]

nit: <div id="unpacked-list" class="empty-extension-list"></div>

[dvh, 2013/05/23 20:26:28]

Done.

+            </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">
+          <tabpanel id="packed-apps-tab">
+            <div id="packed-app-list" class="empty-extension-list">
             </div>
             <div id="no-apps">
               <span id="no-apps-message"
@@ -60,8 +70,8 @@ found in the LICENSE file.
             </div>
           </tabpanel>
           <!-- Extensions Tab -->
-          <tabpanel id="extensions-tab">
-            <div id="extension-settings-list" class="empty-extension-list">
+          <tabpanel id="packed-extensions-tab">
+            <div id="packed-extension-list" class="empty-extension-list">
             </div>
             <div id="no-extensions">
               <span id="no-extensions-message"