[变更性质] feat(frontend)

[新增功能] 12 页面组件全量 shadcn：Card/Button/Table/Tabs/Select/Alert；375 底部 Tab Bar 改用 Tabs 组件实现
[实现方案] 页面级手写 class 全部移除（.btn/.banner/table.data/.badge/.tabs/.metric-row/.m-tile/.hint 等改为 shadcn + tailwind 工具类）；Modal/DatasetWizard/DatasetCard/DiffView/CodeEditor/Status/Layout 同步
[影响范围] src/pages/*.svelte、src/components/*.svelte

1 files changed, 4 insertions, 31 deletions

diff --git a/frontend/src/pages/ProjectPage.svelte b/frontend/src/pages/ProjectPage.svelte
index fe9be7f..61db874 100644
--- a/frontend/src/pages/ProjectPage.svelte
+++ b/frontend/src/pages/ProjectPage.svelte
@@ -24,12 +24,12 @@
   });
 </script>
 
-<nav class="crumbs" aria-label="面包屑">
-  <a href="#/projects">我的项目</a>
+<nav class="flex items-center gap-1.5 py-1 pb-2 text-sm text-muted-foreground min-w-0" aria-label="面包屑">
+  <a class="text-muted-foreground hover:text-primary hover:no-underline" href="#/projects">我的项目</a>
   <span aria-hidden="true">/</span>
-  <span class="crumb-name">{projectName}</span>
+  <span class="font-semibold text-foreground truncate max-w-[45vw]">{projectName}</span>
   <span aria-hidden="true">/</span>
-  <span class="crumb-tab">{tabLabel}</span>
+  <span>{tabLabel}</span>
 </nav>
 
 <!-- Layout is provided once by App.svelte; wrapping here produced the doubled sidebar bug. -->
@@ -42,30 +42,3 @@
 {:else if route.name === 'project-results'}
   <ProjectResultsTab projectId={route.params.id} runId={route.query.get('run') ?? undefined} />
 {/if}
-
-<style>
-  /* 极简面包屑（桌面 + 移动端顶部共用） */
-  .crumbs {
-    display: flex;
-    align-items: center;
-    gap: 0.45rem;
-    padding: 0.35rem 0 0.7rem;
-    font-size: 0.82rem;
-    color: var(--text-3);
-    min-width: 0;
-  }
-  .crumbs a {
-    color: var(--text-3);
-    transition: color 150ms ease;
-  }
-  .crumbs a:hover { color: var(--primary); text-decoration: none; }
-  .crumb-name {
-    color: var(--foreground);
-    font-weight: 600;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    max-width: 45vw;
-  }
-  .crumb-tab { color: var(--text-2); }
-</style>