@pheem49/mint 1.16.0 → 1.17.0

package/src/renderer/shared/css/file-changes.css

@@ -72,6 +72,59 @@
   gap: 7px;
 }
 
+.file-changes-summary-heading {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.file-changes-common-dir {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 0.72rem;
+  color: var(--text-muted, #94a3b8);
+  font-family: var(--font-mono, monospace);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: min(440px, 60vw);
+  margin-top: 1px;
+  opacity: 0.85;
+}
+
+.file-changes-common-dir svg {
+  flex-shrink: 0;
+  opacity: 0.75;
+}
+
+.file-changes-common-dir-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.file-changes-rewind-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 5px 10px;
+  font-size: 0.72rem;
+  border-radius: var(--radius-sm, 6px);
+  background: transparent;
+  color: var(--status-error, #f87171);
+  border: 1px solid color-mix(in srgb, var(--status-error, #ef4444) 30%, transparent);
+  cursor: pointer;
+  font-weight: 500;
+  transition: all 0.15s ease;
+}
+
+.file-changes-rewind-btn:hover {
+  background: color-mix(in srgb, var(--status-error, #ef4444) 18%, transparent);
+  border-color: color-mix(in srgb, var(--status-error, #ef4444) 50%, transparent);
+}
+
 .file-changes-review-btn {
   background: color-mix(in srgb, var(--text-main) 5%, transparent);
   border: 1px solid var(--border);
@@ -90,13 +143,122 @@
 }
 
 .file-changes-item {
-  border: 1px solid color-mix(in srgb, var(--border) 75%, transparent);
-  border-radius: var(--radius-xs, 5px);
-  padding: 2px 4px;
+  border: 1px solid color-mix(in srgb, var(--border) 60%, transparent);
+  border-radius: var(--radius-xs, 6px);
+  background: color-mix(in srgb, var(--surface-bg, #1e1e20) 60%, rgba(255, 255, 255, 0.02));
+  overflow: hidden;
+  transition: border-color 0.15s ease, background 0.15s ease;
+}
+
+.file-changes-item:hover {
+  border-color: var(--border);
+  background: color-mix(in srgb, var(--surface-bg, #1e1e20) 40%, rgba(255, 255, 255, 0.04));
+}
+
+.file-changes-item-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 10px;
+  cursor: pointer;
+  user-select: none;
+  gap: 8px;
+}
+
+.file-changes-filename {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: var(--text-main, #f1f5f9);
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.file-changes-name {
+  font-family: var(--font-mono, monospace);
+  font-size: 0.78rem;
+}
+
+.file-changes-subdir {
+  font-family: var(--font-mono, monospace);
+  font-size: 0.72rem;
+  color: var(--text-muted, #94a3b8);
+  opacity: 0.75;
+}
+
+.file-changes-chip-new {
+  display: inline-flex;
+  align-items: center;
+  font-size: 0.65rem;
+  font-weight: 600;
+  color: var(--accent, #10b981);
+  background: color-mix(in srgb, var(--accent, #10b981) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--accent, #10b981) 28%, transparent);
+  border-radius: 999px;
+  padding: 1px 7px;
+  line-height: 1.25;
+  letter-spacing: 0.02em;
+  margin-left: 4px;
+  vertical-align: middle;
+  flex-shrink: 0;
+}
+
+.file-changes-preview-btn {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  font-size: 0.68rem;
+  font-weight: 500;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--text-main) 6%, transparent);
+  color: var(--text-muted, #94a3b8);
+  border: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.file-changes-preview-btn:hover {
+  background: color-mix(in srgb, var(--accent, #10b981) 15%, transparent);
+  color: var(--accent, #10b981);
+  border-color: color-mix(in srgb, var(--accent, #10b981) 35%, transparent);
+}
+
+.file-changes-show-more {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  width: 100%;
+  padding: 7px 12px;
+  margin-top: 2px;
+  font-family: inherit;
+  font-size: 0.74rem;
+  font-weight: 500;
+  color: var(--text-muted, #94a3b8);
+  background: transparent;
+  border: 1px dashed color-mix(in srgb, var(--border) 60%, transparent);
+  border-radius: var(--radius-xs, 6px);
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.file-changes-show-more:hover {
+  background: color-mix(in srgb, var(--text-main) 6%, transparent);
+  color: var(--text-main, #f1f5f9);
+  border-color: var(--border);
+}
+
+.file-changes-show-more svg {
+  transition: transform 0.2s ease;
+  opacity: 0.75;
 }
 
-.file-changes-item:last-child {
-  border-bottom: 1px solid color-mix(in srgb, var(--border) 75%, transparent);
+.file-changes-show-more[aria-expanded="true"] svg {
+  transform: rotate(180deg);
 }
 
 .file-changes-list-container {

package/src/renderer/shared/css/management-views.css

@@ -75,6 +75,47 @@
   margin: 0;
 }
 
+.management-workspace-info {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 0.82rem;
+  color: var(--text-muted, #94a3b8);
+  margin-top: 4px;
+}
+
+.management-workspace-label {
+  font-weight: 500;
+}
+
+.management-workspace-path {
+  padding: 2px 6px;
+  border-radius: var(--radius-sm, 4px);
+  background: var(--bg-secondary, rgba(255, 255, 255, 0.06));
+  color: var(--text-main, #f8fafc);
+  font-size: 0.8rem;
+  font-family: var(--font-mono, monospace);
+  word-break: break-all;
+}
+
+.management-workspace-none {
+  font-style: italic;
+  color: var(--text-muted, #94a3b8);
+}
+
+.management-modal-source {
+  margin-top: 6px;
+  font-size: 0.8rem;
+  color: var(--text-muted, #64748b);
+  word-break: break-all;
+}
+
+.management-modal-source code {
+  font-family: var(--font-mono, monospace);
+  font-size: 0.78rem;
+  color: var(--text-muted, #94a3b8);
+}
+
 .management-primary-btn {
   display: inline-flex;
   align-items: center;
@@ -817,9 +858,9 @@
 
 .management-badge.active,
 .management-badge.connected {
-  background: rgba(16, 185, 129, 0.15);
-  color: #34d399;
-  border: 1px solid rgba(16, 185, 129, 0.3);
+  background: var(--status-success-bg);
+  color: var(--status-success-fg);
+  border: 1px solid var(--status-success-border);
 }
 
 .management-badge.workspace {
@@ -829,16 +870,16 @@
 }
 
 .management-badge.global {
-  background: rgba(168, 85, 247, 0.15);
-  color: #c084fc;
-  border: 1px solid rgba(168, 85, 247, 0.3);
+  background: var(--status-purple-bg);
+  color: var(--status-purple-fg);
+  border: 1px solid var(--status-purple-border);
 }
 
 .management-badge.inactive,
 .management-badge.disconnected {
-  background: rgba(148, 163, 184, 0.15);
+  background: var(--bg-surface-soft);
   color: var(--text-muted, #94a3b8);
-  border: 1px solid rgba(148, 163, 184, 0.25);
+  border: 1px solid var(--border-default);
 }
 
 .management-dot {
@@ -866,7 +907,7 @@
 }
 
 .management-tag.global {
-  color: #c084fc;
+  color: var(--status-purple-fg);
 }
 
 /* Compact plugin row (Plugins & Integrations) — one line per plugin (icon +
@@ -922,7 +963,7 @@
 }
 
 .management-plugin-name .management-dot.connected {
-  background: #34d399;
+  background: var(--status-success-fg);
 }
 
 .management-section-title {
@@ -1105,29 +1146,29 @@
   border-radius: var(--radius-md);
   font-size: 0.82rem;
   font-weight: 500;
-  border: 1px solid var(--border, rgba(255, 255, 255, 0.1));
-  background: rgba(255, 255, 255, 0.04);
-  color: var(--text-main, #cbd5e1);
+  border: 1px solid var(--btn-gray-border, var(--border, rgba(255, 255, 255, 0.1)));
+  background: var(--btn-gray-bg, var(--bg-surface-soft));
+  color: var(--btn-gray-fg, var(--text-main, #f8fafc));
   cursor: pointer;
   transition: all 0.2s ease;
 }
 
 .management-action-btn:hover {
-  background: rgba(255, 255, 255, 0.1);
-  color: var(--text-main);
-  border-color: var(--border, rgba(255, 255, 255, 0.2));
+  background: var(--btn-gray-bg-hover, var(--bg-surface-hover));
+  color: var(--btn-gray-fg, var(--text-main));
+  border-color: var(--accent-border, var(--btn-gray-border-hover));
 }
 
 .management-action-btn.danger {
-  color: #f87171;
-  border-color: rgba(239, 68, 68, 0.3);
-  background: rgba(239, 68, 68, 0.1);
+  color: var(--status-error-fg);
+  border-color: var(--status-error-border);
+  background: var(--status-error-bg);
 }
 
 .management-action-btn.danger:hover {
-  background: rgba(239, 68, 68, 0.25);
-  color: #fca5a5;
-  border-color: rgba(239, 68, 68, 0.5);
+  background: var(--hover-delete-bg);
+  color: var(--hover-delete);
+  border-color: var(--status-error);
 }
 
 /* Expand / Collapse Chevron Button */
@@ -1506,11 +1547,11 @@
 }
 
 .mcp-test-status.success {
-  color: #34d399;
+  color: var(--status-success-fg);
 }
 
 .mcp-test-status.error {
-  color: #f87171;
+  color: var(--status-error-fg);
 }
 
 .mcp-test-status.testing {
@@ -1518,9 +1559,9 @@
 }
 
 .management-badge.remote {
-  background: rgba(59, 130, 246, 0.15);
-  color: #60a5fa;
-  border: 1px solid rgba(59, 130, 246, 0.3);
+  background: var(--status-info-bg);
+  color: var(--status-info-fg);
+  border: 1px solid var(--status-info-border);
 }
 
 .mcp-spin {
@@ -1541,8 +1582,8 @@
   margin-top: 14px;
   border-radius: var(--radius-lg, 10px);
   overflow: hidden;
-  border: 1px solid rgba(245, 158, 11, 0.28);
-  background: rgba(245, 158, 11, 0.05);
+  border: 1px solid var(--status-warning-border);
+  background: var(--status-warning-bg);
 }
 
 .mcp-security-header {
@@ -1550,21 +1591,21 @@
   align-items: center;
   gap: 8px;
   padding: 10px 14px;
-  background: rgba(245, 158, 11, 0.12);
-  color: #fbbf24;
+  background: var(--status-warning-bg);
+  color: var(--status-warning-fg);
   font-size: 0.86rem;
   font-weight: 600;
-  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
+  border-bottom: 1px solid var(--status-warning-border);
 }
 
 .mcp-security-icon {
   flex-shrink: 0;
-  color: #f59e0b;
+  color: var(--status-warning);
 }
 
 .mcp-security-body {
   padding: 12px 14px;
-  background: rgba(15, 23, 42, 0.45);
+  background: var(--bg-surface-soft);
 }
 
 .mcp-security-ack {
@@ -1613,8 +1654,8 @@
 
 .mint-custom-checkbox:hover {
   border-color: var(--accent, #10b981);
-  background: rgba(255, 255, 255, 0.12);
-  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.16);
+  background: var(--bg-surface-hover);
+  box-shadow: 0 0 0 3px var(--accent-glow, rgba(16, 185, 129, 0.16));
 }
 
 .mint-custom-checkbox:checked {
@@ -1637,7 +1678,7 @@
 }
 
 .mint-custom-checkbox:focus-visible {
-  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3);
+  box-shadow: 0 0 0 3px var(--accent-glow, rgba(16, 185, 129, 0.3));
 }
 
 /* Allow All Tools Row */

package/src/renderer/shared/css/mcp-results.css

@@ -6,6 +6,49 @@
 .mcp-artifact { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
 .mcp-image-button { padding: 0; background: transparent; border: 0; cursor: zoom-in; }
 .mcp-image-button img { width: 100%; max-height: 320px; object-fit: contain; border-radius: 8px; }
-.mcp-image-dialog { max-width: 95vw; max-height: 95vh; padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-surface); color: var(--text-primary); }
-.mcp-image-dialog::backdrop { background: rgba(0,0,0,.7); }
-.mcp-image-dialog img { display: block; max-width: 85vw; max-height: 80vh; object-fit: contain; margin-top: 10px; }
+.mcp-image-dialog { box-sizing: border-box; width: fit-content; max-width: 96vw; max-height: 94dvh; padding: 12px; overflow: auto; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-overlay); color: var(--text-main); }
+.mcp-image-dialog::backdrop { background: rgba(0, 0, 0, .75); }
+.mcp-image-dialog header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-size: 13px; }
+.mcp-image-dialog header span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
+.mcp-image-dialog button { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; padding: 0; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-surface-soft); color: var(--text-main); cursor: pointer; }
+.mcp-image-dialog img { display: block; max-width: 100%; max-height: calc(94dvh - 86px); object-fit: contain; }
+.mcp-image-dialog button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
+.execution-state { font-weight: 600; }
+.execution-state-succeeded { color: var(--accent, #69e6a6); }
+.execution-state-failed { color: var(--danger, #ff6b6b); }
+.execution-state-running { color: var(--interactive-fg, #60a5fa); }
+.execution-state-cancelled { color: var(--muted, #888); }
+.execution-exit { color: var(--muted, #888); }
+.execution-exit-error { color: var(--danger, #ff6b6b); }
+
+.mcp-results-compact {
+  margin: 6px 0 10px 0;
+  padding: 0;
+  border: none;
+  background: transparent;
+}
+
+.mcp-warning-banner {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  border-radius: 8px;
+  border: 1px solid var(--border);
+  background: var(--bg-surface-soft);
+  color: var(--text-muted);
+  font-size: 0.82rem;
+  line-height: 1.4;
+}
+
+.mcp-warning-icon {
+  flex-shrink: 0;
+  color: var(--interactive-fg, var(--accent));
+  opacity: 0.9;
+}
+
+.mcp-warning-text {
+  flex: 1;
+  min-width: 0;
+}
+

package/src/renderer/shared/css/queued-messages.css

@@ -0,0 +1,221 @@
+.queued-messages-tray {
+  margin: 0 0 10px 0;
+  border-radius: 12px;
+  background: var(--bg-surface-soft, rgba(255, 255, 255, 0.04));
+  border: 1px solid var(--border-default, rgba(255, 255, 255, 0.1));
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+  font-family: var(--font-sans, Inter, system-ui, sans-serif);
+  animation: queuedTrayFadeIn 0.2s ease-out;
+}
+
+@keyframes queuedTrayFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.queued-messages-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  background: rgba(0, 0, 0, 0.15);
+  border-bottom: 1px solid var(--border-default, rgba(255, 255, 255, 0.08));
+  gap: 8px;
+}
+
+.queued-messages-title-wrap {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  flex: 1;
+}
+
+.queued-messages-title {
+  font-size: 0.8rem;
+  font-weight: 600;
+  color: var(--text-main, #f1f5f9);
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.queued-messages-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1px 7px;
+  font-size: 0.72rem;
+  font-weight: 700;
+  border-radius: 999px;
+  background: var(--accent-color, #10b981);
+  color: #ffffff;
+}
+
+.queued-messages-status {
+  font-size: 0.74rem;
+  color: var(--text-muted, #94a3b8);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.queued-messages-status.is-paused {
+  color: var(--status-warning, #f59e0b);
+  font-weight: 500;
+}
+
+.queued-messages-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+}
+
+.queued-messages-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 8px;
+  font-size: 0.72rem;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  background: transparent;
+  color: var(--text-muted, #94a3b8);
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.queued-messages-btn:hover {
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text-main, #ffffff);
+}
+
+.queued-messages-btn.btn-resume {
+  background: rgba(16, 185, 129, 0.15);
+  color: var(--accent-color, #10b981);
+  border-color: rgba(16, 185, 129, 0.3);
+}
+
+.queued-messages-btn.btn-resume:hover {
+  background: rgba(16, 185, 129, 0.25);
+}
+
+.queued-messages-list {
+  display: flex;
+  flex-direction: column;
+  max-height: 220px;
+  overflow-y: auto;
+}
+
+.queued-message-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  gap: 10px;
+  border-bottom: 1px solid var(--border-default, rgba(255, 255, 255, 0.05));
+  transition: background 0.15s ease;
+}
+
+.queued-message-item:last-child {
+  border-bottom: none;
+}
+
+.queued-message-item:hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+
+.queued-message-index {
+  font-size: 0.72rem;
+  font-weight: 700;
+  color: var(--text-muted, #64748b);
+  flex-shrink: 0;
+}
+
+.queued-message-content {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.queued-message-text {
+  font-size: 0.82rem;
+  color: var(--text-main, #e2e8f0);
+  line-height: 1.35;
+  white-space: pre-wrap;
+  word-break: break-word;
+  max-height: 2.7em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.queued-message-attachments {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+
+.queued-attachment-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 6px;
+  font-size: 0.68rem;
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text-soft, #94a3b8);
+}
+
+.queued-item-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+}
+
+.queued-icon-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  background: transparent;
+  color: var(--text-muted, #94a3b8);
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.queued-icon-btn:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: var(--text-main, #ffffff);
+}
+
+.queued-icon-btn.btn-steer {
+  color: var(--accent-color, #10b981);
+}
+
+.queued-icon-btn.btn-steer:hover {
+  background: rgba(16, 185, 129, 0.15);
+  color: #34d399;
+}
+
+.queued-icon-btn.btn-delete:hover {
+  background: rgba(239, 68, 68, 0.15);
+  color: var(--status-error, #ef4444);
+}