Function updatePropsInputs

app.js:5097–5207

(push = false)

}

function updatePropsInputs(push = false) {
  if (selectedIds && selectedIds.size > 1) {
    noSelection.style.display = "block";
    noSelection.textContent = `Multiple selected (${selectedIds.size})`;
    propsPanel.style.display = "none";
    return;
  } else if (noSelection && noSelection.textContent && noSelection.textContent.startsWith("Multiple selected")) {
    noSelection.textContent = "No element selected";
  }

  const el = elements.find((el) => el.id === selectedId);
  if (!el) {
    noSelection.style.display = "block";
    propsPanel.style.display = "none";
    return;
  }

  noSelection.style.display = "none";
  propsPanel.style.display = "block";

  // Keep font dropdown synced with current driver mode (TFT vs OLED)
  initFontList();

  elementTypePill.textContent = el.type.toUpperCase();
  propX.value = el.x;
  propY.value = el.y;
  propW.value = el.w;
  propH.value = el.h;
  if (propRotate) {
    const rotRow = propRotate.closest(".prop-row");
    if (rotRow) rotRow.style.display = el.type === "line" ? "none" : "";
    propRotate.value = Number(el.rotation) || 0;
    propRotate.disabled = el.type === "line";
  }
  propText.value = el.text || "";
  propTextSize.value = el.textSize || 2;
  if (propLineHeight) propLineHeight.value = el.lineHeight != null ? el.lineHeight : 12;
  if (propTextAutoSize) propTextAutoSize.checked = !!el.textAutoSize;
  propFillColor.value = el.fillColor || "#ffffff";
  propStrokeColor.value = el.strokeColor || "#ffffff";
  propTextColor.value = el.textColor || "#ffffff";

  // Constraints UI
  if (constraintLeft) constraintLeft.checked = !!(el.constraints && el.constraints.left);
  if (constraintRight) constraintRight.checked = !!(el.constraints && el.constraints.right);
  if (constraintTop) constraintTop.checked = !!(el.constraints && el.constraints.top);
  if (constraintBottom) constraintBottom.checked = !!(el.constraints && el.constraints.bottom);

  if (driverMode === "u8g2") {
    // OLED mode: use binary fill control
    const isFilled = el.oledFill !== false; // Default to true
    propOLEDFill.checked = isFilled;
    fillTransparencyRow.style.display = "none";
    oledFillRow.style.display = elementHasFill(el.type) ? "block" : "none";

    // Disable fill color picker when OLED fill is off
    propFillColor.disabled = !isFilled;
    propFillColor.style.opacity = isFilled ? "1" : "0.3";