@g1cloud/entity-modeler-next 5.0.0-alpha.1

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+export * from './core/types';
+export * from './core/resolve';
+export * from './core/routing';
+export * from './core/autolayout';
+export * from './core/text';
+export * from './core/svg';
+export * from './core/validation';
+export * from './core/sharedColumn';
+export { newId } from './core/id';
+export * from './command/types';
+export { CommandStack, type CommandDirection, type CommandListener } from './command/stack';
+export * as commands from './command/commands';
+export * from './command/op';
+export { OpSyncAdapter, RevCache, type OpSyncOptions, type OpSyncTransport } from './command/opSync';
+export * from './agent/symbolicOp';
+export * from './agent/resolver';
+export * from './agent/schema';
+export * from './agent/buildAgentBatch';
+export * from './adapter/diagramAdapter';
+export type * from './adapter/persisted';
+export { default as EntityNode } from './view/EntityNode.vue';
+export { default as GroupNode } from './view/GroupNode.vue';
+export { default as NoteNode } from './view/NoteNode.vue';
+export { default as AssociationEdge } from './view/AssociationEdge.vue';
+export { default as DiagramCanvas } from './view/DiagramCanvas.vue';
+export { default as DiagramExplorer } from './view/DiagramExplorer.vue';
+export { default as EditorToolbar } from './view/EditorToolbar.vue';
+export { default as EditModeToggle } from './view/EditModeToggle.vue';
+export { default as PropertyPanel } from './view/PropertyPanel.vue';
+export { default as EntityModeler } from './view/EntityModeler.vue';
+export { buildDiagramSvg, exportDiagramSvg } from './view/exportSvg';
+export { createEditorController, emptyState, EDITOR, type EditorController, } from './editor/controller';

package/dist/view/AssociationEdge.vue.d.ts

@@ -0,0 +1,16 @@
+import { GraphNode } from '@vue-flow/core';
+import { Association, ModelId } from '../core/types';
+type __VLS_Props = {
+    id: string;
+    sourceY: number;
+    targetY: number;
+    sourceNode: GraphNode;
+    targetNode: GraphNode;
+    data: {
+        association: Association;
+        sourceColumnRef?: ModelId;
+        targetColumnRef?: ModelId;
+    };
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/DiagramCanvas.vue.d.ts

@@ -0,0 +1,9 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+};
+declare function exportSvg(): Promise<void>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    exportSvg: typeof exportSvg;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/DiagramExplorer.vue.d.ts

@@ -0,0 +1,11 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+};
+declare function toggleAll(): void;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    toggleAll: typeof toggleAll;
+    allExpanded: import('vue').ComputedRef<boolean>;
+    hasExpandable: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EditModeToggle.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    editable: boolean;
+    opMode: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EditorToolbar.vue.d.ts

@@ -0,0 +1,10 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    exportSvg: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onExportSvg?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EmContextMenu.vue.d.ts

