console: 重排版为侧边导航 + 三栏工作台 + 任务详情内页签

旧排版(顶栏页签 + 数据卡片置顶 + 长页堆叠 + 详情卡片堆在对话下)全部去掉,功能不变:
- 左侧栏:导航按任务/管理分组,底部紧凑概览卡片始终可见;整页不再单页长滚动,各 pane 各自滚动
- 任务工作台:左任务列表轨(搜索/筛选/分页),中派发(可收起)+ 单列对话,右任务详情检查器
- 详情检查器:概览/协作/评审与审批/线程四个内页签,一次只显示一组
- 其余功能各成独立页面:项目与成员、环境与 Workers、技能与自动化、系统与 Key
- 视图同步到 location.hash(#view-tasks 等)

构建:npm run build(tsc + vite singlefile)通过,产物 332130 字节;本地全量 cloud 1275 项全过(skipped 4)。
This commit is contained in:
host committed 2026-10-30 03:22:02 +08:00
1 parent f0aba700e0
commit 44b080971e
4 files changed
+187 -148

No files matched your search

+49
View File
@@ -272,3 +272,52 @@ pre{background:var(--inset-bg);color:var(--text);border:1px solid var(--line);bo
.bar > input[type="text"],.bar > input[type="password"],.bar > select{flex:1 1 100%}
th,td{padding:8px 12px}
}
/* Redesign shell (2026-10-30): replaces the old top-tab + stacked-page
layout. Sidebar + workspace grid, each pane scrolls on its own;
the page itself never scrolls as one long column. */
.shell{display:grid;grid-template-columns:260px minmax(0,1fr);height:100vh;background:#fff}
.shell-side{background:#f6f8fa;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow-y:auto}
.shell-brand{font-weight:600;font-size:16px;padding:16px 16px 12px}
.shell-nav{display:flex;flex-direction:column;gap:16px;padding:0 12px 16px}
.shell-nav-group-label{font-size:12px;font-weight:600;color:var(--muted);padding:0 8px 6px}
.shell-nav-group{display:flex;flex-direction:column;gap:2px}
.shell-nav button{text-align:left;border:0;box-shadow:none;background:transparent;padding:8px;border-radius:var(--radius);font-weight:500}
.shell-nav button:hover{background:#fff}
.shell-nav button.active{background:var(--text);color:#fff}
.shell-stats{margin-top:auto;border-top:1px solid var(--line);padding:16px 12px}
.shell-stats-label{font-size:12px;font-weight:600;color:var(--muted);padding:0 4px 8px}
.shell-stats .dash-cards{display:flex;flex-direction:column;gap:8px}
.shell-stats .dash-card{padding:12px}
.shell-stats .dash-card-value{font-size:18px}
.shell-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.shell-header{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--line);background:#fff}
.shell-header h1{font-size:16px;margin:0}
.shell-header .dash-status{font-size:13px;font-weight:600}
.shell-header .dash-status.ok{color:var(--success)}
.shell-stamp{margin-left:auto}
.workspace{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;flex:1;min-height:0}
.workspace-rail,.workspace-center,.workspace-inspector{overflow-y:auto;padding:16px;min-width:0}
.workspace-rail{border-right:1px solid var(--line);background:#fff}
.workspace-rail h2,.workspace-conv h2{font-size:14px;margin:0 0 12px;font-weight:600}
.workspace-rail .issue-list{max-height:none}
.workspace-center{background:#fff;display:flex;flex-direction:column;gap:16px}
.composer-toggle{display:flex}
.workspace-conv{flex:1}
.workspace-inspector{border-left:1px solid var(--line);background:var(--subtle-bg)}
.workspace-inspector .detail-stack{display:flex;flex-direction:column;gap:12px}
.detail-tabs{display:flex;gap:4px;flex-wrap:wrap}
.detail-tabs button{padding:6px 12px;font-size:13px;font-weight:600}
.detail-tabs button.active{background:var(--text);color:#fff;border-color:var(--text)}
.page{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;max-width:1100px;width:100%}
.page > *{min-width:0}
@media (max-width:1100px){
.shell{grid-template-columns:1fr;height:auto;min-height:100vh}
.shell-side{flex-direction:row;flex-wrap:wrap;align-items:flex-start;border-right:0;border-bottom:1px solid var(--line);overflow:visible}
.shell-nav{flex-direction:row;flex-wrap:wrap}
.shell-nav-group{flex-direction:row;align-items:center}
.shell-stats{display:none}
.shell-hide-sm{display:none}
.workspace{grid-template-columns:1fr}
.workspace-rail,.workspace-inspector{border:0;border-bottom:1px solid var(--line)}
}