<h3 class="text-lg font-semibold text-[var(--text-primary)] mb-4">Changelog</h3>

<div class="space-y-4 text-sm text-[var(--text-secondary)]">
  <p>
    The full version history for Hikari Desktop is available in the <strong>Changelog</strong>
    panel — open it from the menu to browse release notes for every version, fetched directly from the
    releases page.
  </p>

  <div>
    <h4 class="font-medium text-[var(--text-primary)] mb-2">Recent Highlights</h4>
    <ul class="space-y-2">
      <li>
        <strong>Guided Workflow</strong> — four-phase project orchestration (Discuss → Plan → Execute
        → Verify) with Quick Mode and cross-panel navigation
      </li>
      <li>
        <strong>Wave-based Task Loop</strong> — parallel task execution with dependency tracking, concurrency
        control, and auto-commit support
      </li>
      <li>
        <strong>PRD Creator</strong> — AI-assisted task list generation from plain-English project descriptions
      </li>
      <li>
        <strong>Community Themes</strong> — Dracula, Catppuccin, Nord, Solarized, Gruvbox, and Rosé Pine
        presets
      </li>
      <li>
        <strong>Project Context Panel</strong> — persistent PROJECT.md / REQUIREMENTS.md / ROADMAP.md
        / STATE.md context engineering
      </li>
      <li>
        <strong>Codebase Mapper</strong> — auto-generated CODEBASE.md architectural summaries
      </li>
      <li>
        <strong>Embedded Docs</strong> — this help panel with full documentation and keyboard navigation
      </li>
    </ul>
  </div>

  <div class="pt-2 border-t border-[var(--border-color)]">
    <p>
      To see the complete changelog with all versions and patch notes, open <strong
        >Changelog</strong
      > from the main menu.
    </p>
  </div>
</div>