@@ -0,0 +1,26 @@
+import { SwatchToken } from './swatches';
+/**
+ * 캔버스 우클릭 메뉴 항목 모델 — 호스트(bluesea) BSContextMenu 의존을 끊고 다이어그램 토큰(--em-*)
+ * 으로 직접 그리기 위한 자체 스키마. 색상은 중첩 서브메뉴 대신 swatch 칩 행으로 평탄화한다
+ * (아이콘 폰트 의존·chevron 깨짐 제거).
+ */
+export type EmMenuItem = {
+    type: 'separator';
+} | {
+    type?: 'item';
+    caption: string;
+    icon?: string;
+    danger?: boolean;
+    disabled?: boolean;
+    handler: () => void;
+} | {
+    type: 'swatches';
+    caption: string;
+    current: SwatchToken | null;
+    onPick: (token: SwatchToken | null) => void;
+};
+declare const _default: import('vue').DefineComponent<{}, {
+    open: (event: MouseEvent, menuItems: EmMenuItem[]) => Promise<void>;
+    close: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/view/EmIcon.vue.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 라인 아이콘(Lucide 계열, MIT) — 24x24 viewBox, currentColor stroke.
+ * 외부 의존성 없이 인라인 SVG로 모던/심플한 단색 아이콘을 제공.
+ * 색/크기는 부모의 color·font-size 또는 size prop으로 제어.
+ * 굵기는 부모에서 svg의 stroke-width를 CSS로 덮어 조정할 수 있다(예: 키 마커).
+ */
+type __VLS_Props = {
+    name: string;
+    size?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EntityAttributesWide.vue.d.ts

@@ -0,0 +1,7 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+    entityId: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EntityBasicsSection.vue.d.ts

@@ -0,0 +1,7 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+    entityId: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EntityColumnsSection.vue.d.ts

@@ -0,0 +1,7 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+    entityId: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EntityDetailModal.vue.d.ts

@@ -0,0 +1,7 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+    entityId: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EntityIndexSection.vue.d.ts

@@ -0,0 +1,7 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+    entityId: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EntityIndexesWide.vue.d.ts

@@ -0,0 +1,7 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+    entityId: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EntityModeler.vue.d.ts

@@ -0,0 +1,6 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EntityNode.vue.d.ts

@@ -0,0 +1,20 @@
+import { DisplayMode, Entity, Style } from '../core/types';
+type __VLS_Props = {
+    id: string;
+    selected?: boolean;
+    data: {
+        entity: Entity;
+        displayMode?: DisplayMode;
+        collapsed?: boolean;
+        groupRef?: string;
+        size?: {
+            width: number;
+            height: number;
+        };
+        style?: Style;
+        attributeStyles?: Record<string, Style>;
+        operationStyles?: Record<string, Style>;
+    };
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EntityOperationsSection.vue.d.ts

@@ -0,0 +1,7 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+    entityId: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EntityOperationsWide.vue.d.ts

@@ -0,0 +1,7 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+    entityId: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/EntityTextPreview.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    text: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/GroupCodeCombobox.vue.d.ts

@@ -0,0 +1,11 @@
+import { GroupCodeCatalogEntry } from '../core/types';
+type __VLS_Props = {
+    modelValue: string | undefined;
+    items: GroupCodeCatalogEntry[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (args_0: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/GroupNode.vue.d.ts

@@ -0,0 +1,11 @@
+import { LogicalGroup, Style } from '../core/types';
+type __VLS_Props = {
+    id?: string;
+    selected?: boolean;
+    data: {
+        group: LogicalGroup;
+        style?: Style;
+    };
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/InlineIssueBadge.vue.d.ts

@@ -0,0 +1,8 @@
+import { EditorController } from '../editor/controller';
+import { ModelId } from '../core/types';
+type __VLS_Props = {
+    controller: EditorController;
+    refId: ModelId | undefined;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/MultiLangTextField.vue.d.ts

@@ -0,0 +1,24 @@
+import { LangCode, MultiLangText } from '../core/types';
+type __VLS_Props = {
+    modelValue?: MultiLangText;
+    /** input name 접두 — 실제 name은 `${name}-${lang}`(언어별 구분). 폼 식별용 필수. */
+    name: string;
+    /** 입력 가능 언어셋(호스트 주입 controller.languages). 탭 목록·순서. */
+    languages?: LangCode[];
+    /** 초기 활성 탭(호스트 주입 controller.userLanguage). languages에 없으면 languages[0] 폴백. */
+    defaultLang?: LangCode;
+    /** true면 textarea(여러 줄, 설명용), false면 단일 라인 input(논리명/그룹명용 확장 여지). */
+    multiline?: boolean;
+    placeholder?: string;
+    /** textarea 높이(multiline일 때만). */
+    height?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Partial<Record<"ko" | "en" | "ja" | "zh", string>>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Partial<Record<"ko" | "en" | "ja" | "zh", string>>) => any) | undefined;
+}>, {
+    languages: LangCode[];
+    multiline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/NoteConnectionEdge.vue.d.ts

@@ -0,0 +1,12 @@
+import { GraphNode } from '@vue-flow/core';
+type __VLS_Props = {
+    id: string;
+    sourceNode: GraphNode;
+    targetNode: GraphNode;
+    data: {
+        noteRef: string;
+        targetRef: string;
+    };
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/NoteNode.vue.d.ts

@@ -0,0 +1,11 @@
+import { Note } from '../core/types';
+type __VLS_Props = {
+    id: string;
+    selected?: boolean;
+    data: {
+        note: Note;
+        groupRef?: string;
+    };
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/OperationSourceEditor.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    operationName: string;
+    sourceCode: string;
+    onSave: (code: string) => void;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/PropertyPanel.vue.d.ts

@@ -0,0 +1,6 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/ValidationPanel.vue.d.ts

@@ -0,0 +1,6 @@
+import { EditorController } from '../editor/controller';
+type __VLS_Props = {
+    controller: EditorController;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/diagramGeometry.d.ts

@@ -0,0 +1,9 @@
+import { useVueFlow } from '@vue-flow/core';
+import { DiagramGeometry } from '../core/svg';
+type VueFlowStore = ReturnType<typeof useVueFlow>;
+/**
+ * 현재 렌더된 다이어그램을 측정해 SVG 합성용 기하 스냅샷을 만든다.
+ * 호출 시점에 캔버스가 마운트·렌더되어 있어야 한다(export = UI 액션).
+ */
+export declare function captureDiagramGeometry(vf: VueFlowStore): DiagramGeometry;
+export {};

package/dist/view/exportSvg.d.ts

@@ -0,0 +1,7 @@
+import { useVueFlow } from '@vue-flow/core';
+type VueFlowStore = ReturnType<typeof useVueFlow>;
+/** 현재 캔버스를 측정·합성해 SVG 문자열을 반환 (다운로드 없이 문자열만 필요할 때). */
+export declare function buildDiagramSvg(vf: VueFlowStore): string;
+/** 현재 캔버스를 벡터 SVG로 내보내 브라우저 다운로드를 트리거한다. */
+export declare function exportDiagramSvg(vf: VueFlowStore, filename?: string): void;
+export {};

package/dist/view/groupCodeFilter.d.ts

@@ -0,0 +1,8 @@
+import { GroupCodeCatalogEntry } from '../core/types';
+/** 표시 라벨 — "코드 (명칭)" (명칭은 ko→en→… 폴백, 없으면 코드만). code(2단계) BSSelect codeLabelOf와 동형 규칙. */
+export declare function groupCodeLabel(e: GroupCodeCatalogEntry): string;
+/**
+ * key(groupCode) + 모든 다국어 라벨 부분일치(대소문자 무시) 필터. 빈/공백 쿼리는 전체 통과.
+ * 선언 순서(= 카탈로그 순서)를 유지한다.
+ */
+export declare function filterGroupCodes(items: GroupCodeCatalogEntry[], query: string): GroupCodeCatalogEntry[];

package/dist/view/groupHover.d.ts

@@ -0,0 +1,10 @@
+import { InjectionKey, Ref } from 'vue';
+/** 드래그 중 편입 대상으로 강조할 그룹 id (없으면 null) — DiagramCanvas가 제공, GroupNode가 구독 */
+export declare const GROUP_HOVER: InjectionKey<Ref<string | null>>;
+/** 그룹 드래그 라이브 상태 — 내부 관계 waypoint를 실시간으로 같은 delta만큼 미리보기 이동 */
+export interface GroupDrag {
+    groupId: string;
+    dx: number;
+    dy: number;
+}
+export declare const GROUP_DRAG: InjectionKey<Ref<GroupDrag | null>>;

package/dist/view/openEntityDetail.d.ts

@@ -0,0 +1,5 @@
+import { useModal } from '@g1cloud/open-bluesea-core';
+import { EditorController } from '../editor/controller';
+type ModalHandle = ReturnType<typeof useModal>;
+export declare function openEntityDetail(modal: ModalHandle, controller: EditorController, entityId: string): void;
+export {};

package/dist/view/relationHighlight.d.ts

@@ -0,0 +1,38 @@
+import { ComputedRef, InjectionKey, Ref } from 'vue';
+/**
+ * 마우스 오버한 대상(엔티티 또는 그룹)과 그에 연관된 엔티티/관계를 강조하기 위한 주입 계약.
+ * DiagramCanvas가 hover 소스 + 파생 집합을 계산해 제공하고, EntityNode/GroupNode/AssociationEdge가 구독한다.
+ * (그룹 편입 드래그 강조 GROUP_HOVER와 별개 — 이쪽은 관계 위상(topology) 기반 정적 강조)
+ */
+export type HighlightSource = {
+    kind: 'entity';
+    id: string;
+} | {
+    kind: 'group';
+    id: string;
+} | {
+    kind: 'note';
+    id: string;
+};
+export interface RelationHighlight {
+    source: Ref<HighlightSource | null>;
+    /** hover가 활성인지 (dim 판단 기준) */
+    active: ComputedRef<boolean>;
+    /** 강하게 강조할 엔티티(포커스 원점) — 엔티티 hover: 그 엔티티 / 그룹 hover: 그룹 멤버들 (노트 hover면 비어 있음) */
+    primaryEntityIds: ComputedRef<Set<string>>;
+    /** primary + 관계로 직접 연결된 엔티티 (이 집합 밖이면 dim). 노트 hover면 그 노트가 연결한 엔티티들 */
+    relatedEntityIds: ComputedRef<Set<string>>;
+    /** 강조할 관계(엣지) id 집합 */
+    relatedEdgeIds: ComputedRef<Set<string>>;
+    /**
+     * 강조할 노트 id 집합 (이 집합 밖 노트는 dim).
+     * 엔티티/그룹 hover면 related 엔티티에 연결된 노트들, 노트 hover면 그 노트 자신.
+     */
+    relatedNoteIds: ComputedRef<Set<string>>;
+    /** 그룹 hover일 때 해당 그룹 id (그룹 박스 강조/그 외 그룹 dim 판단용, 엔티티 hover면 null) */
+    hoverGroupId: ComputedRef<string | null>;
+    setEntityHover(entityId: string | null): void;
+    setGroupHover(groupId: string | null): void;
+    setNoteHover(noteId: string | null): void;
+}
+export declare const RELATION_HIGHLIGHT: InjectionKey<RelationHighlight>;

package/dist/view/swatches.d.ts

@@ -0,0 +1,37 @@
+import { Style } from '../core/types';
+export type SwatchToken = 'red' | 'amber' | 'green' | 'teal' | 'blue' | 'indigo' | 'violet' | 'pink';
+/** 토큰의 컨텍스트별 렌더값 (CSS 변수 참조 — 테마는 [data-theme]로 스왑) */
+export interface SwatchRender {
+    /** 엔티티 헤더 바 배경 */
+    bar: string;
+    /** 헤더 바 위 텍스트 */
+    barOn: string;
+    /** 속성 글자색 */
+    text: string;
+}
+/** 선택 가능한 8색 (중립 hue — 의미는 사용자가 부여) */
+export declare const SWATCH_TOKENS: SwatchToken[];
+/**
+ * 임의 hex 색상을 가장 가까운 swatch 토큰으로 근사한다(hue 최단 원형거리).
+ * 무채색(채도 < MIN_SATURATION)·파싱 실패는 null → 호출부가 기본 색 유지.
+ * 레거시 임의 색상 표시 폴백 전용(데이터 변형 없음).
+ */
+export declare function approximateSwatchToken(hex: unknown): SwatchToken | null;
+/**
+ * Style 에서 swatch 토큰을 안전하게 읽는다.
+ * 토큰이 없으면 레거시 임의 hex를 가장 가까운 토큰으로 근사(표시 폴백):
+ * 엔티티 헤더는 `background-color`, 속성 강조는 글자색 `font-color`(드물게 `color`)에 저장되므로
+ * 그 순서로 첫 유효 hex를 근사한다. 미지정·무채색이면 null.
+ */
+export declare function swatchTokenOf(style: Style | undefined): SwatchToken | null;
+/** 토큰 → 렌더값(CSS 변수 참조). 미지정/미지 토큰이면 null → 호출부가 기본 색 유지. */
+export declare function resolveSwatch(token: SwatchToken | null): SwatchRender | null;
+/**
+ * 미니맵 노드 fill 색 — 지정 swatch가 있으면 그 색(그룹은 반투명), 없으면 null → 호출부가 기본색 유지.
+ * @param soft 그룹처럼 반투명 칠이 필요하면 true.
+ */
+export declare function swatchMinimapFill(token: SwatchToken | null, soft?: boolean): string | null;
+/** 피커 라벨 */
+export declare function swatchLabel(token: SwatchToken): string;
+/** 피커에 칠할 대표색 (바 색 — 피커도 [data-theme]에 따라 전환) */
+export declare function swatchSwatchColor(token: SwatchToken): string;

package/dist/view/useFloatingRoute.d.ts

@@ -0,0 +1,28 @@
+import { ComputedRef } from 'vue';
+import { GraphNode } from '@vue-flow/core';
+import { Side } from '../core/routing';
+import { Point } from '../core/types';
+/**
+ * Floating 연결점 계산 — edge 끝점을 노드 경계의 동적 지점에 부착한다.
+ * (AssociationEdge / NoteConnectionEdge 공유. 노드를 옮기면 끝점이 경계를 따라 이동.)
+ *
+ * rowY가 주어진 끝(컬럼 앵커)은 "행 유지 + 측면 동적"으로, 없으면 완전 floating으로 계산한다.
+ * 입력은 getter 함수로 받아 Vue Flow 노드 좌표/크기 변화에 반응한다.
+ */
+export interface FloatingRouteInput {
+    sourceNode: () => GraphNode | undefined;
+    targetNode: () => GraphNode | undefined;
+    waypoints: () => Point[];
+    /** 컬럼 앵커가 있는 끝의 행 y (절대좌표). 없으면 완전 floating */
+    sourceRowY?: () => number | undefined;
+    targetRowY?: () => number | undefined;
+}
+export interface FloatingRoute {
+    source: ComputedRef<Point>;
+    target: ComputedRef<Point>;
+    sourceSide: ComputedRef<Side>;
+    targetSide: ComputedRef<Side>;
+    /** source/target가 같은 노드인 셀프 연관 — 끝점이 같은 변(우측)에 놓이고 루프 path로 그린다 */
+    isSelf: ComputedRef<boolean>;
+}
+export declare function useFloatingRoute(input: FloatingRouteInput): FloatingRoute;

package/dist/view/validationDisplay.d.ts

@@ -0,0 +1,10 @@
+import { ModelId } from '../core/types';
+import { ValidationIssue } from '../core/validation';
+/** ruleId('CHK-NAME-3') → 분류 라벨('이름'). 형식 불명 입력은 원문 폴백. */
+export declare function issueCategoryLabel(ruleId: string): string;
+/**
+ * 이슈가 가리키는 소속 엔티티의 modelId — 패널이 엔티티명 칩을 붙일 대상. targetKind가 entity면
+ * targetRef가 곧 엔티티이고, attribute/column/index면 contextRef가 소속 엔티티다(엔진이 그 용도로
+ * 채운다). association/model은 단일 소속 엔티티가 없어 undefined(칩 없음 — 메시지가 자체 맥락 보유).
+ */
+export declare function issueEntityRef(issue: ValidationIssue): ModelId | undefined;

package/dist/view/waypointController.d.ts

@@ -0,0 +1,14 @@
+import { InjectionKey } from 'vue';
+import { Point } from '../core/types';
+/**
+ * waypoint 편집 상태를 Vue Flow 바깥(캔버스 레벨)에서 관리하기 위한 컨트롤러.
+ * 엣지 컴포넌트는 이 컨트롤러를 통해서만 레이아웃 waypoint를 읽고 쓴다
+ * → 레이아웃 데이터가 엔진 내부 상태와 분리되어 엔진 교체에도 견딘다.
+ */
+export interface WaypointController {
+    points(edgeId: string): Point[];
+    movePoint(edgeId: string, index: number, p: Point): void;
+    insertPoint(edgeId: string, index: number, p: Point): void;
+    removePoint(edgeId: string, index: number): void;
+}
+export declare const WAYPOINT_CONTROLLER: InjectionKey<WaypointController>;

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@g1cloud/entity-modeler-next",
+  "private": false,
+  "version": "5.0.0-alpha.1",
+  "description": "Vue 3 visual entity-modeling / class-diagram editor",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">= 24.10.0"
+  },
+  "main": "./dist/entity-modeler.umd.cjs",
+  "module": "./dist/entity-modeler.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/entity-modeler.js",
+      "require": "./dist/entity-modeler.umd.cjs"
+    },
+    "./style.css": "./dist/entity-modeler-next.css"
+  },
+  "author": "l.kei@g1project.net",
+  "license": "LicenseRef-LICENSE",
+  "peerDependencies": {
+    "@g1cloud/open-bluesea-core": "1.0.0-alpha.9",
+    "vue": "^3.5.0"
+  },
+  "dependencies": {
+    "@vue-flow/background": "^1.3.2",
+    "@vue-flow/controls": "^1.1.2",
+    "@vue-flow/core": "^1.42.1",
+    "@vue-flow/minimap": "^1.5.2",
+    "pinia": "^2.2.0"
+  },
+  "devDependencies": {
+    "@g1cloud/open-bluesea-core": "1.0.0-alpha.9",
+    "@tailwindcss/vite": "^4.1.0",
+    "@types/node": "^25.9.2",
+    "@vitejs/plugin-vue": "^5.2.0",
+    "jsdom": "^25.0.0",
+    "playwright": "^1.60.0",
+    "tailwindcss": "^4.1.0",
+    "typescript": "^5.6.0",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^5.0.3",
+    "vitest": "^2.1.0",
+    "vue": "^3.5.0",
+    "vue-tsc": "^2.1.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "verify:m0": "node scripts/verify-m0.mjs",
+    "typecheck": "vue-tsc --noEmit"
+  }
+}