@fmsim/board 2.0.0-beta.106 → 2.0.0-beta.109

package/dist/src/board-i18n.d.ts

@@ -0,0 +1,22 @@
+/** MCS 세션 캐시 ifactI18nObj 의 키 = 지원 언어 목록. 없으면 현재 언어만. */
+export declare function getSupportedLanguages(): string[];
+/**
+ * 언어 코드를 사람이 읽기 쉬운 이름으로 변환한다(표시는 현재 UI 언어).
+ * Intl.DisplayNames 로 'en'→English, 'en-US'→American English, 'zh_CN'→Chinese(China) 처럼
+ * 같은 언어의 여러 로케일도 구분되게 표기한다. 비표준/해석 불가 코드(예: 'ua')는 코드 그대로.
+ */
+export declare function languageLabel(code: string): string;
+/** nameI18n(JSON 문자열 또는 객체)을 언어→이름 맵으로 파싱. */
+export declare function parseNameI18n(nameI18n: any): Record<string, string>;
+/** 채워진 항목만 남긴 맵을 JSON 문자열로. 비어 있으면 undefined(저장 안 함). */
+export declare function stringifyNameI18n(map: Record<string, string>): string | undefined;
+/**
+ * 언어 맵에서 lang 에 해당하는 값을 관대하게 찾는다. 없으면 ''.
+ *  1) 정확 일치  2) 구분자 정규화(zh-CN↔zh_CN)  3) 베이스 언어(en-US→en)  4) 키 베이스 일치
+ */
+export declare function pickLangValue(map: Record<string, string>, lang: string): string;
+/** 현재 언어 보드명 → 없으면 대표명(name) 폴백. 보드명 표시/리스팅의 단일 진입점. */
+export declare function resolveBoardName(board: {
+    name?: string;
+    nameI18n?: any;
+} | null | undefined): string;

package/dist/src/board-i18n.js

@@ -0,0 +1,98 @@
+/**
+ * 보드명 다국어 유틸 (공유).
+ *
+ * 서버는 보드의 대표명(name) + 전체 다국어 맵(nameI18n JSON)만 내려주고, "현재 언어로 무엇을
+ * 보여줄지"는 클라이언트가 정한다. 보드명을 화면에 표시/리스팅하는 모든 곳에서 resolveBoardName 을
+ * 사용해야 일관되게 현재 언어 이름(없으면 대표명)으로 표시된다.
+ *
+ * @fmsim/board 에 두어 board/fmsim-restful 등 모든 클라이언트 컴포넌트가 공유한다.
+ */
+import { i18next } from '@operato/i18n';
+/** MCS 세션 캐시 ifactI18nObj 의 키 = 지원 언어 목록. 없으면 현재 언어만. */
+export function getSupportedLanguages() {
+    try {
+        const raw = sessionStorage.getItem('ifactI18nObj');
+        if (raw) {
+            const keys = Object.keys(JSON.parse(raw) || {});
+            if (keys.length)
+                return keys;
+        }
+    }
+    catch (_a) {
+        /* 파싱 실패 시 폴백 */
+    }
+    const cur = i18next.language;
+    return cur ? [cur] : [];
+}
+/**
+ * 언어 코드를 사람이 읽기 쉬운 이름으로 변환한다(표시는 현재 UI 언어).
+ * Intl.DisplayNames 로 'en'→English, 'en-US'→American English, 'zh_CN'→Chinese(China) 처럼
+ * 같은 언어의 여러 로케일도 구분되게 표기한다. 비표준/해석 불가 코드(예: 'ua')는 코드 그대로.
+ */
+export function languageLabel(code) {
+    const c = (code || '').trim();
+    if (!c)
+        return '';
+    try {
+        const dn = new Intl.DisplayNames([i18next.language || 'en'], { type: 'language' });
+        const name = dn.of(c.replace(/_/g, '-'));
+        if (name && name.toLowerCase() !== c.toLowerCase())
+            return name;
+    }
+    catch (_a) {
+        /* 비표준 코드 등 → 코드 그대로 */
+    }
+    return c;
+}
+/** nameI18n(JSON 문자열 또는 객체)을 언어→이름 맵으로 파싱. */
+export function parseNameI18n(nameI18n) {
+    if (!nameI18n)
+        return {};
+    if (typeof nameI18n === 'object')
+        return { ...nameI18n };
+    try {
+        return JSON.parse(nameI18n) || {};
+    }
+    catch (_a) {
+        return {};
+    }
+}
+/** 채워진 항목만 남긴 맵을 JSON 문자열로. 비어 있으면 undefined(저장 안 함). */
+export function stringifyNameI18n(map) {
+    const cleaned = {};
+    for (const [k, v] of Object.entries(map || {})) {
+        if (v != null && String(v).trim() !== '')
+            cleaned[k] = String(v);
+    }
+    return Object.keys(cleaned).length ? JSON.stringify(cleaned) : undefined;
+}
+/**
+ * 언어 맵에서 lang 에 해당하는 값을 관대하게 찾는다. 없으면 ''.
+ *  1) 정확 일치  2) 구분자 정규화(zh-CN↔zh_CN)  3) 베이스 언어(en-US→en)  4) 키 베이스 일치
+ */
+export function pickLangValue(map, lang) {
+    if (!lang || !map)
+        return '';
+    if (map[lang])
+        return map[lang];
+    const under = lang.replace(/-/g, '_');
+    if (map[under])
+        return map[under];
+    const dash = lang.replace(/_/g, '-');
+    if (map[dash])
+        return map[dash];
+    const base = lang.split(/[-_]/)[0];
+    if (map[base])
+        return map[base];
+    const hit = Object.keys(map).find(k => k.split(/[-_]/)[0] === base);
+    return (hit && map[hit]) || '';
+}
+/** 현재 언어 보드명 → 없으면 대표명(name) 폴백. 보드명 표시/리스팅의 단일 진입점. */
+export function resolveBoardName(board) {
+    if (!board)
+        return '';
+    const map = parseNameI18n(board.nameI18n);
+    const lang = i18next.language || '';
+    return pickLangValue(map, lang) || board.name || '';
+}
+//# sourceMappingURL=board-i18n.js.map

package/dist/src/board-i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-i18n.js","sourceRoot":"","sources":["../../src/board-i18n.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * 보드명 다국어 유틸 (공유).\n *\n * 서버는 보드의 대표명(name) + 전체 다국어 맵(nameI18n JSON)만 내려주고, \"현재 언어로 무엇을\n * 보여줄지\"는 클라이언트가 정한다. 보드명을 화면에 표시/리스팅하는 모든 곳에서 resolveBoardName 을\n * 사용해야 일관되게 현재 언어 이름(없으면 대표명)으로 표시된다.\n *\n * @fmsim/board 에 두어 board/fmsim-restful 등 모든 클라이언트 컴포넌트가 공유한다.\n */\nimport { i18next } from '@operato/i18n'\n\n/** MCS 세션 캐시 ifactI18nObj 의 키 = 지원 언어 목록. 없으면 현재 언어만. */\nexport function getSupportedLanguages(): string[] {\n  try {\n    const raw = sessionStorage.getItem('ifactI18nObj')\n    if (raw) {\n      const keys = Object.keys(JSON.parse(raw) || {})\n      if (keys.length) return keys\n    }\n  } catch {\n    /* 파싱 실패 시 폴백 */\n  }\n  const cur = i18next.language\n  return cur ? [cur] : []\n}\n\n/**\n * 언어 코드를 사람이 읽기 쉬운 이름으로 변환한다(표시는 현재 UI 언어).\n * Intl.DisplayNames 로 'en'→English, 'en-US'→American English, 'zh_CN'→Chinese(China) 처럼\n * 같은 언어의 여러 로케일도 구분되게 표기한다. 비표준/해석 불가 코드(예: 'ua')는 코드 그대로.\n */\nexport function languageLabel(code: string): string {\n  const c = (code || '').trim()\n  if (!c) return ''\n  try {\n    const dn = new (Intl as any).DisplayNames([i18next.language || 'en'], { type: 'language' })\n    const name = dn.of(c.replace(/_/g, '-'))\n    if (name && name.toLowerCase() !== c.toLowerCase()) return name\n  } catch {\n    /* 비표준 코드 등 → 코드 그대로 */\n  }\n  return c\n}\n\n/** nameI18n(JSON 문자열 또는 객체)을 언어→이름 맵으로 파싱. */\nexport function parseNameI18n(nameI18n: any): Record<string, string> {\n  if (!nameI18n) return {}\n  if (typeof nameI18n === 'object') return { ...nameI18n }\n  try {\n    return JSON.parse(nameI18n) || {}\n  } catch {\n    return {}\n  }\n}\n\n/** 채워진 항목만 남긴 맵을 JSON 문자열로. 비어 있으면 undefined(저장 안 함). */\nexport function stringifyNameI18n(map: Record<string, string>): string | undefined {\n  const cleaned: Record<string, string> = {}\n  for (const [k, v] of Object.entries(map || {})) {\n    if (v != null && String(v).trim() !== '') cleaned[k] = String(v)\n  }\n  return Object.keys(cleaned).length ? JSON.stringify(cleaned) : undefined\n}\n\n/**\n * 언어 맵에서 lang 에 해당하는 값을 관대하게 찾는다. 없으면 ''.\n *  1) 정확 일치  2) 구분자 정규화(zh-CN↔zh_CN)  3) 베이스 언어(en-US→en)  4) 키 베이스 일치\n */\nexport function pickLangValue(map: Record<string, string>, lang: string): string {\n  if (!lang || !map) return ''\n  if (map[lang]) return map[lang]\n  const under = lang.replace(/-/g, '_')\n  if (map[under]) return map[under]\n  const dash = lang.replace(/_/g, '-')\n  if (map[dash]) return map[dash]\n  const base = lang.split(/[-_]/)[0]\n  if (map[base]) return map[base]\n  const hit = Object.keys(map).find(k => k.split(/[-_]/)[0] === base)\n  return (hit && map[hit]) || ''\n}\n\n/** 현재 언어 보드명 → 없으면 대표명(name) 폴백. 보드명 표시/리스팅의 단일 진입점. */\nexport function resolveBoardName(board: { name?: string; nameI18n?: any } | null | undefined): string {\n  if (!board) return ''\n  const map = parseNameI18n(board.nameI18n)\n  const lang = i18next.language || ''\n  return pickLangValue(map, lang) || board.name || ''\n}\n"]}

