"use client";

import { PopComponentRegistry } from "../../PopComponentRegistry";
import { PopWorkDetailComponent } from "./PopWorkDetailComponent";
import { PopWorkDetailConfigPanel } from "./PopWorkDetailConfig";
import { PopWorkDetailPreviewComponent } from "./PopWorkDetailPreview";
import type { PopWorkDetailConfig } from "../types";

const defaultConfig: PopWorkDetailConfig = {
  showTimer: true,
  showQuantityInput: true,
  phaseLabels: { PRE: "작업 전", IN: "작업 중", POST: "작업 후" },
};

PopComponentRegistry.registerComponent({
  id: "pop-work-detail",
  name: "작업 상세",
  description: "공정별 체크리스트/검사/실적 상세 작업 화면",
  category: "display",
  icon: "ClipboardCheck",
  component: PopWorkDetailComponent,
  configPanel: PopWorkDetailConfigPanel,
  preview: PopWorkDetailPreviewComponent,
  defaultProps: defaultConfig,
  connectionMeta: {
    sendable: [
      {
        key: "process_completed",
        label: "공정 완료",
        type: "event",
        category: "event",
        description: "공정 작업 전체 완료 이벤트",
      },
    ],
    receivable: [],
  },
  touchOptimized: true,
  supportedDevices: ["mobile", "tablet"],
});