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

chrome/browser/resources/apps_debugger/css/items.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 body,
 html {
   color: rgb(48, 57, 66);
   font-family: Arial, sans-serif;
   font-size: 90%;
   overflow: visible;
@@ skipping 102 matching lines @@
 
 /* Contents */
 
 #extension-settings {
   margin: 0;
   max-width: 100%;
   padding: 10px 0;
 }
 
 #no-extensions-message,
-#no-apps-message {
+#no-apps-message,
+#no-unpacked-message {
   font-weight: bold;
 }
 
 .empty-item-list {
   height: 3em;
 }
 
 #no-extensions,
-#no-apps {
-  margin: 10px 10px;
+#no-apps,
+#no-unpacked {
+  margin: 10px;
 }
 
 .loading #no-extensions,
 .loading #no-apps,
-#extension-settings-list:not(.empty-item-list) ~ #no-extensions,
-#app-settings-list:not(.empty-item-list) ~ #no-apps,
+.loading #no-unpacked,
+#packed-extension-list:not(.empty-item-list) ~ #no-extensions,
+#packed-app-list:not(.empty-item-list) ~ #no-apps,
+#unpacked-list:not(.empty-item-list) ~ #no-unpacked,
 .empty-item-list {
   display: none;
 }
 
 .extension-list-item-wrapper {
   margin: 30px 0;
 }
 
 .extension-list-item {
   /* Set in ItemsList.createNode_(). */
@@ skipping 183 matching lines @@
 }
 
 a {
   color: rgb(17, 85, 204);
   text-decoration: underline;
 }
 
 a:active {
   color: rgb(5, 37, 119);
 }