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:
45
style.css
45
style.css
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user