npm - @pheem49/mint - Versions diffs - 1.16.0 → 1.18.0 - Mend

@pheem49/mint 1.16.0 → 1.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (984) hide show

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

@@ -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,337 +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 {
-  max-height: calc(100dvh - 72px);
-  position: absolute;
-  z-index: 550;
-  top: calc(100% + 5px);
-  right: 6px;
-  width: min(360px, calc(100vw - 24px));
-  overflow: hidden auto;
-  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)); }
-/* Workspace context popover */
-.workspace-context-trigger {
-  width: 32px;
-  height: 30px;
-  margin-right: 5px;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  transition: color 0.16s ease, background 0.16s ease, border-color 0.16s ease;
-}
-.workspace-context-trigger:hover,
-.workspace-context-trigger.is-open {
-  border-color: var(--border, rgba(255, 255, 255, 0.1));
-  background: var(--bg-surface-hover, rgba(255, 255, 255, 0.07));
-}
-.workspace-context-trigger:focus-visible,
-.workspace-context-heading button:focus-visible,
-.workspace-context-row:focus-visible {
-  outline: 2px solid var(--accent, #10b981);
-  outline-offset: 2px;
-}
-.workspace-context-popover {
-  width: min(380px, calc(100vw - 24px));
-  padding: 8px;
-  border-color: var(--border-default, rgba(255, 255, 255, 0.12));
-  border-radius: 16px;
-  background: var(--bg-overlay, #111113);
-  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.24);
-}
-.workspace-context-heading {
-  min-height: 42px;
-  padding: 0 4px 7px 8px;
-  border-bottom: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
-  color: var(--text-main, #f1f2f4);
-  font-size: 0.78rem;
-}
-.workspace-context-heading-title {
-  display: inline-flex;
-  align-items: center;
-  gap: 9px;
-}
-.workspace-context-heading-title svg {
-  color: var(--accent, #10b981);
-}
-.workspace-context-heading button {
-  width: 30px;
-  height: 30px;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  transition: color 0.16s ease, background 0.16s ease, border-color 0.16s ease;
-}
-.workspace-context-heading button:hover:not(:disabled) {
-  border-color: var(--border, rgba(255, 255, 255, 0.1));
-}
-.workspace-context-heading button .is-refreshing {
-  animation: workspaceContextSpin 0.9s linear infinite;
-}
-@keyframes workspaceContextSpin {
-  to { transform: rotate(360deg); }
-}
-.workspace-context-row {
-  grid-template-columns: 34px minmax(0, 1fr) auto;
-  gap: 10px;
-  min-height: 58px;
-  margin-top: 4px;
-  padding: 8px 10px;
-  border: 1px solid transparent;
-  border-radius: 11px;
-  transition: background 0.16s ease, border-color 0.16s ease;
-}
-.workspace-context-row.is-static {
-  color: var(--text-main, #f1f2f4);
-}
-button.workspace-context-row:hover:not(:disabled) {
-  border-color: var(--border, rgba(255, 255, 255, 0.08));
-  background: var(--bg-surface-hover, rgba(255, 255, 255, 0.045));
-}
-button.workspace-context-row:disabled {
-  opacity: 0.7;
-}
-.workspace-context-icon {
-  display: grid;
-  width: 32px;
-  height: 32px;
-  place-items: center;
-  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
-  border-radius: 9px;
-  background: var(--bg-surface-soft, rgba(255, 255, 255, 0.035));
-  color: var(--interactive-fg, var(--accent));
-}
-.workspace-context-copy strong { font-size: 0.78rem; }
-.workspace-context-copy small { margin-top: 3px; font-size: 0.69rem; }
-.workspace-context-action,
-.workspace-context-status {
-  display: inline-flex;
-  align-items: center;
-  min-height: 22px;
-  padding: 2px 8px;
-  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
-  border-radius: 999px;
-  background: var(--bg-surface-soft, rgba(255, 255, 255, 0.035));
-  color: var(--text-secondary, #cbd5e1);
-  font-size: 0.65rem;
-  white-space: nowrap;
-}
-.workspace-context-action {
-  color: var(--interactive-fg, var(--accent));
-}
-.workspace-context-status.is-dirty {
-  border-color: color-mix(in srgb, var(--status-warning, #fbbf24) 25%, transparent);
-  background: color-mix(in srgb, var(--status-warning, #fbbf24) 9%, transparent);
-  color: var(--status-warning, #fbbf24);
-}
-.workspace-context-diff {
-  display: inline-flex;
-  gap: 6px;
-  padding: 3px 7px;
-  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
-  border-radius: 999px;
-  background: var(--bg-surface-soft, rgba(255, 255, 255, 0.035));
-  font: 0.66rem var(--font-mono, monospace);
-}
-.workspace-context-sources {
-  margin-top: 6px;
-  padding: 10px;
-  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
-  border-radius: 11px;
-  background: var(--bg-surface-soft, rgba(255, 255, 255, 0.025));
-}
-.workspace-context-sources-heading {
-  margin-bottom: 8px;
-  color: var(--text-muted, #94a3b8);
-  font-size: 0.68rem;
-}
-.workspace-context-sources-heading > span:first-child {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-}
-.workspace-context-sources-heading > span:last-child {
-  display: inline-grid;
-  min-width: 20px;
-  height: 20px;
-  place-items: center;
-  border-radius: 999px;
-  background: var(--bg-surface-hover, rgba(255, 255, 255, 0.06));
-}
-.workspace-context-sources p {
-  display: flex;
-  align-items: center;
-  gap: 7px;
-  margin: 5px 0 0;
-  color: var(--text-secondary, #cbd5e1);
-  font-size: 0.7rem;
-}
-.workspace-context-sources p svg {
-  flex: 0 0 auto;
-  color: var(--text-muted, #94a3b8);
-}
-.workspace-context-sources p:first-of-type:last-child {
-  color: var(--text-muted, #94a3b8);
-  line-height: 1.4;
-}
-@media (max-width: 420px) {
-  .workspace-context-popover {
-    right: -6px;
-    width: min(380px, calc(100vw - 16px));
-  }
-}
 .mint-titlebar-left {
   gap: 3px;
   min-width: 0;
@@ -377,7 +46,7 @@ button.workspace-context-row:disabled {
 .mint-titlebar-icon-button {
   width: 30px;
   height: 28px;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
 }
 .mint-titlebar-icon-button svg {
@@ -424,7 +93,7 @@ button.workspace-context-row:disabled {
   min-width: 38px;
   height: 28px;
   padding: 0 9px;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
   font: inherit;
   font-size: 0.76rem;
 }
@@ -437,7 +106,7 @@ button.workspace-context-row:disabled {
   min-width: 210px;
   padding: 5px;
   border: 1px solid var(--border-default, rgba(255, 255, 255, 0.14));
-  border-radius: 8px;
+  border-radius: var(--radius-sm, 8px);
   background: var(--bg-surface, #20232a);
   box-shadow: var(--shadow-md, 0 8px 24px rgba(0, 0, 0, 0.3));
 }
@@ -451,7 +120,7 @@ button.workspace-context-row:disabled {
   min-height: 32px;
   padding: 0 9px;
   border: 0;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
   color: var(--text-main, #f1f2f4);
   background: transparent;
   font: inherit;
@@ -587,7 +256,7 @@ button.workspace-context-row:disabled {
   width: min(420px, calc(100vw - 32px));
   overflow: hidden;
   border: 1px solid var(--border-default, rgba(255, 255, 255, 0.14));
-  border-radius: 10px;
+  border-radius: var(--radius-lg, 14px);
   color: var(--text-main, #f1f2f4);
   background: var(--bg-surface, #20232a);
   box-shadow: var(--shadow-lg, 0 18px 48px rgba(0, 0, 0, 0.42));
@@ -611,7 +280,7 @@ button.workspace-context-row:disabled {
   width: 28px;
   height: 28px;
   border: 0;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
   color: var(--text-secondary, #aeb4c0);
   background: transparent;
   font-size: 1.2rem;
@@ -637,7 +306,7 @@ button.workspace-context-row:disabled {
   gap: 16px;
   min-height: 34px;
   padding: 0 8px;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
 }
 .mint-shortcuts-dialog dl > div:hover {
@@ -659,7 +328,7 @@ button.workspace-context-row:disabled {
 .mint-shortcuts-dialog kbd {
   padding: 2px 5px;
   border: 1px solid var(--border-default, rgba(255, 255, 255, 0.14));
-  border-radius: 4px;
+  border-radius: var(--radius-2xs, 4px);
   color: var(--text-secondary, #aeb4c0);
   background: var(--bg-canvas, #18191d);
   font: 0.68rem/1.25 var(--font-mono, monospace);
@@ -813,7 +482,7 @@ button.workspace-context-row:disabled {
   padding: 0 11px;
   border: 1px solid var(--border-default, rgba(255, 255, 255, 0.12));
   border-bottom: 0;
-  border-radius: 10px 10px 0 0;
+  border-radius: var(--radius-lg, 14px) var(--radius-lg, 14px) 0 0;
   color: var(--text-main, #e5e7eb);
   background: var(--bg-surface, #20232a);
 }
@@ -831,8 +500,8 @@ button.workspace-context-row:disabled {
   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 {
@@ -847,7 +516,7 @@ button.workspace-context-row:disabled {
   width: 26px;
   height: 26px;
   border: 0;
-  border-radius: 6px;
+  border-radius: var(--radius-xs, 6px);
   color: var(--text-muted, #9ca3af);
   background: transparent;
   font-size: 20px;
@@ -856,7 +525,7 @@ button.workspace-context-row:disabled {
 .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 {
@@ -872,7 +541,7 @@ button.workspace-context-row:disabled {
   width: 26px;
   height: 26px;
   border: 0;
-  border-radius: 6px;
+  border-radius: var(--radius-xs, 6px);
   color: var(--text-muted, #9ca3af);
   background: transparent;
   font-size: 20px;
@@ -881,7 +550,7 @@ button.workspace-context-row:disabled {
 .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 {
@@ -891,7 +560,7 @@ button.workspace-context-row:disabled {
   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/sidebar-workspace.css CHANGED Viewed

@@ -540,7 +540,7 @@
   gap: 9px;
   padding: 0 10px;
   color: var(--text-secondary);
-  border-radius: 7px;
+  border-radius: var(--radius-sm, 8px);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -945,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;
 }
@@ -1789,7 +1809,7 @@
   content: '';
   position: absolute;
   inset: 8px 3px;
-  border-radius: 2px;
+  border-radius: var(--radius-2xs, 4px);
   background: var(--border-default);
   transition: background 0.15s ease;
 }

package/src/renderer/src/css/spotlight.css CHANGED Viewed

@@ -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 {