// load previously saved note for this blob if exists const textarea = document.getElementById("reflectionInput"); if (savedNotes[blobId]) textarea.value = savedNotes[blobId]; else textarea.value = ""; document.getElementById("saveMessage").innerHTML = "";
function buildTreeUI() const container = document.getElementById("blobTreeGrid"); container.innerHTML = ""; blob tree template
.emotion-note margin-top: 16px; color: #6a3e1a; font-style: italic; border-left: 3px solid #ffb358; padding-left: 20px; // load previously saved note for this blob
/* tree grid layout */ .tree-grid display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 1.5rem; margin: 2rem 0 2rem; if (savedNotes[blobId]) textarea.value = savedNotes[blobId]
/* branches (columns) */ .branch background: rgba(230, 200, 160, 0.2); border-radius: 48px; padding: 20px 12px 20px 12px; min-width: 120px; flex: 1; backdrop-filter: blur(4px); box-shadow: inset 0 1px 4px rgba(255,245,215,0.8), 0 6px 12px rgba(0,0,0,0.03);