@pheem49/mint 1.15.0 → 1.17.0

package/src/renderer/src/css/desktop-tools.css

@@ -1,6 +1,6 @@
 .mint-titlebar {
   position: relative;
-  z-index: 300;
+  z-index: 1001;
   display: grid;
   grid-template-columns: auto minmax(24px, 1fr) auto auto;
   align-items: center;
@@ -23,139 +23,6 @@
   height: 100%;
 }
 
-.workspace-context {
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: 100%;
-  -webkit-app-region: no-drag;
-}
-
-.workspace-context-trigger {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 30px;
-  height: 28px;
-  margin-right: 4px;
-  border: 0;
-  border-radius: 5px;
-  color: inherit;
-  background: transparent;
-  cursor: pointer;
-}
-
-.workspace-context-trigger:hover,
-.workspace-context-trigger.is-open {
-  color: var(--text-main, #f1f2f4);
-  background: var(--bg-surface-hover, rgba(255, 255, 255, 0.08));
-}
-
-.workspace-context-trigger svg,
-.workspace-context-heading svg {
-  width: 16px;
-  height: 16px;
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 1.7;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-}
-
-.workspace-context-popover {
-  position: absolute;
-  z-index: 550;
-  top: calc(100% + 5px);
-  right: 6px;
-  width: min(360px, calc(100vw - 24px));
-  overflow: hidden;
-  border: 1px solid var(--border-default, rgba(255, 255, 255, 0.14));
-  border-radius: 12px;
-  color: var(--text-main, #f1f2f4);
-  background: var(--bg-overlay, #111113);
-  box-shadow: var(--shadow-lg, 0 20px 60px rgba(0, 0, 0, 0.6));
-}
-
-.workspace-context-heading,
-.workspace-context-sources-heading {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.workspace-context-heading {
-  min-height: 42px;
-  padding: 0 10px 0 14px;
-  color: var(--text-secondary, #cbd5e1);
-  font-size: 0.74rem;
-  font-weight: 600;
-}
-
-.workspace-context-heading button {
-  display: inline-grid;
-  width: 28px;
-  height: 28px;
-  place-items: center;
-  border: 0;
-  border-radius: 5px;
-  color: var(--text-muted, #94a3b8);
-  background: transparent;
-  cursor: pointer;
-}
-
-.workspace-context-heading button:hover:not(:disabled) {
-  color: var(--text-main, #f1f2f4);
-  background: var(--bg-surface-hover, rgba(255, 255, 255, 0.08));
-}
-
-.workspace-context-heading button:disabled { opacity: 0.5; cursor: wait; }
-
-.workspace-context-row {
-  display: grid;
-  grid-template-columns: 22px minmax(0, 1fr) auto;
-  align-items: center;
-  width: 100%;
-  min-height: 54px;
-  padding: 7px 14px;
-  border: 0;
-  border-top: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
-  color: inherit;
-  background: transparent;
-  font: inherit;
-  text-align: left;
-}
-
-button.workspace-context-row { cursor: pointer; }
-button.workspace-context-row:hover:not(:disabled) { background: var(--bg-surface-hover, rgba(255, 255, 255, 0.08)); }
-button.workspace-context-row:disabled { opacity: 0.52; cursor: default; }
-
-.workspace-context-icon {
-  color: var(--interactive-fg, var(--accent));
-  font-family: var(--font-mono, monospace);
-  font-size: 0.82rem;
-}
-
-.workspace-context-copy { min-width: 0; }
-.workspace-context-copy strong,
-.workspace-context-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.workspace-context-copy strong { font-size: 0.77rem; font-weight: 600; }
-.workspace-context-copy small { margin-top: 2px; color: var(--text-muted, #94a3b8); font-size: 0.68rem; }
-.workspace-context-action { color: var(--interactive-fg, var(--accent)); font-size: 0.68rem; }
-.workspace-context-status { color: var(--text-muted, #94a3b8); font-size: 0.68rem; }
-.workspace-context-status.is-dirty { color: var(--status-warning, #fbbf24); }
-.workspace-context-diff { display: flex; gap: 5px; font: 0.68rem var(--font-mono, monospace); }
-.workspace-context-diff b { color: var(--status-success, #34d399); font-weight: 600; }
-.workspace-context-diff i { color: var(--status-error, #ef4444); font-style: normal; }
-
-.workspace-context-sources {
-  padding: 10px 14px 12px;
-  border-top: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
-}
-
-.workspace-context-sources-heading { margin-bottom: 6px; color: var(--text-muted, #94a3b8); font-size: 0.68rem; font-weight: 600; }
-.workspace-context-sources p { overflow: hidden; margin: 4px 0 0; color: var(--text-secondary, #cbd5e1); font-size: 0.7rem; text-overflow: ellipsis; white-space: nowrap; }
-.workspace-context-sources .workspace-context-more { color: var(--interactive-fg, var(--accent)); }
-
 .mint-titlebar-left {
   gap: 3px;
   min-width: 0;
@@ -633,8 +500,8 @@ button.workspace-context-row:disabled { opacity: 0.52; cursor: default; }
   width: 7px;
   height: 7px;
   border-radius: 50%;
-  background: #57c78b;
-  box-shadow: 0 0 8px rgba(87, 199, 139, 0.42);
+  background: var(--status-success-fg, #57c78b);
+  box-shadow: 0 0 8px var(--status-success-border, rgba(87, 199, 139, 0.42));
 }
 
 .terminal-dock-cwd {
@@ -658,7 +525,7 @@ button.workspace-context-row:disabled { opacity: 0.52; cursor: default; }
 
 .terminal-dock-header > button:hover {
   color: var(--text-main, #e5e7eb);
-  background: rgba(255, 255, 255, 0.08);
+  background: var(--bg-surface-hover);
 }
 
 .terminal-dock-header-actions {
@@ -683,7 +550,7 @@ button.workspace-context-row:disabled { opacity: 0.52; cursor: default; }
 
 .terminal-dock-header-actions > button:hover {
   color: var(--text-main, #e5e7eb);
-  background: rgba(255, 255, 255, 0.08);
+  background: var(--bg-surface-hover);
 }
 
 .terminal-dock-surface {
@@ -693,7 +560,7 @@ button.workspace-context-row:disabled { opacity: 0.52; cursor: default; }
   padding: 10px 12px;
   border: 1px solid var(--border-default, rgba(255, 255, 255, 0.12));
   border-radius: 0 0 10px 10px;
-  background: #111318;
+  background: var(--bg-terminal, #111318);
 }
 
 .terminal-dock-surface .xterm {

package/src/renderer/src/css/misc.css

@@ -41,54 +41,6 @@
   color: var(--danger);
 }
 
-.toggle-model-btn.active {
-  background: color-mix(in srgb, var(--accent) 26%, transparent);
-  border-color: color-mix(in srgb, var(--accent) 42%, transparent);
-  color: var(--text-on-accent);
-}
-
-.accessory-cycle-btn:hover,
-.accessory-cycle-btn.active {
-  background: color-mix(in srgb, var(--accent) 14%, transparent);
-  border-color: color-mix(in srgb, var(--accent) 24%, transparent);
-  color: var(--mint-200);
-}
-
-.toggle-interaction-btn:hover,
-.toggle-interaction-btn.active {
-  background: color-mix(in srgb, var(--status-speaking) 14%, transparent);
-  border-color: color-mix(in srgb, var(--status-speaking) 24%, transparent);
-  color: var(--status-speaking);
-}
-
-.toggle-interaction-btn:not(.active) {
-  color: var(--status-error);
-}
-
-.toggle-interaction-btn:not(.active):hover {
-  background: color-mix(in srgb, var(--danger) 14%, transparent);
-  border-color: color-mix(in srgb, var(--danger) 22%, transparent);
-  color: var(--danger);
-}
-
-.toggle-interaction-btn:not(.active) .interaction-off-mark {
-  opacity: 1;
-}
-
-.interaction-guide-btn.active {
-  background: color-mix(in srgb, var(--flavor-cyan) 22%, transparent);
-  border-color: color-mix(in srgb, var(--flavor-cyan) 34%, transparent);
-}
-
-.toggle-model-btn:hover,
-.toggle-model-btn.active,
-.change-expression-btn:hover,
-.accessory-cycle-btn:hover,
-.accessory-cycle-btn.active,
-.toggle-interaction-btn:hover,
-.toggle-interaction-btn.active,
-.interaction-guide-btn:hover,
-.interaction-guide-btn.active,
 .clear-btn:hover,
 .settings-btn:hover,
 .minimize-btn:hover,
@@ -98,10 +50,6 @@
   color: var(--text-main);
 }
 
-.toggle-interaction-btn:not(.active) {
-  color: var(--danger);
-}
-
 .close-btn:hover {
   background: var(--close-btn-hover-bg);
   color: var(--close-btn-hover-color);

package/src/renderer/src/css/sidebar-workspace.css

@@ -1,10 +1,122 @@
 /* desktop: sidebar-workspace.css — split from styles.css, rules kept in original order */
 
-.toggle-model-btn,
-.change-expression-btn,
-.accessory-cycle-btn,
-.toggle-interaction-btn,
-.interaction-guide-btn,
+.workspace-file-menu {
+  position: fixed;
+  z-index: 10000;
+  width: 184px;
+  padding: 4px;
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-md, 8px);
+  background: var(--bg-surface-raised, #202126);
+  box-shadow: var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .3));
+  -webkit-app-region: no-drag;
+}
+
+.workspace-file-menu button {
+  width: 100%;
+  padding: 8px 10px;
+  border: 0;
+  border-radius: var(--radius-sm, 5px);
+  background: transparent;
+  color: var(--text-primary);
+  font: inherit;
+  font-size: .8rem;
+  text-align: left;
+  cursor: pointer;
+}
+
+.workspace-file-menu button:not(:disabled):hover,
+.workspace-file-menu button:not(:disabled):focus-visible {
+  background: var(--bg-surface-hover);
+}
+
+.workspace-file-menu button:focus-visible {
+  outline: 2px solid var(--border-focus);
+  outline-offset: -2px;
+}
+
+.workspace-file-menu button.is-danger {
+  color: var(--status-error);
+}
+
+.workspace-file-menu button.is-danger:not(:disabled):hover,
+.workspace-file-menu button.is-danger:not(:disabled):focus-visible {
+  background: color-mix(in srgb, var(--status-error) 12%, transparent);
+}
+
+.workspace-file-menu button:disabled {
+  color: var(--text-muted);
+  cursor: default;
+}
+
+.workspace-undo-bar {
+  margin: 12px 8px;
+  padding: 10px;
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-md, 8px);
+  background: var(--bg-surface-raised);
+  color: var(--text-primary);
+  font-size: .78rem;
+  overflow-wrap: anywhere;
+}
+.workspace-undo-bar > span { display: block; margin-bottom: 6px; }
+.workspace-undo-bar button {
+  border: 0;
+  border-radius: var(--radius-sm, 5px);
+  padding: 6px 8px;
+  background: var(--bg-surface-hover);
+  color: var(--text-primary);
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.workspace-undo-bar button:disabled { opacity: .5; cursor: default; }
+.workspace-undo-bar details { margin-top: 8px; color: var(--text-muted); }
+.workspace-undo-bar summary { cursor: pointer; }
+.workspace-undo-bar ol { padding-left: 18px; }
+.workspace-undo-bar li { margin: 6px 0; }
+.workspace-history-error { padding: 10px; color: var(--color-danger, #f87171); font-size: .8rem; }
+.workspace-file-dialog-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 10001;
+  display: grid;
+  place-items: center;
+  padding: 20px;
+  background: rgba(0, 0, 0, .45);
+}
+.workspace-file-dialog {
+  width: min(420px, 100%);
+  padding: 20px;
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-md, 8px);
+  background: var(--bg-surface-raised, #202126);
+  color: var(--text-primary);
+  box-shadow: var(--shadow-lg);
+}
+.workspace-file-dialog h3 { margin: 0 0 16px; overflow-wrap: anywhere; }
+.workspace-file-dialog label { display: grid; gap: 8px; font-size: .85rem; }
+.workspace-file-dialog input {
+  width: 100%;
+  padding: 8px;
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-sm, 5px);
+  background: var(--bg-surface);
+  color: var(--text-primary);
+  font: inherit;
+  box-sizing: border-box;
+}
+.workspace-file-dialog p { color: var(--color-danger, #f87171); font-size: .8rem; }
+.workspace-file-dialog > div { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
+.workspace-file-dialog button {
+  padding: 7px 12px;
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-sm, 5px);
+  background: var(--bg-surface-hover);
+  color: var(--text-primary);
+  font: inherit;
+  cursor: pointer;
+}
 .clear-btn,
 .settings-btn {
   -webkit-app-region: no-drag;
@@ -26,33 +138,11 @@
   white-space: nowrap;
   transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
 }
-
-.toggle-model-btn svg,
-.change-expression-btn svg,
-.accessory-cycle-btn svg,
-.toggle-interaction-btn svg,
-.interaction-guide-btn svg,
 .clear-btn svg,
 .settings-btn svg {
   flex: 0 0 auto;
 }
 
-.change-expression-btn:hover {
-  background: color-mix(in srgb, var(--flavor-amber) 15%, transparent);
-  border-color: color-mix(in srgb, var(--flavor-amber) 20%, transparent);
-  color: var(--flavor-amber);
-}
-
-.toggle-interaction-btn .interaction-off-mark {
-  opacity: 0;
-}
-
-.interaction-guide-btn:hover {
-  background: color-mix(in srgb, var(--flavor-cyan) 14%, transparent);
-  border-color: color-mix(in srgb, var(--flavor-cyan) 20%, transparent);
-  color: var(--flavor-cyan);
-}
-
 .clear-btn:hover {
   background: color-mix(in srgb, var(--flavor-amber) 15%, transparent);
   border-color: color-mix(in srgb, var(--flavor-amber) 20%, transparent);
@@ -379,7 +469,6 @@
   white-space: nowrap;
 }
 
-
 .sidebar-top-action {
   margin-bottom: 4px;
 }
@@ -388,49 +477,6 @@
   margin-bottom: 12px;
 }
 
-.sidebar-model-controls {
-  display: grid;
-  width: 100%;
-  align-items: stretch;
-  justify-items: stretch;
-  justify-content: stretch;
-  gap: 2px;
-  padding: 10px 0 18px;
-  border-top: 1px solid var(--border-subtle);
-  border-bottom: 1px solid var(--border-subtle);
-  margin-bottom: 6px;
-}
-
-.workspace-sidebar .toggle-model-btn,
-.workspace-sidebar .change-expression-btn,
-.workspace-sidebar .accessory-cycle-btn,
-.workspace-sidebar .toggle-interaction-btn,
-.workspace-sidebar .interaction-guide-btn {
-  width: 100%;
-  min-width: 0;
-  max-width: none;
-  height: 32px;
-  justify-content: flex-start;
-  padding: 0 10px;
-  color: var(--text-soft);
-  font-weight: 400;
-  gap: 9px;
-}
-
-.workspace-sidebar .toggle-model-btn:hover,
-.workspace-sidebar .toggle-model-btn.active,
-.workspace-sidebar .change-expression-btn:hover,
-.workspace-sidebar .accessory-cycle-btn:hover,
-.workspace-sidebar .accessory-cycle-btn.active,
-.workspace-sidebar .toggle-interaction-btn:hover,
-.workspace-sidebar .toggle-interaction-btn.active,
-.workspace-sidebar .interaction-guide-btn:hover,
-.workspace-sidebar .interaction-guide-btn.active {
-  background: var(--surface-strong);
-  border-color: transparent;
-  color: var(--text-main);
-}
-
 .sidebar-section {
   flex: 1 1 0;
   min-height: 0;
@@ -633,6 +679,7 @@
 .sidebar-conversation-menu-popover button:hover { background: var(--bg-surface-hover); }
 .sidebar-conversation-menu-popover button.is-destructive { color: var(--color-danger, #f87171); }
 .sidebar-conversation-menu-popover button span { flex: 1; }
+.workspace-sidebar .sidebar-menu-icon { flex: 0 0 14px; }
 @media (pointer: coarse) { .sidebar-conversation-menu-trigger { opacity: 1; } }
 
 .sidebar-chat-rename-input {
@@ -657,17 +704,11 @@
 .sidebar-chat-item.active:hover .mint-status-pill {
   display: none;
 }
-
 .app-body.sidebar-collapsed .sidebar-new-chat,
 .app-body.sidebar-collapsed .sidebar-top-action,
 .app-body.sidebar-collapsed .sidebar-settings,
 .app-body.sidebar-collapsed .sidebar-bottom-actions .clear-btn,
 .app-body.sidebar-collapsed .sidebar-bottom-actions .settings-btn,
-.app-body.sidebar-collapsed .workspace-sidebar .toggle-model-btn,
-.app-body.sidebar-collapsed .workspace-sidebar .change-expression-btn,
-.app-body.sidebar-collapsed .workspace-sidebar .accessory-cycle-btn,
-.app-body.sidebar-collapsed .workspace-sidebar .toggle-interaction-btn,
-.app-body.sidebar-collapsed .workspace-sidebar .interaction-guide-btn,
 .app-body.sidebar-collapsed .sidebar-project {
   width: 40px;
   height: 34px;
@@ -904,6 +945,26 @@
   color: var(--text-main);
 }
 
+[data-theme="studio"] .sidebar-project.active,
+[data-theme="studio"] .sidebar-project.is-active,
+[data-theme="studio"] .sidebar-chat-item.active {
+  background: #323232;
+  color: #e1e1e1;
+}
+
+[data-theme="studio"] .sidebar-project:hover,
+[data-theme="studio"] .sidebar-chat-item:hover {
+  background: #262626;
+  color: #ffffff;
+}
+
+[data-theme="studio"] .sidebar-project.active:hover,
+[data-theme="studio"] .sidebar-project.is-active:hover,
+[data-theme="studio"] .sidebar-chat-item.active:hover {
+  background: #383838;
+  color: #ffffff;
+}
+
 .sidebar-pictures-btn {
   cursor: pointer;
 }
@@ -1352,23 +1413,6 @@
     height: 34px;
   }
 
-  .toggle-model-btn,
-  .change-expression-btn,
-.accessory-cycle-btn,
-  .toggle-interaction-btn,
-  .interaction-guide-btn {
-    width: 34px;
-    padding: 0;
-  }
-
-  .toggle-model-btn span,
-  .change-expression-btn span,
-.accessory-cycle-btn span,
-  .toggle-interaction-btn span,
-  .interaction-guide-btn span {
-    display: none;
-  }
-
   .sidebar-toggle {
     display: none;
   }
@@ -1627,6 +1671,9 @@
 }
 
 .sidebar-show-more-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
   background: transparent;
   border: none;
   color: var(--text-muted);
@@ -1638,6 +1685,8 @@
   margin-top: 2px;
   transition: color 0.15s ease, background 0.15s ease;
 }
+.sidebar-show-more-btn svg { flex: 0 0 auto; transition: transform 0.15s ease; }
+.sidebar-show-more-btn svg.is-expanded { transform: rotate(180deg); }
 
 .sidebar-show-more-btn:hover {
   color: var(--text-secondary);
@@ -1732,6 +1781,8 @@
 }
 
 .sidebar-move-item-check {
+  display: inline-flex;
+  align-items: center;
   margin-left: auto;
   font-size: 0.85rem;
   color: var(--flavor-teal, #2dd4bf);
@@ -1743,3 +1794,29 @@
   background: var(--border-subtle, rgba(255, 255, 255, 0.08));
   margin: 4px 2px;
 }
+
+/* The resize target stays inside the panel so its overflow cannot clip it. */
+.workspace-pane-resizer {
+  position: absolute;
+  inset: 0 0 0 auto;
+  width: 8px;
+  z-index: 4;
+  cursor: col-resize;
+  touch-action: none;
+  user-select: none;
+}
+.workspace-pane-resizer::after {
+  content: '';
+  position: absolute;
+  inset: 8px 3px;
+  border-radius: 2px;
+  background: var(--border-default);
+  transition: background 0.15s ease;
+}
+.workspace-pane-resizer:hover::after,
+.workspace-pane-resizer:focus-visible::after,
+.is-workspace-resizing .workspace-pane-resizer::after { background: var(--border-focus); }
+.workspace-pane-resizer:focus-visible { outline: 2px solid var(--border-focus); outline-offset: -2px; }
+.workspace-pane-resizer[hidden] { display: none; }
+@media (prefers-reduced-motion: reduce) { .workspace-pane-resizer::after { transition: none; } }
+@media (forced-colors: active) { .workspace-pane-resizer::after { background: Highlight; } }

package/src/renderer/src/css/spotlight.css

@@ -24,8 +24,8 @@
 }
 
 @keyframes glow {
-    from { filter: drop-shadow(0 0 2px rgba(16, 185, 129, 0.5)); }
-    to { filter: drop-shadow(0 0 8px rgba(52, 211, 153, 0.8)); }
+    from { filter: drop-shadow(0 0 2px var(--accent-glow)); }
+    to { filter: drop-shadow(0 0 8px var(--accent)); }
 }
 
 #spotlight-input {