import type { SampleMeta } from '../../../widgets/core';
import type { ChatConversationRequest } from '../../../../app/main/mainChatPanel/types';
import { ChecklistActivityCardSample } from '../sampleShared';

const sampleRequest: ChatConversationRequest = {
  sessionId: 'sample-session',
  requestId: 'sample-request',
  status: 'started',
  statusMessage: null,
  userMessageId: 1,
  userText: '시스템 plan 체크리스트 실행 문구를 더 구체적으로 보여 주세요.',
  responseMessageId: null,
  responseText: '',
  hasResponse: false,
  canDelete: false,
  createdAt: '2026-05-18T12:00:00.000Z',
  updatedAt: '2026-05-18T12:02:00.000Z',
  answeredAt: null,
  terminalAt: null,
};

export const sampleMeta: SampleMeta = {
  id: 'chat-activity-checklist-overview',
  componentId: 'chat-activity-checklist-overview',
  title: 'Chat Activity Checklist Overview',
  description: 'Plan 체크리스트 헤더 문구 샘플입니다.',
  category: 'Chat',
  kind: 'feature',
  order: 14,
  features: ['component-sample'],
};

export function Sample() {
  return (
    <ChecklistActivityCardSample
      title="체크리스트 문구"
      request={sampleRequest}
      lines={['☑ 요청 분석', '☑ 설계 정리', '☐ 문구 개선 코드 반영', '☐ 검증 스크린샷 확인']}
      statusLabel="현재 작업: 개발 · 시스템 Plan 체크리스트 문구 개선 기능을 코드에 반영하는 중"
      description="체크리스트 헤더에서도 현재 작업 기능과 작업 유형이 함께 보이도록 바꾼 예시입니다."
    />
  );
}
