rails_modal_manager 1.0.32 → 1.0.33

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 137650bba1f5ded9e215a34fba7402a47e1f888641416a478acbeaee9fcc806b
-  data.tar.gz: a047f2a4c6a11f65d539e3df7aefb2e02bbdb8bf2a0194a67b52a66214e22d8d
+  metadata.gz: be6c4d54beffce5af66fd740e4c8d1164bab5ad19ca6ceacfb889da7ff5a908f
+  data.tar.gz: 559d900a84c1ebefde8711de82a91e7eac7521d05439e71af314e5dfd14d362c
 SHA512:
-  metadata.gz: 5786f1ea88a886ddd26132669b480c7b2d3ed2b3a456934d0d65b818c7faf9c83e76a5822fd662b74a6dbebebbecebbe51ab3edd04375b73fb7c14b16884d635
-  data.tar.gz: df5a7843b45cd6e126825d10b1600fc628a76db7d4f21ed596938e3c1d2367a051fde591d499bfac88cc88459696459f4b86950f24a155129d68d46c2abb5da1
+  metadata.gz: 12084926d5370e7e3bc4e4bf047696b90f3f3c962d4bb185e3eddbb40ecce88e695a1a1413b2068083db229953f40e8acda5b0f4b5eaad6dffe73f4ecf94da1c
+  data.tar.gz: 01b06a874a6bf993d2e27d3ec24604a9c10a1da90bde62d8200ee8aad53dbdeb6a1cd90e27af859bcef29acc3ad3e0ca057741afb5b93c21aaf0f555cc810e32

data/README.md

@@ -3,7 +3,7 @@
 Rails 애플리케이션을 위한 고급 모달 매니저입니다.
 `@reshacs/react-modal-manager`에서 포팅되었습니다.
 
-**Version:** 1.0.24
+**Version:** 1.0.33
 
 ---
 
@@ -198,6 +198,7 @@ closeModal('my-modal')
 | `confirm-close-message` | String | "정말 닫으시겠습니까?" | 확인 메시지 |
 | `mobile-default-maximized` | Boolean | false | 모바일에서 기본 최대화 |
 | `parent-modal-id` | String | - | 부모 모달 ID (종속 관계) |
+| `persistent-id` | String | - | 크기 상태 공유용 ID (같은 타입 모달 간 크기 공유) |
 | `min-width` | Number | 200 | 최소 너비 (px) |
 | `min-height` | Number | 150 | 최소 높이 (px) |
 | `max-width` | Number | - | 최대 너비 (px) |
