From d079e95528ee3fae784e74248d22372ae1d28ece Mon Sep 17 00:00:00 2001
From: Hadi Khazaee Asl <hadi_khazaee_asl@yahoo.com>
Date: Sun, 27 Sep 2026 10:55:42 +0330
Subject: [PATCH] adding Project Management Modal ...

---
 xReleaseAssistant.html   | 2240 +++++++++++++++++++++++++++++++++++++-
 xReleaseAssistant_9.html | 1127 ++++++++++++++++++-
 2 files changed, 3265 insertions(+), 102 deletions(-)

diff --git a/xReleaseAssistant.html b/xReleaseAssistant.html
index 0c8aef4..3d30db7 100644
--- a/xReleaseAssistant.html
+++ b/xReleaseAssistant.html
@@ -19121,6 +19121,7 @@
         (t.zoomTransform = Tw));
     });
   </script>
+
   <style>
     @import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap");
 
@@ -22427,6 +22428,428 @@
       cursor: not-allowed;
     }
 
+    /* فیلترهای لیست پروژه‌ها */
+    .project-list-filters {
+      padding: 12px 16px;
+      background: var(--bg-card);
+      border-bottom: 1px solid var(--border);
+    }
+
+    .filter-row {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      flex-wrap: wrap;
+    }
+
+    .filter-item {
+      min-width: 120px;
+    }
+
+    .pl-stats {
+      font-size: 11px;
+      color: var(--text-muted);
+      font-weight: 600;
+    }
+
+    /* شبکه کارت‌های پروژه */
+    .project-list-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+      gap: 12px;
+      padding: 8px 0;
+    }
+
+    /* کارت پروژه */
+    .pl-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      padding: 14px;
+      transition: all 0.2s;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    .pl-card:hover {
+      border-color: var(--accent);
+      box-shadow: 0 4px 12px rgba(201, 169, 97, 0.12);
+      transform: translateY(-2px);
+    }
+
+    .pl-card-header {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: 8px;
+    }
+
+    .pl-card-title {
+      font-size: 13px;
+      font-weight: 700;
+      color: var(--text);
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      flex-wrap: wrap;
+    }
+
+    .pl-card-product {
+      font-size: 10px;
+      color: var(--text-muted);
+      background: var(--bg-main);
+      padding: 2px 8px;
+      border-radius: 10px;
+      display: inline-block;
+    }
+
+    .pl-card-meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+      font-size: 10px;
+      color: var(--text-muted);
+    }
+
+    .pl-card-meta-item {
+      display: flex;
+      align-items: center;
+      gap: 3px;
+      background: var(--bg-main);
+      padding: 2px 8px;
+      border-radius: 8px;
+    }
+
+    .pl-card-repo {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 10px;
+      color: var(--info);
+      text-decoration: none;
+      background: rgba(49, 130, 206, 0.08);
+      padding: 3px 8px;
+      border-radius: 6px;
+      font-family: monospace;
+      direction: ltr;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      transition: all 0.2s;
+    }
+
+    .pl-card-repo:hover {
+      background: rgba(49, 130, 206, 0.18);
+      text-decoration: underline;
+    }
+
+    .pl-card-footer {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: auto;
+    }
+
+    .pl-empty {
+      grid-column: 1 / -1;
+      text-align: center;
+      padding: 40px;
+      color: var(--text-muted);
+    }
+
+    .pl-empty-icon {
+      font-size: 48px;
+      margin-bottom: 12px;
+    }
+
+    /* جزئیات پروژه */
+    .pdv-section {
+      margin-bottom: 16px;
+    }
+
+    .pdv-section-title {
+      font-size: 12px;
+      font-weight: 700;
+      color: var(--accent);
+      margin-bottom: 8px;
+      padding-bottom: 4px;
+      border-bottom: 1px solid var(--border);
+    }
+
+    .pdv-info-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 8px;
+    }
+
+    .pdv-info-item {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    .pdv-info-label {
+      font-size: 10px;
+      color: var(--text-muted);
+      font-weight: 600;
+    }
+
+    .pdv-info-value {
+      font-size: 12px;
+      color: var(--text);
+      font-weight: 500;
+    }
+
+    /* نوار ابزار ترسیم‌ها */
+    .drawings-toolbar {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 16px;
+      background: var(--bg-card);
+      border-bottom: 1px solid var(--border);
+    }
+
+    .drawings-toolbar-label {
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--text-muted);
+      margin-right: auto;
+    }
+
+    .toolbar-separator {
+      width: 1px;
+      height: 24px;
+      background: var(--border);
+      margin: 0 4px;
+    }
+
+    /* نوار تب‌ها */
+    .drawings-tabs-bar {
+      display: flex;
+      align-items: center;
+      padding: 4px 16px;
+      background: var(--bg-card);
+      border-bottom: 1px solid var(--border);
+      gap: 4px;
+      overflow-x: auto;
+    }
+
+    .drawings-tabs {
+      display: flex;
+      gap: 4px;
+      flex: 1;
+      overflow-x: auto;
+    }
+
+    .drawings-empty-tabs {
+      font-size: 11px;
+      color: var(--text-muted);
+      padding: 4px 8px;
+    }
+
+    .drawings-tab {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 6px 12px;
+      background: var(--bg-main);
+      border: 1px solid var(--border);
+      border-radius: 6px;
+      font-size: 11px;
+      cursor: pointer;
+      white-space: nowrap;
+      transition: all 0.2s;
+    }
+
+    .drawings-tab:hover {
+      border-color: var(--accent);
+    }
+
+    .drawings-tab.active {
+      background: var(--accent);
+      color: var(--primary-dark);
+      border-color: var(--accent);
+      font-weight: 600;
+    }
+
+    .drawings-tab-close {
+      font-size: 10px;
+      opacity: 0.6;
+      cursor: pointer;
+      padding: 2px;
+    }
+
+    .drawings-tab-close:hover {
+      opacity: 1;
+      color: var(--danger);
+    }
+
+    .drawings-add-tab-btn {
+      padding: 6px 10px;
+      background: var(--accent);
+      color: var(--primary-dark);
+      border: none;
+      border-radius: 6px;
+      font-size: 12px;
+      font-weight: 700;
+      cursor: pointer;
+      flex-shrink: 0;
+    }
+
+    /* نوار ابزار ترسیم */
+    .drawings-tools-bar {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 6px 16px;
+      background: var(--bg-card);
+      border-bottom: 1px solid var(--border);
+      flex-wrap: wrap;
+    }
+
+    .tools-group {
+      display: flex;
+      gap: 2px;
+      align-items: center;
+    }
+
+    .tool-btn {
+      padding: 6px 8px;
+      background: transparent;
+      border: 1px solid transparent;
+      border-radius: 4px;
+      font-size: 12px;
+      cursor: pointer;
+      transition: all 0.2s;
+    }
+
+    .tool-btn:hover {
+      background: var(--border);
+    }
+
+    .tool-btn.active {
+      background: var(--accent);
+      color: var(--primary-dark);
+      border-color: var(--accent);
+    }
+
+    .zoom-label {
+      font-size: 10px;
+      color: var(--text-muted);
+      min-width: 40px;
+      text-align: center;
+    }
+
+    .canvas-size-group {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 11px;
+    }
+
+    .canvas-size-group input {
+      width: 60px;
+      padding: 4px 6px;
+      font-size: 11px;
+      border: 1px solid var(--border);
+      border-radius: 4px;
+      background: var(--bg-main);
+      color: var(--text);
+    }
+
+    /* انتخاب رنگ */
+    .color-picker-dropdown {
+      position: relative;
+    }
+
+    .color-picker-btn {
+      padding: 4px;
+      border: 1px solid var(--border);
+      border-radius: 4px;
+      background: var(--bg-main);
+      cursor: pointer;
+    }
+
+    .color-swatch {
+      display: block;
+      width: 20px;
+      height: 20px;
+      border-radius: 3px;
+    }
+
+    .color-menu {
+      position: absolute;
+      top: 100%;
+      right: 0;
+      margin-top: 4px;
+      padding: 8px;
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 8px;
+      box-shadow: var(--shadow-lg);
+      z-index: 100;
+    }
+
+    .color-menu-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 4px;
+      margin-bottom: 8px;
+    }
+
+    .color-option {
+      width: 24px;
+      height: 24px;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: transform 0.15s;
+    }
+
+    .color-option:hover {
+      transform: scale(1.15);
+    }
+
+    .color-custom input {
+      width: 100%;
+      height: 24px;
+      border: none;
+      cursor: pointer;
+    }
+
+    /* ناحیه کانواس */
+    .drawings-canvas-area {
+      flex: 1;
+      position: relative;
+      overflow: auto;
+      background: var(--bg-main);
+      min-height: 400px;
+      display: flex;
+      align-items: flex-start;
+      justify-content: flex-start;
+    }
+
+    .drawings-canvas-area canvas {
+      display: block;
+      background: #ffffff;
+      cursor: crosshair;
+      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
+      margin: 16px;
+    }
+
+    .drawings-empty-state {
+      position: absolute;
+      inset: 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 12px;
+      color: var(--text-muted);
+      font-size: 13px;
+    }
+
     ::-webkit-scrollbar {
       width: 8px;
       height: 8px;
@@ -23483,6 +23906,157 @@
     </div>
   </div>
 
+  <!-- Drawings Modal -->
+  <div class="modal-overlay" id="drawingsModal">
+    <div class="modal modal-galaxy">
+      <div class="modal-header">
+        <div class="modal-title">🎨 ترسیم‌ها</div>
+        <button class="modal-close" data-close-modal>✕</button>
+      </div>
+
+      <!-- 🆕 نوار ابزار اصلی -->
+      <div class="drawings-toolbar">
+        <button class="btn btn-sm" onclick="DrawingsManager.undo()" title="برگشت">↩️</button>
+        <button class="btn btn-sm" onclick="DrawingsManager.redo()" title="بازانجام">↪️</button>
+        <div class="toolbar-separator"></div>
+        <button class="btn btn-sm" onclick="DrawingsManager.exportPNG()" title="خروجی PNG">📷 PNG</button>
+        <div class="toolbar-separator"></div>
+        <span class="drawings-toolbar-label" id="drawingsActiveTitle">هیچ ترسیمی فعال نیست</span>
+      </div>
+
+      <!-- 🆕 نوار تب‌ها -->
+      <div class="drawings-tabs-bar">
+        <div class="drawings-tabs" id="drawingsTabsBar">
+          <div class="drawings-empty-tabs">هیچ ترسیمی ایجاد نشده است</div>
+        </div>
+        <button class="drawings-add-tab-btn" onclick="DrawingsManager.openNewDrawingModal()"
+          title="ترسیم جدید">➕</button>
+      </div>
+
+      <!-- 🆕 نوار ابزار ترسیم -->
+      <div class="drawings-tools-bar" id="drawingsToolsBar" style="display:none">
+        <!-- ابزارها -->
+        <div class="tools-group">
+          <button class="tool-btn active" data-tool="select" title="انتخاب">🔘</button>
+          <button class="tool-btn" data-tool="pen" title="قلم آزاد">✏️</button>
+          <button class="tool-btn" data-tool="line" title="خط">📏</button>
+          <button class="tool-btn" data-tool="rectangle" title="مستطیل">⬜</button>
+          <button class="tool-btn" data-tool="circle" title="دایره">⭕</button>
+          <button class="tool-btn" data-tool="diamond" title="لوزی">🔷</button>
+          <button class="tool-btn" data-tool="text" title="متن">📝</button>
+          <button class="tool-btn" data-tool="arrow" title="فلش">➡️</button>
+          <button class="tool-btn" data-tool="eraser" title="پاک‌کن">🧹</button>
+        </div>
+
+        <div class="toolbar-separator"></div>
+
+        <!-- اشکال UML -->
+        <div class="tools-group">
+          <button class="tool-btn" data-tool="uml-class" title="کلاس UML">📦 UML</button>
+          <button class="tool-btn" data-tool="uml-interface" title="اینترفیس">🔌</button>
+          <button class="tool-btn" data-tool="uml-package" title="پکیج">📁</button>
+        </div>
+
+        <div class="toolbar-separator"></div>
+
+        <!-- اشکال فلوچارت -->
+        <div class="tools-group">
+          <button class="tool-btn" data-tool="flow-start" title="شروع/پایان">⬭</button>
+          <button class="tool-btn" data-tool="flow-process" title="فرآیند">▭</button>
+          <button class="tool-btn" data-tool="flow-decision" title="تصمیم">◇</button>
+          <button class="tool-btn" data-tool="flow-io" title="ورودی/خروجی">▱</button>
+        </div>
+
+        <div class="toolbar-separator"></div>
+
+        <!-- انتخاب رنگ -->
+        <div class="color-picker-dropdown">
+          <button class="color-picker-btn" id="drawingsColorBtn" onclick="DrawingsManager.toggleColorMenu()">
+            <span class="color-swatch" id="drawingsColorSwatch" style="background:#4299e1"></span>
+          </button>
+          <div class="color-menu" id="drawingsColorMenu" style="display:none">
+            <div class="color-menu-grid">
+              <span class="color-option" style="background:#4299e1" data-color="#4299e1"></span>
+              <span class="color-option" style="background:#38a169" data-color="#38a169"></span>
+              <span class="color-option" style="background:#e53e3e" data-color="#e53e3e"></span>
+              <span class="color-option" style="background:#dd6b20" data-color="#dd6b20"></span>
+              <span class="color-option" style="background:#805ad5" data-color="#805ad5"></span>
+              <span class="color-option" style="background:#d69e2e" data-color="#d69e2e"></span>
+              <span class="color-option" style="background:#000000" data-color="#000000"></span>
+              <span class="color-option" style="background:#ffffff; border:1px solid #ccc" data-color="#ffffff"></span>
+              <span class="color-option" style="background:#718096" data-color="#718096"></span>
+              <span class="color-option" style="background:#3182ce" data-color="#3182ce"></span>
+              <span class="color-option" style="background:#e0c789" data-color="#e0c789"></span>
+              <span class="color-option" style="background:#4a5568" data-color="#4a5568"></span>
+            </div>
+            <div class="color-custom">
+              <input type="color" id="drawingsCustomColor" value="#4299e1" />
+            </div>
+          </div>
+        </div>
+
+        <div class="toolbar-separator"></div>
+
+        <!-- زوم -->
+        <div class="tools-group">
+          <button class="tool-btn" onclick="DrawingsManager.zoomIn()" title="بزرگنمایی">🔍+</button>
+          <button class="tool-btn" onclick="DrawingsManager.zoomOut()" title="کوچک‌نمایی">🔍-</button>
+          <button class="tool-btn" onclick="DrawingsManager.resetZoom()" title="بازنشانی">🎯</button>
+          <span class="zoom-label" id="drawingsZoomLabel">100%</span>
+        </div>
+
+        <div class="toolbar-separator"></div>
+
+        <!-- ابعاد کانواس -->
+        <div class="canvas-size-group">
+          <input type="number" id="drawingsCanvasWidth" value="1200" min="400" max="5000" />
+          <span>×</span>
+          <input type="number" id="drawingsCanvasHeight" value="800" min="300" max="5000" />
+          <button class="btn btn-sm" onclick="DrawingsManager.resizeCanvas()">📐</button>
+        </div>
+      </div>
+
+      <!-- 🆕 ناحیه کانواس -->
+      <div class="drawings-canvas-area" id="drawingsCanvasArea">
+        <canvas id="drawingsCanvas"></canvas>
+        <div class="drawings-empty-state" id="drawingsEmptyState">
+          <div style="font-size:64px">🎨</div>
+          <div>برای شروع، یک ترسیم جدید ایجاد کنید</div>
+          <button class="btn btn-accent" onclick="DrawingsManager.openNewDrawingModal()">➕ ترسیم جدید</button>
+        </div>
+      </div>
+
+      <div class="modal-footer">
+        <button class="btn btn-ghost" data-close-modal>بستن</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- 🆕 مودال ایجاد ترسیم جدید -->
+  <div class="modal-overlay" id="newDrawingModal">
+    <div class="modal">
+      <div class="modal-header">
+        <div class="modal-title">🎨 ترسیم جدید</div>
+        <button class="modal-close" data-close-modal>✕</button>
+      </div>
+      <div class="modal-body">
+        <div class="form-group">
+          <label class="form-label">عنوان <span class="required">*</span></label>
+          <input type="text" class="form-input" id="newDrawingTitle" placeholder="مثال: معماری سیستم" />
+        </div>
+        <div class="form-group">
+          <label class="form-label">توضیحات</label>
+          <textarea class="form-textarea" id="newDrawingDescription" rows="3"
+            placeholder="توضیحات اختیاری..."></textarea>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button class="btn btn-accent" onclick="DrawingsManager.createDrawing()">➕ ایجاد</button>
+        <button class="btn btn-ghost" data-close-modal>انصراف</button>
+      </div>
+    </div>
+  </div>
+
   <!-- Modal: Edit Tag -->
   <div class="modal-overlay" id="rbEditTagModal">
     <div class="modal" style="max-width: 420px">
@@ -23650,6 +24224,73 @@
         "></div>
     <span id="rbAutosaveText">ذخیره خودکار انجام شد</span>
   </div>
+
+  <!-- Project List Modal -->
+  <div class="modal-overlay" id="projectListModal">
+    <div class="modal modal-galaxy">
+      <div class="modal-header">
+        <div class="modal-title">🌿 مدیریت پروژه‌ها</div>
+        <button class="modal-close" data-close-modal>✕</button>
+      </div>
+
+      <!-- نوار فیلتر و جستجو -->
+      <div class="project-list-filters">
+        <div class="filter-row">
+          <div class="filter-item" style="flex:2">
+            <input type="text" class="form-input" id="plSearch" placeholder="🔍 جستجو در عنوان، توضیحات، مالک..." />
+          </div>
+          <div class="filter-item" style="flex:1">
+            <select class="form-select" id="plProductFilter">
+              <option value="">📦 همه محصولات</option>
+            </select>
+          </div>
+          <div class="filter-item" style="flex:1">
+            <select class="form-select" id="plOwnerFilter">
+              <option value="">👤 همه مالکان</option>
+            </select>
+          </div>
+          <div class="filter-item" style="flex:1">
+            <select class="form-select" id="plDependencyFilter">
+              <option value="">🔗 وابسته به پروژه...</option>
+            </select>
+          </div>
+        </div>
+        <div class="filter-row" style="margin-top:8px;justify-content:space-between">
+          <span class="pl-stats" id="plStats">۰ پروژه</span>
+          <button class="btn btn-ghost btn-sm" onclick="ProjectListManager.clearFilters()">🗑️ پاک کردن فیلترها</button>
+        </div>
+      </div>
+
+      <!-- لیست پروژه‌ها -->
+      <div class="modal-body" style="overflow-y:auto">
+        <div class="project-list-grid" id="projectListGrid">
+          <!-- کارت‌های پروژه اینجا رندر می‌شوند -->
+        </div>
+      </div>
+
+      <div class="modal-footer">
+        <button class="btn btn-ghost" data-close-modal>بستن</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Project Detail View Modal -->
+  <div class="modal-overlay" id="projectDetailViewModal">
+    <div class="modal modal-lg">
+      <div class="modal-header">
+        <div class="modal-title" id="pdvTitle">📋 جزئیات پروژه</div>
+        <button class="modal-close" data-close-modal>✕</button>
+      </div>
+      <div class="modal-body" id="pdvBody">
+        <!-- محتوای جزئیات پروژه -->
+      </div>
+      <div class="modal-footer">
+        <button class="btn btn-accent" onclick="ProjectListManager.openDeploymentModal()">🚀 استقرار</button>
+        <button class="btn btn-ghost" data-close-modal>بستن</button>
+      </div>
+    </div>
+  </div>
+
   <style>
     @keyframes rbPulse {
 
@@ -23729,6 +24370,13 @@
           icon: "🗂️",
           description: "مدیریت تنظیمات و اطلاعات سازمانی",
           tools: [
+            {
+              id: "project-list",
+              title: "پروژه‌ها",
+              icon: "🌿",
+              action: "showProjectList",
+              description: "مشاهده و مدیریت پروژه‌ها",
+            },
             {
               id: "environment-data",
               title: "اطلاعات محیطی",
@@ -23744,6 +24392,13 @@
           icon: "📋",
           description: "مدیریت بردهای انتشار",
           tools: [
+            {
+              id: "drawings",
+              title: "ترسیم‌ها",
+              icon: "🎨",
+              action: "showDrawings",
+              description: "ترسیم‌ها و دیاگرام‌ها",
+            },
             {
               id: "release-boards",
               title: "بردهای انتشار",
@@ -23812,10 +24467,11 @@
         },
       ],
       appData: {
-        environments: [],
-        products: [],
         boards: [],
+        products: [],
+        drawings: [],
         boardTags: [],
+        environments: [],
         environmentData: [],
       },
     };
@@ -23924,6 +24580,9 @@
           const el = document.getElementById(mid);
           if (el) el.style.zIndex = 1000 + i + 1;
         });
+        if (id === "deploymentModal" && ProjectListManager.returnToProjectDetail) {
+          ProjectListManager.restoreProjectDetailModal();
+        }
       },
       closeTop() {
         if (this.stack.length > 0)
@@ -24605,6 +25264,10 @@
                 });
               });
 
