import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';

/**
 * 数字人合成 Pipeline 独立组件（占位）
 *
 * ⚠️ 当前状态：占位（Placeholder）
 *
 * 数字人合成的完整实现仍保留在主 `App` 组件中：
 *   - 模板：`app.html` 中 `*ngIf="currentTab === 'digital-human'"` 的整段（约 700 行）
 *   - 状态/方法：`app.ts` 中所有 `dh*` 前缀字段与方法（约 1000+ 行）
 *
 * 因为该流程已成熟、依赖与状态高度耦合主组件（共享 voiceProfiles / managedVideos /
 * JimengService 实例、refreshView / showToast 等基础设施），强行抽离的回归风险远高于
 * 收益，因此 P0 仅在 `pipeline-registry.ts` 中将其声明为模式入口，UI 仍由主组件渲染。
 *
 * 此占位组件存在的意义：
 *   1. 让 `src/app/pages/pipelines/` 目录结构对齐其它五种生成模式
 *   2. 为未来"完全抽离"提供锚点（先保留 routing，再逐步迁移代码）
 *
 * 详细迁移计划见 `docs/MIGRATION_DIGITAL_HUMAN.md`。
 */
@Component({
  selector: 'app-digital-human-placeholder',
  standalone: true,
  imports: [CommonModule],
  template: `
    <section class="dh-page-placeholder">
      <p>数字人合成 UI 由主组件渲染。</p>
      <p>本占位组件保留供未来抽离时使用。</p>
    </section>
  `,
  styles: [`
    .dh-page-placeholder {
      padding: 40px;
      text-align: center;
      color: #94a3b8;
    }
  `],
})
export class DigitalHumanPlaceholderComponent {}