Claude
1995208941
Identity fields now support multiple entries per type: - Add unlimited names (first, last, middle, nickname), emails, usernames, hostnames, and phone numbers per profile - "+ Add" button on each section, "x" to remove rows - Names have a type selector (1st/Last/Mid/Nick) README now includes: - First-time setup walkthrough (step by step) - Icon color legend (gray/black/blue/red) - Keyboard shortcuts table - Note that extension does nothing until configured Also bumps version to 0.3.0 for Firefox re-signing. https://claude.ai/code/session_01Dvgwe7XMoSxnWXkih8p1Cw
146 lines
5.1 KiB
HTML
146 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Silent Send - Options</title>
|
|
<link rel="stylesheet" href="options.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>Silent Send Options</h1>
|
|
<p class="subtitle">Manage your privacy substitution mappings</p>
|
|
</header>
|
|
|
|
<section class="section">
|
|
<h2>Keyboard Shortcuts</h2>
|
|
<div class="setting-row">
|
|
<div>
|
|
<label>Toggle Reveal Mode</label>
|
|
<p class="setting-desc">Show your real data in AI responses</p>
|
|
</div>
|
|
<code style="font-size:12px;background:#f3f4f6;padding:4px 8px;border-radius:4px">Alt+Shift+R</code>
|
|
</div>
|
|
<div class="setting-row">
|
|
<div>
|
|
<label>Toggle Silent Send on/off</label>
|
|
<p class="setting-desc">Quickly enable or disable all substitution</p>
|
|
</div>
|
|
<code style="font-size:12px;background:#f3f4f6;padding:4px 8px;border-radius:4px">Alt+Shift+S</code>
|
|
</div>
|
|
<p class="section-desc" style="margin-top:8px;margin-bottom:0">
|
|
To change these shortcuts:<br>
|
|
<strong>Chrome:</strong> <code>chrome://extensions/shortcuts</code><br>
|
|
<strong>Firefox:</strong> <code>about:addons</code> → gear icon → Manage Extension Shortcuts
|
|
</p>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<h2>Settings</h2>
|
|
<div class="setting-row">
|
|
<div>
|
|
<label>Show inline highlights</label>
|
|
<p class="setting-desc">Show a subtle underline on text that will be substituted</p>
|
|
</div>
|
|
<label class="toggle">
|
|
<input type="checkbox" id="showHighlights">
|
|
<span class="toggle-slider"></span>
|
|
</label>
|
|
</div>
|
|
<div class="setting-row">
|
|
<div>
|
|
<label>Secret scanning</label>
|
|
<p class="setting-desc">Auto-detect and redact API keys, tokens, passwords, SSNs, credit card numbers</p>
|
|
</div>
|
|
<label class="toggle">
|
|
<input type="checkbox" id="secretScanning" checked>
|
|
<span class="toggle-slider"></span>
|
|
</label>
|
|
</div>
|
|
<div class="setting-row">
|
|
<div>
|
|
<label>Max log entries</label>
|
|
<p class="setting-desc">Number of activity log entries to keep</p>
|
|
</div>
|
|
<input type="number" id="maxLogEntries" class="input-small" min="10" max="1000" value="200">
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<h2>Mappings</h2>
|
|
<p class="section-desc">Manage all your substitution rules. Longer matches take priority.</p>
|
|
|
|
<div class="bulk-actions">
|
|
<button class="btn" id="btnExport">Export JSON</button>
|
|
<button class="btn" id="btnImport">Import JSON</button>
|
|
<input type="file" id="fileImport" accept=".json" hidden>
|
|
<button class="btn btn-danger" id="btnClearAll">Clear All</button>
|
|
</div>
|
|
|
|
<table class="mapping-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Real Value</th>
|
|
<th>Substitute</th>
|
|
<th>Category</th>
|
|
<th>Case</th>
|
|
<th>Enabled</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="mappingTableBody">
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="add-row">
|
|
<input type="text" id="newReal" placeholder="Real value" class="input">
|
|
<input type="text" id="newSub" placeholder="Substitute" class="input">
|
|
<select id="newCategory" class="select">
|
|
<option value="name">Name</option>
|
|
<option value="email">Email</option>
|
|
<option value="phone">Phone</option>
|
|
<option value="address">Address</option>
|
|
<option value="ssn">SSN</option>
|
|
<option value="dob">DOB</option>
|
|
<option value="domain">Domain</option>
|
|
<option value="general">General</option>
|
|
</select>
|
|
<label class="checkbox-label">
|
|
<input type="checkbox" id="newCaseSensitive">
|
|
Aa
|
|
</label>
|
|
<button class="btn btn-primary" id="btnAddMapping">Add</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<h2>Custom Domains</h2>
|
|
<p class="section-desc">Add domains for self-hosted AI services (like OpenWebUI). The extension will activate on these domains in addition to the built-in ones.</p>
|
|
<div class="domain-list" id="domainList"></div>
|
|
<div class="add-row">
|
|
<input type="text" id="newDomain" placeholder="https://ai.myserver.com" class="input" style="flex:2">
|
|
<button class="btn btn-primary" id="btnAddDomain">Add Domain</button>
|
|
</div>
|
|
<p class="section-desc" style="margin-top:8px;margin-bottom:0">
|
|
When you click "Add Domain", your browser will ask you to confirm access. No extra steps needed.
|
|
</p>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<h2>Activity Log</h2>
|
|
<div class="log-actions">
|
|
<span id="logCount">0 entries</span>
|
|
<button class="btn btn-danger" id="btnClearLog">Clear Log</button>
|
|
</div>
|
|
<div class="log-list" id="logList"></div>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>Silent Send v0.3.0</p>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="options.js" type="module"></script>
|
|
</body>
|
|
</html>
|