From e3d387491b27faa5d499d7836ea9cfa4a7772db2 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Tue, 31 Mar 2026 20:09:18 +0200
Subject: [PATCH] Add image asset type and summary formatting

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

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 29d633b3..06fa0abb 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -329,6 +329,10 @@ function isModelAsset(asset: ProjectAssetRecord): asset is ModelAssetRecord {
   return asset.kind === "model";
 }
 
+function isImageAsset(asset: ProjectAssetRecord): asset is ImageAssetRecord {
+  return asset.kind === "image";
+}
+
 function formatByteLength(byteLength: number): string {
   if (byteLength < 1024) {
     return `${byteLength} B`;
@@ -369,6 +373,16 @@ function formatModelAssetSummary(asset: ModelAssetRecord): string {
   return details.join(" | ");
 }
 
+function formatImageAssetSummary(asset: ImageAssetRecord): string {
+  const details = [
+    `${asset.metadata.width} x ${asset.metadata.height}`,
+    asset.metadata.hasAlpha ? "alpha" : "opaque",
+    formatByteLength(asset.byteLength)
+  ];
+
+  return details.join(" | ");
+}
+
 function createModelInstancePlacementPosition(asset: ModelAssetRecord, anchor: Vec3 | null): Vec3 {
   const boundingBox = asset.metadata.boundingBox;