+              if (!ld.drawings) {
+                ld.drawings = [];
+              }
+
               if (!ld.environmentData) {
                 ld.environmentData = [];
               }
@@ -24632,10 +25295,11 @@
         if (!confirm("⚠️ تأیید نهایی؟")) return;
         HistoryManager.pushState();
         projectData.appData = {
-          environments: [],
-          products: [],
           boards: [],
+          products: [],
+          drawings: [],
           boardTags: [],
+          environments: [],
           environmentData: [],
         };
         AutosaveManager.clear();
@@ -24662,12 +25326,18 @@
       showRiskAnalysis() {
         RiskAnalysisManager.open();
       },
+      showDrawings() {
+        DrawingsManager.open();
+      },
       showReleaseBoards() {
         ReleaseBoardsManager.open();
       },
       showTagManager() {
         ReleaseBoardsManager.openTagManager();
       },
+      showProjectList() {
+        ProjectListManager.open();
+      },
       showEnvironmentData() {
         EnvironmentDataManager.openModal();
       },
@@ -25895,25 +26565,9 @@
         if (!prod) return;
         const pr = prod.projects.find((p) => p.id === projId);
         if (!pr) return;
-        const version = document.getElementById("depVersion").value.trim();
-        const date = document.getElementById("depDate").value;
-        const releaseNotes = document
-          .getElementById("depReleaseNotes")
-          .value.trim();
-        const url = document.getElementById("depUrl").value.trim();
-        if (!version) {
-          showToast("نسخه الزامی است", "error");
-          return;
-        }
-        if (!date) {
-          showToast("تاریخ استقرار الزامی است", "error");
-          return;
-        }
-        if (!releaseNotes) {
-          showToast("ریلیز نوت الزامی است", "error");
-          return;
-        }
-        const deploymentDate = new Date(date).toISOString();
+
+        // ... کد موجود (دریافت مقادیر و اعتبارسنجی)
+
         HistoryManager.pushState();
         AutosaveManager.scheduleSave();
         if (!pr.deployments) pr.deployments = [];
@@ -25921,31 +26575,19 @@
         const requiredDeployments = [];
         const requiredExploits = [];
 
-        document
-          .querySelectorAll(
-            '.req-deployment-select[data-dep-type="dependency"]',
-          )
-          .forEach((sel) => {
-            const depProjectId = sel.dataset.depProject;
-            const depDeploymentId = sel.value;
-            if (depProjectId && depDeploymentId)
-              requiredDeployments.push({
-                projectId: depProjectId,
-                deploymentId: depDeploymentId,
-              });
-          });
+        document.querySelectorAll('.req-deployment-select[data-dep-type="dependency"]').forEach((sel) => {
+          const depProjectId = sel.dataset.depProject;
+          const depDeploymentId = sel.value;
+          if (depProjectId && depDeploymentId)
+            requiredDeployments.push({ projectId: depProjectId, deploymentId: depDeploymentId });
+        });
 
-        document
-          .querySelectorAll('.req-deployment-select[data-dep-type="exploit"]')
-          .forEach((sel) => {
-            const expProjectId = sel.dataset.exploitProject;
-            const expDeploymentId = sel.value;
-            if (expProjectId && expDeploymentId)
-              requiredExploits.push({
-                projectId: expProjectId,
-                deploymentId: expDeploymentId,
-              });
-          });
+        document.querySelectorAll('.req-deployment-select[data-dep-type="exploit"]').forEach((sel) => {
+          const expProjectId = sel.dataset.exploitProject;
+          const expDeploymentId = sel.value;
+          if (expProjectId && expDeploymentId)
+            requiredExploits.push({ projectId: expProjectId, deploymentId: expDeploymentId });
+        });
 
         if (this.currentDeploymentMode === "add") {
           const envId = document.getElementById("depEnvironment").value;
@@ -25961,13 +26603,10 @@
             releaseNotes,
             url,
             requiredDeployments,
-            requiredExploits, // 🆕
+            requiredExploits,
             status: "active",
           });
-          showToast(
-            `v${version} در ${this.getEnvironmentName(envId)} استقرار یافت`,
-            "success",
-          );
+          showToast(`v${version} در ${this.getEnvironmentName(envId)} استقرار یافت`, "success");
         } else {
           const depId = this.currentEditDeploymentId;
           const dep = pr.deployments.find((d) => d.id === depId);
@@ -25981,9 +26620,17 @@
             showToast(`استقرار ویرایش شد`, "success");
           }
         }
+
         ModalManager.close("deploymentModal");
         refreshUI();
-        this.showDetail(pid);
+
+        // 🆕 اگر از مودال جزئیات پروژه آمده باشیم، به آنجا برمی‌گردیم
+        if (ProjectListManager.returnToProjectDetail) {
+          ProjectListManager.restoreProjectDetailModal();
+        } else {
+          // در حالت عادی (از داشبورد محصول)، مودال جزئیات محصول را نمایش بده
+          this.showDetail(pid);
+        }
       },
       removeDeployment(productId, projId, depId) {
         if (
@@ -28945,6 +29592,795 @@
         }
       },
     };
