feat: Enhance audio capture and monitoring features

- Added "audioCapture" permission to manifest for microphone access.
- Introduced DeepSeek as a new AI provider option in the side panel.
- Implemented a capture mode selection (tab-only, mic-only, mixed) in the side panel.
- Added options to enable/disable the extension and auto-open the assistant window.
- Integrated a mic monitor feature with live input level visualization.
- Included buttons for requesting microphone permission and granting tab access.
- Updated styles for new sections and mic level visualization.
- Enhanced model fetching logic to support DeepSeek and improved error handling.
This commit is contained in:
2026-01-31 21:55:09 +01:00
parent 246506b177
commit 56d56395ee
11 changed files with 1651 additions and 276 deletions

View File

@@ -37,17 +37,27 @@ input[type="password"], select {
background-color: white;
}
.ai-provider-section, .model-selection, .api-key-section {
.ai-provider-section, .model-selection, .api-key-section, .capture-mode-section, .performance-section, .overlay-visibility-section, .mic-monitor-section, .active-state-section {
margin-bottom: 20px;
}
.ai-provider-section label, .model-selection label {
.ai-provider-section label, .model-selection label, .capture-mode-section label {
display: block;
margin-bottom: 5px;
font-weight: 600;
color: #2c3e50;
}
.performance-section label,
.overlay-visibility-section label,
.active-state-section label {
display: flex;
align-items: center;
gap: 8px;
font-weight: 600;
color: #2c3e50;
}
.status-message {
font-size: 12px;
margin-top: 5px;
@@ -74,6 +84,35 @@ input[type="password"], select {
background-color: #f8fafc;
}
.mic-monitor-section {
border: 1px solid #e0e6ed;
border-radius: 6px;
padding: 15px;
background-color: #f8fafc;
}
.mic-monitor-section h4 {
margin: 0 0 12px 0;
color: #2c3e50;
font-size: 16px;
}
.mic-level {
height: 8px;
width: 100%;
border-radius: 999px;
background-color: #e8eef5;
overflow: hidden;
margin: 6px 0 12px 0;
}
.mic-level-bar {
height: 100%;
width: 0%;
background: linear-gradient(90deg, #2ecc71, #1abc9c);
transition: width 80ms linear;
}
.context-section h4, .device-section h4 {
margin: 0 0 15px 0;
color: #2c3e50;
@@ -296,4 +335,4 @@ button:disabled {
button:disabled:hover {
background-color: #95a5a6;
}
}