feat(ui): sort global sources and keep breadcrumb on one line

static/app.js

@@ -1323,7 +1323,10 @@ function renderCheckboxList(container, items, selected, onChange) {
 }
 
 async function renderSourcesFilter() {
-  renderCheckboxList(DOM.filterSourceList, STATE.sources.map((source) => ({ key: source.slug, label: source.name, count: source.count })), STATE.selectedSources, (values) => {
+  const ordered = [...(STATE.sources || [])].sort((a, b) =>
+    (a.count || 0) - (b.count || 0) ||
+    String(a.name || "").localeCompare(String(b.name || ""), "zh-CN"));
+  renderCheckboxList(DOM.filterSourceList, ordered.map((source) => ({ key: source.slug, label: source.name, count: source.count })), STATE.selectedSources, (values) => {
     STATE.selectedSources = values;
     STATE.page = 1;
     updateFilterCancelButtons();
@@ -1724,7 +1727,10 @@ function retrySidebar(source, path, routeId, requestSequence) {
 
 function renderSourceListSidebar(sources) {
   DOM.sidebarTitle.textContent = "数据包";
-  DOM.sidebarContent.innerHTML = (sources || []).map((source) => `<button type="button" class="repo-list-item" data-source="${escapeHTML(source.slug)}" aria-label="打开数据包：${escapeHTML(source.name)}">${ICON_HTML.source}<span class="repo-name">${escapeHTML(source.name)}</span><span class="repo-count">${(source.count || 0).toLocaleString()}</span></button>`).join("");
+  const ordered = [...(sources || [])].sort((a, b) =>
+    (a.count || 0) - (b.count || 0) ||
+    String(a.name || "").localeCompare(String(b.name || ""), "zh-CN"));
+  DOM.sidebarContent.innerHTML = ordered.map((source) => `<button type="button" class="repo-list-item" data-source="${escapeHTML(source.slug)}" aria-label="打开数据包：${escapeHTML(source.name)}">${ICON_HTML.source}<span class="repo-name">${escapeHTML(source.name)}</span><span class="repo-count">${(source.count || 0).toLocaleString()}</span></button>`).join("");
 }
 
 function browserContentHTML(data, path, includeBreadcrumb) {

static/style.css

@@ -774,12 +774,18 @@ body:not(.mobile) .preview-fullscreen .preview-body {
   gap: 2px;
   padding: 6px 8px;
   border-bottom: 1px solid var(--outline-variant);
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   font-size: 12px;
   flex-shrink: 0;
   min-height: 32px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+  scrollbar-width: none;
 }
 
+.sidebar-breadcrumb::-webkit-scrollbar { display: none; }
+
 .sidebar-breadcrumb .crumb-item {
   border: 0;
   background: none;

tests/test_browser.py

@@ -610,6 +610,41 @@ class BrowserInteractionTests(unittest.TestCase):
         finally:
             context.close()
 
+    def test_global_source_order_and_breadcrumb_single_line(self):
+        context, page, errors = self.page()
+        try:
+            page.goto(self.base_url + "/CCRD", wait_until="domcontentloaded")
+            page.locator(".result-item").first.wait_for(timeout=30000)
+            result = page.evaluate("""() => {
+                STATE.sources = [
+                    {slug: 'large', name: 'Large', count: 30},
+                    {slug: 'small', name: 'Small', count: 2},
+                    {slug: 'medium', name: 'Medium', count: 10},
+                ];
+                renderSourceListSidebar(STATE.sources);
+                renderSourcesFilter();
+                const sidebar = Array.from(DOM.sidebarContent.querySelectorAll('.repo-list-item'), node => node.dataset.source);
+                const filter = Array.from(DOM.filterSourceList.querySelectorAll('input'), node => node.value);
+                DOM.sidebarContent.innerHTML = browserContentHTML({folders: [], files: []}, 'a/b', true);
+                const crumb = document.querySelector('.sidebar-breadcrumb');
+                const style = getComputedStyle(crumb);
+                return {
+                    sidebar,
+                    filter,
+                    wrap: style.flexWrap,
+                    overflowX: style.overflowX,
+                    whiteSpace: style.whiteSpace,
+                };
+            }""")
+            self.assertEqual(result["sidebar"], ["small", "medium", "large"])
+            self.assertEqual(result["filter"], ["small", "medium", "large"])
+            self.assertEqual(result["wrap"], "nowrap")
+            self.assertEqual(result["overflowX"], "auto")
+            self.assertEqual(result["whiteSpace"], "nowrap")
+            self.assertEqual(errors, [])
+        finally:
+            context.close()
+
     def test_individual_batch_and_zip_downloads_are_browser_valid(self):
         context, page, errors = self.page()
         try:

tests/test_search.py

@@ -1130,6 +1130,15 @@ class FrontendContractTests(unittest.TestCase):
         ):
             self.assertIn(selector, source)
 
+    def test_global_source_lists_sort_by_count_and_breadcrumb_is_single_line(self):
+        source = (Path(app.BASE_DIR) / "static" / "app.js").read_text(encoding="utf-8")
+        css = (Path(app.BASE_DIR) / "static" / "style.css").read_text(encoding="utf-8")
+        self.assertIn('(a.count || 0) - (b.count || 0)', source)
+        self.assertIn('localeCompare(String(b.name || ""), "zh-CN")', source)
+        self.assertIn("flex-wrap: nowrap", css)
+        self.assertIn("overflow-x: auto", css)
+        self.assertIn("white-space: nowrap", css)
+
     def test_mobile_result_paths_keep_separators_with_their_folder(self):
         source = (Path(app.BASE_DIR) / "static" / "app.js").read_text(encoding="utf-8")
         css = (Path(app.BASE_DIR) / "static" / "style.css").read_text(encoding="utf-8")