local-deep-research 0.4.4__py3-none-any.whl → 0.5.2__py3-none-any.whl

local_deep_research/web/static/css/custom_dropdown.css

@@ -275,3 +275,183 @@ body.dropdown-active {
 .advanced-options-panel .custom-dropdown-list {
     z-index: 10000; /* Even higher z-index for dropdowns in the advanced panel */
 }
+
+/* Accessibility improvements */
+.sr-only {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    white-space: nowrap !important;
+    border: 0 !important;
+}
+
+/* Enhanced search hints styling */
+.search-hints {
+    margin-top: 0.75rem;
+    padding: 0.75rem;
+    background-color: rgba(64, 191, 255, 0.05);
+    border-radius: 6px;
+    border: 1px solid rgba(64, 191, 255, 0.1);
+}
+
+.hint-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.hint-row:last-child {
+    margin-bottom: 0;
+}
+
+.hint-item {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.85rem;
+    color: var(--text-secondary, #c0c0cc);
+}
+
+.hint-icon {
+    color: var(--accent-tertiary, #40bfff);
+    font-size: 0.8rem;
+    width: 12px;
+    text-align: center;
+}
+
+.hint-text {
+    font-size: 0.85rem;
+    color: var(--text-secondary, #c0c0cc);
+}
+
+/* Legacy keyboard hint styling for other components */
+.keyboard-hint {
+    margin-top: 6px;
+}
+
+.keyboard-hint .hint-text {
+    font-size: 0.8rem;
+    color: var(--text-secondary, #c0c0cc);
+    font-style: italic;
+}
+
+/* Responsive design for hints */
+@media (max-width: 767px) {
+    .hint-row {
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+
+    .hint-item {
+        font-size: 0.8rem;
+    }
+}
+
+/* Mode selection accessibility improvements */
+.mode-selection {
+    outline: none;
+}
+
+/* Override label default styles for mode options */
+label.mode-option {
+    display: flex !important;
+    align-items: center !important;
+    width: 100%;
+    margin: 0;
+    font-weight: normal;
+}
+
+.mode-option {
+    position: relative;
+    transition: all 0.2s ease;
+}
+
+.mode-option:focus {
+    outline: 2px solid var(--accent-primary, #6e4ff6);
+    outline-offset: 2px;
+}
+
+.mode-option:focus-visible {
+    outline: 2px solid var(--accent-primary, #6e4ff6);
+    outline-offset: 2px;
+}
+
+/* Ensure proper keyboard navigation */
+.mode-option[tabindex="0"] {
+    cursor: pointer;
+}
+
+.mode-option[tabindex="-1"] {
+    cursor: pointer;
+}
+
+/* Enhanced focus states for better accessibility */
+fieldset {
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+
+legend {
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+    color: var(--text-primary, #e1e2e4);
+}
+
+/* Keyboard shortcut hint styling */
+.keyboard-shortcut-hint {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 1rem;
+    padding: 0.5rem;
+    animation: fadeIn 0.5s ease-in;
+}
+
+.keyboard-shortcut-hint .hint-text {
+    font-size: 0.9rem;
+    color: var(--text-secondary, #c0c0cc);
+}
+
+.keyboard-shortcut-hint kbd {
+    display: inline-block;
+    padding: 0.2rem 0.4rem;
+    font-size: 0.875rem;
+    font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
+    line-height: 1;
+    color: var(--text-primary, #e1e2e4);
+    background-color: var(--bg-tertiary, #2a2a3a);
+    border: 1px solid var(--border-color, #343452);
+    border-radius: 4px;
+    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+    font-weight: 600;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Results page keyboard hint */
+.results-keyboard-hint {
+    text-align: right;
+    margin-top: 0.5rem;
+    padding: 0.25rem 0;
+    animation: fadeIn 0.5s ease-in;
+}
+
+.results-keyboard-hint .hint-text {
+    font-size: 0.85rem;
+    color: var(--text-muted, #8a8aa0);
+}

local_deep_research/web/static/css/styles.css

@@ -315,7 +315,7 @@ textarea:focus, input[type="text"]:focus {
 }
 
 .mode-option.active {
-  border-color: var (--accent-primary);
+  border-color: var(--accent-primary);
   background-color: rgba(110, 79, 246, 0.1);
 }
 
@@ -1364,6 +1364,16 @@ textarea:focus, input[type="text"]:focus {
     color: white;
 }
 
+.console-log-entry.log-warning .log-badge {
+  background-color: var(--warning-color);
+  color: white;
+}
+
+.console-log-entry.log-debug .log-badge {
+  background-color: var(--text-muted);
+  color: white;
+}
+
 .console-log-entry.log-info .log-badge {
     background-color: var(--accent-tertiary);
     color: white;
@@ -1803,3 +1813,31 @@ input[type="number"].form-control::-webkit-inner-spin-button {
     font-size: 0.8rem;
     color: var(--text-muted);
 }
+
+/* Star Rating Component */
+.star-rating {
+    display: inline-flex;
+    align-items: center;
+    gap: 2px;
+    cursor: pointer;
+    font-size: 1.2rem;
+}
+
+.star-rating .star {
+    color: #444;
+    transition: color 0.2s ease;
+    user-select: none;
+    cursor: pointer;
+}
+
+.star-rating .star.active {
+    color: #ffd700;
+}
+
+.star-rating .star.hover {
+    color: #ffd700;
+}
+
+.metadata-item .star-rating {
+    margin-left: 0.5rem;
+}