From fdf2df4edf6e194c3bcbc413d1d458236fb556e3 Mon Sep 17 00:00:00 2001
From: Michael Han <107991372+shimmyshimmer@users.noreply.github.com>
Date: Wed, 22 Jul 2026 06:34:02 -0700
Subject: [PATCH] Studio: reorder sidebar, rename Hub to Models (#7327)

* Studio: put Hub above Projects in the sidebar

Swap the two nav rows so Hub sits directly under New Chat, ahead of
Projects. Order only, no behavior change.

* Studio: rename Hub to Models, lowercase New chat

Rename the Hub nav row and its page heading to Models (localized in all
locales). Use sentence case 'New chat' in the English label.

* Studio: fix dataset title and stale Hub tab hints after rename

Show 'Datasets' as the catalog heading in dataset mode, not 'Models'.
Update the download-conflict toasts to point at the Models tab.
---
 .../frontend/src/components/app-sidebar.tsx   | 24 +++++++++----------
 .../frontend/src/features/chat/chat-page.tsx  |  8 +++----
 .../features/hub/catalog/models-header.tsx    |  2 +-
 studio/frontend/src/i18n/locales/ar.ts        |  2 +-
 studio/frontend/src/i18n/locales/de.ts        |  2 +-
 studio/frontend/src/i18n/locales/en.ts        |  4 ++--
 studio/frontend/src/i18n/locales/es.ts        |  2 +-
 studio/frontend/src/i18n/locales/fr.ts        |  2 +-
 studio/frontend/src/i18n/locales/hi.ts        |  2 +-
 studio/frontend/src/i18n/locales/ja.ts        |  2 +-
 studio/frontend/src/i18n/locales/ko.ts        |  2 +-
 studio/frontend/src/i18n/locales/pt-br.ts     |  2 +-
 studio/frontend/src/i18n/locales/ru.ts        |  2 +-
 studio/frontend/src/i18n/locales/zh-CN.ts     |  2 +-
 14 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/studio/frontend/src/components/app-sidebar.tsx b/studio/frontend/src/components/app-sidebar.tsx
index f4226760a2..10621ecd76 100644
--- a/studio/frontend/src/components/app-sidebar.tsx
+++ b/studio/frontend/src/components/app-sidebar.tsx
@@ -1357,6 +1357,18 @@ export function AppSidebar() {
         <SidebarGroup className="group-data-[collapsible=icon]:px-0 pl-1.5 pr-2 py-0 shrink-0">
           <SidebarGroupContent>
             <SidebarMenu>
+              <NavItem
+                icon={DashboardCircleIcon}
+                label={t("shell.navigation.hub")}
+                active={pathname === "/hub" || pathname.startsWith("/hub/")}
+                onClick={() => {
+                  navigate({ to: "/hub" });
+                  closeMobileIfOpen();
+                }}
+                onIntent={() => {
+                  preloadSilently(router.preloadRoute({ to: "/hub" }));
+                }}
+              />
               <NavItem
                 icon={Folder01Icon}
                 label="Projects"
@@ -1392,18 +1404,6 @@ export function AppSidebar() {
                   </span>
                 </button>
               </NavItem>
-              <NavItem
-                icon={DashboardCircleIcon}
-                label={t("shell.navigation.hub")}
-                active={pathname === "/hub" || pathname.startsWith("/hub/")}
-                onClick={() => {
-                  navigate({ to: "/hub" });
-                  closeMobileIfOpen();
-                }}
-                onIntent={() => {
-                  preloadSilently(router.preloadRoute({ to: "/hub" }));
-                }}
-              />
               {/* Train has a labelled section when expanded; plain icon here only when collapsed. */}
               <NavItem
                 icon={TestTubeOutlineIcon}
diff --git a/studio/frontend/src/features/chat/chat-page.tsx b/studio/frontend/src/features/chat/chat-page.tsx
index ea5b3f724e..e59ce3a805 100644
--- a/studio/frontend/src/features/chat/chat-page.tsx
+++ b/studio/frontend/src/features/chat/chat-page.tsx
@@ -2268,9 +2268,9 @@ export function ChatPage({
                 "It'll be ready to load once the current model finishes.",
             });
           } else if (outcome === "conflict") {
-            toast.info("Resume this download from the Hub", {
+            toast.info("Resume this download from Models", {
               description:
-                "An earlier partial download used a different transport. Open the Hub tab to resume or restart it.",
+                "An earlier partial download used a different transport. Open the Models tab to resume or restart it.",
             });
           } else if (outcome === "busy") {
             toast.info("Download already in progress", {
@@ -2389,9 +2389,9 @@ export function ChatPage({
         // the conflict just recorded by requestStart (which the toast points the
         // user to); resolving it from the Hub completes the download and this
         // surface's onComplete auto-loads, mirroring the "started" branch.
-        toast.info("Resume this download from the Hub", {
+        toast.info("Resume this download from Models", {
           description:
-            "An earlier partial download used a different transport. Open the Hub tab to resume or restart it.",
+            "An earlier partial download used a different transport. Open the Models tab to resume or restart it.",
         });
         return;
       }
diff --git a/studio/frontend/src/features/hub/catalog/models-header.tsx b/studio/frontend/src/features/hub/catalog/models-header.tsx
index 10d5a80e5e..9629fc0a10 100644
--- a/studio/frontend/src/features/hub/catalog/models-header.tsx
+++ b/studio/frontend/src/features/hub/catalog/models-header.tsx
@@ -64,7 +64,7 @@ export function ModelsHeader({
   return (
     <header className="font-heading flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between">
       <PageHeading
-        title="Hub"
+        title={isDataset ? "Datasets" : "Models"}
         onTitleClick={onTitleClick}
         subtitle={
           isDataset
diff --git a/studio/frontend/src/i18n/locales/ar.ts b/studio/frontend/src/i18n/locales/ar.ts
index 76ae63daf6..be641781df 100644
--- a/studio/frontend/src/i18n/locales/ar.ts
+++ b/studio/frontend/src/i18n/locales/ar.ts
@@ -39,7 +39,7 @@ export const ar = {
       returnToChat: "العودة إلى المحادثة",
       compare: "مقارنة",
       search: "بحث",
-      hub: "Hub",
+      hub: "النماذج",
       train: "تدريب",
       recipes: "الوصفات",
       export: "تصدير",
diff --git a/studio/frontend/src/i18n/locales/de.ts b/studio/frontend/src/i18n/locales/de.ts
index f446d876b6..42df1d5cd3 100644
--- a/studio/frontend/src/i18n/locales/de.ts
+++ b/studio/frontend/src/i18n/locales/de.ts
@@ -39,7 +39,7 @@ export const de = {
       returnToChat: "Zurück zum Chat",
       compare: "Vergleichen",
       search: "Suchen",
-      hub: "Hub",
+      hub: "Modelle",
       train: "Trainieren",
       recipes: "Rezepte",
       export: "Exportieren",
diff --git a/studio/frontend/src/i18n/locales/en.ts b/studio/frontend/src/i18n/locales/en.ts
index 2db9d21740..cf8a29b6d2 100644
--- a/studio/frontend/src/i18n/locales/en.ts
+++ b/studio/frontend/src/i18n/locales/en.ts
@@ -32,11 +32,11 @@ export const en = {
       runOptions: "Run options",
     },
     navigation: {
-      newChat: "New Chat",
+      newChat: "New chat",
       returnToChat: "Return to Chat",
       compare: "Compare",
       search: "Search",
-      hub: "Hub",
+      hub: "Models",
       train: "Train",
       recipes: "Recipes",
       export: "Export",
diff --git a/studio/frontend/src/i18n/locales/es.ts b/studio/frontend/src/i18n/locales/es.ts
index 784265e4b5..dfbd98aca6 100644
--- a/studio/frontend/src/i18n/locales/es.ts
+++ b/studio/frontend/src/i18n/locales/es.ts
@@ -39,7 +39,7 @@ export const es = {
       returnToChat: "Volver al chat",
       compare: "Comparar",
       search: "Buscar",
-      hub: "Hub",
+      hub: "Modelos",
       train: "Entrenar",
       recipes: "Recetas",
       export: "Exportar",
diff --git a/studio/frontend/src/i18n/locales/fr.ts b/studio/frontend/src/i18n/locales/fr.ts
index 284a57c747..59d01c7dae 100644
--- a/studio/frontend/src/i18n/locales/fr.ts
+++ b/studio/frontend/src/i18n/locales/fr.ts
@@ -39,7 +39,7 @@ export const fr = {
       returnToChat: "Retour à la discussion",
       compare: "Comparer",
       search: "Rechercher",
-      hub: "Hub",
+      hub: "Modèles",
       train: "Entraîner",
       recipes: "Recettes",
       export: "Exporter",
diff --git a/studio/frontend/src/i18n/locales/hi.ts b/studio/frontend/src/i18n/locales/hi.ts
index 8124108eef..bb8cb70fea 100644
--- a/studio/frontend/src/i18n/locales/hi.ts
+++ b/studio/frontend/src/i18n/locales/hi.ts
@@ -39,7 +39,7 @@ export const hi = {
       returnToChat: "चैट पर लौटें",
       compare: "तुलना करें",
       search: "खोजें",
-      hub: "Hub",
+      hub: "मॉडल",
       train: "ट्रेनिंग",
       recipes: "रेसिपी",
       export: "एक्सपोर्ट",
diff --git a/studio/frontend/src/i18n/locales/ja.ts b/studio/frontend/src/i18n/locales/ja.ts
index b24d230c4b..c0a8c62734 100644
--- a/studio/frontend/src/i18n/locales/ja.ts
+++ b/studio/frontend/src/i18n/locales/ja.ts
@@ -40,7 +40,7 @@ export const ja = {
       returnToChat: "チャットに戻る",
       compare: "比較",
       search: "検索",
-      hub: "ハブ",
+      hub: "モデル",
       train: "トレーニング",
       recipes: "レシピ",
       export: "エクスポート",
diff --git a/studio/frontend/src/i18n/locales/ko.ts b/studio/frontend/src/i18n/locales/ko.ts
index e7e7687f37..16e27b50cd 100644
--- a/studio/frontend/src/i18n/locales/ko.ts
+++ b/studio/frontend/src/i18n/locales/ko.ts
@@ -39,7 +39,7 @@ export const ko = {
       returnToChat: "채팅으로 돌아가기",
       compare: "비교",
       search: "검색",
-      hub: "Hub",
+      hub: "모델",
       train: "학습",
       recipes: "레시피",
       export: "내보내기",
diff --git a/studio/frontend/src/i18n/locales/pt-br.ts b/studio/frontend/src/i18n/locales/pt-br.ts
index df6c92da6b..b46aea6321 100644
--- a/studio/frontend/src/i18n/locales/pt-br.ts
+++ b/studio/frontend/src/i18n/locales/pt-br.ts
@@ -39,7 +39,7 @@ export const ptBR = {
       returnToChat: "Retornar ao Chat",
       compare: "Comparar",
       search: "Buscar",
-      hub: "Hub",
+      hub: "Modelos",
       train: "Treinar",
       recipes: "Receitas",
       export: "Exportar",
diff --git a/studio/frontend/src/i18n/locales/ru.ts b/studio/frontend/src/i18n/locales/ru.ts
index f936a397be..1c0ac6f95e 100644
--- a/studio/frontend/src/i18n/locales/ru.ts
+++ b/studio/frontend/src/i18n/locales/ru.ts
@@ -39,7 +39,7 @@ export const ru = {
       returnToChat: "Вернуться к чату",
       compare: "Сравнить",
       search: "Поиск",
-      hub: "Hub",
+      hub: "Модели",
       train: "Обучение",
       recipes: "Рецепты",
       export: "Экспорт",
diff --git a/studio/frontend/src/i18n/locales/zh-CN.ts b/studio/frontend/src/i18n/locales/zh-CN.ts
index 0cec860795..eb962cc8d4 100644
--- a/studio/frontend/src/i18n/locales/zh-CN.ts
+++ b/studio/frontend/src/i18n/locales/zh-CN.ts
@@ -39,7 +39,7 @@ export const zhCN = {
       returnToChat: "返回聊天",
       compare: "对比",
       search: "搜索",
-      hub: "Hub",
+      hub: "模型",
       train: "训练",
       recipes: "配方",
       export: "导出",