feat: add multimodal search and granular performance diagnostics

apps/desktop/src/style.css

@@ -766,3 +766,73 @@ footer {
     outline-color: Highlight;
   }
 }
+/* Keep one scoped media player within the existing result preview. */
+.media-preview {
+  margin: 0 20px 14px;
+  overflow: hidden;
+  border-radius: 10px;
+  background: #f3f4f7;
+}
+.media-preview img,
+.media-preview video {
+  display: block;
+  width: 100%;
+  max-height: 340px;
+  object-fit: contain;
+}
+.media-preview audio {
+  display: block;
+  width: 100%;
+}
+#media-preview-status {
+  margin: 0 20px 14px;
+}
+.file-icon[data-type="image"] {
+  color: #6c62b5;
+}
+.file-icon[data-type="video"] {
+  color: #a16a48;
+}
+.file-icon[data-type="audio"] {
+  color: #608271;
+}
+.performance-toggle {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 14px;
+}
+.performance-toggle input {
+  width: auto;
+  accent-color: var(--brand);
+}
+#performance-panel {
+  margin: 0 20px 12px;
+  padding: 10px 14px;
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  background: var(--surface);
+  font-size: 12px;
+}
+#performance-panel summary {
+  cursor: pointer;
+  font-weight: 600;
+}
+#performance-detail {
+  max-height: 280px;
+  overflow: auto;
+  font-variant-numeric: tabular-nums;
+}
+#performance-detail p {
+  margin: 8px 0;
+}
+.performance-attempt {
+  font-weight: 600;
+}
+.performance-span {
+  border-left: 2px solid var(--line);
+}
+#copy-performance-status {
+  margin-left: 8px;
+  color: var(--muted);
+}