<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>gnexus-creds</title>
<link rel="stylesheet" href="../../lib/gnexus-ui-kit.css">
<link rel="stylesheet" href="../../lib/assets/fonts/phosphor-icons/src/css/icons.css">
<link rel="stylesheet" href="popup.css">
<script src="../../lib/gnexus-ui-kit.js"></script>
</head>
<body>
<div id="app" class="container">
<div class="page-header page-header-compact">
<div class="page-header-content">
<img class="page-header-logo" src="../../icons/icon.svg" alt="">
<div class="page-header-title">GNEXUS CREDS</div>
</div>
<div class="page-header-actions">
<button id="refresh" class="btn-icon" title="Refresh">
<i class="ph ph-arrows-clockwise"></i>
</button>
<button id="open-site" class="btn-icon" title="Open gnexus-creds">
<i class="ph ph-arrow-square-out"></i>
</button>
<button id="open-settings" class="btn-icon" title="Settings">
<i class="ph ph-gear"></i>
</button>
</div>
</div>
<div class="toolbar mt-3">
<div class="input-group input-group-compact search-field w-100">
<input type="text" id="search" class="input-group-input" placeholder="Search secrets...">
</div>
</div>
<div id="pending-save-wrap" class="d-none mt-3"></div>
<div id="main-error-wrap" class="d-none mt-3"></div>
<div id="loader-wrap" class="d-none mt-3"></div>
<div id="secrets-list" class="mt-3"></div>
<div id="empty-state" class="empty-state d-none mt-3">
<p class="empty-state-text">No secrets</p>
</div>
</div>
<script type="module" src="popup.js"></script>
</body>
</html>
