giers10/webeditor3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update App.tsx to display multi-selection summary and selected items details

Browse Source
This commit is contained in:
Victor Giers
2026-04-15 14:52:49 +02:00
parent 8ec5331396
commit 5209708ab2
1 changed files with 46 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/app/App.tsx
View File

@@ -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>