<% if (command.isCustom) { %>
<div class="command-list-content" data-command-list-content>
  <div data-command-content-preview>
    <% if (command.preview?.status === "ready") { %>
    <% const previewId = `list-preview-${command.anchor}`; %>
    <span id="<%= previewId %>" class="command-preview <%= command.preview.isLong ? 'is-collapsed' : '' %>" title="Example command output"><% command.preview.parts.forEach((part) => { %><% if (part.dynamic) { %><mark class="preview-dynamic" title="Dynamic <%= part.type %>"><%= part.text %></mark><% } else { %><%= part.text %><% } %><% }) %></span>
    <% if (command.preview.isLong) { %><button type="button" class="command-preview-toggle" data-expand-text="<%= previewId %>" data-collapsed-label="Read more" data-expanded-label="Read less" aria-controls="<%= previewId %>" aria-expanded="false">Read more</button><% } %>
    <% } else { %>
    <span class="command-preview-unavailable">Preview unavailable</span>
    <% } %>
  </div>
  <div data-command-content-description hidden>
    <span class="command-desc" title="<%= command.description %>"><%= command.description || "No description provided." %></span>
  </div>
</div>
<% } else { %>
<span class="command-desc" title="<%= command.description %>"><%= command.description || "-" %></span>
<% } %>