@@ -438,6 +439,14 @@ header_buttons: [
 
 Taskbar는 자동으로 최소화된 모달들을 렌더링합니다.
 
+**Taskbar 기능 (v1.0.33+):**
+
+- **클릭하여 복구**: 태스크바 아이템 클릭 시 모달 복구 (X버튼 제외)
+- **드래그 앤 드롭**: 아이템을 드래그하여 순서 변경
+- **키보드 단축키**: Alt+1~9로 빠른 복구/최소화 토글
+- **모두 닫기**: 2개 이상 최소화 시 "모두 닫기" 버튼 표시
+- **확인 다이얼로그**: X버튼 클릭 시 닫기 확인
+
 ### Resize Handle
 
 모달 리사이즈를 위한 핸들입니다.
@@ -789,6 +798,28 @@ MIT License
 
 ## 변경 이력
 
+### v1.0.33
+
+- **Taskbar 기능 대폭 개선**:
+  - 클릭하여 복구: 태스크바 아이템 클릭 시 모달 복구 (X버튼 제외)
+  - 드래그 앤 드롭: 최소화된 모달 순서 변경 지원
+  - 키보드 단축키: Alt+1~9로 빠른 복구/최소화 토글
+  - 모두 닫기 버튼: 2개 이상 최소화 시 표시 (확인 다이얼로그 포함)
+  - 개별 닫기 확인: X버튼 클릭 시 확인 다이얼로그 표시
+- **복구된 모달 상태 표시**: 최소화에서 복구된 모달은 태스크바에서 비활성화 상태로 표시
+- **같은 ID 모달 재오픈 버그 수정**: 최소화된 상태에서 같은 ID로 모달 열기 시 정상적으로 복구
+
+### v1.0.32
+
+- **`persistent_id` 옵션 추가**: 같은 타입의 모달들이 크기 상태를 공유할 수 있도록 지원
+- 업체 모달, 사용자 프로필 모달 등에서 활용 가능
+
+### v1.0.31
+
+- **모달 크기 기억 기능 추가**: 모달이 마지막 크기(최대화/기본)를 localStorage에 저장하여 다음에 열 때 동일한 크기로 열림
+- **모바일 사이드바 동작 개선**: 최대화된 모달에서 아이콘 상태는 inline(본문 공간 차지), 확장 상태는 오버레이 방식으로 변경
+- **사이드바 3상태 토글**: expanded(확장), icons(아이콘), hidden(숨김) 상태 지원
+
 ### v1.0.24
 
 - **`submenu_groups` 옵션 추가**: 사이드바의 각 메뉴에 서로 다른 서브메뉴 그룹을 연결 가능

data/app/assets/stylesheets/rails_modal_manager.css

@@ -1157,6 +1157,20 @@
   background: var(--rmm-taskbar-item-hover);
 }
 
+.rmm-taskbar-item-disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.rmm-taskbar-item-disabled .rmm-taskbar-item-close {
+  pointer-events: auto;
+  opacity: 0.7;
+}
+
+.rmm-taskbar-item-disabled .rmm-taskbar-item-close:hover {
+  opacity: 1;
+}
+
 .rmm-taskbar-item-title {
   max-width: 150px;
   overflow: hidden;
@@ -1204,6 +1218,120 @@
   height: 14px;
 }
 