package/dist/src/config/flow-replay.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Flow-Replay(플레이백 = 과거 흐름 재생) 기능 ON/OFF 전역 설정.
+ *
+ * 3D 기능(things-scene 의 setThreedEnabled/isThreedEnabled)과 같은 방식이지만,
+ * 플레이백은 전적으로 fmsim(board) 안의 기능이라 엔진 전역이 아니라 fmsim 전역으로 둔다.
+ * 부트스트랩이 <things-app flow-replay-enabled="false"> 를 딱 한 번 읽어 여기에 밀어넣고,
+ * 뷰어(ox-board-viewer)가 이 값을 참조해 재생 FAB·시작 경로를 게이팅한다.
+ *
+ * 판정 규칙은 3D 와 동일한 opt-out: 명시적으로 "false" 일 때만 비활성, 그 외 전부 활성(기본 ON).
+ */
+/** Flow-Replay(플레이백) 전역 활성 여부 설정. 부트스트랩에서 한 번 호출. */
+export declare function setFlowReplayEnabled(enabled: boolean): void;
+/** Flow-Replay(플레이백) 전역 활성 여부. 기본 true(활성). */
+export declare function isFlowReplayEnabled(): boolean;

package/dist/src/config/flow-replay.js

@@ -0,0 +1,20 @@
+/**
+ * Flow-Replay(플레이백 = 과거 흐름 재생) 기능 ON/OFF 전역 설정.
+ *
+ * 3D 기능(things-scene 의 setThreedEnabled/isThreedEnabled)과 같은 방식이지만,
+ * 플레이백은 전적으로 fmsim(board) 안의 기능이라 엔진 전역이 아니라 fmsim 전역으로 둔다.
+ * 부트스트랩이 <things-app flow-replay-enabled="false"> 를 딱 한 번 읽어 여기에 밀어넣고,
+ * 뷰어(ox-board-viewer)가 이 값을 참조해 재생 FAB·시작 경로를 게이팅한다.
+ *
+ * 판정 규칙은 3D 와 동일한 opt-out: 명시적으로 "false" 일 때만 비활성, 그 외 전부 활성(기본 ON).
+ */
+let _flowReplayEnabled = true;
+/** Flow-Replay(플레이백) 전역 활성 여부 설정. 부트스트랩에서 한 번 호출. */
+export function setFlowReplayEnabled(enabled) {
+    _flowReplayEnabled = enabled;
+}
+/** Flow-Replay(플레이백) 전역 활성 여부. 기본 true(활성). */
+export function isFlowReplayEnabled() {
+    return _flowReplayEnabled;
+}
+//# sourceMappingURL=flow-replay.js.map

package/dist/src/config/flow-replay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-replay.js","sourceRoot":"","sources":["../../../src/config/flow-replay.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,IAAI,kBAAkB,GAAG,IAAI,CAAA;AAE7B,qDAAqD;AACrD,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,kBAAkB,GAAG,OAAO,CAAA;AAC9B,CAAC;AAED,+CAA+C;AAC/C,MAAM,UAAU,mBAAmB;IACjC,OAAO,kBAAkB,CAAA;AAC3B,CAAC","sourcesContent":["/**\n * Flow-Replay(플레이백 = 과거 흐름 재생) 기능 ON/OFF 전역 설정.\n *\n * 3D 기능(things-scene 의 setThreedEnabled/isThreedEnabled)과 같은 방식이지만,\n * 플레이백은 전적으로 fmsim(board) 안의 기능이라 엔진 전역이 아니라 fmsim 전역으로 둔다.\n * 부트스트랩이 <things-app flow-replay-enabled=\"false\"> 를 딱 한 번 읽어 여기에 밀어넣고,\n * 뷰어(ox-board-viewer)가 이 값을 참조해 재생 FAB·시작 경로를 게이팅한다.\n *\n * 판정 규칙은 3D 와 동일한 opt-out: 명시적으로 \"false\" 일 때만 비활성, 그 외 전부 활성(기본 ON).\n */\n\nlet _flowReplayEnabled = true\n\n/** Flow-Replay(플레이백) 전역 활성 여부 설정. 부트스트랩에서 한 번 호출. */\nexport function setFlowReplayEnabled(enabled: boolean): void {\n  _flowReplayEnabled = enabled\n}\n\n/** Flow-Replay(플레이백) 전역 활성 여부. 기본 true(활성). */\nexport function isFlowReplayEnabled(): boolean {\n  return _flowReplayEnabled\n}\n"]}

package/dist/src/index.d.ts

@@ -1,4 +1,5 @@
 export * from './types.js';
+export { setFlowReplayEnabled, isFlowReplayEnabled } from './config/flow-replay.js';
 export { registerDefaultGroups } from './component/register-default-groups.js';
 export { DataStorage } from './data-storage/data-storage.js';
 export { PlaybackEngine } from './playback/playback-engine.js';

package/dist/src/index.js

@@ -1,4 +1,5 @@
 export * from './types.js';
+export { setFlowReplayEnabled, isFlowReplayEnabled } from './config/flow-replay.js';
 export { registerDefaultGroups } from './component/register-default-groups.js';
 export { DataStorage } from './data-storage/data-storage.js';
 export { PlaybackEngine } from './playback/playback-engine.js';

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAGrE,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAElC,cAAc,sBAAsB,CAAA","sourcesContent":["export * from './types.js'\n\nexport { registerDefaultGroups } from './component/register-default-groups.js'\nexport { DataStorage } from './data-storage/data-storage.js'\nexport { PlaybackEngine } from './playback/playback-engine.js'\nexport { BoardModelCache } from './data-storage/board-model-cache.js'\nexport type { CachedBoard } from './data-storage/board-model-cache.js'\n\nexport * from './ox-board-viewer.js'\nexport * from './ox-board-modeller.js'\nexport * from './ox-board-list.js'\n\nexport * from './component/index.js'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAGrE,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAElC,cAAc,sBAAsB,CAAA","sourcesContent":["export * from './types.js'\n\nexport { setFlowReplayEnabled, isFlowReplayEnabled } from './config/flow-replay.js'\nexport { registerDefaultGroups } from './component/register-default-groups.js'\nexport { DataStorage } from './data-storage/data-storage.js'\nexport { PlaybackEngine } from './playback/playback-engine.js'\nexport { BoardModelCache } from './data-storage/board-model-cache.js'\nexport type { CachedBoard } from './data-storage/board-model-cache.js'\n\nexport * from './ox-board-viewer.js'\nexport * from './ox-board-modeller.js'\nexport * from './ox-board-list.js'\n\nexport * from './component/index.js'\n"]}

package/dist/src/layers/mcs-mouse-event-handler.js

