strategy-lab.git/frontend/src/components/Layout.svelte, branch main

[变更性质] feat(frontend)

2026-09-18T07:49:44+00:00

[新增功能] 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

feat(frontend): 375px 底部 Tab Bar、窄标题栏与项目面包屑

2026-09-18T01:50:57+00:00

[变更性质] 新增移动端导航形态，前端重设计第二轮之二。 [新增功能] ≤767px 呈现底部 Tab Bar（projects/datasets/runs/account 徽标+标签+aria-current）与窄标题栏（品牌/面包屑/账户），≥768px 原桌面布局不变；ProjectPage 顶部新增"我的项目/项目名/功能页"面包屑。 [实现方案] matchMedia('(max-width: 767px)') 反应式驱动的（Safari <14 兼容addListener 回退），tests 以 matchMedia stub 驱动真实渲染断言；保留 900px 既有断点结构以兼容 mobileCss.test.ts 正则。 [影响范围] Layout.svelte、ProjectPage.svelte；新增 mobileTabbar.test.ts。

feat(frontend): 布局/认证/项目页迁移 shadcn 并修复 375px 溢出

2026-09-18T00:26:37+00:00

[变更性质] 本提交为 UI 迁移与移动端布局修复，产品功能不变。 [新增功能] Leader 第 2 轮验收的失败项：AuthPages 在 375px 视口横向溢出 47px，原因为 .auth-card 固定 400px 宽度。 [实现方案] AuthPages：.auth-wrap 改为 flex 包裹，.auth-card 改用 width:min(400px,100%)，三档视口下登录/注册/重置均零溢出。 Layout.svelte 重写为 shadcn Button（退出按钮）+ Tailwind 主题变量，同时保留 .layout/.content/.navlink/.brand 等 legacy class 以维持 mobileCss.test.ts 的断言语义。ProjectsPage 迁移 shadcn Card/Table 等（保留 p-name 链接语义），新增 projectsPageLoad.test.ts 回归项目列表加载失败时的错误呈现。 [影响范围] frontend/src/components/Layout.svelte、pages/AuthPages.svelte、 pages/ProjectsPage.svelte；视觉验证覆盖 375/768/1440 全零溢出。

chore: establish Strategy Lab source baseline (development, not release)

2026-09-17T06:32:37+00:00