From 5209708ab2398b7958d3a2a39e6f701dabeb96cb Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Wed, 15 Apr 2026 14:52:49 +0200
Subject: [PATCH] Update App.tsx to display multi-selection summary and
 selected items details

---
 src/app/App.tsx | 47 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 68351038..6d4662ab 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -14704,7 +14704,52 @@ export function App({ store, initialStatusMessage }: AppProps) {
                 </div>
               </div>
 
-              {selectedModelInstance !== null ? (
+              {multiSelectionSummary !== null ? (
+                <>
+                  <div className="stat-card">
+                    <div className="label">Selection Kind</div>
+                    <div className="value">{multiSelectionSummary.kindLabel}</div>
+                    <div className="material-summary">
+                      {multiSelectionSummary.count} selected
+                    </div>
+                  </div>
+
+                  <div className="stat-card">
+                    <div className="label">Active Item</div>
+                    <div className="value">{multiSelectionSummary.activeLabel}</div>
+                    <div className="material-summary">
+                      {multiSelectionSummary.activeId}
+                    </div>
+                  </div>
+
+                  <div className="form-section">
+                    <div className="label">Selected Items</div>
+                    <div className="material-summary">
+                      Batch transform, duplicate, and delete stay available.
+                      Inline rename remains single-selection only.
+                    </div>
+                    <div className="outliner-list">
+                      {multiSelectionSummary.selectedLabels.map((label, index) => (
+                        <div
+                          key={`${multiSelectionSummary.activeId}-${label}-${index}`}
+                          className={`outliner-item outliner-item--compact ${label === multiSelectionSummary.activeLabel ? "outliner-item--active" : ""}`}
+                        >
+                          <div className="outliner-item__row">
+                            <div className="outliner-item__select">
+                              <span className="outliner-item__title">{label}</span>
+                              <span className="outliner-item__meta">
+                                {label === multiSelectionSummary.activeLabel
+                                  ? "Active"
+                                  : "Selected"}
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      ))}
+                    </div>
+                  </div>
+                </>
+              ) : selectedModelInstance !== null ? (
                 <>
                   <div className="stat-card">
                     <div className="label">Model Asset</div>