Function renderAssets

app.js:4708–4788

()

}

function renderAssets() {
  if (!assetsList) return;
  const q = (assetsSearchInput && assetsSearchInput.value ? assetsSearchInput.value : "").trim().toLowerCase();
  assetsList.innerHTML = "";
  const list = (assets || [])
    .filter(Boolean)
    .filter((a) => !q || String(a.name || "").toLowerCase().includes(q) || String(a.sourceName || "").toLowerCase().includes(q))
    .slice()
    .sort((a, b) => String(a.name || "").localeCompare(String(b.name || "")));

  if (!list.length) {
    const empty = document.createElement("div");
    empty.className = "mini-hint";
    empty.textContent = q ? "No assets match your search." : "No assets yet. Click Import to add PNGs.";
    assetsList.appendChild(empty);
    return;
  }

  list.forEach((a) => {
    const row = document.createElement("div");
    row.className = "asset-row";
    row.dataset.id = a.id;

    const thumb = document.createElement("div");
    thumb.className = "asset-thumb";
    if (a.dataUrl) {
      const img = document.createElement("img");
      img.alt = a.name || "asset";
      img.src = a.dataUrl;
      thumb.appendChild(img);
    }

    const main = document.createElement("div");
    main.className = "asset-main";
    const name = document.createElement("div");
    name.className = "asset-name";
    name.textContent = a.name || a.id;
    const meta = document.createElement("div");
    meta.className = "asset-meta";
    meta.textContent = formatAssetMeta(a);
    main.appendChild(name);
    main.appendChild(meta);

    const actions = document.createElement("div");
    actions.className = "asset-actions";

    const insertBtn = document.createElement("button");
    insertBtn.type = "button";
    insertBtn.className = "btn small secondary";
    insertBtn.textContent = "Add";
    insertBtn.title = "Add to canvas";
    insertBtn.addEventListener("click", (e) => {
      e.preventDefault();
      e.stopPropagation();
      addAssetElementToCanvas(a.id);
    });

    const delBtn = document.createElement("button");