+    /* ==================== PROJECT LIST MANAGER ==================== */
+    const ProjectListManager = {
+      currentDetailProjectId: null,  // موجود
+      currentDetailProductId: null,  // موجود
+      returnToProjectDetail: false,
+
+      /**
+       * باز کردن مودال لیست پروژه‌ها
+       */
+      open() {
+        this.populateFilters();
+        this.renderList();
+        this.bindEvents();
+        ModalManager.open("projectListModal");
+      },
+
+      /**
+       * پر کردن دراپ‌داون‌های فیلتر
+       */
+      populateFilters() {
+        // فیلتر محصولات
+        const productSelect = document.getElementById("plProductFilter");
+        if (productSelect) {
+          const products = projectData.appData.products || [];
+          productSelect.innerHTML = '<option value="">📦 همه محصولات</option>' +
+            products.map((p) => `<option value="${p.id}">${this.escapeHtml(p.title)}</option>`).join("");
+        }
+
+        // فیلتر مالکان
+        const ownerSelect = document.getElementById("plOwnerFilter");
+        if (ownerSelect) {
+          const owners = new Set();
+          (projectData.appData.products || []).forEach((prod) => {
+            (prod.projects || []).forEach((pr) => {
+              const owner = pr.metadata?.owner?.trim();
+              if (owner) owners.add(owner);
+            });
+          });
+          const sortedOwners = Array.from(owners).sort((a, b) => a.localeCompare(b, "fa"));
+          ownerSelect.innerHTML = '<option value="">👤 همه مالکان</option>' +
+            sortedOwners.map((o) => `<option value="${this.escapeAttr(o)}">${this.escapeHtml(o)}</option>`).join("");
+        }
+
+        // فیلتر وابستگی به پروژه
+        const depSelect = document.getElementById("plDependencyFilter");
+        if (depSelect) {
+          const allProjects = this.getAllProjects();
+          depSelect.innerHTML = '<option value="">🔗 وابسته به پروژه...</option>' +
+            allProjects.map((p) => `<option value="${p.project.id}">${this.escapeHtml(p.project.title)} (${this.escapeHtml(p.product.title)})</option>`).join("");
+        }
+      },
+
+      /**
+       * دریافت لیست تمام پروژه‌ها به همراه محصول والد
+       */
+      getAllProjects() {
+        const result = [];
+        (projectData.appData.products || []).forEach((prod) => {
+          (prod.projects || []).forEach((pr) => {
+            result.push({ project: pr, product: prod });
+          });
+        });
+        return result;
+      },
+
+      /**
+       * اتصال رویدادها
+       */
+      bindEvents() {
+        const searchEl = document.getElementById("plSearch");
+        const productEl = document.getElementById("plProductFilter");
+        const ownerEl = document.getElementById("plOwnerFilter");
+        const depEl = document.getElementById("plDependencyFilter");
+
+        if (searchEl && !searchEl.dataset.bound) {
+          searchEl.dataset.bound = "true";
+          searchEl.addEventListener("input", () => this.renderList());
+        }
+        if (productEl && !productEl.dataset.bound) {
+          productEl.dataset.bound = "true";
+          productEl.addEventListener("change", () => this.renderList());
+        }
+        if (ownerEl && !ownerEl.dataset.bound) {
+          ownerEl.dataset.bound = "true";
+          ownerEl.addEventListener("change", () => this.renderList());
+        }
+        if (depEl && !depEl.dataset.bound) {
+          depEl.dataset.bound = "true";
+          depEl.addEventListener("change", () => this.renderList());
+        }
+      },
+
+      /**
+       * پاک کردن همه فیلترها
+       */
+      clearFilters() {
+        const searchEl = document.getElementById("plSearch");
+        const productEl = document.getElementById("plProductFilter");
+        const ownerEl = document.getElementById("plOwnerFilter");
+        const depEl = document.getElementById("plDependencyFilter");
+
+        if (searchEl) searchEl.value = "";
+        if (productEl) productEl.value = "";
+        if (ownerEl) ownerEl.value = "";
+        if (depEl) depEl.value = "";
+
+        this.renderList();
+      },
+
+      /**
+       * اعمال فیلترها و دریافت لیست نهایی
+       */
+      getFilteredProjects() {
+        const searchQuery = (document.getElementById("plSearch")?.value || "").trim().toLowerCase();
+        const productFilter = document.getElementById("plProductFilter")?.value || "";
+        const ownerFilter = document.getElementById("plOwnerFilter")?.value || "";
+        const depFilter = document.getElementById("plDependencyFilter")?.value || "";
+
+        let projects = this.getAllProjects();
+
+        // فیلتر محصول
+        if (productFilter) {
+          projects = projects.filter((p) => p.product.id === productFilter);
+        }
+
+        // فیلتر مالک
+        if (ownerFilter) {
+          projects = projects.filter((p) =>
+            (p.project.metadata?.owner || "").trim() === ownerFilter
+          );
+        }
+
+        // فیلتر وابستگی: پروژه‌هایی که به پروژه انتخاب شده وابستگی دارند
+        if (depFilter) {
+          projects = projects.filter((p) => {
+            const deps = p.project.dependencies || [];
+            const exploits = p.project.exploits || [];
+            return deps.includes(depFilter) || exploits.includes(depFilter);
+          });
+        }
+
+        // جستجوی متنی
+        if (searchQuery) {
+          projects = projects.filter((p) => {
+            const title = (p.project.title || "").toLowerCase();
+            const desc = (p.project.description || "").toLowerCase();
+            const owner = (p.project.metadata?.owner || "").toLowerCase();
+            const productTitle = (p.product.title || "").toLowerCase();
+            const repo = (p.project.repositoryUrl || "").toLowerCase();
+            const framework = (p.project.metadata?.framework || "").toLowerCase();
+            const language = (p.project.metadata?.language || "").toLowerCase();
+            return title.includes(searchQuery) ||
+              desc.includes(searchQuery) ||
+              owner.includes(searchQuery) ||
+              productTitle.includes(searchQuery) ||
+              repo.includes(searchQuery) ||
+              framework.includes(searchQuery) ||
+              language.includes(searchQuery);
+          });
+        }
+
+        return projects;
+      },
+
+      /**
+       * رسم لیست پروژه‌ها
+       */
+      renderList() {
+        const grid = document.getElementById("projectListGrid");
+        const stats = document.getElementById("plStats");
+        if (!grid) return;
+
+        const filtered = this.getFilteredProjects();
+        const total = this.getAllProjects().length;
+
+        if (stats) {
+          stats.textContent = filtered.length === total
+            ? `${total} پروژه`
+            : `${filtered.length} از ${total} پروژه`;
+        }
+
+        if (filtered.length === 0) {
+          grid.innerHTML = `
+        <div class="pl-empty">
+          <div class="pl-empty-icon">🔍</div>
+          <div style="font-weight:600;margin-bottom:4px">پروژه‌ای یافت نشد</div>
+          <div style="font-size:11px">فیلترها را تغییر دهید یا پاک کنید</div>
+        </div>
+      `;
+          return;
+        }
+
+        grid.innerHTML = filtered.map((item) => this.renderCard(item)).join("");
+      },
+
+      /**
+       * رسم یک کارت پروژه
+       */
+      renderCard(item) {
+        const pr = item.project;
+        const prod = item.product;
+        const ti = ProductManager.getTypeInfo(pr.type);
+        const activeDeploys = ProductManager.getActiveDeployments(pr);
+        const depsCount = (pr.dependencies || []).length;
+        const exploitsCount = (pr.exploits || []).length;
+        const owner = pr.metadata?.owner;
+        const framework = pr.metadata?.framework;
+        const language = pr.metadata?.language;
+        const repoUrl = pr.repositoryUrl?.trim();
+
+        let html = `<div class="pl-card">`;
+
+        // هدر کارت
+        html += `<div class="pl-card-header">
+      <div class="pl-card-title">
+        <span>${ti.icon}</span>
+        <span>${this.escapeHtml(pr.title)}</span>
+        <span class="type-badge type-${pr.type}" style="font-size:9px">${ti.label}</span>
+      </div>
+    </div>`;
+
+        // نام محصول والد
+        html += `<div><span class="pl-card-product">📦 ${this.escapeHtml(prod.title)}</span></div>`;
+
+        // متادیتا
+        html += `<div class="pl-card-meta">`;
+        if (owner) {
+          html += `<span class="pl-card-meta-item">👤 ${this.escapeHtml(owner)}</span>`;
+        }
+        if (framework) {
+          html += `<span class="pl-card-meta-item">⚙️ ${this.escapeHtml(framework)}</span>`;
+        }
+        if (language) {
+          html += `<span class="pl-card-meta-item">💻 ${this.escapeHtml(language)}</span>`;
+        }
+        html += `<span class="pl-card-meta-item">🚀 ${activeDeploys.length} استقرار</span>`;
+        if (depsCount > 0) {
+          html += `<span class="pl-card-meta-item">🔗 ${depsCount} وابستگی</span>`;
+        }
+        if (exploitsCount > 0) {
+          html += `<span class="pl-card-meta-item">🔌 ${exploitsCount} سرویس</span>`;
+        }
+        html += `</div>`;
+
+        // توضیحات
+        if (pr.description) {
+          html += `<div style="font-size:10px;color:var(--text-muted);line-height:1.5">${this.escapeHtml(pr.description)}</div>`;
+        }
+
+        // پیوند مخزن کد
+        if (repoUrl) {
+          html += `<a href="${this.escapeAttr(repoUrl)}" target="_blank" rel="noopener noreferrer" class="pl-card-repo" title="${this.escapeAttr(repoUrl)}">
+        🔗 ${this.escapeHtml(repoUrl)}
+      </a>`;
+        }
+
+        // فوتر با دکمه جزئیات
+        html += `<div class="pl-card-footer">
+      <button class="btn btn-accent btn-sm" onclick="ProjectListManager.showProjectDetail('${pr.id}')">📋 جزئیات</button>
+    </div>`;
+
+        html += `</div>`;
+        return html;
+      },
+
+      /**
+       * نمایش جزئیات کامل یک پروژه
+       */
+      showProjectDetail(projectId) {
+        const item = this.getAllProjects().find((p) => p.project.id === projectId);
+        if (!item) {
+          showToast("❌ پروژه یافت نشد", "error");
+          return;
+        }
+
+        const pr = item.project;
+        const prod = item.product;
+        const ti = ProductManager.getTypeInfo(pr.type);
+        const activeDeploys = ProductManager.getActiveDeployments(pr);
+        const archivedDeploys = (pr.deployments || []).filter((d) => d.status === "archived");
+        const deps = pr.dependencies || [];
+        const exploits = pr.exploits || [];
+
+        // ذخیره اطلاعات برای استفاده در دکمه استقرار
+        this.currentDetailProjectId = pr.id;
+        this.currentDetailProductId = prod.id;
+
+        // عنوان مودال
+        document.getElementById("pdvTitle").innerHTML = `${ti.icon} ${this.escapeHtml(pr.title)}`;
+
+        let html = "";
+
+        // ═══════════════════════════════════════════
+        // بخش اطلاعات کلی
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">ℹ️ اطلاعات کلی</div>
+    <div class="pdv-info-grid">
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">شناسه</span>
+        <span class="pdv-info-value" style="font-family:monospace;direction:ltr">${pr.id}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">نوع</span>
+        <span class="pdv-info-value">${ti.icon} ${ti.label}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">محصول والد</span>
+        <span class="pdv-info-value">📦 ${this.escapeHtml(prod.title)}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">مالک</span>
+        <span class="pdv-info-value">${pr.metadata?.owner ? "👤 " + this.escapeHtml(pr.metadata.owner) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">فریم‌ورک</span>
+        <span class="pdv-info-value">${pr.metadata?.framework ? this.escapeHtml(pr.metadata.framework) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">زبان</span>
+        <span class="pdv-info-value">${pr.metadata?.language ? this.escapeHtml(pr.metadata.language) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">تاریخ ایجاد</span>
+        <span class="pdv-info-value">${pr.metadata?.createdAt ? new Date(pr.metadata.createdAt).toLocaleDateString("fa-IR") : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">تعداد استقرار فعال</span>
+        <span class="pdv-info-value">${activeDeploys.length}</span>
+      </div>
+    </div>
+  </div>`;
+
+        // ═══════════════════════════════════════════
+        // توضیحات
+        // ═══════════════════════════════════════════
+        if (pr.description) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title">📝 توضیحات</div>
+      <div style="font-size:12px;line-height:1.8;color:var(--text)">${this.escapeHtml(pr.description)}</div>
+    </div>`;
+        }
+
+        // ═══════════════════════════════════════════
+        // پیوند مخزن کد
+        // ═══════════════════════════════════════════
+        if (pr.repositoryUrl?.trim()) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title">🔗 مخزن کد</div>
+      <a href="${this.escapeAttr(pr.repositoryUrl)}" target="_blank" rel="noopener noreferrer" class="pl-card-repo" style="font-size:12px">
+        ${this.escapeHtml(pr.repositoryUrl)}
+      </a>
+    </div>`;
+        }
+
+        // ═══════════════════════════════════════════
+        // 🆕 وابستگی‌های سخت (در صورت وجود)
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">🔗 وابستگی‌های سخت (${deps.length})</div>`;
+
+        if (deps.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ وابستگی سختی ثبت نشده است</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          deps.forEach((depId) => {
+            const depPr = ProductManager.findProjectById(depId);
+            if (depPr) {
+              const depTi = ProductManager.getTypeInfo(depPr.type);
+              const depProd = this.findProductOfProject(depId);
+              const depProdName = depProd ? depProd.title : "";
+              const depActiveDeploys = ProductManager.getActiveDeployments(depPr);
+
+              html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px;border:1px solid var(--border)">
+          <span style="font-size:14px">${depTi.icon}</span>
+          <div style="flex:1">
+            <div style="font-size:11px;font-weight:600;color:var(--text)">${this.escapeHtml(depPr.title)}</div>
+            <div style="font-size:9px;color:var(--text-muted)">📦 ${this.escapeHtml(depProdName)} • 🚀 ${depActiveDeploys.length} استقرار فعال</div>
+          </div>
+          <span class="type-badge type-${depPr.type}" style="font-size:8px">${depTi.label}</span>
+        </div>`;
+            } else {
+              html += `<div style="font-size:10px;color:var(--danger);padding:4px 8px">⚠️ وابستگی شکسته: ${depId}</div>`;
+            }
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // 🆕 وابستگی‌های نرم - سرویس‌های مورد استفاده
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title" style="color:#4299e1">🔌 سرویس‌های مورد استفاده (${exploits.length})</div>`;
+
+        if (exploits.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ سرویسی ثبت نشده است</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          exploits.forEach((expId) => {
+            const expPr = ProductManager.findProjectById(expId);
+            if (expPr) {
+              const expTi = ProductManager.getTypeInfo(expPr.type);
+              const expProd = this.findProductOfProject(expId);
+              const expProdName = expProd ? expProd.title : "";
+              const expActiveDeploys = ProductManager.getActiveDeployments(expPr);
+
+              html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px;border:1px solid rgba(66,153,225,0.2)">
+          <span style="font-size:14px">${expTi.icon}</span>
+          <div style="flex:1">
+            <div style="font-size:11px;font-weight:600;color:var(--text)">${this.escapeHtml(expPr.title)}</div>
+            <div style="font-size:9px;color:var(--text-muted)">📦 ${this.escapeHtml(expProdName)} • 🚀 ${expActiveDeploys.length} استقرار فعال</div>
+          </div>
+          <span class="type-badge type-${expPr.type}" style="font-size:8px">${expTi.label}</span>
+        </div>`;
+            } else {
+              html += `<div style="font-size:10px;color:var(--danger);padding:4px 8px">⚠️ سرویس شکسته: ${expId}</div>`;
+            }
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // استقرارهای فعال
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">🚀 استقرارهای فعال (${activeDeploys.length})</div>`;
+
+        if (activeDeploys.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ استقرار فعالی وجود ندارد</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          activeDeploys.forEach((d) => {
+            const env = ProductManager.getEnvironmentName(d.environmentId);
+            const cl = ProductManager.getEnvironmentColors(d.environmentId);
+            const fd = d.deploymentDate ? new Date(d.deploymentDate).toLocaleDateString("fa-IR") : "—";
+
+            html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px">
+        <span class="deployment-env-tag" style="background-color:${cl.backgroundColor};color:${cl.textColor};font-size:9px">${env}</span>
+        <span style="font-size:11px;font-weight:700;color:var(--text)">v${d.version}</span>
+        <span style="font-size:10px;color:var(--text-muted)">📅 ${fd}</span>
+        ${d.url ? `<a href="${this.escapeAttr(d.url)}" target="_blank" style="font-size:9px;color:var(--info);margin-right:auto">🌐</a>` : ""}
+      </div>`;
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // تاریخچه استقرارها (آرشیوشده)
+        // ═══════════════════════════════════════════
+        if (archivedDeploys.length > 0) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title" style="color:var(--warning)">📜 تاریخچه استقرارها (${archivedDeploys.length})</div>
+      <div style="display:flex;flex-direction:column;gap:4px">`;
+
+          archivedDeploys.forEach((d) => {
+            const env = ProductManager.getEnvironmentName(d.environmentId);
+            html += `<div style="font-size:10px;padding:4px 8px;opacity:0.7;display:flex;gap:8px;align-items:center">
+        <span>${env}</span>
+        <span>v${d.version}</span>
+        ${d.archivedAt ? `<span style="color:var(--warning)">📦 ${new Date(d.archivedAt).toLocaleDateString("fa-IR")}</span>` : ""}
+      </div>`;
+          });
+
+          html += `</div></div>`;
+        }
+
+        document.getElementById("pdvBody").innerHTML = html;
+        ModalManager.open("projectDetailViewModal");
+      },
+
+      /**
+       * 🆕 متد کمکی: یافتن محصول والد یک پروژه بر اساس شناسه پروژه
+       */
+      findProductOfProject(projectId) {
+        for (const prod of (projectData.appData.products || [])) {
+          if ((prod.projects || []).some((pr) => pr.id === projectId)) {
+            return prod;
+          }
+        }
+        return null;
+      },
+
+      /**
+       * 🆕 باز کردن مودال استقرار برای پروژه جاری
+       * از همان مودال استقرار بخش مدیریت محصولات استفاده می‌کند
+       */
+      openDeploymentModal() {
+        const projectId = this.currentDetailProjectId;
+        const productId = this.currentDetailProductId;
+
+        if (!projectId || !productId) {
+          showToast("❌ پروژه مشخص نشده است", "error");
+          return;
+        }
+
+        if (!projectData.appData.environments || projectData.appData.environments.length === 0) {
+          showToast("⚠️ ابتدا یک محیط عملیاتی ایجاد کنید", "warning");
+          return;
+        }
+
+        // تنظیم محصول برای سازگاری با متد ذخیره استقرار
+        ProductManager.currentDetailProductId = productId;
+
+        // 🆕 تنظیم فلگ بازگشت به مودال جزئیات
+        this.returnToProjectDetail = true;
+
+        // 🆕 مخفی کردن موقت مودال جزئیات (نه بستن کامل)
+        const pdvModal = document.getElementById("projectDetailViewModal");
+        if (pdvModal) {
+          pdvModal.style.display = "none";
+        }
+
+        // باز کردن مودال استقرار
+        ProductManager.openAddDeploymentModal(productId, projectId);
+      },
+
+      /**
+       * 🆕 متد بازگرداندن مودال جزئیات پروژه
+       * پس از بسته شدن مودال استقرار فراخوانی می‌شود
+       */
+      restoreProjectDetailModal() {
+        if (!this.returnToProjectDetail) return;
+
+        this.returnToProjectDetail = false;
+
+        // 🆕 به‌روزرسانی محتوای مودال جزئیات با داده‌های جدید
+        const projectId = this.currentDetailProjectId;
+        const item = this.getAllProjects().find((p) => p.project.id === projectId);
+        if (item) {
+          // بازسازی محتوای بدنه مودال
+          this.rebuildProjectDetailContent(item);
+        }
+
+        const pdvModal = document.getElementById("projectDetailViewModal");
+        if (pdvModal) {
+          pdvModal.style.display = "";
+          ModalManager.open("projectDetailViewModal");
+        }
+      },
+
+      rebuildProjectDetailContent(item) {
+        if (!item) {
+          showToast("❌ پروژه یافت نشد", "error");
+          return;
+        }
+
+        const pr = item.project;
+        const prod = item.product;
+        const ti = ProductManager.getTypeInfo(pr.type);
+        const activeDeploys = ProductManager.getActiveDeployments(pr);
+        const archivedDeploys = (pr.deployments || []).filter((d) => d.status === "archived");
+        const deps = pr.dependencies || [];
+        const exploits = pr.exploits || [];
+
+        // ذخیره اطلاعات برای استفاده در دکمه استقرار
+        this.currentDetailProjectId = pr.id;
+        this.currentDetailProductId = prod.id;
+
+        // عنوان مودال
+        document.getElementById("pdvTitle").innerHTML = `${ti.icon} ${this.escapeHtml(pr.title)}`;
+
+        let html = "";
+
+        // ═══════════════════════════════════════════
+        // بخش اطلاعات کلی
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">ℹ️ اطلاعات کلی</div>
+    <div class="pdv-info-grid">
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">شناسه</span>
+        <span class="pdv-info-value" style="font-family:monospace;direction:ltr">${pr.id}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">نوع</span>
+        <span class="pdv-info-value">${ti.icon} ${ti.label}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">محصول والد</span>
+        <span class="pdv-info-value">📦 ${this.escapeHtml(prod.title)}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">مالک</span>
+        <span class="pdv-info-value">${pr.metadata?.owner ? "👤 " + this.escapeHtml(pr.metadata.owner) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">فریم‌ورک</span>
+        <span class="pdv-info-value">${pr.metadata?.framework ? this.escapeHtml(pr.metadata.framework) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">زبان</span>
+        <span class="pdv-info-value">${pr.metadata?.language ? this.escapeHtml(pr.metadata.language) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">تاریخ ایجاد</span>
+        <span class="pdv-info-value">${pr.metadata?.createdAt ? new Date(pr.metadata.createdAt).toLocaleDateString("fa-IR") : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">تعداد استقرار فعال</span>
+        <span class="pdv-info-value">${activeDeploys.length}</span>
+      </div>
+    </div>
+  </div>`;
+
+        // ═══════════════════════════════════════════
+        // توضیحات
+        // ═══════════════════════════════════════════
+        if (pr.description) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title">📝 توضیحات</div>
+      <div style="font-size:12px;line-height:1.8;color:var(--text)">${this.escapeHtml(pr.description)}</div>
+    </div>`;
+        }
+
+        // ═══════════════════════════════════════════
+        // پیوند مخزن کد
+        // ═══════════════════════════════════════════
+        if (pr.repositoryUrl?.trim()) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title">🔗 مخزن کد</div>
+      <a href="${this.escapeAttr(pr.repositoryUrl)}" target="_blank" rel="noopener noreferrer" class="pl-card-repo" style="font-size:12px">
+        ${this.escapeHtml(pr.repositoryUrl)}
+      </a>
+    </div>`;
+        }
+
+        // ═══════════════════════════════════════════
+        // 🆕 وابستگی‌های سخت (در صورت وجود)
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">🔗 وابستگی‌های سخت (${deps.length})</div>`;
+
+        if (deps.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ وابستگی سختی ثبت نشده است</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          deps.forEach((depId) => {
+            const depPr = ProductManager.findProjectById(depId);
+            if (depPr) {
+              const depTi = ProductManager.getTypeInfo(depPr.type);
+              const depProd = this.findProductOfProject(depId);
+              const depProdName = depProd ? depProd.title : "";
+              const depActiveDeploys = ProductManager.getActiveDeployments(depPr);
+
+              html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px;border:1px solid var(--border)">
+          <span style="font-size:14px">${depTi.icon}</span>
+          <div style="flex:1">
+            <div style="font-size:11px;font-weight:600;color:var(--text)">${this.escapeHtml(depPr.title)}</div>
+            <div style="font-size:9px;color:var(--text-muted)">📦 ${this.escapeHtml(depProdName)} • 🚀 ${depActiveDeploys.length} استقرار فعال</div>
+          </div>
+          <span class="type-badge type-${depPr.type}" style="font-size:8px">${depTi.label}</span>
+        </div>`;
+            } else {
+              html += `<div style="font-size:10px;color:var(--danger);padding:4px 8px">⚠️ وابستگی شکسته: ${depId}</div>`;
+            }
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // 🆕 وابستگی‌های نرم - سرویس‌های مورد استفاده
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title" style="color:#4299e1">🔌 سرویس‌های مورد استفاده (${exploits.length})</div>`;
+
+        if (exploits.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ سرویسی ثبت نشده است</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          exploits.forEach((expId) => {
+            const expPr = ProductManager.findProjectById(expId);
+            if (expPr) {
+              const expTi = ProductManager.getTypeInfo(expPr.type);
+              const expProd = this.findProductOfProject(expId);
+              const expProdName = expProd ? expProd.title : "";
+              const expActiveDeploys = ProductManager.getActiveDeployments(expPr);
+
+              html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px;border:1px solid rgba(66,153,225,0.2)">
+          <span style="font-size:14px">${expTi.icon}</span>
+          <div style="flex:1">
+            <div style="font-size:11px;font-weight:600;color:var(--text)">${this.escapeHtml(expPr.title)}</div>
+            <div style="font-size:9px;color:var(--text-muted)">📦 ${this.escapeHtml(expProdName)} • 🚀 ${expActiveDeploys.length} استقرار فعال</div>
+          </div>
+          <span class="type-badge type-${expPr.type}" style="font-size:8px">${expTi.label}</span>
+        </div>`;
+            } else {
+              html += `<div style="font-size:10px;color:var(--danger);padding:4px 8px">⚠️ سرویس شکسته: ${expId}</div>`;
+            }
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // استقرارهای فعال
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">🚀 استقرارهای فعال (${activeDeploys.length})</div>`;
+
+        if (activeDeploys.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ استقرار فعالی وجود ندارد</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          activeDeploys.forEach((d) => {
+            const env = ProductManager.getEnvironmentName(d.environmentId);
+            const cl = ProductManager.getEnvironmentColors(d.environmentId);
+            const fd = d.deploymentDate ? new Date(d.deploymentDate).toLocaleDateString("fa-IR") : "—";
+
+            html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px">
+        <span class="deployment-env-tag" style="background-color:${cl.backgroundColor};color:${cl.textColor};font-size:9px">${env}</span>
+        <span style="font-size:11px;font-weight:700;color:var(--text)">v${d.version}</span>
+        <span style="font-size:10px;color:var(--text-muted)">📅 ${fd}</span>
+        ${d.url ? `<a href="${this.escapeAttr(d.url)}" target="_blank" style="font-size:9px;color:var(--info);margin-right:auto">🌐</a>` : ""}
+      </div>`;
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // تاریخچه استقرارها (آرشیوشده)
+        // ═══════════════════════════════════════════
+        if (archivedDeploys.length > 0) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title" style="color:var(--warning)">📜 تاریخچه استقرارها (${archivedDeploys.length})</div>
+      <div style="display:flex;flex-direction:column;gap:4px">`;
+
+          archivedDeploys.forEach((d) => {
+            const env = ProductManager.getEnvironmentName(d.environmentId);
+            html += `<div style="font-size:10px;padding:4px 8px;opacity:0.7;display:flex;gap:8px;align-items:center">
+        <span>${env}</span>
+        <span>v${d.version}</span>
+        ${d.archivedAt ? `<span style="color:var(--warning)">📦 ${new Date(d.archivedAt).toLocaleDateString("fa-IR")}</span>` : ""}
+      </div>`;
+          });
+
+          html += `</div></div>`;
+        }
+
+        document.getElementById("pdvBody").innerHTML = html;
+      },
+
+      /**
+       * 🆕 متد به‌روزرسانی محتوای مودال جزئیات بدون باز کردن مودال جدید
+       * برای نمایش استقرارهای جدید اضافه شده
+       */
+      refreshProjectDetail(projectId) {
+        const item = this.getAllProjects().find((p) => p.project.id === projectId);
+        if (!item) return;
+
+        // ذخیره شناسه‌ها برای استفاده بعدی
+        const savedProjectId = this.currentDetailProjectId;
+        const savedProductId = this.currentDetailProductId;
+
+        // بازسازی محتوای مودال
+        this.showProjectDetail(projectId);
+
+        // 🆕 بستن مودالی که در showProjectDetail باز شده
+        // و فقط محتوای آن را نگه می‌داریم
+        // این کار به صورت مستقیم در restoreProjectDetailModal انجام می‌شود
+      },
+
+      /**
+       * کمکی: فرار دادن کاراکترهای خاص برای HTML
+       */
+      escapeHtml(str) {
+        if (!str) return "";
+        const div = document.createElement("div");
+        div.textContent = str;
+        return div.innerHTML;
+      },
+
+      /**
+       * کمکی: فرار دادن برای اتریبیوت
+       */
+      escapeAttr(str) {
+        if (!str) return "";
+        return str
+          .replace(/&/g, "&amp;")
+          .replace(/"/g, "&quot;")
+          .replace(/'/g, "&#39;")
+          .replace(/</g, "&lt;")
+          .replace(/>/g, "&gt;");
+      },
+    };
     /* ==================== AUTOSAVE MANAGER ==================== */
     const AutosaveManager = {
       STORAGE_KEY: "xrelease-appdata-autosave",
@@ -30417,6 +31853,695 @@ ${checklistHtml}
         );
       },
     };
+    /* ==================== DRAWINGS MANAGER ==================== */
+    const DrawingsManager = {
+      activeDrawingId: null,
+      currentTool: "select",
+      currentColor: "#4299e1",
+      zoom: 1,
+      undoStack: [],
+      redoStack: [],
+      isDrawing: false,
+      startX: 0,
+      startY: 0,
+      currentPath: [],
+      selectedShapeId: null,
+      dragOffset: { x: 0, y: 0 },
+      isDragging: false,
+
+      open() {
+        ModalManager.open("drawingsModal");
+        setTimeout(() => {
+          this.renderTabs();
+          this.bindCanvasEvents();
+          if (projectData.appData.drawings?.length > 0 && !this.activeDrawingId) {
+            this.setActiveDrawing(projectData.appData.drawings[0].id);
+          } else {
+            this.updateCanvasVisibility();
+          }
+        }, 100);
+      },
+
+      getActiveDrawing() {
+        return (projectData.appData.drawings || []).find((d) => d.id === this.activeDrawingId);
+      },
+
+      renderTabs() {
+        const tabsBar = document.getElementById("drawingsTabsBar");
+        if (!tabsBar) return;
+        const drawings = projectData.appData.drawings || [];
+
+        if (drawings.length === 0) {
+          tabsBar.innerHTML = '<div class="drawings-empty-tabs">هیچ ترسیمی ایجاد نشده است</div>';
+          return;
+        }
+
+        tabsBar.innerHTML = drawings.map((d) => {
+          const isActive = d.id === this.activeDrawingId;
+          return `<div class="drawings-tab ${isActive ? "active" : ""}" onclick="DrawingsManager.setActiveDrawing('${d.id}')">
+        <span>🎨 ${this.escapeHtml(d.title)}</span>
+        <span class="drawings-tab-close" onclick="event.stopPropagation();DrawingsManager.deleteDrawing('${d.id}')" title="حذف">✕</span>
+      </div>`;
+        }).join("");
+      },
+
+      openNewDrawingModal() {
+        document.getElementById("newDrawingTitle").value = "";
+        document.getElementById("newDrawingDescription").value = "";
+        ModalManager.open("newDrawingModal");
+      },
+
+      createDrawing() {
+        const title = document.getElementById("newDrawingTitle").value.trim();
+        const description = document.getElementById("newDrawingDescription").value.trim();
+
+        if (!title) {
+          showToast("⚠️ عنوان الزامی است", "error");
+          return;
+        }
+
+        HistoryManager.pushState();
+        AutosaveManager.scheduleSave();
+
+        if (!projectData.appData.drawings) projectData.appData.drawings = [];
+
+        const newDrawing = {
+          id: `draw-${Date.now()}`,
+          title,
+          description,
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          canvasWidth: 1200,
+          canvasHeight: 800,
+          shapes: [],
+        };
+
+        projectData.appData.drawings.push(newDrawing);
+        this.activeDrawingId = newDrawing.id;
+        this.undoStack = [];
+        this.redoStack = [];
+
+        ModalManager.close("newDrawingModal");
+        this.renderTabs();
+        this.updateCanvasVisibility();
+        this.setupCanvas();
+        this.redraw();
+
+        document.getElementById("drawingsActiveTitle").textContent = title;
+        showToast(`✅ ترسیم «${title}» ایجاد شد`, "success");
+      },
+
+      setActiveDrawing(drawingId) {
+        this.activeDrawingId = drawingId;
+        this.undoStack = [];
+        this.redoStack = [];
+        this.renderTabs();
+        this.updateCanvasVisibility();
+        this.setupCanvas();
+        this.redraw();
+
+        const drawing = this.getActiveDrawing();
+        if (drawing) {
+          document.getElementById("drawingsActiveTitle").textContent = drawing.title;
+        }
+      },
+
+      deleteDrawing(drawingId) {
+        const drawing = (projectData.appData.drawings || []).find((d) => d.id === drawingId);
+        if (!drawing) return;
+
+        if (!confirm(`حذف ترسیم «${drawing.title}»؟`)) return;
+
+        HistoryManager.pushState();
+        AutosaveManager.scheduleSave();
+
+        projectData.appData.drawings = projectData.appData.drawings.filter((d) => d.id !== drawingId);
+
+        if (this.activeDrawingId === drawingId) {
+          this.activeDrawingId = projectData.appData.drawings[0]?.id || null;
+        }
+
+        this.renderTabs();
+        this.updateCanvasVisibility();
+
+        if (this.activeDrawingId) {
+          this.setupCanvas();
+          this.redraw();
+          const activeDrawing = this.getActiveDrawing();
+          document.getElementById("drawingsActiveTitle").textContent = activeDrawing?.title || "";
+        } else {
+          document.getElementById("drawingsActiveTitle").textContent = "هیچ ترسیمی فعال نیست";
+        }
+
+        showToast("🗑️ ترسیم حذف شد", "warning");
+      },
+
+      updateCanvasVisibility() {
+        const toolsBar = document.getElementById("drawingsToolsBar");
+        const emptyState = document.getElementById("drawingsEmptyState");
+        const canvas = document.getElementById("drawingsCanvas");
+        const hasDrawing = !!this.getActiveDrawing();
+
+        toolsBar.style.display = hasDrawing ? "flex" : "none";
+        emptyState.style.display = hasDrawing ? "none" : "flex";
+        canvas.style.display = hasDrawing ? "block" : "none";
+      },
+
+      setupCanvas() {
+        const drawing = this.getActiveDrawing();
+        if (!drawing) return;
+
+        const canvas = document.getElementById("drawingsCanvas");
+        canvas.width = drawing.canvasWidth;
+        canvas.height = drawing.canvasHeight;
+
+        document.getElementById("drawingsCanvasWidth").value = drawing.canvasWidth;
+        document.getElementById("drawingsCanvasHeight").value = drawing.canvasHeight;
+
+        this.zoom = 1;
+        this.updateZoomLabel();
+        canvas.style.transform = "";
+      },
+
+      resizeCanvas() {
+        const drawing = this.getActiveDrawing();
+        if (!drawing) return;
+
+        const newWidth = parseInt(document.getElementById("drawingsCanvasWidth").value) || 1200;
+        const newHeight = parseInt(document.getElementById("drawingsCanvasHeight").value) || 800;
+
+        if (newWidth < 400 || newWidth > 5000 || newHeight < 300 || newHeight > 5000) {
+          showToast("⚠️ ابعاد باید بین ۴۰۰ تا ۵۰۰۰ باشد", "warning");
+          return;
+        }
+
+        this.pushUndo();
+        drawing.canvasWidth = newWidth;
+        drawing.canvasHeight = newHeight;
+        drawing.updatedAt = new Date().toISOString();
+
+        AutosaveManager.scheduleSave();
+        this.setupCanvas();
+        this.redraw();
+        showToast("📐 ابعاد کانواس تغییر کرد", "success");
+      },
+
+      bindCanvasEvents() {
+        const canvas = document.getElementById("drawingsCanvas");
+
+        canvas.addEventListener("mousedown", (e) => this.onMouseDown(e));
+        canvas.addEventListener("mousemove", (e) => this.onMouseMove(e));
+        canvas.addEventListener("mouseup", (e) => this.onMouseUp(e));
+        canvas.addEventListener("mouseleave", (e) => this.onMouseUp(e));
+
+        // اتصال رویداد ابزارها
+        document.querySelectorAll(".drawings-tools-bar .tool-btn[data-tool]").forEach((btn) => {
+          btn.addEventListener("click", () => {
+            this.currentTool = btn.dataset.tool;
+            document.querySelectorAll(".drawings-tools-bar .tool-btn[data-tool]").forEach((b) => b.classList.remove("active"));
+            btn.classList.add("active");
+          });
+        });
+
+        // اتصال رویداد رنگ‌ها
+        document.querySelectorAll(".color-option").forEach((opt) => {
+          opt.addEventListener("click", () => {
+            this.currentColor = opt.dataset.color;
+            document.getElementById("drawingsColorSwatch").style.background = this.currentColor;
+            document.getElementById("drawingsColorMenu").style.display = "none";
+          });
+        });
+
+        document.getElementById("drawingsCustomColor")?.addEventListener("input", (e) => {
+          this.currentColor = e.target.value;
+          document.getElementById("drawingsColorSwatch").style.background = this.currentColor;
+        });
+      },
+
+      toggleColorMenu() {
+        const menu = document.getElementById("drawingsColorMenu");
+        menu.style.display = menu.style.display === "none" ? "block" : "none";
+      },
+
+      getCanvasCoords(e) {
+        const canvas = document.getElementById("drawingsCanvas");
+        const rect = canvas.getBoundingClientRect();
+        return {
+          x: (e.clientX - rect.left) / this.zoom,
+          y: (e.clientY - rect.top) / this.zoom,
+        };
+      },
+
+      onMouseDown(e) {
+        const drawing = this.getActiveDrawing();
+        if (!drawing) return;
+
+        const { x, y } = this.getCanvasCoords(e);
+        this.startX = x;
+        this.startY = y;
+        this.isDrawing = true;
+
+        if (this.currentTool === "select") {
+          const shape = this.findShapeAt(x, y);
+          if (shape) {
+            this.selectedShapeId = shape.id;
+            this.isDragging = true;
+            this.dragOffset = { x: x - shape.x, y: y - shape.y };
+            this.pushUndo();
+          }
+          this.redraw();
+          return;
+        }
+
+        if (this.currentTool === "pen") {
+          this.currentPath = [{ x, y }];
+        }
+
+        if (this.currentTool === "text") {
+          const text = prompt("متن را وارد کنید:");
+          if (text) {
+            this.pushUndo();
+            this.addShape({
+              type: "text",
+              x, y,
+              text,
+              fillColor: this.currentColor,
+            });
+          }
+          this.isDrawing = false;
+          return;
+        }
+
+        if (this.currentTool === "eraser") {
+          const shape = this.findShapeAt(x, y);
+          if (shape) {
+            this.pushUndo();
+            drawing.shapes = drawing.shapes.filter((s) => s.id !== shape.id);
+            AutosaveManager.scheduleSave();
+            drawing.updatedAt = new Date().toISOString();
+            this.redraw();
+          }
+          this.isDrawing = false;
+          return;
+        }
+      },
+
+      onMouseMove(e) {
+        const drawing = this.getActiveDrawing();
+        if (!drawing || !this.isDrawing) return;
+
+        const { x, y } = this.getCanvasCoords(e);
+
+        if (this.isDragging && this.selectedShapeId) {
+          const shape = drawing.shapes.find((s) => s.id === this.selectedShapeId);
+          if (shape) {
+            shape.x = x - this.dragOffset.x;
+            shape.y = y - this.dragOffset.y;
+            this.redraw();
+          }
+          return;
+        }
+
+        if (this.currentTool === "pen") {
+          this.currentPath.push({ x, y });
+          this.redraw();
+          // رسم موقت مسیر فعلی
+          const ctx = document.getElementById("drawingsCanvas").getContext("2d");
+          ctx.strokeStyle = this.currentColor;
+          ctx.lineWidth = 2;
+          ctx.beginPath();
+          this.currentPath.forEach((p, i) => {
+            if (i === 0) ctx.moveTo(p.x, p.y);
+            else ctx.lineTo(p.x, p.y);
+          });
+          ctx.stroke();
+          return;
+        }
+
+        // پیش‌نمایش شکل در حال رسم
+        this.redraw();
+        const ctx = document.getElementById("drawingsCanvas").getContext("2d");
+        ctx.strokeStyle = this.currentColor;
+        ctx.lineWidth = 2;
+        this.drawShapePreview(ctx, this.startX, this.startY, x, y);
+      },
+
+      onMouseUp(e) {
+        const drawing = this.getActiveDrawing();
+        if (!drawing) return;
+
+        if (this.isDragging) {
+          this.isDragging = false;
+          AutosaveManager.scheduleSave();
+          drawing.updatedAt = new Date().toISOString();
+          return;
+        }
+
+        if (!this.isDrawing) return;
+        this.isDrawing = false;
+
+        const { x, y } = this.getCanvasCoords(e);
+
+        if (this.currentTool === "pen" && this.currentPath.length > 1) {
+          this.pushUndo();
+          this.addShape({
+            type: "pen",
+            points: [...this.currentPath],
+            strokeColor: this.currentColor,
+          });
+          this.currentPath = [];
+          return;
+        }
+
+        if (["line", "rectangle", "circle", "diamond", "arrow",
+          "uml-class", "uml-interface", "uml-package",
+          "flow-start", "flow-process", "flow-decision", "flow-io"].includes(this.currentTool)) {
+          if (Math.abs(x - this.startX) > 5 || Math.abs(y - this.startY) > 5) {
+            this.pushUndo();
+            this.addShape({
+              type: this.currentTool,
+              x: Math.min(this.startX, x),
+              y: Math.min(this.startY, y),
+              width: Math.abs(x - this.startX),
+              height: Math.abs(y - this.startY),
+              fillColor: this.currentColor,
+              strokeColor: this.darkenColor(this.currentColor),
+            });
+          }
+        }
+
+        this.redraw();
+      },
+
+      addShape(shapeData) {
+        const drawing = this.getActiveDrawing();
+        if (!drawing) return;
+
+        drawing.shapes.push({
+          id: `shape-${Date.now()}-${Math.random().toString(36).substr(2, 5)}`,
+          createdAt: new Date().toISOString(),
+          strokeWidth: 2,
+          text: "",
+          ...shapeData,
+        });
+
+        drawing.updatedAt = new Date().toISOString();
+        AutosaveManager.scheduleSave();
+        this.redraw();
+      },
+
+      drawShapePreview(ctx, x1, y1, x2, y2) {
+        const tool = this.currentTool;
+        ctx.beginPath();
+
+        if (tool === "line" || tool === "arrow") {
+          ctx.moveTo(x1, y1);
+          ctx.lineTo(x2, y2);
+          ctx.stroke();
+          if (tool === "arrow") this.drawArrowHead(ctx, x1, y1, x2, y2);
+        } else if (tool === "rectangle" || tool === "flow-process" || tool === "uml-class") {
+          ctx.strokeRect(x1, y1, x2 - x1, y2 - y1);
+        } else if (tool === "circle" || tool === "flow-start") {
+          ctx.ellipse((x1 + x2) / 2, (y1 + y2) / 2, Math.abs(x2 - x1) / 2, Math.abs(y2 - y1) / 2, 0, 0, Math.PI * 2);
+          ctx.stroke();
+        } else if (tool === "diamond" || tool === "flow-decision") {
+          const cx = (x1 + x2) / 2, cy = (y1 + y2) / 2;
+          ctx.moveTo(cx, y1);
+          ctx.lineTo(x2, cy);
+          ctx.lineTo(cx, y2);
+          ctx.lineTo(x1, cy);
+          ctx.closePath();
+          ctx.stroke();
+        } else if (tool === "flow-io") {
+          const skew = 20;
+          ctx.moveTo(x1 + skew, y1);
+          ctx.lineTo(x2, y1);
+          ctx.lineTo(x2 - skew, y2);
+          ctx.lineTo(x1, y2);
+          ctx.closePath();
+          ctx.stroke();
+        } else if (tool === "uml-interface") {
+          ctx.arc((x1 + x2) / 2, (y1 + y2) / 2, Math.min(Math.abs(x2 - x1), Math.abs(y2 - y1)) / 2, 0, Math.PI * 2);
+          ctx.stroke();
+        } else if (tool === "uml-package") {
+          ctx.strokeRect(x1, y1, x2 - x1, y2 - y1);
+          ctx.strokeRect(x1, y1, (x2 - x1) / 3, 20);
+        }
+      },
+
+      drawArrowHead(ctx, x1, y1, x2, y2) {
+        const angle = Math.atan2(y2 - y1, x2 - x1);
+        const headLen = 12;
+        ctx.beginPath();
+        ctx.moveTo(x2, y2);
+        ctx.lineTo(x2 - headLen * Math.cos(angle - Math.PI / 6), y2 - headLen * Math.sin(angle - Math.PI / 6));
+        ctx.moveTo(x2, y2);
+        ctx.lineTo(x2 - headLen * Math.cos(angle + Math.PI / 6), y2 - headLen * Math.sin(angle + Math.PI / 6));
+        ctx.stroke();
+      },
+
+      redraw() {
+        const canvas = document.getElementById("drawingsCanvas");
+        const ctx = canvas.getContext("2d");
+        const drawing = this.getActiveDrawing();
+
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        ctx.fillStyle = "#ffffff";
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+        if (!drawing) return;
+
+        drawing.shapes.forEach((shape) => {
+          this.drawShape(ctx, shape);
+        });
+      },
+
+      drawShape(ctx, shape) {
+        ctx.save();
+        ctx.strokeStyle = shape.strokeColor || "#000";
+        ctx.fillStyle = shape.fillColor || "transparent";
+        ctx.lineWidth = shape.strokeWidth || 2;
+
+        const isSelected = shape.id === this.selectedShapeId;
+        if (isSelected) {
+          ctx.shadowColor = "#ffd700";
+          ctx.shadowBlur = 8;
+        }
+
+        switch (shape.type) {
+          case "pen":
+            ctx.beginPath();
+            (shape.points || []).forEach((p, i) => {
+              if (i === 0) ctx.moveTo(p.x, p.y);
+              else ctx.lineTo(p.x, p.y);
+            });
+            ctx.stroke();
+            break;
+
+          case "line":
+            ctx.beginPath();
+            ctx.moveTo(shape.x, shape.y);
+            ctx.lineTo(shape.x + shape.width, shape.y + shape.height);
+            ctx.stroke();
+            break;
+
+          case "arrow":
+            ctx.beginPath();
+            ctx.moveTo(shape.x, shape.y);
+            ctx.lineTo(shape.x + shape.width, shape.y + shape.height);
+            ctx.stroke();
+            this.drawArrowHead(ctx, shape.x, shape.y, shape.x + shape.width, shape.y + shape.height);
+            break;
+
+          case "rectangle":
+          case "flow-process":
+          case "uml-class":
+            if (shape.fillColor && shape.fillColor !== "transparent") {
+              ctx.fillRect(shape.x, shape.y, shape.width, shape.height);
+            }
+            ctx.strokeRect(shape.x, shape.y, shape.width, shape.height);
+            if (shape.text) {
+              ctx.fillStyle = "#000";
+              ctx.font = "12px Vazirmatn, Tahoma";
+              ctx.textAlign = "center";
+              ctx.fillText(shape.text, shape.x + shape.width / 2, shape.y + shape.height / 2);
+            }
+            break;
+
+          case "circle":
+          case "flow-start":
+          case "uml-interface":
+            ctx.beginPath();
+            ctx.ellipse(shape.x + shape.width / 2, shape.y + shape.height / 2, shape.width / 2, shape.height / 2, 0, 0, Math.PI * 2);
+            if (shape.fillColor && shape.fillColor !== "transparent") ctx.fill();
+            ctx.stroke();
+            break;
+
+          case "diamond":
+          case "flow-decision": {
+            const cx = shape.x + shape.width / 2, cy = shape.y + shape.height / 2;
+            ctx.beginPath();
+            ctx.moveTo(cx, shape.y);
+            ctx.lineTo(shape.x + shape.width, cy);
+            ctx.lineTo(cx, shape.y + shape.height);
+            ctx.lineTo(shape.x, cy);
+            ctx.closePath();
+            if (shape.fillColor && shape.fillColor !== "transparent") ctx.fill();
+            ctx.stroke();
+            break;
+          }
+
+          case "flow-io": {
+            const skew = 20;
+            ctx.beginPath();
+            ctx.moveTo(shape.x + skew, shape.y);
+            ctx.lineTo(shape.x + shape.width, shape.y);
+            ctx.lineTo(shape.x + shape.width - skew, shape.y + shape.height);
+            ctx.lineTo(shape.x, shape.y + shape.height);
+            ctx.closePath();
+            if (shape.fillColor && shape.fillColor !== "transparent") ctx.fill();
+            ctx.stroke();
+            break;
+          }
+
+          case "uml-package":
+            ctx.strokeRect(shape.x, shape.y, shape.width, shape.height);
+            ctx.strokeRect(shape.x, shape.y, shape.width / 3, 20);
+            break;
+
+          case "text":
+            ctx.fillStyle = shape.fillColor || "#000";
+            ctx.font = "14px Vazirmatn, Tahoma";
+            ctx.textAlign = "left";
+            ctx.fillText(shape.text || "", shape.x, shape.y);
+            break;
+        }
+
+        ctx.restore();
+      },
+
+      findShapeAt(x, y) {
+        const drawing = this.getActiveDrawing();
+        if (!drawing) return null;
+
+        // جستجو از آخر به اول (آخرین شکل در بالا)
+        for (let i = drawing.shapes.length - 1; i >= 0; i--) {
+          const s = drawing.shapes[i];
+          if (s.type === "pen") continue;
+          if (s.type === "text") {
+            if (x >= s.x - 5 && x <= s.x + 100 && y >= s.y - 20 && y <= s.y + 5) return s;
+            continue;
+          }
+          if (x >= s.x && x <= s.x + s.width && y >= s.y && y <= s.y + s.height) {
+            return s;
+          }
+        }
+        return null;
+      },
+
+      pushUndo() {
+        const drawing = this.getActiveDrawing();
+        if (!drawing) return;
+        this.undoStack.push(JSON.stringify(drawing.shapes));
+        if (this.undoStack.length > 50) this.undoStack.shift();
+        this.redoStack = [];
+      },
+
+      undo() {
+        const drawing = this.getActiveDrawing();
+        if (!drawing || this.undoStack.length === 0) {
+          showToast("⚠️ عملی برای برگشت نیست", "warning");
+          return;
+        }
+        this.redoStack.push(JSON.stringify(drawing.shapes));
+        drawing.shapes = JSON.parse(this.undoStack.pop());
+        drawing.updatedAt = new Date().toISOString();
+        AutosaveManager.scheduleSave();
+        this.redraw();
+        showToast("↩️ برگشت انجام شد", "info", 1500);
+      },
+
+      redo() {
+        const drawing = this.getActiveDrawing();
+        if (!drawing || this.redoStack.length === 0) {
+          showToast("⚠️ عملی برای بازانجام نیست", "warning");
+          return;
+        }
+        this.undoStack.push(JSON.stringify(drawing.shapes));
+        drawing.shapes = JSON.parse(this.redoStack.pop());
+        drawing.updatedAt = new Date().toISOString();
+        AutosaveManager.scheduleSave();
+        this.redraw();
+        showToast("↪️ بازانجام انجام شد", "info", 1500);
+      },
+
+      zoomIn() {
+        this.zoom = Math.min(3, this.zoom + 0.1);
+        this.applyZoom();
+      },
+
+      zoomOut() {
+        this.zoom = Math.max(0.3, this.zoom - 0.1);
+        this.applyZoom();
+      },
+
+      resetZoom() {
+        this.zoom = 1;
+        this.applyZoom();
+      },
+
+      applyZoom() {
+        const canvas = document.getElementById("drawingsCanvas");
+        canvas.style.transform = `scale(${this.zoom})`;
+        canvas.style.transformOrigin = "top left";
+        this.updateZoomLabel();
+      },
+
+      updateZoomLabel() {
+        document.getElementById("drawingsZoomLabel").textContent = `${Math.round(this.zoom * 100)}%`;
+      },
+
+      exportPNG() {
+        const canvas = document.getElementById("drawingsCanvas");
+        const drawing = this.getActiveDrawing();
+        if (!drawing) {
+          showToast("❌ ترسیمی برای خروجی وجود ندارد", "error");
+          return;
+        }
+
+        canvas.toBlob((blob) => {
+          if (!blob) {
+            showToast("❌ خطا در تولید تصویر", "error");
+            return;
+          }
+          const url = URL.createObjectURL(blob);
+          const a = document.createElement("a");
+          a.href = url;
+          const ts = new Date().toISOString().replace(/[:.]/g, "-").slice(0, 19);
+          a.download = `${drawing.title}-${ts}.png`;
+          document.body.appendChild(a);
+          a.click();
+          document.body.removeChild(a);
+          URL.revokeObjectURL(url);
+          showToast("📷 خروجی PNG ذخیره شد", "success");
+        }, "image/png");
+      },
+
+      darkenColor(hex) {
+        if (!hex || hex.length < 7) return hex;
+        const r = Math.max(0, parseInt(hex.slice(1, 3), 16) - 40);
+        const g = Math.max(0, parseInt(hex.slice(3, 5), 16) - 40);
+        const b = Math.max(0, parseInt(hex.slice(5, 7), 16) - 40);
+        return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
+      },
+
+      escapeHtml(str) {
+        if (!str) return "";
+        const div = document.createElement("div");
+        div.textContent = str;
+        return div.innerHTML;
+      },
+    };
     /* ==================== ANALYSIS MANAGERS ==================== */
     const DependencyAnalysisManager = {
       open() {
@@ -32088,6 +34213,15 @@ ${checklistHtml}
       .addEventListener("click", () => {
         GalaxyChartManager.toggleView();
       });
+    // 🆕 مدیریت بستن مودال استقرار (انصراف یا ✕)
+    document.getElementById("deploymentModal").addEventListener("click", (e) => {
+      // بررسی اینکه آیا کلیک روی دکمه بستن یا انصراف بوده
+      if (e.target.closest("[data-close-modal]") || e.target.classList.contains("modal-overlay")) {
+        if (ProjectListManager.returnToProjectDetail) {
+          ProjectListManager.restoreProjectDetailModal();
+        }
+      }
+    });
 
     const envDataSearchEl = document.getElementById("envDataSearch");
     if (envDataSearchEl) {
diff --git a/xReleaseAssistant_9.html b/xReleaseAssistant_9.html
index 8f6ffd0..3d30db7 100644
--- a/xReleaseAssistant_9.html
+++ b/xReleaseAssistant_9.html
@@ -19121,6 +19121,7 @@
         (t.zoomTransform = Tw));
     });
   </script>
+
   <style>
     @import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap");
 
@@ -22427,6 +22428,179 @@
       cursor: not-allowed;
     }
 
+    /* فیلترهای لیست پروژه‌ها */
+    .project-list-filters {
+      padding: 12px 16px;
+      background: var(--bg-card);
+      border-bottom: 1px solid var(--border);
+    }
+
+    .filter-row {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      flex-wrap: wrap;
+    }
+
+    .filter-item {
+      min-width: 120px;
+    }
+
+    .pl-stats {
+      font-size: 11px;
+      color: var(--text-muted);
+      font-weight: 600;
+    }
+
+    /* شبکه کارت‌های پروژه */
+    .project-list-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+      gap: 12px;
+      padding: 8px 0;
+    }
+
+    /* کارت پروژه */
+    .pl-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      padding: 14px;
+      transition: all 0.2s;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    .pl-card:hover {
+      border-color: var(--accent);
+      box-shadow: 0 4px 12px rgba(201, 169, 97, 0.12);
+      transform: translateY(-2px);
+    }
+
+    .pl-card-header {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: 8px;
+    }
+
+    .pl-card-title {
+      font-size: 13px;
+      font-weight: 700;
+      color: var(--text);
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      flex-wrap: wrap;
+    }
+
+    .pl-card-product {
+      font-size: 10px;
+      color: var(--text-muted);
+      background: var(--bg-main);
+      padding: 2px 8px;
+      border-radius: 10px;
+      display: inline-block;
+    }
+
+    .pl-card-meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+      font-size: 10px;
+      color: var(--text-muted);
+    }
+
+    .pl-card-meta-item {
+      display: flex;
+      align-items: center;
+      gap: 3px;
+      background: var(--bg-main);
+      padding: 2px 8px;
+      border-radius: 8px;
+    }
+
+    .pl-card-repo {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 10px;
+      color: var(--info);
+      text-decoration: none;
+      background: rgba(49, 130, 206, 0.08);
+      padding: 3px 8px;
+      border-radius: 6px;
+      font-family: monospace;
+      direction: ltr;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      transition: all 0.2s;
+    }
+
+    .pl-card-repo:hover {
+      background: rgba(49, 130, 206, 0.18);
+      text-decoration: underline;
+    }
+
+    .pl-card-footer {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: auto;
+    }
+
+    .pl-empty {
+      grid-column: 1 / -1;
+      text-align: center;
+      padding: 40px;
+      color: var(--text-muted);
+    }
+
+    .pl-empty-icon {
+      font-size: 48px;
+      margin-bottom: 12px;
+    }
+
+    /* جزئیات پروژه */
+    .pdv-section {
+      margin-bottom: 16px;
+    }
+
+    .pdv-section-title {
+      font-size: 12px;
+      font-weight: 700;
+      color: var(--accent);
+      margin-bottom: 8px;
+      padding-bottom: 4px;
+      border-bottom: 1px solid var(--border);
+    }
+
+    .pdv-info-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 8px;
+    }
+
+    .pdv-info-item {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    .pdv-info-label {
+      font-size: 10px;
+      color: var(--text-muted);
+      font-weight: 600;
+    }
+
+    .pdv-info-value {
+      font-size: 12px;
+      color: var(--text);
+      font-weight: 500;
+    }
+
     /* نوار ابزار ترسیم‌ها */
     .drawings-toolbar {
       display: flex;
@@ -24050,6 +24224,73 @@
         "></div>
     <span id="rbAutosaveText">ذخیره خودکار انجام شد</span>
   </div>
+
+  <!-- Project List Modal -->
+  <div class="modal-overlay" id="projectListModal">
+    <div class="modal modal-galaxy">
+      <div class="modal-header">
+        <div class="modal-title">🌿 مدیریت پروژه‌ها</div>
+        <button class="modal-close" data-close-modal>✕</button>
+      </div>
+
+      <!-- نوار فیلتر و جستجو -->
+      <div class="project-list-filters">
+        <div class="filter-row">
+          <div class="filter-item" style="flex:2">
+            <input type="text" class="form-input" id="plSearch" placeholder="🔍 جستجو در عنوان، توضیحات، مالک..." />
+          </div>
+          <div class="filter-item" style="flex:1">
+            <select class="form-select" id="plProductFilter">
+              <option value="">📦 همه محصولات</option>
+            </select>
+          </div>
+          <div class="filter-item" style="flex:1">
+            <select class="form-select" id="plOwnerFilter">
+              <option value="">👤 همه مالکان</option>
+            </select>
+          </div>
+          <div class="filter-item" style="flex:1">
+            <select class="form-select" id="plDependencyFilter">
+              <option value="">🔗 وابسته به پروژه...</option>
+            </select>
+          </div>
+        </div>
+        <div class="filter-row" style="margin-top:8px;justify-content:space-between">
+          <span class="pl-stats" id="plStats">۰ پروژه</span>
+          <button class="btn btn-ghost btn-sm" onclick="ProjectListManager.clearFilters()">🗑️ پاک کردن فیلترها</button>
+        </div>
+      </div>
+
+      <!-- لیست پروژه‌ها -->
+      <div class="modal-body" style="overflow-y:auto">
+        <div class="project-list-grid" id="projectListGrid">
+          <!-- کارت‌های پروژه اینجا رندر می‌شوند -->
+        </div>
+      </div>
+
+      <div class="modal-footer">
+        <button class="btn btn-ghost" data-close-modal>بستن</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Project Detail View Modal -->
+  <div class="modal-overlay" id="projectDetailViewModal">
+    <div class="modal modal-lg">
+      <div class="modal-header">
+        <div class="modal-title" id="pdvTitle">📋 جزئیات پروژه</div>
+        <button class="modal-close" data-close-modal>✕</button>
+      </div>
+      <div class="modal-body" id="pdvBody">
+        <!-- محتوای جزئیات پروژه -->
+      </div>
+      <div class="modal-footer">
+        <button class="btn btn-accent" onclick="ProjectListManager.openDeploymentModal()">🚀 استقرار</button>
+        <button class="btn btn-ghost" data-close-modal>بستن</button>
+      </div>
+    </div>
+  </div>
+
   <style>
     @keyframes rbPulse {
 
@@ -24129,6 +24370,13 @@
           icon: "🗂️",
           description: "مدیریت تنظیمات و اطلاعات سازمانی",
           tools: [
+            {
+              id: "project-list",
+              title: "پروژه‌ها",
+              icon: "🌿",
+              action: "showProjectList",
+              description: "مشاهده و مدیریت پروژه‌ها",
+            },
             {
               id: "environment-data",
               title: "اطلاعات محیطی",
@@ -24332,6 +24580,9 @@
           const el = document.getElementById(mid);
           if (el) el.style.zIndex = 1000 + i + 1;
         });
+        if (id === "deploymentModal" && ProjectListManager.returnToProjectDetail) {
+          ProjectListManager.restoreProjectDetailModal();
+        }
       },
       closeTop() {
         if (this.stack.length > 0)
@@ -25084,6 +25335,9 @@
       showTagManager() {
         ReleaseBoardsManager.openTagManager();
       },
+      showProjectList() {
+        ProjectListManager.open();
+      },
       showEnvironmentData() {
         EnvironmentDataManager.openModal();
       },
@@ -26311,25 +26565,9 @@
         if (!prod) return;
         const pr = prod.projects.find((p) => p.id === projId);
         if (!pr) return;
-        const version = document.getElementById("depVersion").value.trim();
-        const date = document.getElementById("depDate").value;
-        const releaseNotes = document
-          .getElementById("depReleaseNotes")
-          .value.trim();
-        const url = document.getElementById("depUrl").value.trim();
-        if (!version) {
-          showToast("نسخه الزامی است", "error");
-          return;
-        }
-        if (!date) {
-          showToast("تاریخ استقرار الزامی است", "error");
-          return;
-        }
-        if (!releaseNotes) {
-          showToast("ریلیز نوت الزامی است", "error");
-          return;
-        }
-        const deploymentDate = new Date(date).toISOString();
+
+        // ... کد موجود (دریافت مقادیر و اعتبارسنجی)
+
         HistoryManager.pushState();
         AutosaveManager.scheduleSave();
         if (!pr.deployments) pr.deployments = [];
@@ -26337,31 +26575,19 @@
         const requiredDeployments = [];
         const requiredExploits = [];
 
-        document
-          .querySelectorAll(
-            '.req-deployment-select[data-dep-type="dependency"]',
-          )
-          .forEach((sel) => {
-            const depProjectId = sel.dataset.depProject;
-            const depDeploymentId = sel.value;
-            if (depProjectId && depDeploymentId)
-              requiredDeployments.push({
-                projectId: depProjectId,
-                deploymentId: depDeploymentId,
-              });
-          });
+        document.querySelectorAll('.req-deployment-select[data-dep-type="dependency"]').forEach((sel) => {
+          const depProjectId = sel.dataset.depProject;
+          const depDeploymentId = sel.value;
+          if (depProjectId && depDeploymentId)
+            requiredDeployments.push({ projectId: depProjectId, deploymentId: depDeploymentId });
+        });
 
-        document
-          .querySelectorAll('.req-deployment-select[data-dep-type="exploit"]')
-          .forEach((sel) => {
-            const expProjectId = sel.dataset.exploitProject;
-            const expDeploymentId = sel.value;
-            if (expProjectId && expDeploymentId)
-              requiredExploits.push({
-                projectId: expProjectId,
-                deploymentId: expDeploymentId,
-              });
-          });
+        document.querySelectorAll('.req-deployment-select[data-dep-type="exploit"]').forEach((sel) => {
+          const expProjectId = sel.dataset.exploitProject;
+          const expDeploymentId = sel.value;
+          if (expProjectId && expDeploymentId)
+            requiredExploits.push({ projectId: expProjectId, deploymentId: expDeploymentId });
+        });
 
         if (this.currentDeploymentMode === "add") {
           const envId = document.getElementById("depEnvironment").value;
@@ -26377,13 +26603,10 @@
             releaseNotes,
             url,
             requiredDeployments,
-            requiredExploits, // 🆕
+            requiredExploits,
             status: "active",
           });
-          showToast(
-            `v${version} در ${this.getEnvironmentName(envId)} استقرار یافت`,
-            "success",
-          );
+          showToast(`v${version} در ${this.getEnvironmentName(envId)} استقرار یافت`, "success");
         } else {
           const depId = this.currentEditDeploymentId;
           const dep = pr.deployments.find((d) => d.id === depId);
@@ -26397,9 +26620,17 @@
             showToast(`استقرار ویرایش شد`, "success");
           }
         }
+
         ModalManager.close("deploymentModal");
         refreshUI();
-        this.showDetail(pid);
+
+        // 🆕 اگر از مودال جزئیات پروژه آمده باشیم، به آنجا برمی‌گردیم
+        if (ProjectListManager.returnToProjectDetail) {
+          ProjectListManager.restoreProjectDetailModal();
+        } else {
+          // در حالت عادی (از داشبورد محصول)، مودال جزئیات محصول را نمایش بده
+          this.showDetail(pid);
+        }
       },
       removeDeployment(productId, projId, depId) {
         if (
@@ -29361,6 +29592,795 @@
         }
       },
     };
+    /* ==================== PROJECT LIST MANAGER ==================== */
+    const ProjectListManager = {
+      currentDetailProjectId: null,  // موجود
+      currentDetailProductId: null,  // موجود
+      returnToProjectDetail: false,
+
+      /**
+       * باز کردن مودال لیست پروژه‌ها
+       */
+      open() {
+        this.populateFilters();
+        this.renderList();
+        this.bindEvents();
+        ModalManager.open("projectListModal");
+      },
+
+      /**
+       * پر کردن دراپ‌داون‌های فیلتر
+       */
+      populateFilters() {
+        // فیلتر محصولات
+        const productSelect = document.getElementById("plProductFilter");
+        if (productSelect) {
+          const products = projectData.appData.products || [];
+          productSelect.innerHTML = '<option value="">📦 همه محصولات</option>' +
+            products.map((p) => `<option value="${p.id}">${this.escapeHtml(p.title)}</option>`).join("");
+        }
+
+        // فیلتر مالکان
+        const ownerSelect = document.getElementById("plOwnerFilter");
+        if (ownerSelect) {
+          const owners = new Set();
+          (projectData.appData.products || []).forEach((prod) => {
+            (prod.projects || []).forEach((pr) => {
+              const owner = pr.metadata?.owner?.trim();
+              if (owner) owners.add(owner);
+            });
+          });
+          const sortedOwners = Array.from(owners).sort((a, b) => a.localeCompare(b, "fa"));
+          ownerSelect.innerHTML = '<option value="">👤 همه مالکان</option>' +
+            sortedOwners.map((o) => `<option value="${this.escapeAttr(o)}">${this.escapeHtml(o)}</option>`).join("");
+        }
+
+        // فیلتر وابستگی به پروژه
+        const depSelect = document.getElementById("plDependencyFilter");
+        if (depSelect) {
+          const allProjects = this.getAllProjects();
+          depSelect.innerHTML = '<option value="">🔗 وابسته به پروژه...</option>' +
+            allProjects.map((p) => `<option value="${p.project.id}">${this.escapeHtml(p.project.title)} (${this.escapeHtml(p.product.title)})</option>`).join("");
+        }
+      },
+
+      /**
+       * دریافت لیست تمام پروژه‌ها به همراه محصول والد
+       */
+      getAllProjects() {
+        const result = [];
+        (projectData.appData.products || []).forEach((prod) => {
+          (prod.projects || []).forEach((pr) => {
+            result.push({ project: pr, product: prod });
+          });
+        });
+        return result;
+      },
+
+      /**
+       * اتصال رویدادها
+       */
+      bindEvents() {
+        const searchEl = document.getElementById("plSearch");
+        const productEl = document.getElementById("plProductFilter");
+        const ownerEl = document.getElementById("plOwnerFilter");
+        const depEl = document.getElementById("plDependencyFilter");
+
+        if (searchEl && !searchEl.dataset.bound) {
+          searchEl.dataset.bound = "true";
+          searchEl.addEventListener("input", () => this.renderList());
+        }
+        if (productEl && !productEl.dataset.bound) {
+          productEl.dataset.bound = "true";
+          productEl.addEventListener("change", () => this.renderList());
+        }
+        if (ownerEl && !ownerEl.dataset.bound) {
+          ownerEl.dataset.bound = "true";
+          ownerEl.addEventListener("change", () => this.renderList());
+        }
+        if (depEl && !depEl.dataset.bound) {
+          depEl.dataset.bound = "true";
+          depEl.addEventListener("change", () => this.renderList());
+        }
+      },
+
+      /**
+       * پاک کردن همه فیلترها
+       */
+      clearFilters() {
+        const searchEl = document.getElementById("plSearch");
+        const productEl = document.getElementById("plProductFilter");
+        const ownerEl = document.getElementById("plOwnerFilter");
+        const depEl = document.getElementById("plDependencyFilter");
+
+        if (searchEl) searchEl.value = "";
+        if (productEl) productEl.value = "";
+        if (ownerEl) ownerEl.value = "";
+        if (depEl) depEl.value = "";
+
+        this.renderList();
+      },
+
+      /**
+       * اعمال فیلترها و دریافت لیست نهایی
+       */
+      getFilteredProjects() {
+        const searchQuery = (document.getElementById("plSearch")?.value || "").trim().toLowerCase();
+        const productFilter = document.getElementById("plProductFilter")?.value || "";
+        const ownerFilter = document.getElementById("plOwnerFilter")?.value || "";
+        const depFilter = document.getElementById("plDependencyFilter")?.value || "";
+
+        let projects = this.getAllProjects();
+
+        // فیلتر محصول
+        if (productFilter) {
+          projects = projects.filter((p) => p.product.id === productFilter);
+        }
+
+        // فیلتر مالک
+        if (ownerFilter) {
+          projects = projects.filter((p) =>
+            (p.project.metadata?.owner || "").trim() === ownerFilter
+          );
+        }
+
+        // فیلتر وابستگی: پروژه‌هایی که به پروژه انتخاب شده وابستگی دارند
+        if (depFilter) {
+          projects = projects.filter((p) => {
+            const deps = p.project.dependencies || [];
+            const exploits = p.project.exploits || [];
+            return deps.includes(depFilter) || exploits.includes(depFilter);
+          });
+        }
+
+        // جستجوی متنی
+        if (searchQuery) {
+          projects = projects.filter((p) => {
+            const title = (p.project.title || "").toLowerCase();
+            const desc = (p.project.description || "").toLowerCase();
+            const owner = (p.project.metadata?.owner || "").toLowerCase();
+            const productTitle = (p.product.title || "").toLowerCase();
+            const repo = (p.project.repositoryUrl || "").toLowerCase();
+            const framework = (p.project.metadata?.framework || "").toLowerCase();
+            const language = (p.project.metadata?.language || "").toLowerCase();
+            return title.includes(searchQuery) ||
+              desc.includes(searchQuery) ||
+              owner.includes(searchQuery) ||
+              productTitle.includes(searchQuery) ||
+              repo.includes(searchQuery) ||
+              framework.includes(searchQuery) ||
+              language.includes(searchQuery);
+          });
+        }
+
+        return projects;
+      },
+
+      /**
+       * رسم لیست پروژه‌ها
+       */
+      renderList() {
+        const grid = document.getElementById("projectListGrid");
+        const stats = document.getElementById("plStats");
+        if (!grid) return;
+
+        const filtered = this.getFilteredProjects();
+        const total = this.getAllProjects().length;
+
+        if (stats) {
+          stats.textContent = filtered.length === total
+            ? `${total} پروژه`
+            : `${filtered.length} از ${total} پروژه`;
+        }
+
+        if (filtered.length === 0) {
+          grid.innerHTML = `
+        <div class="pl-empty">
+          <div class="pl-empty-icon">🔍</div>
+          <div style="font-weight:600;margin-bottom:4px">پروژه‌ای یافت نشد</div>
+          <div style="font-size:11px">فیلترها را تغییر دهید یا پاک کنید</div>
+        </div>
+      `;
+          return;
+        }
+
+        grid.innerHTML = filtered.map((item) => this.renderCard(item)).join("");
+      },
+
+      /**
+       * رسم یک کارت پروژه
+       */
+      renderCard(item) {
+        const pr = item.project;
+        const prod = item.product;
+        const ti = ProductManager.getTypeInfo(pr.type);
+        const activeDeploys = ProductManager.getActiveDeployments(pr);
+        const depsCount = (pr.dependencies || []).length;
+        const exploitsCount = (pr.exploits || []).length;
+        const owner = pr.metadata?.owner;
+        const framework = pr.metadata?.framework;
+        const language = pr.metadata?.language;
+        const repoUrl = pr.repositoryUrl?.trim();
+
+        let html = `<div class="pl-card">`;
+
+        // هدر کارت
+        html += `<div class="pl-card-header">
+      <div class="pl-card-title">
+        <span>${ti.icon}</span>
+        <span>${this.escapeHtml(pr.title)}</span>
+        <span class="type-badge type-${pr.type}" style="font-size:9px">${ti.label}</span>
+      </div>
+    </div>`;
+
+        // نام محصول والد
+        html += `<div><span class="pl-card-product">📦 ${this.escapeHtml(prod.title)}</span></div>`;
+
+        // متادیتا
+        html += `<div class="pl-card-meta">`;
+        if (owner) {
+          html += `<span class="pl-card-meta-item">👤 ${this.escapeHtml(owner)}</span>`;
+        }
+        if (framework) {
+          html += `<span class="pl-card-meta-item">⚙️ ${this.escapeHtml(framework)}</span>`;
+        }
+        if (language) {
+          html += `<span class="pl-card-meta-item">💻 ${this.escapeHtml(language)}</span>`;
+        }
+        html += `<span class="pl-card-meta-item">🚀 ${activeDeploys.length} استقرار</span>`;
+        if (depsCount > 0) {
+          html += `<span class="pl-card-meta-item">🔗 ${depsCount} وابستگی</span>`;
+        }
+        if (exploitsCount > 0) {
+          html += `<span class="pl-card-meta-item">🔌 ${exploitsCount} سرویس</span>`;
+        }
+        html += `</div>`;
+
+        // توضیحات
+        if (pr.description) {
+          html += `<div style="font-size:10px;color:var(--text-muted);line-height:1.5">${this.escapeHtml(pr.description)}</div>`;
+        }
+
+        // پیوند مخزن کد
+        if (repoUrl) {
+          html += `<a href="${this.escapeAttr(repoUrl)}" target="_blank" rel="noopener noreferrer" class="pl-card-repo" title="${this.escapeAttr(repoUrl)}">
+        🔗 ${this.escapeHtml(repoUrl)}
+      </a>`;
+        }
+
+        // فوتر با دکمه جزئیات
+        html += `<div class="pl-card-footer">
+      <button class="btn btn-accent btn-sm" onclick="ProjectListManager.showProjectDetail('${pr.id}')">📋 جزئیات</button>
+    </div>`;
+
+        html += `</div>`;
+        return html;
+      },
+
+      /**
+       * نمایش جزئیات کامل یک پروژه
+       */
+      showProjectDetail(projectId) {
+        const item = this.getAllProjects().find((p) => p.project.id === projectId);
+        if (!item) {
+          showToast("❌ پروژه یافت نشد", "error");
+          return;
+        }
+
+        const pr = item.project;
+        const prod = item.product;
+        const ti = ProductManager.getTypeInfo(pr.type);
+        const activeDeploys = ProductManager.getActiveDeployments(pr);
+        const archivedDeploys = (pr.deployments || []).filter((d) => d.status === "archived");
+        const deps = pr.dependencies || [];
+        const exploits = pr.exploits || [];
+
+        // ذخیره اطلاعات برای استفاده در دکمه استقرار
+        this.currentDetailProjectId = pr.id;
+        this.currentDetailProductId = prod.id;
+
+        // عنوان مودال
+        document.getElementById("pdvTitle").innerHTML = `${ti.icon} ${this.escapeHtml(pr.title)}`;
+
+        let html = "";
+
+        // ═══════════════════════════════════════════
+        // بخش اطلاعات کلی
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">ℹ️ اطلاعات کلی</div>
+    <div class="pdv-info-grid">
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">شناسه</span>
+        <span class="pdv-info-value" style="font-family:monospace;direction:ltr">${pr.id}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">نوع</span>
+        <span class="pdv-info-value">${ti.icon} ${ti.label}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">محصول والد</span>
+        <span class="pdv-info-value">📦 ${this.escapeHtml(prod.title)}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">مالک</span>
+        <span class="pdv-info-value">${pr.metadata?.owner ? "👤 " + this.escapeHtml(pr.metadata.owner) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">فریم‌ورک</span>
+        <span class="pdv-info-value">${pr.metadata?.framework ? this.escapeHtml(pr.metadata.framework) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">زبان</span>
+        <span class="pdv-info-value">${pr.metadata?.language ? this.escapeHtml(pr.metadata.language) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">تاریخ ایجاد</span>
+        <span class="pdv-info-value">${pr.metadata?.createdAt ? new Date(pr.metadata.createdAt).toLocaleDateString("fa-IR") : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">تعداد استقرار فعال</span>
+        <span class="pdv-info-value">${activeDeploys.length}</span>
+      </div>
+    </div>
+  </div>`;
+
+        // ═══════════════════════════════════════════
+        // توضیحات
+        // ═══════════════════════════════════════════
+        if (pr.description) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title">📝 توضیحات</div>
+      <div style="font-size:12px;line-height:1.8;color:var(--text)">${this.escapeHtml(pr.description)}</div>
+    </div>`;
+        }
+
+        // ═══════════════════════════════════════════
+        // پیوند مخزن کد
+        // ═══════════════════════════════════════════
+        if (pr.repositoryUrl?.trim()) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title">🔗 مخزن کد</div>
+      <a href="${this.escapeAttr(pr.repositoryUrl)}" target="_blank" rel="noopener noreferrer" class="pl-card-repo" style="font-size:12px">
+        ${this.escapeHtml(pr.repositoryUrl)}
+      </a>
+    </div>`;
+        }
+
+        // ═══════════════════════════════════════════
+        // 🆕 وابستگی‌های سخت (در صورت وجود)
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">🔗 وابستگی‌های سخت (${deps.length})</div>`;
+
+        if (deps.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ وابستگی سختی ثبت نشده است</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          deps.forEach((depId) => {
+            const depPr = ProductManager.findProjectById(depId);
+            if (depPr) {
+              const depTi = ProductManager.getTypeInfo(depPr.type);
+              const depProd = this.findProductOfProject(depId);
+              const depProdName = depProd ? depProd.title : "";
+              const depActiveDeploys = ProductManager.getActiveDeployments(depPr);
+
+              html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px;border:1px solid var(--border)">
+          <span style="font-size:14px">${depTi.icon}</span>
+          <div style="flex:1">
+            <div style="font-size:11px;font-weight:600;color:var(--text)">${this.escapeHtml(depPr.title)}</div>
+            <div style="font-size:9px;color:var(--text-muted)">📦 ${this.escapeHtml(depProdName)} • 🚀 ${depActiveDeploys.length} استقرار فعال</div>
+          </div>
+          <span class="type-badge type-${depPr.type}" style="font-size:8px">${depTi.label}</span>
+        </div>`;
+            } else {
+              html += `<div style="font-size:10px;color:var(--danger);padding:4px 8px">⚠️ وابستگی شکسته: ${depId}</div>`;
+            }
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // 🆕 وابستگی‌های نرم - سرویس‌های مورد استفاده
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title" style="color:#4299e1">🔌 سرویس‌های مورد استفاده (${exploits.length})</div>`;
+
+        if (exploits.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ سرویسی ثبت نشده است</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          exploits.forEach((expId) => {
+            const expPr = ProductManager.findProjectById(expId);
+            if (expPr) {
+              const expTi = ProductManager.getTypeInfo(expPr.type);
+              const expProd = this.findProductOfProject(expId);
+              const expProdName = expProd ? expProd.title : "";
+              const expActiveDeploys = ProductManager.getActiveDeployments(expPr);
+
+              html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px;border:1px solid rgba(66,153,225,0.2)">
+          <span style="font-size:14px">${expTi.icon}</span>
+          <div style="flex:1">
+            <div style="font-size:11px;font-weight:600;color:var(--text)">${this.escapeHtml(expPr.title)}</div>
+            <div style="font-size:9px;color:var(--text-muted)">📦 ${this.escapeHtml(expProdName)} • 🚀 ${expActiveDeploys.length} استقرار فعال</div>
+          </div>
+          <span class="type-badge type-${expPr.type}" style="font-size:8px">${expTi.label}</span>
+        </div>`;
+            } else {
+              html += `<div style="font-size:10px;color:var(--danger);padding:4px 8px">⚠️ سرویس شکسته: ${expId}</div>`;
+            }
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // استقرارهای فعال
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">🚀 استقرارهای فعال (${activeDeploys.length})</div>`;
+
+        if (activeDeploys.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ استقرار فعالی وجود ندارد</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          activeDeploys.forEach((d) => {
+            const env = ProductManager.getEnvironmentName(d.environmentId);
+            const cl = ProductManager.getEnvironmentColors(d.environmentId);
+            const fd = d.deploymentDate ? new Date(d.deploymentDate).toLocaleDateString("fa-IR") : "—";
+
+            html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px">
+        <span class="deployment-env-tag" style="background-color:${cl.backgroundColor};color:${cl.textColor};font-size:9px">${env}</span>
+        <span style="font-size:11px;font-weight:700;color:var(--text)">v${d.version}</span>
+        <span style="font-size:10px;color:var(--text-muted)">📅 ${fd}</span>
+        ${d.url ? `<a href="${this.escapeAttr(d.url)}" target="_blank" style="font-size:9px;color:var(--info);margin-right:auto">🌐</a>` : ""}
+      </div>`;
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // تاریخچه استقرارها (آرشیوشده)
+        // ═══════════════════════════════════════════
+        if (archivedDeploys.length > 0) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title" style="color:var(--warning)">📜 تاریخچه استقرارها (${archivedDeploys.length})</div>
+      <div style="display:flex;flex-direction:column;gap:4px">`;
+
+          archivedDeploys.forEach((d) => {
+            const env = ProductManager.getEnvironmentName(d.environmentId);
+            html += `<div style="font-size:10px;padding:4px 8px;opacity:0.7;display:flex;gap:8px;align-items:center">
+        <span>${env}</span>
+        <span>v${d.version}</span>
+        ${d.archivedAt ? `<span style="color:var(--warning)">📦 ${new Date(d.archivedAt).toLocaleDateString("fa-IR")}</span>` : ""}
+      </div>`;
+          });
+
+          html += `</div></div>`;
+        }
+
+        document.getElementById("pdvBody").innerHTML = html;
+        ModalManager.open("projectDetailViewModal");
+      },
+
+      /**
+       * 🆕 متد کمکی: یافتن محصول والد یک پروژه بر اساس شناسه پروژه
+       */
+      findProductOfProject(projectId) {
+        for (const prod of (projectData.appData.products || [])) {
+          if ((prod.projects || []).some((pr) => pr.id === projectId)) {
+            return prod;
+          }
+        }
+        return null;
+      },
+
+      /**
+       * 🆕 باز کردن مودال استقرار برای پروژه جاری
+       * از همان مودال استقرار بخش مدیریت محصولات استفاده می‌کند
+       */
+      openDeploymentModal() {
+        const projectId = this.currentDetailProjectId;
+        const productId = this.currentDetailProductId;
+
+        if (!projectId || !productId) {
+          showToast("❌ پروژه مشخص نشده است", "error");
+          return;
+        }
+
+        if (!projectData.appData.environments || projectData.appData.environments.length === 0) {
+          showToast("⚠️ ابتدا یک محیط عملیاتی ایجاد کنید", "warning");
+          return;
+        }
+
+        // تنظیم محصول برای سازگاری با متد ذخیره استقرار
+        ProductManager.currentDetailProductId = productId;
+
+        // 🆕 تنظیم فلگ بازگشت به مودال جزئیات
+        this.returnToProjectDetail = true;
+
+        // 🆕 مخفی کردن موقت مودال جزئیات (نه بستن کامل)
+        const pdvModal = document.getElementById("projectDetailViewModal");
+        if (pdvModal) {
+          pdvModal.style.display = "none";
+        }
+
+        // باز کردن مودال استقرار
+        ProductManager.openAddDeploymentModal(productId, projectId);
+      },
+
+      /**
+       * 🆕 متد بازگرداندن مودال جزئیات پروژه
+       * پس از بسته شدن مودال استقرار فراخوانی می‌شود
+       */
+      restoreProjectDetailModal() {
+        if (!this.returnToProjectDetail) return;
+
+        this.returnToProjectDetail = false;
+
+        // 🆕 به‌روزرسانی محتوای مودال جزئیات با داده‌های جدید
+        const projectId = this.currentDetailProjectId;
+        const item = this.getAllProjects().find((p) => p.project.id === projectId);
+        if (item) {
+          // بازسازی محتوای بدنه مودال
+          this.rebuildProjectDetailContent(item);
+        }
+
+        const pdvModal = document.getElementById("projectDetailViewModal");
+        if (pdvModal) {
+          pdvModal.style.display = "";
+          ModalManager.open("projectDetailViewModal");
+        }
+      },
+
+      rebuildProjectDetailContent(item) {
+        if (!item) {
+          showToast("❌ پروژه یافت نشد", "error");
+          return;
+        }
+
+        const pr = item.project;
+        const prod = item.product;
+        const ti = ProductManager.getTypeInfo(pr.type);
+        const activeDeploys = ProductManager.getActiveDeployments(pr);
+        const archivedDeploys = (pr.deployments || []).filter((d) => d.status === "archived");
+        const deps = pr.dependencies || [];
+        const exploits = pr.exploits || [];
+
+        // ذخیره اطلاعات برای استفاده در دکمه استقرار
+        this.currentDetailProjectId = pr.id;
+        this.currentDetailProductId = prod.id;
+
+        // عنوان مودال
+        document.getElementById("pdvTitle").innerHTML = `${ti.icon} ${this.escapeHtml(pr.title)}`;
+
+        let html = "";
+
+        // ═══════════════════════════════════════════
+        // بخش اطلاعات کلی
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">ℹ️ اطلاعات کلی</div>
+    <div class="pdv-info-grid">
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">شناسه</span>
+        <span class="pdv-info-value" style="font-family:monospace;direction:ltr">${pr.id}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">نوع</span>
+        <span class="pdv-info-value">${ti.icon} ${ti.label}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">محصول والد</span>
+        <span class="pdv-info-value">📦 ${this.escapeHtml(prod.title)}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">مالک</span>
+        <span class="pdv-info-value">${pr.metadata?.owner ? "👤 " + this.escapeHtml(pr.metadata.owner) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">فریم‌ورک</span>
+        <span class="pdv-info-value">${pr.metadata?.framework ? this.escapeHtml(pr.metadata.framework) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">زبان</span>
+        <span class="pdv-info-value">${pr.metadata?.language ? this.escapeHtml(pr.metadata.language) : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">تاریخ ایجاد</span>
+        <span class="pdv-info-value">${pr.metadata?.createdAt ? new Date(pr.metadata.createdAt).toLocaleDateString("fa-IR") : "—"}</span>
+      </div>
+      <div class="pdv-info-item">
+        <span class="pdv-info-label">تعداد استقرار فعال</span>
+        <span class="pdv-info-value">${activeDeploys.length}</span>
+      </div>
+    </div>
+  </div>`;
+
+        // ═══════════════════════════════════════════
+        // توضیحات
+        // ═══════════════════════════════════════════
+        if (pr.description) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title">📝 توضیحات</div>
+      <div style="font-size:12px;line-height:1.8;color:var(--text)">${this.escapeHtml(pr.description)}</div>
+    </div>`;
+        }
+
+        // ═══════════════════════════════════════════
+        // پیوند مخزن کد
+        // ═══════════════════════════════════════════
+        if (pr.repositoryUrl?.trim()) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title">🔗 مخزن کد</div>
+      <a href="${this.escapeAttr(pr.repositoryUrl)}" target="_blank" rel="noopener noreferrer" class="pl-card-repo" style="font-size:12px">
+        ${this.escapeHtml(pr.repositoryUrl)}
+      </a>
+    </div>`;
+        }
+
+        // ═══════════════════════════════════════════
+        // 🆕 وابستگی‌های سخت (در صورت وجود)
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">🔗 وابستگی‌های سخت (${deps.length})</div>`;
+
+        if (deps.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ وابستگی سختی ثبت نشده است</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          deps.forEach((depId) => {
+            const depPr = ProductManager.findProjectById(depId);
+            if (depPr) {
+              const depTi = ProductManager.getTypeInfo(depPr.type);
+              const depProd = this.findProductOfProject(depId);
+              const depProdName = depProd ? depProd.title : "";
+              const depActiveDeploys = ProductManager.getActiveDeployments(depPr);
+
+              html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px;border:1px solid var(--border)">
+          <span style="font-size:14px">${depTi.icon}</span>
+          <div style="flex:1">
+            <div style="font-size:11px;font-weight:600;color:var(--text)">${this.escapeHtml(depPr.title)}</div>
+            <div style="font-size:9px;color:var(--text-muted)">📦 ${this.escapeHtml(depProdName)} • 🚀 ${depActiveDeploys.length} استقرار فعال</div>
+          </div>
+          <span class="type-badge type-${depPr.type}" style="font-size:8px">${depTi.label}</span>
+        </div>`;
+            } else {
+              html += `<div style="font-size:10px;color:var(--danger);padding:4px 8px">⚠️ وابستگی شکسته: ${depId}</div>`;
+            }
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // 🆕 وابستگی‌های نرم - سرویس‌های مورد استفاده
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title" style="color:#4299e1">🔌 سرویس‌های مورد استفاده (${exploits.length})</div>`;
+
+        if (exploits.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ سرویسی ثبت نشده است</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          exploits.forEach((expId) => {
+            const expPr = ProductManager.findProjectById(expId);
+            if (expPr) {
+              const expTi = ProductManager.getTypeInfo(expPr.type);
+              const expProd = this.findProductOfProject(expId);
+              const expProdName = expProd ? expProd.title : "";
+              const expActiveDeploys = ProductManager.getActiveDeployments(expPr);
+
+              html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px;border:1px solid rgba(66,153,225,0.2)">
+          <span style="font-size:14px">${expTi.icon}</span>
+          <div style="flex:1">
+            <div style="font-size:11px;font-weight:600;color:var(--text)">${this.escapeHtml(expPr.title)}</div>
+            <div style="font-size:9px;color:var(--text-muted)">📦 ${this.escapeHtml(expProdName)} • 🚀 ${expActiveDeploys.length} استقرار فعال</div>
+          </div>
+          <span class="type-badge type-${expPr.type}" style="font-size:8px">${expTi.label}</span>
+        </div>`;
+            } else {
+              html += `<div style="font-size:10px;color:var(--danger);padding:4px 8px">⚠️ سرویس شکسته: ${expId}</div>`;
+            }
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // استقرارهای فعال
+        // ═══════════════════════════════════════════
+        html += `<div class="pdv-section">
+    <div class="pdv-section-title">🚀 استقرارهای فعال (${activeDeploys.length})</div>`;
+
+        if (activeDeploys.length === 0) {
+          html += `<div style="font-size:11px;color:var(--text-muted);padding:8px">هیچ استقرار فعالی وجود ندارد</div>`;
+        } else {
+          html += `<div style="display:flex;flex-direction:column;gap:6px">`;
+          activeDeploys.forEach((d) => {
+            const env = ProductManager.getEnvironmentName(d.environmentId);
+            const cl = ProductManager.getEnvironmentColors(d.environmentId);
+            const fd = d.deploymentDate ? new Date(d.deploymentDate).toLocaleDateString("fa-IR") : "—";
+
+            html += `<div style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-main);border-radius:6px">
+        <span class="deployment-env-tag" style="background-color:${cl.backgroundColor};color:${cl.textColor};font-size:9px">${env}</span>
+        <span style="font-size:11px;font-weight:700;color:var(--text)">v${d.version}</span>
+        <span style="font-size:10px;color:var(--text-muted)">📅 ${fd}</span>
+        ${d.url ? `<a href="${this.escapeAttr(d.url)}" target="_blank" style="font-size:9px;color:var(--info);margin-right:auto">🌐</a>` : ""}
+      </div>`;
+          });
+          html += `</div>`;
+        }
+        html += `</div>`;
+
+        // ═══════════════════════════════════════════
+        // تاریخچه استقرارها (آرشیوشده)
+        // ═══════════════════════════════════════════
+        if (archivedDeploys.length > 0) {
+          html += `<div class="pdv-section">
+      <div class="pdv-section-title" style="color:var(--warning)">📜 تاریخچه استقرارها (${archivedDeploys.length})</div>
+      <div style="display:flex;flex-direction:column;gap:4px">`;
+
+          archivedDeploys.forEach((d) => {
+            const env = ProductManager.getEnvironmentName(d.environmentId);
+            html += `<div style="font-size:10px;padding:4px 8px;opacity:0.7;display:flex;gap:8px;align-items:center">
+        <span>${env}</span>
+        <span>v${d.version}</span>
+        ${d.archivedAt ? `<span style="color:var(--warning)">📦 ${new Date(d.archivedAt).toLocaleDateString("fa-IR")}</span>` : ""}
+      </div>`;
+          });
+
+          html += `</div></div>`;
+        }
+
+        document.getElementById("pdvBody").innerHTML = html;
+      },
+
+      /**
+       * 🆕 متد به‌روزرسانی محتوای مودال جزئیات بدون باز کردن مودال جدید
+       * برای نمایش استقرارهای جدید اضافه شده
+       */
+      refreshProjectDetail(projectId) {
+        const item = this.getAllProjects().find((p) => p.project.id === projectId);
+        if (!item) return;
+
+        // ذخیره شناسه‌ها برای استفاده بعدی
+        const savedProjectId = this.currentDetailProjectId;
+        const savedProductId = this.currentDetailProductId;
+
+        // بازسازی محتوای مودال
+        this.showProjectDetail(projectId);
+
+        // 🆕 بستن مودالی که در showProjectDetail باز شده
+        // و فقط محتوای آن را نگه می‌داریم
+        // این کار به صورت مستقیم در restoreProjectDetailModal انجام می‌شود
+      },
+
+      /**
+       * کمکی: فرار دادن کاراکترهای خاص برای HTML
+       */
+      escapeHtml(str) {
+        if (!str) return "";
+        const div = document.createElement("div");
+        div.textContent = str;
+        return div.innerHTML;
+      },
+
+      /**
+       * کمکی: فرار دادن برای اتریبیوت
+       */
+      escapeAttr(str) {
+        if (!str) return "";
+        return str
+          .replace(/&/g, "&amp;")
+          .replace(/"/g, "&quot;")
+          .replace(/'/g, "&#39;")
+          .replace(/</g, "&lt;")
+          .replace(/>/g, "&gt;");
+      },
+    };
     /* ==================== AUTOSAVE MANAGER ==================== */
     const AutosaveManager = {
       STORAGE_KEY: "xrelease-appdata-autosave",
@@ -33193,6 +34213,15 @@ ${checklistHtml}
       .addEventListener("click", () => {
         GalaxyChartManager.toggleView();
       });
+    // 🆕 مدیریت بستن مودال استقرار (انصراف یا ✕)
+    document.getElementById("deploymentModal").addEventListener("click", (e) => {
+      // بررسی اینکه آیا کلیک روی دکمه بستن یا انصراف بوده
+      if (e.target.closest("[data-close-modal]") || e.target.classList.contains("modal-overlay")) {
+        if (ProjectListManager.returnToProjectDetail) {
+          ProjectListManager.restoreProjectDetailModal();
+        }
+      }
+    });
 
     const envDataSearchEl = document.getElementById("envDataSearch");
     if (envDataSearchEl) {