新增: 文件浏览器收尾(滚动条/阶段进度条/空状态/骨架屏/工程下拉)

- 提交之前未提交的滚动条与布局修复
- 移除阶段进度条死代码(模板+CSS+常量)
- 文件预览空状态加图标引导
- 变更视图加载骨架屏
- 工程选择器改为自定义下拉(显示工程路径)

src/views/ProjectDetail.vue

@@ -38,27 +38,7 @@
       </div>
     </div>
 
-    <!-- 阶段进度条(暂时隐藏:阶段流转逻辑未接通,后续接入真实状态机后启用) -->
-    <!--
-    <div class="stage-pipeline">
-      <div
-        v-for="(stage, idx) in stages"
-        :key="stage.key"
-        class="stage-step"
-        :class="{
-          'stage-active': idx === currentStageIndex,
-          'stage-done': idx < currentStageIndex,
-        }"
-      >
-        <div class="stage-dot">
-          <span v-if="idx < currentStageIndex">✓</span>
-          <span v-else>{{ idx + 1 }}</span>
-        </div>
-        <div class="stage-label">{{ $t('projectDetail.' + stage.labelKey) }}</div>
-        <div v-if="idx < stages.length - 1" class="stage-connector" :class="{ 'connector-done': idx < currentStageIndex }"></div>
-      </div>
-    </div>
-    -->
+    <!-- 阶段进度条已移除(阶段流转逻辑未接通,后续接入真实状态机后重启) -->
 
     <!-- Tab 导航(概览 / 文件浏览器) -->
     <nav class="detail-tabs">
@@ -689,7 +669,7 @@ onUnmounted(() => {
 </style>
 
 <style scoped>
-.project-detail { padding: 16px 20px 20px; display: flex; flex-direction: column; min-height: 0; flex: 1; }
+.project-detail { padding: 16px 20px 20px; display: flex; flex-direction: column; min-height: 0; flex: 1; max-height: 100%; overflow: hidden; }
 
 /* ===== Tab 导航(Batch 10 文件浏览器) ===== */
 .detail-tabs {
@@ -766,72 +746,15 @@ onUnmounted(() => {
 .btn-danger { background: transparent; color: var(--df-danger); border: 0.5px solid rgba(240,101,101,0.4); }
 .btn-danger:hover { background: rgba(240,101,101,0.12); }
 
-/* ===== 阶段进度条 ===== */
-.stage-pipeline {
-  display: flex;
-  align-items: flex-start;
-  gap: 0;
-  background: var(--df-bg-card);
-  border: 0.5px solid var(--df-border);
-  border-radius: var(--df-radius-lg);
-  padding: var(--df-pad-panel);
-  margin-bottom: var(--df-gap-page);
-}
-.stage-step {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  position: relative;
-  flex: 1;
-}
-.stage-dot {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 13px;
-  font-weight: 500;
-  background: var(--df-border);
-  color: var(--df-text-dim);
-  transition: all 0.2s;
-  position: relative;
-  z-index: 1;
-}
-.stage-active .stage-dot {
-  background: var(--df-accent);
-  color: #fff;
-
-}
-.stage-done .stage-dot {
-  background: var(--df-success);
-  color: var(--df-bg);
-}
-.stage-label {
-  margin-top: 8px;
-  font-size: 12px;
-  color: var(--df-text-dim);
-  white-space: nowrap;
-}
-.stage-active .stage-label { color: var(--df-accent); font-weight: 500; }
-.stage-done .stage-label { color: var(--df-success); }
-
-.stage-connector {
-  position: absolute;
-  top: 16px;
-  left: calc(50% + 16px);
-  width: calc(100% - 32px);
-  height: 2px;
-  background: var(--df-border);
-}
-.connector-done { background: var(--df-success); }
-
-/* ===== 两栏布局 ===== */
+/* ===== 两栏布局 — 自己滚动,不撑大父级 ===== */
 .detail-grid {
   display: grid;
   grid-template-columns: 1fr 380px;
-  gap: var(--df-gap-grid);
+  gap: var(--df-gap-page);
+  overflow-y: auto;
+  min-height: 0;
+  max-height: 100%;
+  align-content: start;
 }
 .right-column { display: flex; flex-direction: column; gap: var(--df-gap-grid); }
 
@@ -949,6 +872,5 @@ onUnmounted(() => {
   .detail-grid {
     grid-template-columns: 1fr;
   }
-  .stage-pipeline { overflow-x: auto; }
 }
 </style>