+/* Taskbar - Close All Button */
+.rmm-taskbar-close-all {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  background: rgba(239, 68, 68, 0.2);
+  border-radius: 6px;
+  cursor: pointer;
+  color: #ef4444;
+  opacity: 0.9;
+  transition: opacity 0.15s, background-color 0.15s;
+  flex-shrink: 0;
+  margin-right: 4px;
+}
+
+.rmm-taskbar-close-all:hover {
+  opacity: 1;
+  background: rgba(239, 68, 68, 0.4);
+}
+
+.rmm-taskbar-close-all svg {
+  width: 16px;
+  height: 16px;
+}
+
+/* Taskbar - Shortcut Badge */
+.rmm-taskbar-shortcut {
+  padding: 2px 5px;
+  font-size: 10px;
+  font-weight: 500;
+  background: rgba(255, 255, 255, 0.15);
+  color: rgba(255, 255, 255, 0.7);
+  border-radius: 4px;
+  font-family: monospace;
+}
+
+.rmm-taskbar-item:hover .rmm-taskbar-shortcut {
+  background: rgba(255, 255, 255, 0.25);
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.rmm-taskbar-item-disabled .rmm-taskbar-shortcut {
+  opacity: 0.5;
+}
+
+/* Taskbar - Drag Handle */
+.rmm-taskbar-item-drag-handle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  cursor: grab;
+  opacity: 0.5;
+  transition: opacity 0.15s;
+  flex-shrink: 0;
+}
+
+.rmm-taskbar-item-drag-handle:active {
+  cursor: grabbing;
+}
+
+.rmm-taskbar-item:hover .rmm-taskbar-item-drag-handle {
+  opacity: 0.8;
+}
+
+.rmm-taskbar-item-drag-handle svg {
+  width: 12px;
+  height: 12px;
+}
+
+/* Taskbar - Dragging States */
+.rmm-taskbar-item-dragging {
+  opacity: 0.8;
+}
+
+.rmm-taskbar-item-dragging-active {
+  opacity: 0.4;
+}
+
+/* Taskbar - Drop Indicators */
+.rmm-taskbar-item-drop-before {
+  position: relative;
+}
+
+.rmm-taskbar-item-drop-before::before {
+  content: '';
+  position: absolute;
+  left: -6px;
+  top: 4px;
+  bottom: 4px;
+  width: 3px;
+  background: var(--rmm-btn-primary-bg, #3b82f6);
+  border-radius: 2px;
+}
+
+.rmm-taskbar-item-drop-after {
+  position: relative;
+}
+
+.rmm-taskbar-item-drop-after::after {
+  content: '';
+  position: absolute;
+  right: -6px;
+  top: 4px;
+  bottom: 4px;
+  width: 3px;
+  background: var(--rmm-btn-primary-bg, #3b82f6);
+  border-radius: 2px;
+}
+
 /* ============================================
    Responsive
    ============================================ */

data/app/javascript/rails_modal_manager/controllers/rmm_modal_controller.js

@@ -495,8 +495,10 @@ export default class extends Controller {
     this.applyStyles()
 
     // Handle minimize (modal and overlay)
+    // 복구된 모달(isRestored)은 isMinimized가 true지만 화면에 표시되어야 함
     const overlay = this.getOverlay()
-    if (config.isMinimized) {
+    const shouldMinimize = config.isMinimized && !config.isRestored
+    if (shouldMinimize) {
       this.element.classList.add('rmm-minimized')
       if (overlay) overlay.classList.add('rmm-minimized')
     } else {

data/app/javascript/rails_modal_manager/controllers/rmm_taskbar_controller.js

@@ -5,12 +5,17 @@ import historyStackManager from "rails_modal_manager/history_stack_manager"
 /**
  * Rails Modal Manager - Taskbar Controller
  * Shows minimized modals at the bottom of the screen
+ * Supports keyboard shortcuts (Alt+1~9) for quick restore/minimize
+ * Supports drag and drop to reorder minimized modals
  */
 export default class extends Controller {
   static targets = ["container", "items"]
 
   connect() {
     this.unsubscribe = modalStore.subscribe(() => this.render())
+    this.handleKeyDown = this.handleKeyDown.bind(this)
+    document.addEventListener('keydown', this.handleKeyDown)
+    this.draggedIndex = null
     this.render()
   }
 
@@ -18,6 +23,32 @@ export default class extends Controller {
     if (this.unsubscribe) {
       this.unsubscribe()
     }
+    document.removeEventListener('keydown', this.handleKeyDown)
+  }
+
+  handleKeyDown(e) {
+    // Alt+1~9 단축키 처리
+    if (e.altKey && !e.shiftKey && !e.ctrlKey && !e.metaKey) {
+      const keyNum = parseInt(e.key, 10)
+      if (keyNum >= 1 && keyNum <= 9) {
+        const groups = modalStore.getMinimizedModalGroups()
+        const index = keyNum - 1
+
+        if (index < groups.length) {
+          e.preventDefault()
+          e.stopPropagation()
+
+          const group = groups[index]
+          if (group.isRestored) {
+            // 복구된 상태면 다시 최소화
+            modalStore.minimizeModalGroup(group.leafModalId)
+          } else {
+            // 최소화 상태면 복구
+            this.restoreByModalId(group.leafModalId)
+          }
+        }
+      }
+    }
   }
 
   render() {
@@ -34,16 +65,37 @@ export default class extends Controller {
     this.element.classList.add('rmm-taskbar-visible')
 
     if (this.hasItemsTarget) {
-      this.itemsTarget.innerHTML = groups.map(group => this.renderTaskbarItem(group)).join('')
+      // 최소화된 모달이 2개 이상이면 "모두 닫기" 버튼 추가
+      const closeAllBtn = groups.length >= 2 ? this.renderCloseAllButton() : ''
+      const items = groups.map((group, index) => this.renderTaskbarItem(group, index)).join('')
+      this.itemsTarget.innerHTML = closeAllBtn + items
     }
   }
 
-  renderTaskbarItem(group) {
+  renderCloseAllButton() {
+    return `
+      <button type="button" class="rmm-taskbar-close-all" data-action="click->rmm-taskbar#closeAll" title="최소화된 모달 모두 닫기">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <line x1="18" y1="6" x2="6" y2="18"></line>
+          <line x1="6" y1="6" x2="18" y2="18"></line>
+        </svg>
+      </button>
+    `
+  }
+
+  renderTaskbarItem(group, index) {
     const groupBadge = group.groupSize > 1 ? `<span class="rmm-taskbar-badge">+${group.groupSize - 1}</span>` : ''
+    const isRestored = group.isRestored
+    const disabledClass = isRestored ? ' rmm-taskbar-item-disabled' : ''
+
+    // 드래그 이벤트 + 클릭 이벤트 (복구된 상태가 아닐 때만 클릭 이벤트 추가)
+    const dragEvents = 'dragstart->rmm-taskbar#dragStart dragend->rmm-taskbar#dragEnd dragover->rmm-taskbar#dragOver drop->rmm-taskbar#drop dragenter->rmm-taskbar#dragEnter dragleave->rmm-taskbar#dragLeave'
+    const clickEvent = isRestored ? '' : ' click->rmm-taskbar#restoreItem'
+    const dataAction = `data-action="${dragEvents}${clickEvent}"`
 
     return `
-      <div class="rmm-taskbar-item" data-modal-id="${group.leafModalId}" data-root-id="${group.rootModalId}">
-        <span class="rmm-taskbar-item-title" data-action="click->rmm-taskbar#restore" data-modal-id="${group.leafModalId}" style="cursor: pointer;">${this.escapeHtml(group.title)}</span>
+      <div class="rmm-taskbar-item${disabledClass}" data-modal-id="${group.leafModalId}" data-root-id="${group.rootModalId}" draggable="true" data-index="${index}" ${dataAction}>
+        <span class="rmm-taskbar-item-title">${this.escapeHtml(group.title)}</span>
         ${groupBadge}
         <button type="button" class="rmm-taskbar-item-close" data-action="click->rmm-taskbar#closeGroup" data-modal-id="${group.rootModalId}" title="닫기">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@@ -55,36 +107,152 @@ export default class extends Controller {
     `
   }
 
+  // ============================================
+  // Drag and Drop Handlers
+  // ============================================
+
+  dragStart(e) {
+    const item = e.currentTarget
+    this.draggedIndex = parseInt(item.dataset.index, 10)
+    item.classList.add('rmm-taskbar-item-dragging')
+
+    // 드래그 이미지 설정 (반투명)
+    e.dataTransfer.effectAllowed = 'move'
+    e.dataTransfer.setData('text/plain', this.draggedIndex.toString())
+
+    // 약간의 지연 후 드래깅 클래스 추가 (드래그 이미지에 영향 안주게)
+    setTimeout(() => {
+      item.classList.add('rmm-taskbar-item-dragging-active')
+    }, 0)
+  }
+
+  dragEnd(e) {
+    const item = e.currentTarget
+    item.classList.remove('rmm-taskbar-item-dragging', 'rmm-taskbar-item-dragging-active')
+    this.draggedIndex = null
+
+    // 모든 드롭 타겟 스타일 제거
+    this.element.querySelectorAll('.rmm-taskbar-item').forEach(el => {
+      el.classList.remove('rmm-taskbar-item-drop-before', 'rmm-taskbar-item-drop-after')
+    })
+  }
+
+  dragOver(e) {
+    e.preventDefault()
+    e.dataTransfer.dropEffect = 'move'
+  }
+
+  dragEnter(e) {
+    e.preventDefault()
+    const item = e.currentTarget
+    const targetIndex = parseInt(item.dataset.index, 10)
+
+    if (this.draggedIndex === null || targetIndex === this.draggedIndex) return
+
+    // 드롭 위치 표시
+    this.element.querySelectorAll('.rmm-taskbar-item').forEach(el => {
+      el.classList.remove('rmm-taskbar-item-drop-before', 'rmm-taskbar-item-drop-after')
+    })
+
+    if (targetIndex < this.draggedIndex) {
+      item.classList.add('rmm-taskbar-item-drop-before')
+    } else {
+      item.classList.add('rmm-taskbar-item-drop-after')
+    }
+  }
+
+  dragLeave(e) {
+    const item = e.currentTarget
+    // relatedTarget이 자식 요소인 경우 무시
+    if (item.contains(e.relatedTarget)) return
+
+    item.classList.remove('rmm-taskbar-item-drop-before', 'rmm-taskbar-item-drop-after')
+  }
+
+  drop(e) {
+    e.preventDefault()
+    const item = e.currentTarget
+    const targetIndex = parseInt(item.dataset.index, 10)
+
+    // 모든 드롭 타겟 스타일 제거
+    this.element.querySelectorAll('.rmm-taskbar-item').forEach(el => {
+      el.classList.remove('rmm-taskbar-item-drop-before', 'rmm-taskbar-item-drop-after')
+    })
+
+    if (this.draggedIndex === null || targetIndex === this.draggedIndex) return
+
+    // 순서 변경
+    modalStore.reorderMinimizedModalGroups(this.draggedIndex, targetIndex)
+    this.draggedIndex = null
+  }
+
+  // ============================================
+  // Click Handlers
+  // ============================================
+
+  restoreItem(e) {
+    // X버튼 클릭은 제외
+    if (e.target.closest('.rmm-taskbar-item-close')) {
+      return
+    }
+    e.stopPropagation()
+    const item = e.currentTarget
+    const modalId = item.dataset.modalId
+    if (modalId) {
+      this.restoreByModalId(modalId)
+    }
+  }
+
   restore(e) {
     e.stopPropagation()
     const modalId = e.currentTarget.dataset.modalId || e.target.closest('[data-modal-id]')?.dataset.modalId
     if (modalId) {
-      // Re-add to history stack
-      const rootId = modalStore.getRootModal(modalId)
-      const descendants = modalStore.getAllDescendants(rootId)
-      const allModalIds = [rootId, ...descendants]
-
-      // Restore all modals in group
-      modalStore.restoreModalGroup(modalId)
-
-      // Re-add history entries for each modal
-      allModalIds.forEach(id => {
-        const modalElement = document.getElementById(id)
-        if (modalElement) {
-          const controller = this.application.getControllerForElementAndIdentifier(modalElement, 'rmm-modal')
-          if (controller && controller.enableHistoryStackValue && !historyStackManager.hasHisData('modal', id)) {
-            historyStackManager.addHisData('modal', id, () => controller.close('history'))
-          }
-        }
-      })
+      this.restoreByModalId(modalId)
     }
   }
 
+  restoreByModalId(modalId) {
+    // Re-add to history stack
+    const rootId = modalStore.getRootModal(modalId)
+    const descendants = modalStore.getAllDescendants(rootId)
+    const allModalIds = [rootId, ...descendants]
+
+    // Restore all modals in group
+    modalStore.restoreModalGroup(modalId)
+
+    // Re-add history entries for each modal
+    allModalIds.forEach(id => {
+      const modalElement = document.getElementById(id)
+      if (modalElement) {
+        const controller = this.application.getControllerForElementAndIdentifier(modalElement, 'rmm-modal')
+        if (controller && controller.enableHistoryStackValue && !historyStackManager.hasHisData('modal', id)) {
+          historyStackManager.addHisData('modal', id, () => controller.close('history'))
+        }
+      }
+    })
+  }
+
   closeGroup(e) {
     e.stopPropagation()
     const modalId = e.currentTarget.dataset.modalId
     if (modalId) {
-      modalStore.closeModalWithDescendants(modalId)
+      const confirmed = window.confirm('이 모달을 닫으시겠습니까?')
+      if (confirmed) {
+        modalStore.closeModalWithDescendants(modalId)
+      }
+    }
+  }
+
+  closeAll(e) {
+    e.stopPropagation()
+
+    const groups = modalStore.getMinimizedModalGroups()
+    if (groups.length < 2) return
+
+    // 확인 다이얼로그 표시
+    const confirmed = window.confirm(`최소화된 모달 ${groups.length}개를 모두 닫으시겠습니까?`)
+    if (confirmed) {
+      modalStore.closeAllMinimizedModals()
     }
   }
 

data/app/javascript/rails_modal_manager/index.js

@@ -8,7 +8,7 @@
  * @license MIT
  */
 
-export const VERSION = "1.0.10"
+export const VERSION = "1.0.33"
 
 // Import core modules for internal use
 import modalStore, { MODAL_CONSTANTS, SIZE_CONFIG, POSITION_CONFIG, CASCADE_OFFSET, modalSizeStorage, modalUtils } from "rails_modal_manager/modal_store"
@@ -87,11 +87,16 @@ export function openModal(modalId) {
   const modalElement = document.getElementById(modalId)
   if (!modalElement) return
 
-  // Check if the modal is already open and minimized
+  // Check if the modal is already open
   const config = modalStore.getModalConfig(modalId)
-  if (config && config.isMinimized) {
-    // Restore the minimized modal
-    modalStore.restoreModalGroup(modalId)
+  if (config) {
+    if (config.isMinimized && !config.isRestored) {
+      // 최소화 상태(비활성화 아님)면 복구
+      modalStore.restoreModalGroup(modalId)
+    } else {
+      // 이미 열려있거나 복구된 상태면 앞으로 가져오기
+      modalStore.bringToFront(modalId)
+    }
     return
   }
 

data/app/javascript/rails_modal_manager/modal_store.js

@@ -86,6 +86,15 @@ class ModalStore {
 
   openModal(modalId, config) {
     if (this.activeModals[modalId]) {
+      // 이미 열려있는 모달 처리
+      const existingConfig = this.activeModals[modalId];
+      if (existingConfig.isMinimized && !existingConfig.isRestored) {
+        // 최소화 상태(비활성화 아님)면 복구
+        this.restoreModalGroup(modalId);
+      } else {
+        // 이미 열려있거나 복구된 상태면 앞으로 가져오기
+        this.bringToFront(modalId);
+      }
       return;
     }
 
@@ -368,13 +377,68 @@ class ModalStore {
     this.notify();
   }
 
+  closeAllMinimizedModals() {
+    const groups = this.getMinimizedModalGroups();
+    // 모든 최소화된 그룹을 닫음
+    groups.forEach(group => {
+      this.closeModalWithDescendants(group.rootModalId);
+    });
+  }
+
+  // 단축키용: 특정 인덱스의 최소화된 모달 그룹 토글 (복구/최소화)
+  toggleMinimizedModalByIndex(index) {
+    const groups = this.getMinimizedModalGroups();
+    if (index < 0 || index >= groups.length) return false;
+
+    const group = groups[index];
+    if (group.isRestored) {
+      // 복구된 상태면 다시 최소화
+      this.minimizeModalGroup(group.leafModalId);
+    } else {
+      // 최소화 상태면 복구
+      this.restoreModalGroup(group.leafModalId);
+    }
+    return true;
+  }
+
+  // 최소화된 모달 그룹 순서 변경 (드래그앤드롭용)
+  reorderMinimizedModalGroups(fromIndex, toIndex) {
+    const groups = this.getMinimizedModalGroups();
+    if (fromIndex < 0 || fromIndex >= groups.length) return false;
+    if (toIndex < 0 || toIndex >= groups.length) return false;
+    if (fromIndex === toIndex) return false;
+
+    // 순서를 변경하기 위해 minimizedAt 타임스탬프 재할당
+    // 기존 순서에서 fromIndex 항목을 toIndex 위치로 이동
+    const reordered = [...groups];
+    const [moved] = reordered.splice(fromIndex, 1);
+    reordered.splice(toIndex, 0, moved);
+
+    // 새로운 순서에 맞게 minimizedAt 타임스탬프 재할당
+    const baseTime = Date.now();
+    reordered.forEach((group, index) => {
+      const allModalIds = group.modalIds;
+      const newTimestamp = baseTime + index;
+
+      allModalIds.forEach(id => {
+        if (this.activeModals[id]) {
+          this.activeModals[id].minimizedAt = newTimestamp;
+        }
+      });
+    });
+
+    this.notify();
+    return true;
+  }
+
   // ============================================
   // Body Scroll Management
   // ============================================
 
   hasVisibleOverlayModals() {
     return Object.values(this.activeModals).some(
-      config => !config.isMinimized && !config.hideOverlay
+      // 복구된 모달(isRestored)은 화면에 보이므로 visible로 처리
+      config => (!config.isMinimized || config.isRestored) && !config.hideOverlay
     );
   }
 
@@ -447,14 +511,29 @@ class ModalStore {
     const rootId = this.getRootModal(modalId);
     const descendants = this.getAllDescendants(rootId);
     const allModalIds = [rootId, ...descendants];
-    const minimizedAt = Date.now();
 
-    allModalIds.forEach(id => {
-      if (this.activeModals[id]) {
-        this.activeModals[id].isMinimized = true;
-        this.activeModals[id].minimizedAt = minimizedAt;
-      }
-    });
+    // 이미 최소화 상태인지 확인 (복구 후 다시 최소화하는 경우)
+    const rootConfig = this.activeModals[rootId];
+    const wasRestored = rootConfig?.isRestored;
+
+    if (wasRestored) {
+      // 복구 상태였다면 isRestored만 false로 변경 (위치 유지)
+      allModalIds.forEach(id => {
+        if (this.activeModals[id]) {
+          this.activeModals[id].isRestored = false;
+        }
+      });
+    } else {
+      // 새로운 최소화인 경우
+      const minimizedAt = Date.now();
+      allModalIds.forEach(id => {
+        if (this.activeModals[id]) {
+          this.activeModals[id].isMinimized = true;
+          this.activeModals[id].isRestored = false;
+          this.activeModals[id].minimizedAt = minimizedAt;
+        }
+      });
+    }
 
     this.updateBodyScroll();
     this.notify();
@@ -466,9 +545,10 @@ class ModalStore {
     const descendants = this.getAllDescendants(rootId);
     const allModalIds = [rootId, ...descendants];
 
+    // isMinimized는 유지하고 isRestored를 true로 설정 (태스크바에 비활성화 상태로 유지)
     allModalIds.forEach(id => {
       if (this.activeModals[id]) {
-        this.activeModals[id].isMinimized = false;
+        this.activeModals[id].isRestored = true;
       }
     });
 
@@ -515,6 +595,7 @@ class ModalStore {
         zIndex: leafConfig?.zIndex || 0,
         modalIds: allModalIds,
         minimizedAt: rootConfig?.minimizedAt || 0,
+        isRestored: rootConfig?.isRestored || false,  // 복구된 상태인지 (비활성화 표시용)
       };
     });
 

data/lib/rails_modal_manager/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RailsModalManager
-  VERSION = "1.0.32"
+  VERSION = "1.0.33"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_modal_manager
 version: !ruby/object:Gem::Version
-  version: 1.0.32
+  version: 1.0.33
 platform: ruby
 authors:
 - reshacs