<span class="frame-name-view" id="frame-name-view">
  <span id="frame-name-text">{{ frame.name or ("Frame " ~ frame.id) }}</span>
  <button type="button" class="frame-name-pencil" id="frame-name-pencil" title="Rename frame" aria-label="Rename frame">&#9998;</button>
</span>
<span class="frame-name-edit" id="frame-name-edit-row" style="display: none;">
  <input type="text" id="frame-name-input" maxlength="64" value="{{ frame.name }}">
  <button type="button" class="btn-inline" id="frame-name-save">Save</button>
  <button type="button" class="btn-inline secondary" id="frame-name-cancel">Cancel</button>
</span>