@@ -1,6 +1,6 @@
 import { EventMap } from '@hatiolab/things-scene';
 function dispatchFetchLvModelDataByMouseEvent(type, event, target) {
-    var _a;
+    var _a, _b, _c;
     // 플레이백 모드 — 함수 자체를 실행하지 않음.
     //   1) 외부 모니터링 fetchLvModelDataByMouseEvent window 이벤트 차단
     //   2) realTarget 반환 차단 → onclick 의 후속 clickComponent dispatch 가
@@ -9,6 +9,10 @@ function dispatchFetchLvModelDataByMouseEvent(type, event, target) {
     if ((_a = target === null || target === void 0 ? void 0 : target.root) === null || _a === void 0 ? void 0 : _a.playbackMode)
         return undefined;
     const parent = target.parentObject;
+    // CapacityBar(Stocker/Zone) 처럼 세그먼트 게이지를 그리는 컴포넌트는, carrier/abnormal
+    // 모드에서 클릭된 세그먼트(Full/Empty/EmptyEmpty/Normal/Abnormal)를 함께 실어 보낸다.
+    // capacity 모드·비세그먼트 컴포넌트는 undefined → 필드 미포함.
+    const segment = (_c = (_b = target).segmentAtEvent) === null || _c === void 0 ? void 0 : _c.call(_b, event);
     if (target.getState('id')) {
         window.dispatchEvent(new CustomEvent('fetchLvModelDataByMouseEvent', {
             detail: {
@@ -24,7 +28,8 @@ function dispatchFetchLvModelDataByMouseEvent(type, event, target) {
                             }
                             : null
                     },
-                    data: target.data
+                    data: target.data,
+                    ...(segment ? { segment } : {})
                 }
             }
         }));
@@ -37,7 +42,8 @@ function dispatchFetchLvModelDataByMouseEvent(type, event, target) {
                     type,
                     event,
                     model: parent.state,
-                    data: parent.data
+                    data: parent.data,
+                    ...(segment ? { segment } : {})
                 }
             }
         }));

