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

<div class="space-y-4 text-sm text-[var(--text-secondary)]">
  <p>
    The Git panel gives you a visual interface for git operations directly inside Hikari Desktop.
    Open it via <strong>Git Panel</strong> in the menu.
  </p>

  <div>
    <h4 class="font-medium text-[var(--text-primary)] mb-2">Changes Tab</h4>
    <p>Shows all modified, staged, and untracked files in your working directory.</p>
    <ul class="space-y-1 mt-2">
      <li>• Click a file to view its diff</li>
      <li>• Stage individual files or all changes at once</li>
      <li>• Unstage files you don't want in the next commit</li>
      <li>• Discard changes to revert a file to its last committed state</li>
      <li>• Enter a commit message and click <strong>Commit</strong> to create a commit</li>
    </ul>
  </div>

  <div>
    <h4 class="font-medium text-[var(--text-primary)] mb-2">Branches Tab</h4>
    <p>Manage your local and remote branches.</p>
    <ul class="space-y-1 mt-2">
      <li>• View all local and remote branches</li>
      <li>• Click a branch to check it out</li>
      <li>• Create new branches from the current HEAD</li>
      <li>• See how many commits your branch is ahead/behind its remote</li>
    </ul>
  </div>

  <div>
    <h4 class="font-medium text-[var(--text-primary)] mb-2">History Tab</h4>
    <p>Browse your commit history with author names, dates, and commit messages.</p>
    <ul class="space-y-1 mt-2">
      <li>• Scrollable log of recent commits</li>
      <li>• Abbreviated commit hashes for easy reference</li>
    </ul>
  </div>

  <div>
    <h4 class="font-medium text-[var(--text-primary)] mb-2">Sync Actions</h4>
    <p>
      Use the quick action buttons to fetch, pull, and push changes to your remote — all without
      leaving Hikari Desktop.
    </p>
  </div>

  <div>
    <h4 class="font-medium text-[var(--text-primary)] mb-2">Working with Hikari</h4>
    <p>
      Hikari can also run git commands for you through the terminal — just ask her to commit, push,
      create a branch, or check the status. The Git panel is useful for reviewing changes visually
      and for quick operations you want to do yourself.
    </p>
    <p class="mt-2">
      The <strong>Task Loop auto-commit</strong> feature can automatically commit after each completed
      task — configure it via the ⚙ icon in the Task Loop panel.
    </p>
  </div>
</div>
