@operato/board 10.0.0-beta.50 → 10.0.0-beta.51

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.0.0-beta.51](https://github.com/hatiolab/operato/compare/v10.0.0-beta.50...v10.0.0-beta.51) (2026-05-12)
+
+
+### :bug: Bug Fix
+
+* **board:** bulk-paste 시 원본 크기 보존 — type-aware bounds derive ([353d0ab](https://github.com/hatiolab/operato/commit/353d0ab5f59ba7e559a5def3cd31badd2571f27b))
+
+
+### :house: Code Refactoring
+
+* **board:** bulk-create helpers 를 local 구현으로 (things-scene 분리) ([e36e096](https://github.com/hatiolab/operato/commit/e36e096bb89d24f17267dc19ecd22acf44857735))
+
+
+
 ## [10.0.0-beta.50](https://github.com/hatiolab/operato/compare/v10.0.0-beta.49...v10.0.0-beta.50) (2026-05-12)
 
 

package/dist/src/modeller/bulk-create-dialog.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { generateBulkComponents, type BulkCreateArea as Area } from '@hatiolab/things-scene';
+import { generateBulkComponents, type Area } from './bulk-create.js';
 export type ConflictPolicy = 'skip' | 'duplicate';
 export interface BulkCreateDialogProps {
     /** 템플릿 컴포넌트 state (read-only 표시용). */

package/dist/src/modeller/bulk-create-dialog.js

@@ -6,7 +6,7 @@
 import { __decorate } from "tslib";
 import { LitElement, css, html } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
-import { generateBulkComponents, findIdConflicts, inferIdPattern, nextAvailableStart, deriveGridShape } from '@hatiolab/things-scene';
+import { generateBulkComponents, findIdConflicts, inferIdPattern, nextAvailableStart, deriveGridShape } from './bulk-create.js';
 let BulkCreateDialog = class BulkCreateDialog extends LitElement {
     constructor() {
         super(...arguments);

package/dist/src/modeller/bulk-create-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"bulk-create-dialog.js","sourceRoot":"","sources":["../../../src/modeller/bulk-create-dialog.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * 멀티 컴포넌트 생성 dialog — 템플릿 + 영역 + 옵션 입력 → OK 시 콜백 호출.\n */\n\nimport { LitElement, css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport {\n  generateBulkComponents,\n  findIdConflicts,\n  inferIdPattern,\n  nextAvailableStart,\n  deriveGridShape,\n  type BulkCreateOptions,\n  type BulkCreatePattern as Pattern,\n  type BulkCreateArea as Area\n} from '@hatiolab/things-scene'\n\nexport type ConflictPolicy = 'skip' | 'duplicate'\n\nexport interface BulkCreateDialogProps {\n  /** 템플릿 컴포넌트 state (read-only 표시용). */\n  template: Record<string, any>\n  /** 초기 영역 (보드 좌표). 사용자가 dialog 내에서 조정 가능. */\n  initialArea: Area\n  /** 기존 scene 의 모든 ID — 충돌 검사. */\n  existingIds?: Set<string>\n  /** OK 클릭 시 콜백 — 생성할 model 배열 전달. */\n  onConfirm: (models: ReturnType<typeof generateBulkComponents>) => void\n  /** 취소 / 닫기 콜백. */\n  onCancel?: () => void\n}\n\n@customElement('bulk-create-dialog')\nexport class BulkCreateDialog extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      padding: 16px 20px;\n      min-width: 340px;\n      max-width: 480px;\n      background: rgba(30, 30, 30, 0.94);\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      border-radius: 10px;\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n      color: rgba(255, 255, 255, 0.85);\n      font: 12px/1.6 -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n    h3 {\n      margin: 0 0 12px;\n      font-size: 13px;\n      font-weight: 600;\n      color: #4a9eff;\n    }\n    .row {\n      display: grid;\n      grid-template-columns: 100px 1fr;\n      align-items: center;\n      gap: 8px;\n      margin: 6px 0;\n    }\n    label {\n      font-size: 12px;\n      color: rgba(255, 255, 255, 0.55);\n    }\n    input,\n    select {\n      padding: 4px 6px;\n      font: inherit;\n      font-size: 12px;\n      background: rgba(255, 255, 255, 0.06);\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 3px;\n      width: 100%;\n      box-sizing: border-box;\n      color: rgba(255, 255, 255, 0.9);\n      outline: none;\n    }\n    input:focus,\n    select:focus {\n      border-color: #4a9eff;\n      background: rgba(74, 158, 255, 0.08);\n    }\n    select option {\n      background: rgb(30, 30, 30);\n      color: rgba(255, 255, 255, 0.9);\n    }\n    .grid-shape {\n      display: grid;\n      grid-template-columns: 1fr 20px 1fr;\n      gap: 4px;\n      align-items: center;\n    }\n    .grid-shape > span {\n      text-align: center;\n      color: rgba(255, 255, 255, 0.35);\n    }\n    .pattern-picker {\n      display: flex;\n      gap: 6px;\n    }\n    .pattern-btn {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 2px;\n      padding: 6px 4px;\n      background: rgba(255, 255, 255, 0.04);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: 4px;\n      cursor: pointer;\n      color: rgba(255, 255, 255, 0.6);\n      transition: background 0.1s, border-color 0.1s;\n    }\n    .pattern-btn:hover {\n      background: rgba(255, 255, 255, 0.08);\n    }\n    .pattern-btn.active {\n      border-color: #4a9eff;\n      background: rgba(74, 158, 255, 0.15);\n      color: rgba(255, 255, 255, 0.95);\n    }\n    .pattern-btn svg {\n      width: 28px;\n      height: 28px;\n    }\n    .pattern-btn svg circle {\n      fill: currentColor;\n    }\n    .pattern-btn span {\n      font-size: 10.5px;\n    }\n    .policy-radios {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n    }\n    .policy-radios label {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      cursor: pointer;\n      color: rgba(255, 255, 255, 0.75);\n    }\n    .policy-radios input[type='radio'] {\n      width: auto;\n      accent-color: #4a9eff;\n      margin: 0;\n    }\n    code {\n      font-family: ui-monospace, SFMono-Regular, monospace;\n      background: rgba(255, 255, 255, 0.08);\n      padding: 1px 4px;\n      border-radius: 3px;\n      color: #b6d4fe;\n      font-size: 11px;\n    }\n    .hint {\n      font-size: 11px;\n      color: rgba(255, 255, 255, 0.4);\n      margin-top: 2px;\n      grid-column: 2;\n    }\n    .preview {\n      font-size: 11.5px;\n      color: rgba(255, 255, 255, 0.65);\n      margin-top: 10px;\n      padding: 6px 8px;\n      background: rgba(255, 255, 255, 0.04);\n      border-radius: 4px;\n    }\n    .conflict {\n      margin-top: 8px;\n      padding: 8px 10px;\n      background: rgba(255, 100, 100, 0.12);\n      border: 1px solid rgba(255, 100, 100, 0.3);\n      border-radius: 4px;\n      color: #ffb3b3;\n      font-size: 11.5px;\n    }\n    .conflict strong {\n      color: #ff8080;\n    }\n    .conflict-hint {\n      margin-top: 4px;\n      color: rgba(255, 255, 255, 0.45);\n      font-size: 11px;\n    }\n    .actions {\n      margin-top: 16px;\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n    }\n    button {\n      padding: 5px 14px;\n      font: inherit;\n      font-size: 12px;\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      background: rgba(255, 255, 255, 0.06);\n      color: rgba(255, 255, 255, 0.85);\n      cursor: pointer;\n      border-radius: 4px;\n    }\n    button:hover:not(:disabled) {\n      background: rgba(255, 255, 255, 0.1);\n    }\n    button:disabled {\n      opacity: 0.4;\n      cursor: not-allowed;\n    }\n    button.primary {\n      background: #4a9eff;\n      color: white;\n      border-color: #4a9eff;\n    }\n    button.primary:hover:not(:disabled) {\n      background: #6db1ff;\n    }\n  `\n\n  @property({ type: Object }) template!: Record<string, any>\n  @property({ type: Object }) initialArea!: Area\n  @property({ attribute: false }) existingIds: Set<string> = new Set()\n  @property({ attribute: false }) onConfirm!: BulkCreateDialogProps['onConfirm']\n  @property({ attribute: false }) onCancel?: BulkCreateDialogProps['onCancel']\n\n  @state() private pattern: Pattern = 'grid'\n  @state() private count = 12\n  @state() private rows: number | undefined = undefined\n  @state() private cols: number | undefined = undefined\n  @state() private idPattern = '{i}'\n  @state() private idStart = 1\n  @state() private idPadding = 0\n  @state() private area!: Area\n  @state() private conflictPolicy: ConflictPolicy = 'skip'\n\n  @query('#count-input') countInput!: HTMLInputElement\n\n  connectedCallback() {\n    super.connectedCallback()\n    // OxPopup wrapper (ox-popup) 의 흰색 배경 + box-shadow 가 dialog 라운드 코너\n    // 밖으로 비쳐서 4 꼭지점에 흰색 사각형이 보임. 부모를 투명/그림자 없이 만들어\n    // dialog 자체의 라운드 + 그림자만 보이게.\n    const parent = this.parentElement as HTMLElement | null\n    if (parent) {\n      parent.style.background = 'transparent'\n      parent.style.boxShadow = 'none'\n      parent.style.border = 'none'\n    }\n    this.area = { ...this.initialArea }\n\n    // 1) 영역 종횡비로 레이아웃 기본 선택:\n    //    너비 ≫ 높이 → line-h (가로), 높이 ≫ 너비 → line-v (세로), 비슷하면 grid.\n    const w = Math.max(this.area.width, 1)\n    const h = Math.max(this.area.height, 1)\n    const aspect = w / h\n    if (aspect >= 2.5) this.pattern = 'line-h'\n    else if (aspect <= 0.4) this.pattern = 'line-v'\n    else this.pattern = 'grid'\n\n    // 2) 템플릿 id 로부터 ID 패턴 / padding 자동 추론.\n    const inferred = inferIdPattern(this.template?.id)\n    this.idPattern = inferred.pattern\n    this.idPadding = inferred.padding\n\n    // 3) 시작 번호 = existingIds 에 패턴 매칭되는 *최대 번호 + 1*.\n    //    반복 bulk-paste 시 이전 batch 의 끝 다음으로 자동 advance.\n    //    매칭 ID 가 없으면 inferIdPattern 의 fallback (= template num+1) 사용.\n    this.idStart = nextAvailableStart(inferred.pattern, this.existingIds, inferred.start)\n  }\n\n  /** rows/cols 가 미입력 (undefined) 이면 영역 종횡비 + count 로 자동 계산해 표시. */\n  private get displayRows(): number {\n    if (this.rows != null) return this.rows\n    return deriveGridShape(this.count, this.area, undefined, this.cols).rows\n  }\n\n  private get displayCols(): number {\n    if (this.cols != null) return this.cols\n    return deriveGridShape(this.count, this.area, this.rows, undefined).cols\n  }\n\n  firstUpdated() {\n    this.countInput?.focus()\n    this.countInput?.select()\n  }\n\n  private updateArea(field: keyof Area, value: number) {\n    this.area = { ...this.area, [field]: value }\n  }\n\n  private get previewModels() {\n    if (!this.template) return []\n    return generateBulkComponents({\n      template: this.template,\n      area: this.area,\n      pattern: this.pattern,\n      count: this.count,\n      rows: this.rows,\n      cols: this.cols,\n      idPattern: this.idPattern.replace(/\\{type\\}/g, String(this.template?.type ?? 'C')),\n      idStart: this.idStart,\n      idPadding: this.idPadding\n    })\n  }\n\n  private get conflicts(): string[] {\n    return findIdConflicts(this.previewModels, this.existingIds)\n  }\n\n  /** 충돌 정책 적용 후 실제 생성될 model 배열. */\n  private get effectiveModels() {\n    const all = this.previewModels\n    if (this.conflictPolicy === 'skip' && this.existingIds.size > 0) {\n      return all.filter(m => !this.existingIds.has(m.id))\n    }\n    return all\n  }\n\n  private onOk = () => {\n    const models = this.effectiveModels\n    if (models.length === 0) return\n    this.onConfirm(models)\n  }\n\n  private onCancelClick = () => {\n    this.onCancel?.()\n  }\n\n  render() {\n    const tplType = this.template?.type ?? '?'\n    const tplId = this.template?.id ?? '?'\n    const models = this.previewModels\n\n    return html`\n      <h3>Bulk Paste — ${tplType}</h3>\n\n      <div class=\"row\">\n        <label>템플릿</label>\n        <span style=\"color:#b6d4fe;\">${tplId} <span style=\"color:rgba(255,255,255,0.4);\">(${tplType})</span></span>\n      </div>\n\n      <div class=\"row\">\n        <label>레이아웃</label>\n        <div class=\"pattern-picker\">\n          <button\n            type=\"button\"\n            class=\"pattern-btn ${this.pattern === 'grid' ? 'active' : ''}\"\n            @click=${() => (this.pattern = 'grid')}\n            title=\"격자\"\n          >\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"6\" cy=\"6\" r=\"1.6\" /><circle cx=\"12\" cy=\"6\" r=\"1.6\" /><circle cx=\"18\" cy=\"6\" r=\"1.6\" />\n              <circle cx=\"6\" cy=\"12\" r=\"1.6\" /><circle cx=\"12\" cy=\"12\" r=\"1.6\" /><circle cx=\"18\" cy=\"12\" r=\"1.6\" />\n              <circle cx=\"6\" cy=\"18\" r=\"1.6\" /><circle cx=\"12\" cy=\"18\" r=\"1.6\" /><circle cx=\"18\" cy=\"18\" r=\"1.6\" />\n            </svg>\n            <span>격자</span>\n          </button>\n          <button\n            type=\"button\"\n            class=\"pattern-btn ${this.pattern === 'line-h' ? 'active' : ''}\"\n            @click=${() => (this.pattern = 'line-h')}\n            title=\"가로 1줄\"\n          >\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"3\" cy=\"12\" r=\"1.6\" /><circle cx=\"8\" cy=\"12\" r=\"1.6\" /><circle cx=\"13\" cy=\"12\" r=\"1.6\" />\n              <circle cx=\"18\" cy=\"12\" r=\"1.6\" /><circle cx=\"22\" cy=\"12\" r=\"1.4\" />\n            </svg>\n            <span>가로</span>\n          </button>\n          <button\n            type=\"button\"\n            class=\"pattern-btn ${this.pattern === 'line-v' ? 'active' : ''}\"\n            @click=${() => (this.pattern = 'line-v')}\n            title=\"세로 1줄\"\n          >\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"3\" r=\"1.6\" /><circle cx=\"12\" cy=\"8\" r=\"1.6\" /><circle cx=\"12\" cy=\"13\" r=\"1.6\" />\n              <circle cx=\"12\" cy=\"18\" r=\"1.6\" /><circle cx=\"12\" cy=\"22\" r=\"1.4\" />\n            </svg>\n            <span>세로</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"row\">\n        <label>개수</label>\n        <input\n          id=\"count-input\"\n          type=\"number\"\n          min=\"1\"\n          .value=${String(this.count)}\n          @input=${(e: Event) => (this.count = Math.max(1, +(e.target as HTMLInputElement).value))}\n        />\n      </div>\n\n      ${this.pattern === 'grid'\n        ? html`\n            <div class=\"row\">\n              <label>행 × 열</label>\n              <div class=\"grid-shape\">\n                <input\n                  type=\"number\"\n                  min=\"1\"\n                  .value=${String(this.displayRows)}\n                  @input=${(e: Event) => {\n                    const v = (e.target as HTMLInputElement).value\n                    this.rows = v ? Math.max(1, +v) : undefined\n                  }}\n                />\n                <span>×</span>\n                <input\n                  type=\"number\"\n                  min=\"1\"\n                  .value=${String(this.displayCols)}\n                  @input=${(e: Event) => {\n                    const v = (e.target as HTMLInputElement).value\n                    this.cols = v ? Math.max(1, +v) : undefined\n                  }}\n                />\n              </div>\n            </div>\n          `\n        : ''}\n\n      <div class=\"row\">\n        <label>ID 패턴</label>\n        <input\n          type=\"text\"\n          .value=${this.idPattern}\n          @input=${(e: Event) => (this.idPattern = (e.target as HTMLInputElement).value)}\n        />\n      </div>\n      <div class=\"row\">\n        <span></span>\n        <div class=\"hint\">placeholder: <code>{i}</code> 일련번호, <code>{r}</code> 행, <code>{c}</code> 열 (grid)</div>\n      </div>\n\n      <div class=\"row\">\n        <label>시작 번호</label>\n        <input\n          type=\"number\"\n          .value=${String(this.idStart)}\n          @input=${(e: Event) => (this.idStart = +(e.target as HTMLInputElement).value)}\n        />\n      </div>\n\n      <div class=\"row\">\n        <label>Zero-pad 자릿수</label>\n        <input\n          type=\"number\"\n          min=\"0\"\n          .value=${String(this.idPadding)}\n          @input=${(e: Event) => (this.idPadding = Math.max(0, +(e.target as HTMLInputElement).value))}\n        />\n      </div>\n\n      <div class=\"preview\">\n        ${models.length > 0\n          ? html`총 ${models.length}개 — 예: <code>${models[0].id}</code> ... <code>${models[models.length - 1].id}</code>`\n          : html`<span style=\"color:#ff8080;\">생성될 컴포넌트 없음</span>`}\n      </div>\n\n      ${this.conflicts.length > 0\n        ? html`\n            <div class=\"conflict\">\n              <strong>ID 충돌 ${this.conflicts.length}개</strong>\n              <code>${this.conflicts.slice(0, 5).join(', ')}${this.conflicts.length > 5 ? ', ...' : ''}</code>\n              <div class=\"conflict-hint\" style=\"margin-top:6px;\">\n                <div class=\"policy-radios\">\n                  <label>\n                    <input\n                      type=\"radio\"\n                      name=\"conflict-policy\"\n                      value=\"skip\"\n                      .checked=${this.conflictPolicy === 'skip'}\n                      @change=${() => (this.conflictPolicy = 'skip')}\n                    />\n                    충돌 ID 스킵 (기본)\n                  </label>\n                  <label>\n                    <input\n                      type=\"radio\"\n                      name=\"conflict-policy\"\n                      value=\"duplicate\"\n                      .checked=${this.conflictPolicy === 'duplicate'}\n                      @change=${() => (this.conflictPolicy = 'duplicate')}\n                    />\n                    중복 그대로 생성\n                  </label>\n                </div>\n              </div>\n            </div>\n          `\n        : ''}\n\n      <div class=\"actions\">\n        <button @click=${this.onCancelClick}>취소</button>\n        <button\n          class=\"primary\"\n          @click=${this.onOk}\n          ?disabled=${this.effectiveModels.length === 0}\n        >\n          생성 (${this.effectiveModels.length}${\n            this.conflicts.length > 0 && this.conflictPolicy === 'skip'\n              ? html`<span style=\"opacity:0.6;\"> / ${models.length}</span>`\n              : ''\n          })\n        </button>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bulk-create-dialog': BulkCreateDialog\n  }\n}\n"]}
+{"version":3,"file":"bulk-create-dialog.js","sourceRoot":"","sources":["../../../src/modeller/bulk-create-dialog.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * 멀티 컴포넌트 생성 dialog — 템플릿 + 영역 + 옵션 입력 → OK 시 콜백 호출.\n */\n\nimport { LitElement, css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport {\n  generateBulkComponents,\n  findIdConflicts,\n  inferIdPattern,\n  nextAvailableStart,\n  deriveGridShape,\n  type BulkCreateOptions,\n  type Pattern,\n  type Area\n} from './bulk-create.js'\n\nexport type ConflictPolicy = 'skip' | 'duplicate'\n\nexport interface BulkCreateDialogProps {\n  /** 템플릿 컴포넌트 state (read-only 표시용). */\n  template: Record<string, any>\n  /** 초기 영역 (보드 좌표). 사용자가 dialog 내에서 조정 가능. */\n  initialArea: Area\n  /** 기존 scene 의 모든 ID — 충돌 검사. */\n  existingIds?: Set<string>\n  /** OK 클릭 시 콜백 — 생성할 model 배열 전달. */\n  onConfirm: (models: ReturnType<typeof generateBulkComponents>) => void\n  /** 취소 / 닫기 콜백. */\n  onCancel?: () => void\n}\n\n@customElement('bulk-create-dialog')\nexport class BulkCreateDialog extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      padding: 16px 20px;\n      min-width: 340px;\n      max-width: 480px;\n      background: rgba(30, 30, 30, 0.94);\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      border-radius: 10px;\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n      color: rgba(255, 255, 255, 0.85);\n      font: 12px/1.6 -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n    h3 {\n      margin: 0 0 12px;\n      font-size: 13px;\n      font-weight: 600;\n      color: #4a9eff;\n    }\n    .row {\n      display: grid;\n      grid-template-columns: 100px 1fr;\n      align-items: center;\n      gap: 8px;\n      margin: 6px 0;\n    }\n    label {\n      font-size: 12px;\n      color: rgba(255, 255, 255, 0.55);\n    }\n    input,\n    select {\n      padding: 4px 6px;\n      font: inherit;\n      font-size: 12px;\n      background: rgba(255, 255, 255, 0.06);\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 3px;\n      width: 100%;\n      box-sizing: border-box;\n      color: rgba(255, 255, 255, 0.9);\n      outline: none;\n    }\n    input:focus,\n    select:focus {\n      border-color: #4a9eff;\n      background: rgba(74, 158, 255, 0.08);\n    }\n    select option {\n      background: rgb(30, 30, 30);\n      color: rgba(255, 255, 255, 0.9);\n    }\n    .grid-shape {\n      display: grid;\n      grid-template-columns: 1fr 20px 1fr;\n      gap: 4px;\n      align-items: center;\n    }\n    .grid-shape > span {\n      text-align: center;\n      color: rgba(255, 255, 255, 0.35);\n    }\n    .pattern-picker {\n      display: flex;\n      gap: 6px;\n    }\n    .pattern-btn {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 2px;\n      padding: 6px 4px;\n      background: rgba(255, 255, 255, 0.04);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: 4px;\n      cursor: pointer;\n      color: rgba(255, 255, 255, 0.6);\n      transition: background 0.1s, border-color 0.1s;\n    }\n    .pattern-btn:hover {\n      background: rgba(255, 255, 255, 0.08);\n    }\n    .pattern-btn.active {\n      border-color: #4a9eff;\n      background: rgba(74, 158, 255, 0.15);\n      color: rgba(255, 255, 255, 0.95);\n    }\n    .pattern-btn svg {\n      width: 28px;\n      height: 28px;\n    }\n    .pattern-btn svg circle {\n      fill: currentColor;\n    }\n    .pattern-btn span {\n      font-size: 10.5px;\n    }\n    .policy-radios {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n    }\n    .policy-radios label {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      cursor: pointer;\n      color: rgba(255, 255, 255, 0.75);\n    }\n    .policy-radios input[type='radio'] {\n      width: auto;\n      accent-color: #4a9eff;\n      margin: 0;\n    }\n    code {\n      font-family: ui-monospace, SFMono-Regular, monospace;\n      background: rgba(255, 255, 255, 0.08);\n      padding: 1px 4px;\n      border-radius: 3px;\n      color: #b6d4fe;\n      font-size: 11px;\n    }\n    .hint {\n      font-size: 11px;\n      color: rgba(255, 255, 255, 0.4);\n      margin-top: 2px;\n      grid-column: 2;\n    }\n    .preview {\n      font-size: 11.5px;\n      color: rgba(255, 255, 255, 0.65);\n      margin-top: 10px;\n      padding: 6px 8px;\n      background: rgba(255, 255, 255, 0.04);\n      border-radius: 4px;\n    }\n    .conflict {\n      margin-top: 8px;\n      padding: 8px 10px;\n      background: rgba(255, 100, 100, 0.12);\n      border: 1px solid rgba(255, 100, 100, 0.3);\n      border-radius: 4px;\n      color: #ffb3b3;\n      font-size: 11.5px;\n    }\n    .conflict strong {\n      color: #ff8080;\n    }\n    .conflict-hint {\n      margin-top: 4px;\n      color: rgba(255, 255, 255, 0.45);\n      font-size: 11px;\n    }\n    .actions {\n      margin-top: 16px;\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n    }\n    button {\n      padding: 5px 14px;\n      font: inherit;\n      font-size: 12px;\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      background: rgba(255, 255, 255, 0.06);\n      color: rgba(255, 255, 255, 0.85);\n      cursor: pointer;\n      border-radius: 4px;\n    }\n    button:hover:not(:disabled) {\n      background: rgba(255, 255, 255, 0.1);\n    }\n    button:disabled {\n      opacity: 0.4;\n      cursor: not-allowed;\n    }\n    button.primary {\n      background: #4a9eff;\n      color: white;\n      border-color: #4a9eff;\n    }\n    button.primary:hover:not(:disabled) {\n      background: #6db1ff;\n    }\n  `\n\n  @property({ type: Object }) template!: Record<string, any>\n  @property({ type: Object }) initialArea!: Area\n  @property({ attribute: false }) existingIds: Set<string> = new Set()\n  @property({ attribute: false }) onConfirm!: BulkCreateDialogProps['onConfirm']\n  @property({ attribute: false }) onCancel?: BulkCreateDialogProps['onCancel']\n\n  @state() private pattern: Pattern = 'grid'\n  @state() private count = 12\n  @state() private rows: number | undefined = undefined\n  @state() private cols: number | undefined = undefined\n  @state() private idPattern = '{i}'\n  @state() private idStart = 1\n  @state() private idPadding = 0\n  @state() private area!: Area\n  @state() private conflictPolicy: ConflictPolicy = 'skip'\n\n  @query('#count-input') countInput!: HTMLInputElement\n\n  connectedCallback() {\n    super.connectedCallback()\n    // OxPopup wrapper (ox-popup) 의 흰색 배경 + box-shadow 가 dialog 라운드 코너\n    // 밖으로 비쳐서 4 꼭지점에 흰색 사각형이 보임. 부모를 투명/그림자 없이 만들어\n    // dialog 자체의 라운드 + 그림자만 보이게.\n    const parent = this.parentElement as HTMLElement | null\n    if (parent) {\n      parent.style.background = 'transparent'\n      parent.style.boxShadow = 'none'\n      parent.style.border = 'none'\n    }\n    this.area = { ...this.initialArea }\n\n    // 1) 영역 종횡비로 레이아웃 기본 선택:\n    //    너비 ≫ 높이 → line-h (가로), 높이 ≫ 너비 → line-v (세로), 비슷하면 grid.\n    const w = Math.max(this.area.width, 1)\n    const h = Math.max(this.area.height, 1)\n    const aspect = w / h\n    if (aspect >= 2.5) this.pattern = 'line-h'\n    else if (aspect <= 0.4) this.pattern = 'line-v'\n    else this.pattern = 'grid'\n\n    // 2) 템플릿 id 로부터 ID 패턴 / padding 자동 추론.\n    const inferred = inferIdPattern(this.template?.id)\n    this.idPattern = inferred.pattern\n    this.idPadding = inferred.padding\n\n    // 3) 시작 번호 = existingIds 에 패턴 매칭되는 *최대 번호 + 1*.\n    //    반복 bulk-paste 시 이전 batch 의 끝 다음으로 자동 advance.\n    //    매칭 ID 가 없으면 inferIdPattern 의 fallback (= template num+1) 사용.\n    this.idStart = nextAvailableStart(inferred.pattern, this.existingIds, inferred.start)\n  }\n\n  /** rows/cols 가 미입력 (undefined) 이면 영역 종횡비 + count 로 자동 계산해 표시. */\n  private get displayRows(): number {\n    if (this.rows != null) return this.rows\n    return deriveGridShape(this.count, this.area, undefined, this.cols).rows\n  }\n\n  private get displayCols(): number {\n    if (this.cols != null) return this.cols\n    return deriveGridShape(this.count, this.area, this.rows, undefined).cols\n  }\n\n  firstUpdated() {\n    this.countInput?.focus()\n    this.countInput?.select()\n  }\n\n  private updateArea(field: keyof Area, value: number) {\n    this.area = { ...this.area, [field]: value }\n  }\n\n  private get previewModels() {\n    if (!this.template) return []\n    return generateBulkComponents({\n      template: this.template,\n      area: this.area,\n      pattern: this.pattern,\n      count: this.count,\n      rows: this.rows,\n      cols: this.cols,\n      idPattern: this.idPattern.replace(/\\{type\\}/g, String(this.template?.type ?? 'C')),\n      idStart: this.idStart,\n      idPadding: this.idPadding\n    })\n  }\n\n  private get conflicts(): string[] {\n    return findIdConflicts(this.previewModels, this.existingIds)\n  }\n\n  /** 충돌 정책 적용 후 실제 생성될 model 배열. */\n  private get effectiveModels() {\n    const all = this.previewModels\n    if (this.conflictPolicy === 'skip' && this.existingIds.size > 0) {\n      return all.filter(m => !this.existingIds.has(m.id))\n    }\n    return all\n  }\n\n  private onOk = () => {\n    const models = this.effectiveModels\n    if (models.length === 0) return\n    this.onConfirm(models)\n  }\n\n  private onCancelClick = () => {\n    this.onCancel?.()\n  }\n\n  render() {\n    const tplType = this.template?.type ?? '?'\n    const tplId = this.template?.id ?? '?'\n    const models = this.previewModels\n\n    return html`\n      <h3>Bulk Paste — ${tplType}</h3>\n\n      <div class=\"row\">\n        <label>템플릿</label>\n        <span style=\"color:#b6d4fe;\">${tplId} <span style=\"color:rgba(255,255,255,0.4);\">(${tplType})</span></span>\n      </div>\n\n      <div class=\"row\">\n        <label>레이아웃</label>\n        <div class=\"pattern-picker\">\n          <button\n            type=\"button\"\n            class=\"pattern-btn ${this.pattern === 'grid' ? 'active' : ''}\"\n            @click=${() => (this.pattern = 'grid')}\n            title=\"격자\"\n          >\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"6\" cy=\"6\" r=\"1.6\" /><circle cx=\"12\" cy=\"6\" r=\"1.6\" /><circle cx=\"18\" cy=\"6\" r=\"1.6\" />\n              <circle cx=\"6\" cy=\"12\" r=\"1.6\" /><circle cx=\"12\" cy=\"12\" r=\"1.6\" /><circle cx=\"18\" cy=\"12\" r=\"1.6\" />\n              <circle cx=\"6\" cy=\"18\" r=\"1.6\" /><circle cx=\"12\" cy=\"18\" r=\"1.6\" /><circle cx=\"18\" cy=\"18\" r=\"1.6\" />\n            </svg>\n            <span>격자</span>\n          </button>\n          <button\n            type=\"button\"\n            class=\"pattern-btn ${this.pattern === 'line-h' ? 'active' : ''}\"\n            @click=${() => (this.pattern = 'line-h')}\n            title=\"가로 1줄\"\n          >\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"3\" cy=\"12\" r=\"1.6\" /><circle cx=\"8\" cy=\"12\" r=\"1.6\" /><circle cx=\"13\" cy=\"12\" r=\"1.6\" />\n              <circle cx=\"18\" cy=\"12\" r=\"1.6\" /><circle cx=\"22\" cy=\"12\" r=\"1.4\" />\n            </svg>\n            <span>가로</span>\n          </button>\n          <button\n            type=\"button\"\n            class=\"pattern-btn ${this.pattern === 'line-v' ? 'active' : ''}\"\n            @click=${() => (this.pattern = 'line-v')}\n            title=\"세로 1줄\"\n          >\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"3\" r=\"1.6\" /><circle cx=\"12\" cy=\"8\" r=\"1.6\" /><circle cx=\"12\" cy=\"13\" r=\"1.6\" />\n              <circle cx=\"12\" cy=\"18\" r=\"1.6\" /><circle cx=\"12\" cy=\"22\" r=\"1.4\" />\n            </svg>\n            <span>세로</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"row\">\n        <label>개수</label>\n        <input\n          id=\"count-input\"\n          type=\"number\"\n          min=\"1\"\n          .value=${String(this.count)}\n          @input=${(e: Event) => (this.count = Math.max(1, +(e.target as HTMLInputElement).value))}\n        />\n      </div>\n\n      ${this.pattern === 'grid'\n        ? html`\n            <div class=\"row\">\n              <label>행 × 열</label>\n              <div class=\"grid-shape\">\n                <input\n                  type=\"number\"\n                  min=\"1\"\n                  .value=${String(this.displayRows)}\n                  @input=${(e: Event) => {\n                    const v = (e.target as HTMLInputElement).value\n                    this.rows = v ? Math.max(1, +v) : undefined\n                  }}\n                />\n                <span>×</span>\n                <input\n                  type=\"number\"\n                  min=\"1\"\n                  .value=${String(this.displayCols)}\n                  @input=${(e: Event) => {\n                    const v = (e.target as HTMLInputElement).value\n                    this.cols = v ? Math.max(1, +v) : undefined\n                  }}\n                />\n              </div>\n            </div>\n          `\n        : ''}\n\n      <div class=\"row\">\n        <label>ID 패턴</label>\n        <input\n          type=\"text\"\n          .value=${this.idPattern}\n          @input=${(e: Event) => (this.idPattern = (e.target as HTMLInputElement).value)}\n        />\n      </div>\n      <div class=\"row\">\n        <span></span>\n        <div class=\"hint\">placeholder: <code>{i}</code> 일련번호, <code>{r}</code> 행, <code>{c}</code> 열 (grid)</div>\n      </div>\n\n      <div class=\"row\">\n        <label>시작 번호</label>\n        <input\n          type=\"number\"\n          .value=${String(this.idStart)}\n          @input=${(e: Event) => (this.idStart = +(e.target as HTMLInputElement).value)}\n        />\n      </div>\n\n      <div class=\"row\">\n        <label>Zero-pad 자릿수</label>\n        <input\n          type=\"number\"\n          min=\"0\"\n          .value=${String(this.idPadding)}\n          @input=${(e: Event) => (this.idPadding = Math.max(0, +(e.target as HTMLInputElement).value))}\n        />\n      </div>\n\n      <div class=\"preview\">\n        ${models.length > 0\n          ? html`총 ${models.length}개 — 예: <code>${models[0].id}</code> ... <code>${models[models.length - 1].id}</code>`\n          : html`<span style=\"color:#ff8080;\">생성될 컴포넌트 없음</span>`}\n      </div>\n\n      ${this.conflicts.length > 0\n        ? html`\n            <div class=\"conflict\">\n              <strong>ID 충돌 ${this.conflicts.length}개</strong>\n              <code>${this.conflicts.slice(0, 5).join(', ')}${this.conflicts.length > 5 ? ', ...' : ''}</code>\n              <div class=\"conflict-hint\" style=\"margin-top:6px;\">\n                <div class=\"policy-radios\">\n                  <label>\n                    <input\n                      type=\"radio\"\n                      name=\"conflict-policy\"\n                      value=\"skip\"\n                      .checked=${this.conflictPolicy === 'skip'}\n                      @change=${() => (this.conflictPolicy = 'skip')}\n                    />\n                    충돌 ID 스킵 (기본)\n                  </label>\n                  <label>\n                    <input\n                      type=\"radio\"\n                      name=\"conflict-policy\"\n                      value=\"duplicate\"\n                      .checked=${this.conflictPolicy === 'duplicate'}\n                      @change=${() => (this.conflictPolicy = 'duplicate')}\n                    />\n                    중복 그대로 생성\n                  </label>\n                </div>\n              </div>\n            </div>\n          `\n        : ''}\n\n      <div class=\"actions\">\n        <button @click=${this.onCancelClick}>취소</button>\n        <button\n          class=\"primary\"\n          @click=${this.onOk}\n          ?disabled=${this.effectiveModels.length === 0}\n        >\n          생성 (${this.effectiveModels.length}${\n            this.conflicts.length > 0 && this.conflictPolicy === 'skip'\n              ? html`<span style=\"opacity:0.6;\"> / ${models.length}</span>`\n              : ''\n          })\n        </button>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bulk-create-dialog': BulkCreateDialog\n  }\n}\n"]}

package/dist/src/modeller/bulk-create.d.ts

@@ -0,0 +1,101 @@
+export type Pattern = 'grid' | 'line-h' | 'line-v';
+export interface Area {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export interface BulkCreateOptions {
+    /** 복제할 원본 컴포넌트 state. id, left, top 제외하고 모두 상속. */
+    template: Record<string, any>;
+    /** 타겟 영역 (보드 좌표). */
+    area: Area;
+    /** 분포 패턴. */
+    pattern: Pattern;
+    /**
+     * 총 개수. grid 패턴에선 rows × cols 로 분해.
+     * rows/cols 가 명시되면 그것 사용, 미명시 시 area 비율과 count 로 자동 결정.
+     */
+    count: number;
+    /** grid pattern 용 — 행 수. 미지정 시 area 비율 + count 로 자동. */
+    rows?: number;
+    /** grid pattern 용 — 열 수. 미지정 시 area 비율 + count 로 자동. */
+    cols?: number;
+    /**
+     * ID 패턴. placeholder:
+     *   `{i}` — 일련번호 (0-based + idStart)
+     *   `{r}` — 행 index (grid 만, 0-based + idStart)
+     *   `{c}` — 열 index (grid 만, 0-based + idStart)
+     * 예: "PORT_{i}", "P_{r}_{c}", "CELL{r}{c}"
+     */
+    idPattern: string;
+    /** ID 시작 번호. default 1. */
+    idStart?: number;
+    /** ID 숫자 자릿수 (zero-pad). 0 = 미적용. default 0. */
+    idPadding?: number;
+    /**
+     * 컴포넌트의 크기를 사용할지 (= template.width/height 그대로) 또는 cell 에
+     * 맞춰 자동 조정할지. default 'template' (원본 크기 유지).
+     */
+    sizeMode?: 'template' | 'fit-cell';
+}
+export interface GeneratedModel {
+    type?: string;
+    id: string;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    [key: string]: any;
+}
+/**
+ * 타겟 영역과 총 count 로 grid 의 (rows, cols) 자동 결정.
+ * area 의 종횡비를 가능한 한 보존.
+ */
+export declare function deriveGridShape(count: number, area: Area, rows?: number, cols?: number): {
+    rows: number;
+    cols: number;
+};
+/**
+ * 메인 헬퍼 — 옵션을 받아 새 컴포넌트 model 배열 반환.
+ *
+ * **주의**: 반환된 model 은 `scene.add(models)` 로 추가하면 된다. ID 충돌 사전
+ * 검사는 호출 측 책임 — `findIdConflicts` 와 결합 사용.
+ */
+export declare function generateBulkComponents(opts: BulkCreateOptions): GeneratedModel[];
+/**
+ * 생성될 model 의 id 중 기존 scene 의 id 와 충돌하는 것 검출.
+ * @returns 충돌하는 id 배열 (없으면 빈 배열).
+ */
+export declare function findIdConflicts(models: GeneratedModel[], existingIds: Iterable<string>): string[];
+/**
+ * 템플릿의 id 문자열로부터 다음 컴포넌트들의 ID 패턴을 자동 추론.
+ *
+ * 규칙:
+ *   - 끝에 숫자 있음: `"PORT_05"` → `{ pattern: "PORT_{i}", start: 6, padding: 2 }`
+ *   - 끝에 숫자 없음: `"abc"` → `{ pattern: "abc_{i}", start: 1, padding: 0 }`
+ *   - 빈 id: `{ pattern: "{i}", start: 1, padding: 0 }`
+ *
+ * padding 은 *leading zero* 가 있을 때만 적용:
+ *   - "05" → padding 2 (= "01", "02"... 형식 유지)
+ *   - "5" → padding 0 (= "1", "2"... 형식)
+ */
+export declare function inferIdPattern(id: string | undefined | null): {
+    pattern: string;
+    start: number;
+    padding: number;
+};
+/**
+ * 패턴이 매칭하는 기존 ID 들 중 *최대 번호 + 1* 반환 — 반복 bulk-create 시
+ * 시작 번호 자동 advance 용.
+ *
+ * 예:
+ *   pattern = "PORT_{i}", existingIds = ["PORT_05", "PORT_12", "Other_1"]
+ *   → 13 (= 12 + 1)
+ *
+ * 매칭 안 되면 fallbackStart 반환 (기본 inferIdPattern 의 start).
+ *
+ * NOTE: 현재 `{i}` placeholder 만 인식. `{r}` / `{c}` 는 grid 전용이므로 별도
+ * 처리 필요 (추후).
+ */
+export declare function nextAvailableStart(idPattern: string, existingIds: Iterable<string>, fallbackStart: number): number;

package/dist/src/modeller/bulk-create.js

@@ -0,0 +1,199 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * Bulk-create — 단일 템플릿 컴포넌트로부터 N개의 컴포넌트 model 을 일괄 생성
+ * 하는 순수 헬퍼 모음.
+ *
+ * 설계 원칙:
+ *   - 순수 함수 (UI / scene side-effect 없음)
+ *   - 도메인 중립 (factory, board-ai, fmsim, operato-* 등 모든 consumer 가 동일하게 사용)
+ *   - 의존성 0 (Three.js / Lit 불필요)
+ *
+ * 사용 패턴:
+ *   1. consumer 가 template (= 컴포넌트 model state) + area + 옵션 수집
+ *   2. generateBulkComponents() → 새 컴포넌트 model 배열 반환
+ *   3. scene.undoableChange(() => scene.add(models)) — 단일 undo 단위로 추가
+ *
+ * 결합 사용:
+ *   - deriveGridShape: 격자 패턴의 (rows, cols) 자동 결정
+ *   - inferIdPattern: 템플릿의 id 로부터 ID 패턴/시작/padding 자동 추출
+ *   - nextAvailableStart: 반복 호출 시 시작번호 자동 advance (existingIds 스캔)
+ *   - findIdConflicts: 생성될 ID 가 scene 의 기존 ID 와 충돌하는지 검출
+ */
+/**
+ * 타겟 영역과 총 count 로 grid 의 (rows, cols) 자동 결정.
+ * area 의 종횡비를 가능한 한 보존.
+ */
+export function deriveGridShape(count, area, rows, cols) {
+    if (rows && cols)
+        return { rows, cols };
+    if (rows)
+        return { rows, cols: Math.ceil(count / rows) };
+    if (cols)
+        return { rows: Math.ceil(count / cols), cols };
+    // 자동: area 의 종횡비와 비슷한 grid 도출.
+    // cols / rows ≈ width / height → cols ≈ sqrt(count × width / height)
+    const aspect = area.width / Math.max(area.height, 1);
+    const c = Math.max(1, Math.round(Math.sqrt(count * aspect)));
+    const r = Math.max(1, Math.ceil(count / c));
+    return { rows: r, cols: c };
+}
+/**
+ * ID 패턴 치환 — {i}, {r}, {c} placeholder.
+ */
+function formatId(pattern, i, r, c, start, padding) {
+    const pad = (n) => {
+        const v = n + start;
+        return padding > 0 ? String(v).padStart(padding, '0') : String(v);
+    };
+    return pattern
+        .replace(/\{i\}/g, pad(i))
+        .replace(/\{r\}/g, pad(r))
+        .replace(/\{c\}/g, pad(c));
+}
+/**
+ * 메인 헬퍼 — 옵션을 받아 새 컴포넌트 model 배열 반환.
+ *
+ * **주의**: 반환된 model 은 `scene.add(models)` 로 추가하면 된다. ID 충돌 사전
+ * 검사는 호출 측 책임 — `findIdConflicts` 와 결합 사용.
+ */
+export function generateBulkComponents(opts) {
+    const { template, area, pattern, count, idPattern, idStart = 1, idPadding = 0, sizeMode = 'template' } = opts;
+    if (count <= 0)
+        return [];
+    if (!template || typeof template !== 'object')
+        return [];
+    // template 에서 제외할 필드. id/위치 는 새로 생성. (width/height 는 sizeMode 에 따라 처리)
+    const { id: _id, left: _l, top: _t, width: _w, height: _h, ...rest } = template;
+    const tplW = typeof template.width === 'number' ? template.width : 50;
+    const tplH = typeof template.height === 'number' ? template.height : 50;
+    const result = [];
+    if (pattern === 'grid') {
+        const { rows, cols } = deriveGridShape(count, area, opts.rows, opts.cols);
+        const cellW = area.width / cols;
+        const cellH = area.height / rows;
+        const itemW = sizeMode === 'fit-cell' ? Math.min(cellW, cellH) * 0.8 : tplW;
+        const itemH = sizeMode === 'fit-cell' ? Math.min(cellW, cellH) * 0.8 : tplH;
+        let i = 0;
+        outer: for (let r = 0; r < rows; r++) {
+            for (let c = 0; c < cols; c++) {
+                if (i >= count)
+                    break outer;
+                const cx = area.left + cellW * (c + 0.5);
+                const cy = area.top + cellH * (r + 0.5);
+                result.push({
+                    ...rest,
+                    id: formatId(idPattern, i, r, c, idStart, idPadding),
+                    left: cx - itemW / 2,
+                    top: cy - itemH / 2,
+                    width: itemW,
+                    height: itemH
+                });
+                i++;
+            }
+        }
+    }
+    else if (pattern === 'line-h' || pattern === 'line-v') {
+        const isH = pattern === 'line-h';
+        const span = isH ? area.width : area.height;
+        const cellSize = span / count;
+        const itemW = sizeMode === 'fit-cell' && isH ? cellSize * 0.8 : tplW;
+        const itemH = sizeMode === 'fit-cell' && !isH ? cellSize * 0.8 : tplH;
+        for (let i = 0; i < count; i++) {
+            const along = (i + 0.5) * cellSize;
+            const cx = isH ? area.left + along : area.left + area.width / 2;
+            const cy = isH ? area.top + area.height / 2 : area.top + along;
+            result.push({
+                ...rest,
+                id: formatId(idPattern, i, 0, i, idStart, idPadding),
+                left: cx - itemW / 2,
+                top: cy - itemH / 2,
+                width: itemW,
+                height: itemH
+            });
+        }
+    }
+    return result;
+}
+/**
+ * 생성될 model 의 id 중 기존 scene 의 id 와 충돌하는 것 검출.
+ * @returns 충돌하는 id 배열 (없으면 빈 배열).
+ */
+export function findIdConflicts(models, existingIds) {
+    const set = existingIds instanceof Set ? existingIds : new Set(existingIds);
+    const conflicts = [];
+    for (const m of models) {
+        if (set.has(m.id))
+            conflicts.push(m.id);
+    }
+    return conflicts;
+}
+/**
+ * 템플릿의 id 문자열로부터 다음 컴포넌트들의 ID 패턴을 자동 추론.
+ *
+ * 규칙:
+ *   - 끝에 숫자 있음: `"PORT_05"` → `{ pattern: "PORT_{i}", start: 6, padding: 2 }`
+ *   - 끝에 숫자 없음: `"abc"` → `{ pattern: "abc_{i}", start: 1, padding: 0 }`
+ *   - 빈 id: `{ pattern: "{i}", start: 1, padding: 0 }`
+ *
+ * padding 은 *leading zero* 가 있을 때만 적용:
+ *   - "05" → padding 2 (= "01", "02"... 형식 유지)
+ *   - "5" → padding 0 (= "1", "2"... 형식)
+ */
+export function inferIdPattern(id) {
+    if (!id || typeof id !== 'string') {
+        return { pattern: '{i}', start: 1, padding: 0 };
+    }
+    const m = id.match(/^(.*?)(\d+)$/);
+    if (m) {
+        const prefix = m[1];
+        const numStr = m[2];
+        const num = parseInt(numStr, 10);
+        const padding = numStr.length > 1 && numStr.startsWith('0') ? numStr.length : 0;
+        return {
+            pattern: `${prefix}{i}`,
+            start: num + 1,
+            padding
+        };
+    }
+    return {
+        pattern: `${id}_{i}`,
+        start: 1,
+        padding: 0
+    };
+}
+/**
+ * 패턴이 매칭하는 기존 ID 들 중 *최대 번호 + 1* 반환 — 반복 bulk-create 시
+ * 시작 번호 자동 advance 용.
+ *
+ * 예:
+ *   pattern = "PORT_{i}", existingIds = ["PORT_05", "PORT_12", "Other_1"]
+ *   → 13 (= 12 + 1)
+ *
+ * 매칭 안 되면 fallbackStart 반환 (기본 inferIdPattern 의 start).
+ *
+ * NOTE: 현재 `{i}` placeholder 만 인식. `{r}` / `{c}` 는 grid 전용이므로 별도
+ * 처리 필요 (추후).
+ */
+export function nextAvailableStart(idPattern, existingIds, fallbackStart) {
+    if (!idPattern.includes('{i}'))
+        return fallbackStart;
+    // pattern → regex. {i} → 캡쳐, {r}/{c} → 그냥 숫자, 특수문자 escape.
+    const escaped = idPattern.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    const re = new RegExp('^' +
+        escaped
+            .replace(/\\\{i\\\}/g, '(\\d+)')
+            .replace(/\\\{[rc]\\\}/g, '\\d+') +
+        '$');
+    let max = -1;
+    for (const id of existingIds) {
+        const m = id.match(re);
+        if (m) {
+            const n = parseInt(m[1], 10);
+            if (!Number.isNaN(n) && n > max)
+                max = n;
+        }
+    }
+    return max >= 0 ? max + 1 : fallbackStart;
+}
+//# sourceMappingURL=bulk-create.js.map

package/dist/src/modeller/bulk-create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulk-create.js","sourceRoot":"","sources":["../../../src/modeller/bulk-create.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * Bulk-create — 단일 템플릿 컴포넌트로부터 N개의 컴포넌트 model 을 일괄 생성\n * 하는 순수 헬퍼 모음.\n *\n * 설계 원칙:\n *   - 순수 함수 (UI / scene side-effect 없음)\n *   - 도메인 중립 (factory, board-ai, fmsim, operato-* 등 모든 consumer 가 동일하게 사용)\n *   - 의존성 0 (Three.js / Lit 불필요)\n *\n * 사용 패턴:\n *   1. consumer 가 template (= 컴포넌트 model state) + area + 옵션 수집\n *   2. generateBulkComponents() → 새 컴포넌트 model 배열 반환\n *   3. scene.undoableChange(() => scene.add(models)) — 단일 undo 단위로 추가\n *\n * 결합 사용:\n *   - deriveGridShape: 격자 패턴의 (rows, cols) 자동 결정\n *   - inferIdPattern: 템플릿의 id 로부터 ID 패턴/시작/padding 자동 추출\n *   - nextAvailableStart: 반복 호출 시 시작번호 자동 advance (existingIds 스캔)\n *   - findIdConflicts: 생성될 ID 가 scene 의 기존 ID 와 충돌하는지 검출\n */\n\nexport type Pattern = 'grid' | 'line-h' | 'line-v'\n\nexport interface Area {\n  left: number\n  top: number\n  width: number\n  height: number\n}\n\nexport interface BulkCreateOptions {\n  /** 복제할 원본 컴포넌트 state. id, left, top 제외하고 모두 상속. */\n  template: Record<string, any>\n  /** 타겟 영역 (보드 좌표). */\n  area: Area\n  /** 분포 패턴. */\n  pattern: Pattern\n  /**\n   * 총 개수. grid 패턴에선 rows × cols 로 분해.\n   * rows/cols 가 명시되면 그것 사용, 미명시 시 area 비율과 count 로 자동 결정.\n   */\n  count: number\n  /** grid pattern 용 — 행 수. 미지정 시 area 비율 + count 로 자동. */\n  rows?: number\n  /** grid pattern 용 — 열 수. 미지정 시 area 비율 + count 로 자동. */\n  cols?: number\n  /**\n   * ID 패턴. placeholder:\n   *   `{i}` — 일련번호 (0-based + idStart)\n   *   `{r}` — 행 index (grid 만, 0-based + idStart)\n   *   `{c}` — 열 index (grid 만, 0-based + idStart)\n   * 예: \"PORT_{i}\", \"P_{r}_{c}\", \"CELL{r}{c}\"\n   */\n  idPattern: string\n  /** ID 시작 번호. default 1. */\n  idStart?: number\n  /** ID 숫자 자릿수 (zero-pad). 0 = 미적용. default 0. */\n  idPadding?: number\n  /**\n   * 컴포넌트의 크기를 사용할지 (= template.width/height 그대로) 또는 cell 에\n   * 맞춰 자동 조정할지. default 'template' (원본 크기 유지).\n   */\n  sizeMode?: 'template' | 'fit-cell'\n}\n\nexport interface GeneratedModel {\n  type?: string\n  id: string\n  left: number\n  top: number\n  width: number\n  height: number\n  [key: string]: any\n}\n\n/**\n * 타겟 영역과 총 count 로 grid 의 (rows, cols) 자동 결정.\n * area 의 종횡비를 가능한 한 보존.\n */\nexport function deriveGridShape(\n  count: number,\n  area: Area,\n  rows?: number,\n  cols?: number\n): { rows: number; cols: number } {\n  if (rows && cols) return { rows, cols }\n  if (rows) return { rows, cols: Math.ceil(count / rows) }\n  if (cols) return { rows: Math.ceil(count / cols), cols }\n\n  // 자동: area 의 종횡비와 비슷한 grid 도출.\n  // cols / rows ≈ width / height → cols ≈ sqrt(count × width / height)\n  const aspect = area.width / Math.max(area.height, 1)\n  const c = Math.max(1, Math.round(Math.sqrt(count * aspect)))\n  const r = Math.max(1, Math.ceil(count / c))\n  return { rows: r, cols: c }\n}\n\n/**\n * ID 패턴 치환 — {i}, {r}, {c} placeholder.\n */\nfunction formatId(\n  pattern: string,\n  i: number,\n  r: number,\n  c: number,\n  start: number,\n  padding: number\n): string {\n  const pad = (n: number) => {\n    const v = n + start\n    return padding > 0 ? String(v).padStart(padding, '0') : String(v)\n  }\n  return pattern\n    .replace(/\\{i\\}/g, pad(i))\n    .replace(/\\{r\\}/g, pad(r))\n    .replace(/\\{c\\}/g, pad(c))\n}\n\n/**\n * 메인 헬퍼 — 옵션을 받아 새 컴포넌트 model 배열 반환.\n *\n * **주의**: 반환된 model 은 `scene.add(models)` 로 추가하면 된다. ID 충돌 사전\n * 검사는 호출 측 책임 — `findIdConflicts` 와 결합 사용.\n */\nexport function generateBulkComponents(opts: BulkCreateOptions): GeneratedModel[] {\n  const {\n    template,\n    area,\n    pattern,\n    count,\n    idPattern,\n    idStart = 1,\n    idPadding = 0,\n    sizeMode = 'template'\n  } = opts\n\n  if (count <= 0) return []\n  if (!template || typeof template !== 'object') return []\n\n  // template 에서 제외할 필드. id/위치 는 새로 생성. (width/height 는 sizeMode 에 따라 처리)\n  const { id: _id, left: _l, top: _t, width: _w, height: _h, ...rest } = template\n\n  const tplW = typeof template.width === 'number' ? template.width : 50\n  const tplH = typeof template.height === 'number' ? template.height : 50\n\n  const result: GeneratedModel[] = []\n\n  if (pattern === 'grid') {\n    const { rows, cols } = deriveGridShape(count, area, opts.rows, opts.cols)\n    const cellW = area.width / cols\n    const cellH = area.height / rows\n    const itemW = sizeMode === 'fit-cell' ? Math.min(cellW, cellH) * 0.8 : tplW\n    const itemH = sizeMode === 'fit-cell' ? Math.min(cellW, cellH) * 0.8 : tplH\n\n    let i = 0\n    outer: for (let r = 0; r < rows; r++) {\n      for (let c = 0; c < cols; c++) {\n        if (i >= count) break outer\n        const cx = area.left + cellW * (c + 0.5)\n        const cy = area.top + cellH * (r + 0.5)\n        result.push({\n          ...rest,\n          id: formatId(idPattern, i, r, c, idStart, idPadding),\n          left: cx - itemW / 2,\n          top: cy - itemH / 2,\n          width: itemW,\n          height: itemH\n        })\n        i++\n      }\n    }\n  } else if (pattern === 'line-h' || pattern === 'line-v') {\n    const isH = pattern === 'line-h'\n    const span = isH ? area.width : area.height\n    const cellSize = span / count\n    const itemW = sizeMode === 'fit-cell' && isH ? cellSize * 0.8 : tplW\n    const itemH = sizeMode === 'fit-cell' && !isH ? cellSize * 0.8 : tplH\n\n    for (let i = 0; i < count; i++) {\n      const along = (i + 0.5) * cellSize\n      const cx = isH ? area.left + along : area.left + area.width / 2\n      const cy = isH ? area.top + area.height / 2 : area.top + along\n      result.push({\n        ...rest,\n        id: formatId(idPattern, i, 0, i, idStart, idPadding),\n        left: cx - itemW / 2,\n        top: cy - itemH / 2,\n        width: itemW,\n        height: itemH\n      })\n    }\n  }\n\n  return result\n}\n\n/**\n * 생성될 model 의 id 중 기존 scene 의 id 와 충돌하는 것 검출.\n * @returns 충돌하는 id 배열 (없으면 빈 배열).\n */\nexport function findIdConflicts(\n  models: GeneratedModel[],\n  existingIds: Iterable<string>\n): string[] {\n  const set = existingIds instanceof Set ? existingIds : new Set(existingIds)\n  const conflicts: string[] = []\n  for (const m of models) {\n    if (set.has(m.id)) conflicts.push(m.id)\n  }\n  return conflicts\n}\n\n/**\n * 템플릿의 id 문자열로부터 다음 컴포넌트들의 ID 패턴을 자동 추론.\n *\n * 규칙:\n *   - 끝에 숫자 있음: `\"PORT_05\"` → `{ pattern: \"PORT_{i}\", start: 6, padding: 2 }`\n *   - 끝에 숫자 없음: `\"abc\"` → `{ pattern: \"abc_{i}\", start: 1, padding: 0 }`\n *   - 빈 id: `{ pattern: \"{i}\", start: 1, padding: 0 }`\n *\n * padding 은 *leading zero* 가 있을 때만 적용:\n *   - \"05\" → padding 2 (= \"01\", \"02\"... 형식 유지)\n *   - \"5\" → padding 0 (= \"1\", \"2\"... 형식)\n */\nexport function inferIdPattern(id: string | undefined | null): {\n  pattern: string\n  start: number\n  padding: number\n} {\n  if (!id || typeof id !== 'string') {\n    return { pattern: '{i}', start: 1, padding: 0 }\n  }\n  const m = id.match(/^(.*?)(\\d+)$/)\n  if (m) {\n    const prefix = m[1]\n    const numStr = m[2]\n    const num = parseInt(numStr, 10)\n    const padding = numStr.length > 1 && numStr.startsWith('0') ? numStr.length : 0\n    return {\n      pattern: `${prefix}{i}`,\n      start: num + 1,\n      padding\n    }\n  }\n  return {\n    pattern: `${id}_{i}`,\n    start: 1,\n    padding: 0\n  }\n}\n\n/**\n * 패턴이 매칭하는 기존 ID 들 중 *최대 번호 + 1* 반환 — 반복 bulk-create 시\n * 시작 번호 자동 advance 용.\n *\n * 예:\n *   pattern = \"PORT_{i}\", existingIds = [\"PORT_05\", \"PORT_12\", \"Other_1\"]\n *   → 13 (= 12 + 1)\n *\n * 매칭 안 되면 fallbackStart 반환 (기본 inferIdPattern 의 start).\n *\n * NOTE: 현재 `{i}` placeholder 만 인식. `{r}` / `{c}` 는 grid 전용이므로 별도\n * 처리 필요 (추후).\n */\nexport function nextAvailableStart(\n  idPattern: string,\n  existingIds: Iterable<string>,\n  fallbackStart: number\n): number {\n  if (!idPattern.includes('{i}')) return fallbackStart\n  // pattern → regex. {i} → 캡쳐, {r}/{c} → 그냥 숫자, 특수문자 escape.\n  const escaped = idPattern.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n  const re = new RegExp(\n    '^' +\n      escaped\n        .replace(/\\\\\\{i\\\\\\}/g, '(\\\\d+)')\n        .replace(/\\\\\\{[rc]\\\\\\}/g, '\\\\d+') +\n      '$'\n  )\n  let max = -1\n  for (const id of existingIds) {\n    const m = id.match(re)\n    if (m) {\n      const n = parseInt(m[1], 10)\n      if (!Number.isNaN(n) && n > max) max = n\n    }\n  }\n  return max >= 0 ? max + 1 : fallbackStart\n}\n"]}

package/dist/src/modeller/edit-toolbar.js

@@ -9,6 +9,50 @@ import { OxPopup } from '@operato/popup';
 import { style } from './edit-toolbar-style.js';
 import './bulk-create-dialog.js';
 const MACOS = isMacOS();
+/**
+ * 컴포넌트 model JSON 만으로 type-aware bounding box (width, height) 추출.
+ *
+ * things-scene 의 component.bounds 는 *path 의 bounding box* 인데, model JSON 만
+ * 으로는 path 를 그릴 수 없으므로 type-specific 필드를 직접 본다.
+ *   - width/height 명시 (Rect, Container 등) → 그대로
+ *   - rx/ry (Ellipse 등) → 2*rx, 2*ry
+ *   - points 배열 (Line, Polygon 등) → 점들의 bounding box
+ *   - 그 외 → 50x50 fallback
+ *
+ * bulk-paste 가 영역 안에 N 개 복제할 때 *원본 크기를 보존* 하기 위해 사용.
+ */
+function deriveBoundsFromModel(model) {
+    if (typeof model.width === 'number' && typeof model.height === 'number') {
+        return { width: model.width, height: model.height };
+    }
+    if (typeof model.rx === 'number' && typeof model.ry === 'number') {
+        return { width: 2 * Math.abs(model.rx), height: 2 * Math.abs(model.ry) };
+    }
+    if (Array.isArray(model.points) && model.points.length > 0) {
+        let minX = Infinity;
+        let maxX = -Infinity;
+        let minY = Infinity;
+        let maxY = -Infinity;
+        for (const p of model.points) {
+            if (typeof (p === null || p === void 0 ? void 0 : p.x) === 'number') {
+                if (p.x < minX)
+                    minX = p.x;
+                if (p.x > maxX)
+                    maxX = p.x;
+            }
+            if (typeof (p === null || p === void 0 ? void 0 : p.y) === 'number') {
+                if (p.y < minY)
+                    minY = p.y;
+                if (p.y > maxY)
+                    maxY = p.y;
+            }
+        }
+        if (isFinite(minX) && isFinite(maxX) && isFinite(minY) && isFinite(maxY)) {
+            return { width: maxX - minX, height: maxY - minY };
+        }
+    }
+    return { width: 50, height: 50 };
+}
 export class EditToolbar extends LitElement {
     constructor() {
         super(...arguments);
@@ -559,8 +603,21 @@ export class EditToolbar extends LitElement {
                 popup === null || popup === void 0 ? void 0 : popup.close();
                 return;
             }
+            // cliped 의 template model 자체에서 type-aware bounds 추출. things-scene 의
+            // component.bounds (= path bounding box) 와 동일 결과를 model JSON 의
+            // type-specific 필드 (width/height, rx/ry, points) 만으로 계산.
+            const bounds = deriveBoundsFromModel(template);
             scene.undoableChange(() => {
-                scene.add(models, {});
+                for (const m of models) {
+                    const cx = m.left + m.width / 2;
+                    const cy = m.top + m.height / 2;
+                    scene.add(m, {
+                        left: cx - bounds.width / 2,
+                        top: cy - bounds.height / 2,
+                        width: bounds.width,
+                        height: bounds.height
+                    });
+                }
             });
             popup === null || popup === void 0 ? void 0 : popup.close();
         };