package/dist/src/layers/mcs-mouse-event-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcs-mouse-event-handler.js","sourceRoot":"","sources":["../../../src/layers/mcs-mouse-event-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAE5D,SAAS,oCAAoC,CAC3C,IAAoC,EACpC,KAAiB,EACjB,MAAgD;;IAEhD,4BAA4B;IAC5B,0DAA0D;IAC1D,iEAAiE;IACjE,iEAAiE;IACjE,sDAAsD;IACtD,IAAI,MAAC,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,IAAI,0CAAE,YAAY;QAAE,OAAO,SAAS,CAAA;IAEzD,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAA;IAElC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1B,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,8BAA8B,EAAE;YAC9C,MAAM,EAAE;gBACN,KAAK,EAAE;oBACL,IAAI;oBACJ,KAAK;oBACL,KAAK,EAAE;wBACL,GAAG,MAAM,CAAC,KAAK;wBACf,YAAY,EAAE,MAAM;4BAClB,CAAC,CAAC;gCACE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;gCACpB,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;6BACzB;4BACH,CAAC,CAAC,IAAI;qBACT;oBACD,IAAI,EAAE,MAAM,CAAC,IAAI;iBAClB;aACF;SACF,CAAC,CACH,CAAA;QAED,OAAO,MAAM,IAAI,MAAM,CAAA;IACzB,CAAC;SAAM,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3C,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,8BAA8B,EAAE;YAC9C,MAAM,EAAE;gBACN,KAAK,EAAE;oBACL,IAAI;oBACJ,KAAK;oBACL,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,IAAI,EAAE,MAAM,CAAC,IAAI;iBAClB;aACF;SACF,CAAC,CACH,CAAA;QAED,OAAO,MAAM,CAAA;IACf,CAAC;AACH,CAAC;AAED,wDAAwD;AACxD,+BAA+B;AAE/B,4BAA4B;AAE5B,iEAAiE;AACjE,IAAI;AAEJ,SAAS,OAAO,CAAC,KAAiB,EAAE,IAAS;IAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;IAE1B,KAAK,CAAC,eAAe,EAAE,CAAA;IAEvB,UAAU,CAAC,GAAG,EAAE;QACd,IAAI,MAAM,CAAC,YAAY,KAAK,UAAU,EAAE,CAAC;YACvC,MAAM,UAAU,GAAG,oCAAoC,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;YAE/E,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,gBAAgB,EAAE;gBAChC,MAAM,EAAE,UAAU,IAAI,MAAM;aAC7B,CAAC,CACH,CAAA;QACH,CAAC;IACH,CAAC,EAAE,GAAG,CAAC,CAAA;AACT,CAAC;AAED,SAAS,UAAU,CAAC,KAAiB,EAAE,IAAS;IAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;IAE1B,UAAU,CAAC,GAAG,EAAE;QACd,MAAM,CAAC,YAAY,GAAG,EAAE,CAAA;IAC1B,CAAC,EAAE,GAAG,CAAC,CAAA;IAEP,KAAK,CAAC,eAAe,EAAE,CAAA;IAEvB,MAAM,CAAC,YAAY,GAAG,UAAU,CAAA;IAEhC,oCAAoC,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;AACjE,CAAC;AAED,QAAQ,CAAC,QAAQ,CAAC,mBAAmB,EAAE;IACrC,aAAa,EAAE;QACb,OAAO,EAAE;YACP,6CAA6C;YAC7C,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,UAAU;SACrB;KACF;CACF,CAAC,CAAA","sourcesContent":["import { Component, EventMap } from '@hatiolab/things-scene'\n\nfunction dispatchFetchLvModelDataByMouseEvent(\n  type: 'hover' | 'click' | 'dblclick',\n  event: MouseEvent,\n  target: Component & { parentObject?: Component }\n): Component | undefined {\n  // 플레이백 모드 — 함수 자체를 실행하지 않음.\n  //   1) 외부 모니터링 fetchLvModelDataByMouseEvent window 이벤트 차단\n  //   2) realTarget 반환 차단 → onclick 의 후속 clickComponent dispatch 가\n  //      realTarget = undefined 로 흘러 popup 등 후속 backend 호출 경로도 비활성\n  // (popup 의 detailInfo() 가드와 더불어 백엔드 요청을 차단하는 1차 게이트.)\n  if ((target as any)?.root?.playbackMode) return undefined\n\n  const parent = target.parentObject\n\n  if (target.getState('id')) {\n    window.dispatchEvent(\n      new CustomEvent('fetchLvModelDataByMouseEvent', {\n        detail: {\n          value: {\n            type,\n            event,\n            model: {\n              ...target.state,\n              parentObject: parent\n                ? {\n                    id: parent.get('id'),\n                    type: parent.get('type')\n                  }\n                : null\n            },\n            data: target.data\n          }\n        }\n      })\n    )\n\n    return parent || target\n  } else if (parent && parent.getState('id')) {\n    window.dispatchEvent(\n      new CustomEvent('fetchLvModelDataByMouseEvent', {\n        detail: {\n          value: {\n            type,\n            event,\n            model: parent.state,\n            data: parent.data\n          }\n        }\n      })\n    )\n\n    return parent\n  }\n}\n\n// function onmouseenter(event: MouseEvent, hint: any) {\n//   const target = hint.origin\n\n//   event.stopPropagation()\n\n//   dispatchFetchLvModelDataByMouseEvent('hover', event, target)\n// }\n\nfunction onclick(event: MouseEvent, hint: any) {\n  const target = hint.origin\n\n  event.stopPropagation()\n\n  setTimeout(() => {\n    if (target.currentEvent !== 'dblclick') {\n      const realTarget = dispatchFetchLvModelDataByMouseEvent('click', event, target)\n\n      window.dispatchEvent(\n        new CustomEvent('clickComponent', {\n          detail: realTarget || target\n        })\n      )\n    }\n  }, 300)\n}\n\nfunction ondblclick(event: MouseEvent, hint: any) {\n  const target = hint.origin\n\n  setTimeout(() => {\n    target.currentEvent = ''\n  }, 500)\n\n  event.stopPropagation()\n\n  target.currentEvent = 'dblclick'\n\n  dispatchFetchLvModelDataByMouseEvent('dblclick', event, target)\n}\n\nEventMap.register('mcs-event-handler', {\n  'model-layer': {\n    '(all)': {\n      // mouseenter: onmouseenter, /* 사용되지 않고 있음 */\n      click: onclick,\n      dblclick: ondblclick\n    }\n  }\n})\n"]}
+{"version":3,"file":"mcs-mouse-event-handler.js","sourceRoot":"","sources":["../../../src/layers/mcs-mouse-event-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventMap } from '@hatiolab/things-scene'\n\nfunction dispatchFetchLvModelDataByMouseEvent(\n  type: 'hover' | 'click' | 'dblclick',\n  event: MouseEvent,\n  target: Component & { parentObject?: Component }\n): Component | undefined {\n  // 플레이백 모드 — 함수 자체를 실행하지 않음.\n  //   1) 외부 모니터링 fetchLvModelDataByMouseEvent window 이벤트 차단\n  //   2) realTarget 반환 차단 → onclick 의 후속 clickComponent dispatch 가\n  //      realTarget = undefined 로 흘러 popup 등 후속 backend 호출 경로도 비활성\n  // (popup 의 detailInfo() 가드와 더불어 백엔드 요청을 차단하는 1차 게이트.)\n  if ((target as any)?.root?.playbackMode) return undefined\n\n  const parent = target.parentObject\n\n  // CapacityBar(Stocker/Zone) 처럼 세그먼트 게이지를 그리는 컴포넌트는, carrier/abnormal\n  // 모드에서 클릭된 세그먼트(Full/Empty/EmptyEmpty/Normal/Abnormal)를 함께 실어 보낸다.\n  // capacity 모드·비세그먼트 컴포넌트는 undefined → 필드 미포함.\n  const segment = (target as any).segmentAtEvent?.(event)\n\n  if (target.getState('id')) {\n    window.dispatchEvent(\n      new CustomEvent('fetchLvModelDataByMouseEvent', {\n        detail: {\n          value: {\n            type,\n            event,\n            model: {\n              ...target.state,\n              parentObject: parent\n                ? {\n                    id: parent.get('id'),\n                    type: parent.get('type')\n                  }\n                : null\n            },\n            data: target.data,\n            ...(segment ? { segment } : {})\n          }\n        }\n      })\n    )\n\n    return parent || target\n  } else if (parent && parent.getState('id')) {\n    window.dispatchEvent(\n      new CustomEvent('fetchLvModelDataByMouseEvent', {\n        detail: {\n          value: {\n            type,\n            event,\n            model: parent.state,\n            data: parent.data,\n            ...(segment ? { segment } : {})\n          }\n        }\n      })\n    )\n\n    return parent\n  }\n}\n\n// function onmouseenter(event: MouseEvent, hint: any) {\n//   const target = hint.origin\n\n//   event.stopPropagation()\n\n//   dispatchFetchLvModelDataByMouseEvent('hover', event, target)\n// }\n\nfunction onclick(event: MouseEvent, hint: any) {\n  const target = hint.origin\n\n  event.stopPropagation()\n\n  setTimeout(() => {\n    if (target.currentEvent !== 'dblclick') {\n      const realTarget = dispatchFetchLvModelDataByMouseEvent('click', event, target)\n\n      window.dispatchEvent(\n        new CustomEvent('clickComponent', {\n          detail: realTarget || target\n        })\n      )\n    }\n  }, 300)\n}\n\nfunction ondblclick(event: MouseEvent, hint: any) {\n  const target = hint.origin\n\n  setTimeout(() => {\n    target.currentEvent = ''\n  }, 500)\n\n  event.stopPropagation()\n\n  target.currentEvent = 'dblclick'\n\n  dispatchFetchLvModelDataByMouseEvent('dblclick', event, target)\n}\n\nEventMap.register('mcs-event-handler', {\n  'model-layer': {\n    '(all)': {\n      // mouseenter: onmouseenter, /* 사용되지 않고 있음 */\n      click: onclick,\n      dblclick: ondblclick\n    }\n  }\n})\n"]}

package/dist/src/modeller/property-sidebar/inspector/inspector-controller.d.ts

@@ -5,7 +5,11 @@ export declare class InspectorController {
     private _extendedMap;
     /** 타입 그룹 뷰의 펼침 상태 — 그룹 키(type)는 안정적이라 Set 으로 관리. 기본 전부 접힘. */
     private _expandedGroups;
-    /** 모델링 포커스 dim 처리된 그룹(타입) 집합 — transient(비영속). */
+    /**
+     * 모델링 포커스 dim 처리된 그룹(타입) 집합.
+     * scene 에 보존(scene._inspectorDimmedTypes)하여 인스펙터 탭을 벗어났다 돌아와도 유지된다.
+     * (보드를 다시 열면 새 scene 이라 자연 초기화 — transient.) bind 에서 scene 것으로 재취득.
+     */
     private _dimmedTypes;
     /** shift+click 범위(볼륨) 선택의 기준점 — 마지막 단일/토글 클릭. */
     private _anchor?;

package/dist/src/modeller/property-sidebar/inspector/inspector-controller.js

@@ -4,7 +4,11 @@ export class InspectorController {
         this._extendedMap = new WeakMap();
         /** 타입 그룹 뷰의 펼침 상태 — 그룹 키(type)는 안정적이라 Set 으로 관리. 기본 전부 접힘. */
         this._expandedGroups = new Set();
-        /** 모델링 포커스 dim 처리된 그룹(타입) 집합 — transient(비영속). */
+        /**
+         * 모델링 포커스 dim 처리된 그룹(타입) 집합.
+         * scene 에 보존(scene._inspectorDimmedTypes)하여 인스펙터 탭을 벗어났다 돌아와도 유지된다.
+         * (보드를 다시 열면 새 scene 이라 자연 초기화 — transient.) bind 에서 scene 것으로 재취득.
+         */
         this._dimmedTypes = new Set();
         this._invalidateAndRefresh = () => {
             this._index = undefined;
@@ -31,6 +35,12 @@ export class InspectorController {
         this._onChange = onChange;
         this._index = undefined;
         if (scene && scene.root) {
+            // dim 상태는 scene 에 보존 — 인스펙터 탭을 벗어났다 돌아와도(재마운트) 유지된다.
+            const anyScene = scene;
+            if (!anyScene._inspectorDimmedTypes)
+                anyScene._inspectorDimmedTypes = new Set();
+            this._dimmedTypes = anyScene._inspectorDimmedTypes;
+            this._applyFocusFilter(); // 보존된 dim 을 캔버스에 재적용 (idempotent)
             scene.on('selected', this._refresh, this);
             scene.on('execute', this._invalidateAndRefresh, this);
             scene.on('undo', this._invalidateAndRefresh, this);
@@ -41,8 +51,9 @@ export class InspectorController {
     unbind() {
         const scene = this._scene;
         if (scene) {
-            // 포커스 dim 은 transient — 인스펙터가 떠나면 캔버스 dim 해제.
-            scene.focusFilter = undefined;
+            // dim(포커스 필터)은 편집 세션 동안 유지 — 인스펙터 탭을 벗어나도 해제하지 않는다.
+            // scene.focusFilter 와 scene._inspectorDimmedTypes 는 그대로 두고, 이벤트 구독만 해제.
+            // (보드를 다시 열면 새 scene 이라 자연 초기화된다.)
             scene.off('selected', undefined, this);
             scene.off('execute', undefined, this);
             scene.off('undo', undefined, this);
@@ -51,7 +62,8 @@ export class InspectorController {
         this._scene = undefined;
         this._index = undefined;
         this._extendedMap = new WeakMap();
-        this._dimmedTypes.clear();
+        // _dimmedTypes 는 scene 에 보존되므로 지우지 않는다. 로컬 참조만 분리(다음 bind 에서 재취득).
+        this._dimmedTypes = new Set();
     }
     get scene() {
         return this._scene;

package/dist/src/modeller/property-sidebar/inspector/inspector-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"inspector-controller.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/inspector/inspector-controller.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * Scene Inspector 컨트롤러.\n *\n * scene 과의 상호작용(구독·선택·가시성·확장 상태)과 모델 인덱스 캐시를 한 곳에 응집한다.\n * DOM 을 직접 다루지 않으며, 뷰 렌더러(트리/그룹)가 공유한다. 상태 변경 시 onChange 로\n * 호스트(LitElement)의 재렌더를 요청한다.\n */\nimport { Component, Container, Scene } from '@hatiolab/things-scene'\n\nimport { buildInspectorIndex, InspectorIndex, matchesQuery, SearchTerm } from './inspector-model.js'\n\nexport class InspectorController {\n  private _scene?: Scene\n  private _extendedMap = new WeakMap<Component, boolean>()\n  /** 타입 그룹 뷰의 펼침 상태 — 그룹 키(type)는 안정적이라 Set 으로 관리. 기본 전부 접힘. */\n  private _expandedGroups = new Set<string>()\n  /** 모델링 포커스 dim 처리된 그룹(타입) 집합 — transient(비영속). */\n  private _dimmedTypes = new Set<string>()\n  /** shift+click 범위(볼륨) 선택의 기준점 — 마지막 단일/토글 클릭. */\n  private _anchor?: Component\n  private _index?: InspectorIndex\n  private _onChange?: () => void\n\n  /** scene 에 바인딩 — 이전 바인딩은 해제한다. onChange 는 재렌더 요청 콜백. */\n  bind(scene: Scene | undefined, onChange: () => void): void {\n    this.unbind()\n    this._scene = scene\n    this._onChange = onChange\n    this._index = undefined\n\n    if (scene && scene.root) {\n      scene.on('selected', this._refresh, this)\n      scene.on('execute', this._invalidateAndRefresh, this)\n      scene.on('undo', this._invalidateAndRefresh, this)\n      scene.on('redo', this._invalidateAndRefresh, this)\n      this._refresh()\n    }\n  }\n\n  unbind(): void {\n    const scene = this._scene\n    if (scene) {\n      // 포커스 dim 은 transient — 인스펙터가 떠나면 캔버스 dim 해제.\n      scene.focusFilter = undefined\n      scene.off('selected', undefined, this)\n      scene.off('execute', undefined, this)\n      scene.off('undo', undefined, this)\n      scene.off('redo', undefined, this)\n    }\n    this._scene = undefined\n    this._index = undefined\n    this._extendedMap = new WeakMap()\n    this._dimmedTypes.clear()\n  }\n\n  get scene(): Scene | undefined {\n    return this._scene\n  }\n\n  get selected(): Component[] {\n    return this._scene?.selected || []\n  }\n\n  /** 캐시된 모델 인덱스 — 없으면 build. execute/undo/redo 시 무효화. */\n  get index(): InspectorIndex | undefined {\n    if (!this._scene?.root) return undefined\n    if (!this._index) this._index = buildInspectorIndex(this._scene.root)\n    return this._index\n  }\n\n  private _invalidateAndRefresh = (): void => {\n    this._index = undefined\n    this._refresh()\n  }\n\n  /** 선택된 컴포넌트의 조상을 펼치고 재렌더 요청. */\n  private _refresh = (): void => {\n    const selected = this._scene?.selected || []\n    selected.forEach((component: Component) => {\n      let parent = component.parent\n      while (parent && !this._extendedMap.get(parent)) {\n        this._extendedMap.set(parent, true)\n        parent = parent.parent\n      }\n    })\n    this._onChange?.()\n  }\n\n  isExtended(component: Component): boolean {\n    return !!this._extendedMap.get(component)\n  }\n\n  toggleExtended(component: Component): void {\n    if (this.isExtended(component)) {\n      this._extendedMap.delete(component)\n    } else {\n      this._extendedMap.set(component, true)\n    }\n    this._onChange?.()\n  }\n\n  /** 트리 노드 핸들(펼침/접힘/공백) 클래스. */\n  nodeHandleClass(component: Component): string {\n    if (component.isContainer() && (component as Container).components.length > 0) {\n      return this.isExtended(component) ? 'extended' : 'collapsed'\n    }\n    return 'collapsespace'\n  }\n\n  // ── 타입 그룹 뷰 확장 상태 ──\n\n  isGroupExpanded(type: string): boolean {\n    return this._expandedGroups.has(type)\n  }\n\n  toggleGroup(type: string): void {\n    if (this._expandedGroups.has(type)) {\n      this._expandedGroups.delete(type)\n    } else {\n      this._expandedGroups.add(type)\n    }\n    this._onChange?.()\n  }\n\n  /** 모든 그룹 접기 — \"그룹 레벨까지만 펼침\"(헤더만 표시). */\n  collapseAllGroups(): void {\n    if (this._expandedGroups.size === 0) return\n    this._expandedGroups.clear()\n    this._onChange?.()\n  }\n\n  /** 모든 그룹 펼치기. */\n  expandAllGroups(types: string[]): void {\n    types.forEach(t => this._expandedGroups.add(t))\n    this._onChange?.()\n  }\n\n  // ── 모델링 포커스 dim (그룹 단위, transient) ──\n\n  isTypeDimmed(type: string): boolean {\n    return this._dimmedTypes.has(type)\n  }\n\n  /** 그룹(타입) dim-out 토글 → scene.focusFilter 재설정(편집 모드에서 캔버스 dim + pick 제외). */\n  toggleTypeDim(type: string): void {\n    if (this._dimmedTypes.has(type)) this._dimmedTypes.delete(type)\n    else this._dimmedTypes.add(type)\n    this._applyFocusFilter()\n    this._onChange?.()\n  }\n\n  private _applyFocusFilter(): void {\n    if (!this._scene) return\n    if (this._dimmedTypes.size === 0) {\n      this._scene.focusFilter = undefined\n    } else {\n      const dimmed = this._dimmedTypes\n      // focus(정상) = dim 집합에 없는 타입. 불일치(=dim 그룹)만 캔버스에서 흐림 + pick 제외.\n      this._scene.focusFilter = (component: Component) => !dimmed.has(component.state.type)\n    }\n  }\n\n  // ── 그룹(타입) 단위 hidden 토글 (개별 hidden 의 집계 — dim 과 달리 영구 모델 속성) ──\n\n  /** 그룹 전원이 hidden 이면 true(집계). 멤버/트리 eye 규약과 동일한 아이콘 판정에 사용. */\n  isTypeHidden(type: string): boolean {\n    const entries = this._index?.byType.get(type)\n    return !!entries && entries.length > 0 && entries.every(e => !!e.component.get('hidden'))\n  }\n\n  /** 그룹(타입) hidden 토글 → 하나라도 보이면 전원 숨김, 전원 숨김이면 전원 표시. */\n  toggleTypeHidden(type: string): void {\n    const entries = this._index?.byType.get(type)\n    if (!entries || entries.length === 0) return\n    const target = !entries.every(e => !!e.component.get('hidden'))\n    for (const e of entries) e.component.set('hidden', target)\n    this._onChange?.()\n  }\n\n  /** 개별 컴포넌트 hidden(영구 모델 속성) 토글 — 기존 eye 동작. */\n  toggleHidden(component: Component): void {\n    component.set('hidden', !component.get('hidden'))\n    this._onChange?.()\n  }\n\n  /** 개별 컴포넌트 locked(영구 모델 속성) 토글. */\n  toggleLocked(component: Component): void {\n    component.set('locked', !component.get('locked'))\n    this._onChange?.()\n  }\n\n  /** 캔버스를 해당 컴포넌트로 센터 이동. */\n  centerTo(component: Component): void {\n    ;(this._scene as unknown as { centerTo?: (c: Component, animated?: boolean) => void })?.centerTo?.(component, true)\n  }\n\n  /** 선택 — append(ctrl/cmd) 시 토글식 다중 선택. anchor 를 갱신한다. */\n  select(component: Component, append = false): void {\n    const scene = this._scene\n    if (!scene) return\n\n    const selected = scene.selected\n    if (append) {\n      const idx = selected.findIndex((s: Component) => s === component)\n      if (idx != -1) {\n        selected.splice(idx, 1)\n        scene.selected = [...selected]\n      } else {\n        scene.selected = [...selected, component]\n      }\n    } else {\n      scene.selected = [component]\n    }\n\n    this._anchor = component\n    this._decorate(component)\n    this._onChange?.()\n  }\n\n  /**\n   * shift+click 범위(볼륨) 선택 — anchor↔target 사이의 **보이는 트리 행**을 블록 선택한다.\n   * target 이 이미 선택돼 있으면 그 범위를 블록 **해제**(additive/subtractive). anchor 는 유지.\n   */\n  selectRange(target: Component, terms: SearchTerm[]): void {\n    const scene = this._scene\n    if (!scene) return\n\n    const order = this._visibleOrder(terms)\n    const ti = order.indexOf(target)\n    if (ti < 0) return\n\n    const ai = this._anchor ? order.indexOf(this._anchor) : -1\n    if (ai < 0) {\n      // anchor 없음/보이지 않음 → 단일 토글로 폴백(+ anchor 설정)\n      this.select(target, true)\n      return\n    }\n\n    const [lo, hi] = ai <= ti ? [ai, ti] : [ti, ai]\n    const range = order.slice(lo, hi + 1)\n    const rangeSet = new Set(range)\n\n    // target 이 이미 선택 상태면 블록 해제, 아니면 블록 선택.\n    if (scene.selected.indexOf(target) > -1) {\n      scene.selected = scene.selected.filter((c: Component) => !rangeSet.has(c))\n      range.forEach(c => c.trigger('deco-border-reset'))\n    } else {\n      const cur = new Set(scene.selected)\n      const next = [...scene.selected]\n      range.forEach(c => {\n        if (!cur.has(c)) next.push(c)\n        this._decorate(c)\n      })\n      scene.selected = next\n    }\n    // anchor 는 유지 — 연속 shift+click 으로 범위 확장/축소.\n    this._onChange?.()\n  }\n\n  /** fmsim 선택 강조 — deco-border (operato 는 reaction). */\n  private _decorate(component: Component): void {\n    component.trigger('deco-border-reset')\n    component.trigger('deco-border', { distance: 8, lineWidth: 8, color: '#f007' })\n  }\n\n  /**\n   * 현재 트리 뷰에 보이는 컴포넌트를 렌더 순서대로 반환 — 범위 선택의 기준.\n   * renderNode 와 동일 규칙(shouldBeShown = 자신/자손 매치, isExtended 자식만 전개).\n   */\n  private _visibleOrder(terms: SearchTerm[]): Component[] {\n    const root = this._scene?.root\n    if (!root) return []\n\n    const shown = (c: Component): boolean =>\n      matchesQuery(c, terms) ||\n      (c.isContainer() && (c as Container).components.some((child: Component) => shown(child)))\n\n    const out: Component[] = []\n    const walk = (c: Component) => {\n      if (!shown(c)) return\n      out.push(c)\n      if (this.isExtended(c) && c.isContainer()) {\n        for (const child of (c as Container).components) walk(child)\n      }\n    }\n    walk(root)\n    return out\n  }\n}\n"]}
+{"version":3,"file":"inspector-controller.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/inspector/inspector-controller.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * Scene Inspector 컨트롤러.\n *\n * scene 과의 상호작용(구독·선택·가시성·확장 상태)과 모델 인덱스 캐시를 한 곳에 응집한다.\n * DOM 을 직접 다루지 않으며, 뷰 렌더러(트리/그룹)가 공유한다. 상태 변경 시 onChange 로\n * 호스트(LitElement)의 재렌더를 요청한다.\n */\nimport { Component, Container, Scene } from '@hatiolab/things-scene'\n\nimport { buildInspectorIndex, InspectorIndex, matchesQuery, SearchTerm } from './inspector-model.js'\n\nexport class InspectorController {\n  private _scene?: Scene\n  private _extendedMap = new WeakMap<Component, boolean>()\n  /** 타입 그룹 뷰의 펼침 상태 — 그룹 키(type)는 안정적이라 Set 으로 관리. 기본 전부 접힘. */\n  private _expandedGroups = new Set<string>()\n  /**\n   * 모델링 포커스 dim 처리된 그룹(타입) 집합.\n   * scene 에 보존(scene._inspectorDimmedTypes)하여 인스펙터 탭을 벗어났다 돌아와도 유지된다.\n   * (보드를 다시 열면 새 scene 이라 자연 초기화 — transient.) bind 에서 scene 것으로 재취득.\n   */\n  private _dimmedTypes = new Set<string>()\n  /** shift+click 범위(볼륨) 선택의 기준점 — 마지막 단일/토글 클릭. */\n  private _anchor?: Component\n  private _index?: InspectorIndex\n  private _onChange?: () => void\n\n  /** scene 에 바인딩 — 이전 바인딩은 해제한다. onChange 는 재렌더 요청 콜백. */\n  bind(scene: Scene | undefined, onChange: () => void): void {\n    this.unbind()\n    this._scene = scene\n    this._onChange = onChange\n    this._index = undefined\n\n    if (scene && scene.root) {\n      // dim 상태는 scene 에 보존 — 인스펙터 탭을 벗어났다 돌아와도(재마운트) 유지된다.\n      const anyScene = scene as any\n      if (!anyScene._inspectorDimmedTypes) anyScene._inspectorDimmedTypes = new Set<string>()\n      this._dimmedTypes = anyScene._inspectorDimmedTypes\n      this._applyFocusFilter() // 보존된 dim 을 캔버스에 재적용 (idempotent)\n\n      scene.on('selected', this._refresh, this)\n      scene.on('execute', this._invalidateAndRefresh, this)\n      scene.on('undo', this._invalidateAndRefresh, this)\n      scene.on('redo', this._invalidateAndRefresh, this)\n      this._refresh()\n    }\n  }\n\n  unbind(): void {\n    const scene = this._scene\n    if (scene) {\n      // dim(포커스 필터)은 편집 세션 동안 유지 — 인스펙터 탭을 벗어나도 해제하지 않는다.\n      // scene.focusFilter 와 scene._inspectorDimmedTypes 는 그대로 두고, 이벤트 구독만 해제.\n      // (보드를 다시 열면 새 scene 이라 자연 초기화된다.)\n      scene.off('selected', undefined, this)\n      scene.off('execute', undefined, this)\n      scene.off('undo', undefined, this)\n      scene.off('redo', undefined, this)\n    }\n    this._scene = undefined\n    this._index = undefined\n    this._extendedMap = new WeakMap()\n    // _dimmedTypes 는 scene 에 보존되므로 지우지 않는다. 로컬 참조만 분리(다음 bind 에서 재취득).\n    this._dimmedTypes = new Set<string>()\n  }\n\n  get scene(): Scene | undefined {\n    return this._scene\n  }\n\n  get selected(): Component[] {\n    return this._scene?.selected || []\n  }\n\n  /** 캐시된 모델 인덱스 — 없으면 build. execute/undo/redo 시 무효화. */\n  get index(): InspectorIndex | undefined {\n    if (!this._scene?.root) return undefined\n    if (!this._index) this._index = buildInspectorIndex(this._scene.root)\n    return this._index\n  }\n\n  private _invalidateAndRefresh = (): void => {\n    this._index = undefined\n    this._refresh()\n  }\n\n  /** 선택된 컴포넌트의 조상을 펼치고 재렌더 요청. */\n  private _refresh = (): void => {\n    const selected = this._scene?.selected || []\n    selected.forEach((component: Component) => {\n      let parent = component.parent\n      while (parent && !this._extendedMap.get(parent)) {\n        this._extendedMap.set(parent, true)\n        parent = parent.parent\n      }\n    })\n    this._onChange?.()\n  }\n\n  isExtended(component: Component): boolean {\n    return !!this._extendedMap.get(component)\n  }\n\n  toggleExtended(component: Component): void {\n    if (this.isExtended(component)) {\n      this._extendedMap.delete(component)\n    } else {\n      this._extendedMap.set(component, true)\n    }\n    this._onChange?.()\n  }\n\n  /** 트리 노드 핸들(펼침/접힘/공백) 클래스. */\n  nodeHandleClass(component: Component): string {\n    if (component.isContainer() && (component as Container).components.length > 0) {\n      return this.isExtended(component) ? 'extended' : 'collapsed'\n    }\n    return 'collapsespace'\n  }\n\n  // ── 타입 그룹 뷰 확장 상태 ──\n\n  isGroupExpanded(type: string): boolean {\n    return this._expandedGroups.has(type)\n  }\n\n  toggleGroup(type: string): void {\n    if (this._expandedGroups.has(type)) {\n      this._expandedGroups.delete(type)\n    } else {\n      this._expandedGroups.add(type)\n    }\n    this._onChange?.()\n  }\n\n  /** 모든 그룹 접기 — \"그룹 레벨까지만 펼침\"(헤더만 표시). */\n  collapseAllGroups(): void {\n    if (this._expandedGroups.size === 0) return\n    this._expandedGroups.clear()\n    this._onChange?.()\n  }\n\n  /** 모든 그룹 펼치기. */\n  expandAllGroups(types: string[]): void {\n    types.forEach(t => this._expandedGroups.add(t))\n    this._onChange?.()\n  }\n\n  // ── 모델링 포커스 dim (그룹 단위, transient) ──\n\n  isTypeDimmed(type: string): boolean {\n    return this._dimmedTypes.has(type)\n  }\n\n  /** 그룹(타입) dim-out 토글 → scene.focusFilter 재설정(편집 모드에서 캔버스 dim + pick 제외). */\n  toggleTypeDim(type: string): void {\n    if (this._dimmedTypes.has(type)) this._dimmedTypes.delete(type)\n    else this._dimmedTypes.add(type)\n    this._applyFocusFilter()\n    this._onChange?.()\n  }\n\n  private _applyFocusFilter(): void {\n    if (!this._scene) return\n    if (this._dimmedTypes.size === 0) {\n      this._scene.focusFilter = undefined\n    } else {\n      const dimmed = this._dimmedTypes\n      // focus(정상) = dim 집합에 없는 타입. 불일치(=dim 그룹)만 캔버스에서 흐림 + pick 제외.\n      this._scene.focusFilter = (component: Component) => !dimmed.has(component.state.type)\n    }\n  }\n\n  // ── 그룹(타입) 단위 hidden 토글 (개별 hidden 의 집계 — dim 과 달리 영구 모델 속성) ──\n\n  /** 그룹 전원이 hidden 이면 true(집계). 멤버/트리 eye 규약과 동일한 아이콘 판정에 사용. */\n  isTypeHidden(type: string): boolean {\n    const entries = this._index?.byType.get(type)\n    return !!entries && entries.length > 0 && entries.every(e => !!e.component.get('hidden'))\n  }\n\n  /** 그룹(타입) hidden 토글 → 하나라도 보이면 전원 숨김, 전원 숨김이면 전원 표시. */\n  toggleTypeHidden(type: string): void {\n    const entries = this._index?.byType.get(type)\n    if (!entries || entries.length === 0) return\n    const target = !entries.every(e => !!e.component.get('hidden'))\n    for (const e of entries) e.component.set('hidden', target)\n    this._onChange?.()\n  }\n\n  /** 개별 컴포넌트 hidden(영구 모델 속성) 토글 — 기존 eye 동작. */\n  toggleHidden(component: Component): void {\n    component.set('hidden', !component.get('hidden'))\n    this._onChange?.()\n  }\n\n  /** 개별 컴포넌트 locked(영구 모델 속성) 토글. */\n  toggleLocked(component: Component): void {\n    component.set('locked', !component.get('locked'))\n    this._onChange?.()\n  }\n\n  /** 캔버스를 해당 컴포넌트로 센터 이동. */\n  centerTo(component: Component): void {\n    ;(this._scene as unknown as { centerTo?: (c: Component, animated?: boolean) => void })?.centerTo?.(component, true)\n  }\n\n  /** 선택 — append(ctrl/cmd) 시 토글식 다중 선택. anchor 를 갱신한다. */\n  select(component: Component, append = false): void {\n    const scene = this._scene\n    if (!scene) return\n\n    const selected = scene.selected\n    if (append) {\n      const idx = selected.findIndex((s: Component) => s === component)\n      if (idx != -1) {\n        selected.splice(idx, 1)\n        scene.selected = [...selected]\n      } else {\n        scene.selected = [...selected, component]\n      }\n    } else {\n      scene.selected = [component]\n    }\n\n    this._anchor = component\n    this._decorate(component)\n    this._onChange?.()\n  }\n\n  /**\n   * shift+click 범위(볼륨) 선택 — anchor↔target 사이의 **보이는 트리 행**을 블록 선택한다.\n   * target 이 이미 선택돼 있으면 그 범위를 블록 **해제**(additive/subtractive). anchor 는 유지.\n   */\n  selectRange(target: Component, terms: SearchTerm[]): void {\n    const scene = this._scene\n    if (!scene) return\n\n    const order = this._visibleOrder(terms)\n    const ti = order.indexOf(target)\n    if (ti < 0) return\n\n    const ai = this._anchor ? order.indexOf(this._anchor) : -1\n    if (ai < 0) {\n      // anchor 없음/보이지 않음 → 단일 토글로 폴백(+ anchor 설정)\n      this.select(target, true)\n      return\n    }\n\n    const [lo, hi] = ai <= ti ? [ai, ti] : [ti, ai]\n    const range = order.slice(lo, hi + 1)\n    const rangeSet = new Set(range)\n\n    // target 이 이미 선택 상태면 블록 해제, 아니면 블록 선택.\n    if (scene.selected.indexOf(target) > -1) {\n      scene.selected = scene.selected.filter((c: Component) => !rangeSet.has(c))\n      range.forEach(c => c.trigger('deco-border-reset'))\n    } else {\n      const cur = new Set(scene.selected)\n      const next = [...scene.selected]\n      range.forEach(c => {\n        if (!cur.has(c)) next.push(c)\n        this._decorate(c)\n      })\n      scene.selected = next\n    }\n    // anchor 는 유지 — 연속 shift+click 으로 범위 확장/축소.\n    this._onChange?.()\n  }\n\n  /** fmsim 선택 강조 — deco-border (operato 는 reaction). */\n  private _decorate(component: Component): void {\n    component.trigger('deco-border-reset')\n    component.trigger('deco-border', { distance: 8, lineWidth: 8, color: '#f007' })\n  }\n\n  /**\n   * 현재 트리 뷰에 보이는 컴포넌트를 렌더 순서대로 반환 — 범위 선택의 기준.\n   * renderNode 와 동일 규칙(shouldBeShown = 자신/자손 매치, isExtended 자식만 전개).\n   */\n  private _visibleOrder(terms: SearchTerm[]): Component[] {\n    const root = this._scene?.root\n    if (!root) return []\n\n    const shown = (c: Component): boolean =>\n      matchesQuery(c, terms) ||\n      (c.isContainer() && (c as Container).components.some((child: Component) => shown(child)))\n\n    const out: Component[] = []\n    const walk = (c: Component) => {\n      if (!shown(c)) return\n      out.push(c)\n      if (this.isExtended(c) && c.isContainer()) {\n        for (const child of (c as Container).components) walk(child)\n      }\n    }\n    walk(root)\n    return out\n  }\n}\n"]}

package/dist/src/modeller/property-sidebar/inspector/inspector-group-view.js

@@ -38,9 +38,14 @@ function renderGroup(type, entries, ctx) {
         <md-icon class="group-hidden" title="Show/hide this group"
           >${ctx.isTypeHidden(type) ? 'visibility_off' : 'visibility'}</md-icon
         >
-        <md-icon class="group-dim" title="Dim this group in canvas (modeling focus)"
-          >${ctx.isTypeDimmed(type) ? 'blur_on' : 'blur_off'}</md-icon
-        >
+        ${type === 'group'
+        ? // 'group'(순수 컨테이너)은 dim 이 무의미 — 자식이 각자 다른 type 이라 캔버스에서 안 흐려짐.
+            //   단, 아이콘을 아예 빼면 우측 정렬된 hidden 아이콘이 dim 자리로 밀려 다른 그룹 행과
+            //   세로 정렬이 어긋난다. 같은 박스를 그대로 두되 보이지/눌리지 않게만 처리한다.
+            html `<md-icon class="group-dim placeholder" aria-hidden="true">blur_off</md-icon>`
+        : html `<md-icon class="group-dim" title="Dim this group in canvas (modeling focus)"
+              >${ctx.isTypeDimmed(type) ? 'blur_on' : 'blur_off'}</md-icon
+            >`}
       </div>
       ${expanded ? members.map(entry => renderMember(entry, ctx.terms, ctx.selected)) : nothing}
     </div>

package/dist/src/modeller/property-sidebar/inspector/inspector-group-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"inspector-group-view.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/inspector/inspector-group-view.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * Scene Inspector 타입 그룹 뷰 렌더러.\n *\n * 계층을 무시하고 `state.type` 기준 **논리 버킷**(= \"컴포넌트 그룹\")으로 재편성해 렌더한다.\n * 그룹 헤더(타입 + 개수 + 펼침/접힘 + dim-out 토글)와 멤버 행(개별 컴포넌트)으로 구성.\n * SceneInspector shadow root 에 직접 렌더 — 멤버 행은 트리 뷰와 동일한 `.component`/eye 규약을\n * 재사용해 기존 클릭 위임(선택·hidden·lock 토글)을 그대로 쓴다. 그룹 헤더 토글은 `data-group-type` 로 처리.\n */\nimport { Component } from '@hatiolab/things-scene'\nimport { html, nothing, TemplateResult } from 'lit'\n\nimport { IndexEntry, InspectorIndex, matchesQuery, SearchTerm } from './inspector-model.js'\nimport { highlight } from './inspector-highlight.js'\n\nexport interface GroupViewContext {\n  selected: Component[]\n  /** 파싱된 전역 검색어(AND). */\n  terms: SearchTerm[]\n  isGroupExpanded: (type: string) => boolean\n  /** 그룹(타입)이 모델링 포커스 dim 처리됐는지. */\n  isTypeDimmed: (type: string) => boolean\n  /** 그룹(타입) 전원이 hidden(숨김)인지 — 그룹 hidden 토글 아이콘 판정. */\n  isTypeHidden: (type: string) => boolean\n}\n\nfunction renderMember(entry: IndexEntry, terms: SearchTerm[], selected: Component[]): TemplateResult {\n  const component = entry.component\n  return html`\n    <div class=\"component group-member\" ?selected=${selected.indexOf(component) > -1} .component=${component}>\n      <span>\n        <md-icon class=\"eye\">${component.get('hidden') ? 'visibility_off' : 'visibility'}</md-icon>\n        <md-icon class=\"lock\" ?locked=${!!component.get('locked')}\n          >${component.get('locked') ? 'lock' : 'lock_open'}</md-icon\n        >\n        <pre>${'  '}</pre>\n        ${entry.label\n          ? html`<span class=\"name\">${highlight(entry.label, terms)}</span>`\n          : html`<span class=\"muted\">(no id)</span>`}\n      </span>\n    </div>\n  `\n}\n\nfunction renderGroup(type: string, entries: IndexEntry[], ctx: GroupViewContext): TemplateResult {\n  // 전역 검색으로 멤버를 좁히고, 매치 없는 그룹은 숨긴다.\n  const members = ctx.terms.length ? entries.filter(e => matchesQuery(e.component, ctx.terms)) : entries\n  if (ctx.terms.length && members.length === 0) return html``\n\n  const expanded = ctx.isGroupExpanded(type)\n\n  return html`\n    <div class=\"group\">\n      <div\n        class=\"group-header\"\n        data-group-type=${type}\n        ?dimmed=${ctx.isTypeDimmed(type)}\n        ?hidden-group=${ctx.isTypeHidden(type)}\n      >\n        <span class=${expanded ? 'extended' : 'collapsed'}> </span>\n        <span class=\"group-type\">${highlight(type, ctx.terms)}</span>\n        <span class=\"group-count\">${members.length}</span>\n        <md-icon class=\"group-hidden\" title=\"Show/hide this group\"\n          >${ctx.isTypeHidden(type) ? 'visibility_off' : 'visibility'}</md-icon\n        >\n        <md-icon class=\"group-dim\" title=\"Dim this group in canvas (modeling focus)\"\n          >${ctx.isTypeDimmed(type) ? 'blur_on' : 'blur_off'}</md-icon\n        >\n      </div>\n      ${expanded ? members.map(entry => renderMember(entry, ctx.terms, ctx.selected)) : nothing}\n    </div>\n  `\n}\n\n/** 타입 그룹 뷰 전체 렌더 — 타입명 오름차순. */\nexport function renderInspectorGroupView(index: InspectorIndex | undefined, ctx: GroupViewContext): TemplateResult {\n  if (!index) return html``\n  const types = [...index.byType.keys()].sort((a, b) => a.localeCompare(b))\n  return html`${types.map(type => renderGroup(type, index.byType.get(type)!, ctx))}`\n}\n"]}
+{"version":3,"file":"inspector-group-view.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/inspector/inspector-group-view.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAA;AAEnD,OAAO,EAA8B,YAAY,EAAc,MAAM,sBAAsB,CAAA;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAapD,SAAS,YAAY,CAAC,KAAiB,EAAE,KAAmB,EAAE,QAAqB;IACjF,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,IAAI,CAAA;oDACuC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,eAAe,SAAS;;+BAE7E,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY;wCAChD,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;aACpD,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW;;eAE5C,IAAI;UACT,KAAK,CAAC,KAAK;QACX,CAAC,CAAC,IAAI,CAAA,sBAAsB,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS;QAClE,CAAC,CAAC,IAAI,CAAA,oCAAoC;;;GAGjD,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,IAAY,EAAE,OAAqB,EAAE,GAAqB;IAC7E,kCAAkC;IAClC,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IACtG,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA,EAAE,CAAA;IAE3D,MAAM,QAAQ,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;IAE1C,OAAO,IAAI,CAAA;;;;0BAIa,IAAI;kBACZ,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC;wBAChB,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC;;sBAExB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW;mCACtB,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC;oCACzB,OAAO,CAAC,MAAM;;aAErC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY;;UAE3D,IAAI,KAAK,OAAO;QAChB,CAAC,CAAC,+DAA+D;YAC/D,yDAAyD;YACzD,iDAAiD;YACjD,IAAI,CAAA,8EAA8E;QACpF,CAAC,CAAC,IAAI,CAAA;iBACC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;cAClD;;QAEN,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;;GAE5F,CAAA;AACH,CAAC;AAED,gCAAgC;AAChC,MAAM,UAAU,wBAAwB,CAAC,KAAiC,EAAE,GAAqB;IAC/F,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA,EAAE,CAAA;IACzB,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;IACzE,OAAO,IAAI,CAAA,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAE,EAAE,GAAG,CAAC,CAAC,EAAE,CAAA;AACpF,CAAC","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * Scene Inspector 타입 그룹 뷰 렌더러.\n *\n * 계층을 무시하고 `state.type` 기준 **논리 버킷**(= \"컴포넌트 그룹\")으로 재편성해 렌더한다.\n * 그룹 헤더(타입 + 개수 + 펼침/접힘 + dim-out 토글)와 멤버 행(개별 컴포넌트)으로 구성.\n * SceneInspector shadow root 에 직접 렌더 — 멤버 행은 트리 뷰와 동일한 `.component`/eye 규약을\n * 재사용해 기존 클릭 위임(선택·hidden·lock 토글)을 그대로 쓴다. 그룹 헤더 토글은 `data-group-type` 로 처리.\n */\nimport { Component } from '@hatiolab/things-scene'\nimport { html, nothing, TemplateResult } from 'lit'\n\nimport { IndexEntry, InspectorIndex, matchesQuery, SearchTerm } from './inspector-model.js'\nimport { highlight } from './inspector-highlight.js'\n\nexport interface GroupViewContext {\n  selected: Component[]\n  /** 파싱된 전역 검색어(AND). */\n  terms: SearchTerm[]\n  isGroupExpanded: (type: string) => boolean\n  /** 그룹(타입)이 모델링 포커스 dim 처리됐는지. */\n  isTypeDimmed: (type: string) => boolean\n  /** 그룹(타입) 전원이 hidden(숨김)인지 — 그룹 hidden 토글 아이콘 판정. */\n  isTypeHidden: (type: string) => boolean\n}\n\nfunction renderMember(entry: IndexEntry, terms: SearchTerm[], selected: Component[]): TemplateResult {\n  const component = entry.component\n  return html`\n    <div class=\"component group-member\" ?selected=${selected.indexOf(component) > -1} .component=${component}>\n      <span>\n        <md-icon class=\"eye\">${component.get('hidden') ? 'visibility_off' : 'visibility'}</md-icon>\n        <md-icon class=\"lock\" ?locked=${!!component.get('locked')}\n          >${component.get('locked') ? 'lock' : 'lock_open'}</md-icon\n        >\n        <pre>${'  '}</pre>\n        ${entry.label\n          ? html`<span class=\"name\">${highlight(entry.label, terms)}</span>`\n          : html`<span class=\"muted\">(no id)</span>`}\n      </span>\n    </div>\n  `\n}\n\nfunction renderGroup(type: string, entries: IndexEntry[], ctx: GroupViewContext): TemplateResult {\n  // 전역 검색으로 멤버를 좁히고, 매치 없는 그룹은 숨긴다.\n  const members = ctx.terms.length ? entries.filter(e => matchesQuery(e.component, ctx.terms)) : entries\n  if (ctx.terms.length && members.length === 0) return html``\n\n  const expanded = ctx.isGroupExpanded(type)\n\n  return html`\n    <div class=\"group\">\n      <div\n        class=\"group-header\"\n        data-group-type=${type}\n        ?dimmed=${ctx.isTypeDimmed(type)}\n        ?hidden-group=${ctx.isTypeHidden(type)}\n      >\n        <span class=${expanded ? 'extended' : 'collapsed'}> </span>\n        <span class=\"group-type\">${highlight(type, ctx.terms)}</span>\n        <span class=\"group-count\">${members.length}</span>\n        <md-icon class=\"group-hidden\" title=\"Show/hide this group\"\n          >${ctx.isTypeHidden(type) ? 'visibility_off' : 'visibility'}</md-icon\n        >\n        ${type === 'group'\n          ? // 'group'(순수 컨테이너)은 dim 이 무의미 — 자식이 각자 다른 type 이라 캔버스에서 안 흐려짐.\n            //   단, 아이콘을 아예 빼면 우측 정렬된 hidden 아이콘이 dim 자리로 밀려 다른 그룹 행과\n            //   세로 정렬이 어긋난다. 같은 박스를 그대로 두되 보이지/눌리지 않게만 처리한다.\n            html`<md-icon class=\"group-dim placeholder\" aria-hidden=\"true\">blur_off</md-icon>`\n          : html`<md-icon class=\"group-dim\" title=\"Dim this group in canvas (modeling focus)\"\n              >${ctx.isTypeDimmed(type) ? 'blur_on' : 'blur_off'}</md-icon\n            >`}\n      </div>\n      ${expanded ? members.map(entry => renderMember(entry, ctx.terms, ctx.selected)) : nothing}\n    </div>\n  `\n}\n\n/** 타입 그룹 뷰 전체 렌더 — 타입명 오름차순. */\nexport function renderInspectorGroupView(index: InspectorIndex | undefined, ctx: GroupViewContext): TemplateResult {\n  if (!index) return html``\n  const types = [...index.byType.keys()].sort((a, b) => a.localeCompare(b))\n  return html`${types.map(type => renderGroup(type, index.byType.get(type)!, ctx))}`\n}\n"]}

package/dist/src/modeller/property-sidebar/inspector/inspector.js

@@ -411,17 +411,22 @@ SceneInspector.styles = [
         font-size: 1em;
         opacity: 0.35;
         cursor: pointer;
-      }
-      .group-hidden {
-        margin: 0 2px 0 6px;
+        /* 간격은 .group-header 의 flex gap 하나로만 관리 — 개별 마진 중복 금지. */
+        margin: 0;
       }
       .group-dim {
-        margin: 0 4px 0 2px;
+        margin-right: 2px; /* 우측 끝 살짝 여백 */
       }
       .group-hidden:hover,
       .group-dim:hover {
         opacity: 0.8;
       }
+      /* 'group' 타입은 dim 미지원 — 자리(정렬)만 유지하고 아이콘은 숨긴다. */
+      .group-dim.placeholder {
+        visibility: hidden;
+        pointer-events: none;
+        cursor: default;
+      }
       .group-header[hidden-group] .group-hidden,
       .group-header[dimmed] .group-dim {
         opacity: 0.95;