@pheem49/mint 1.17.0 → 1.18.0

package/src/renderer/shared/css/mods.css

@@ -3,26 +3,26 @@
 .mods-panel button, .mod-band button { font: inherit; cursor: pointer; }
 .mods-panel { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; overflow: hidden; background: var(--panel-bg, #171719); font-size: 12px; }
 .mods-panel-header { display: flex; align-items: center; gap: 10px; padding: 14px 16px 13px; border-bottom: 1px solid var(--border); }
-.mods-panel-icon { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border: 1px solid var(--accent-border, var(--border)); border-radius: 11px; background: var(--accent-subtle, var(--surface-strong)); color: var(--accent); }
+.mods-panel-icon { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border: 1px solid var(--accent-border, var(--border)); border-radius: var(--radius-lg, 14px); background: var(--accent-subtle, var(--surface-strong)); color: var(--accent); }
 .mods-panel-title { flex: 1; min-width: 0; }
 .mods-panel-title strong { font-size: 14px; font-weight: 650; }
 .mods-panel-title p { margin: 3px 0 0; color: var(--text-muted); font-size: 11px; }
 .mods-panel nav { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 16px; border-bottom: 1px solid var(--border); }
-.mods-panel nav button { padding: 6px 10px; border: 1px solid var(--border); border-radius: 8px; background: transparent; color: var(--text-muted); }
+.mods-panel nav button { padding: 6px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm, 8px); background: transparent; color: var(--text-muted); }
 .mods-panel nav button[aria-pressed=true] { border-color: var(--accent-border, var(--accent)); background: var(--accent-subtle, var(--surface-strong)); color: var(--text-main); font-weight: 600; }
 .mod-content { flex: 1; min-height: 0; overflow: auto; padding: 14px 16px 16px; }
 .mods-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 14px; }
 .mods-toolbar label { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--text-muted); white-space: nowrap; }
-.mods-panel select, .mod-input input { min-height: 34px; max-width: 100%; padding: 5px 9px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-strong); color: var(--text-main); font: inherit; }
+.mods-panel select, .mod-input input { min-height: 34px; max-width: 100%; padding: 5px 9px; border: 1px solid var(--border); border-radius: var(--radius-sm, 8px); background: var(--surface-strong); color: var(--text-main); font: inherit; }
 .mods-toolbar select { min-width: 126px; color: var(--text-main); }
-.mods-panel button, .mod-band button { min-height: 32px; padding: 6px 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-bg); color: var(--text-main); }
+.mods-panel button, .mod-band button { min-height: 32px; padding: 6px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm, 8px); background: var(--surface-bg); color: var(--text-main); }
 .mods-panel button:hover:not(:disabled) { border-color: var(--border-strong, var(--accent)); background: var(--bg-surface-hover, var(--surface-strong)); }
 .mods-panel .mods-import { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 34px; padding: 6px 10px; white-space: nowrap; }
-.mods-empty { display: grid; justify-items: center; gap: 7px; padding: 28px 18px; border: 1px dashed var(--border); border-radius: 11px; background: var(--bg-surface-soft, transparent); color: var(--text-muted); text-align: center; }
+.mods-empty { display: grid; justify-items: center; gap: 7px; padding: 28px 18px; border: 1px dashed var(--border); border-radius: var(--radius-lg, 14px); background: var(--bg-surface-soft, transparent); color: var(--text-muted); text-align: center; }
 .mods-empty svg { color: var(--accent); }
 .mods-empty strong { color: var(--text-main); font-size: 13px; }
 .mods-empty p { max-width: 30ch; margin: 0; line-height: 1.5; }
-.mod-entry { display: grid; gap: 9px; min-width: 0; margin-bottom: 10px; padding: 14px; border: 1px solid var(--border); border-radius: 11px; background: var(--bg-surface-soft, var(--surface-bg)); }
+.mod-entry { display: grid; gap: 9px; min-width: 0; margin-bottom: 10px; padding: 14px; border: 1px solid var(--border); border-radius: var(--radius-lg, 14px); background: var(--bg-surface-soft, var(--surface-bg)); }
 .mod-entry-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
 .mod-entry-heading > div { display: grid; gap: 3px; min-width: 0; }
 .mod-entry-heading strong { overflow-wrap: anywhere; font-size: 13px; font-weight: 650; }
@@ -52,7 +52,7 @@
 .mod-session-controls button[aria-pressed=true] { border-color: var(--accent-border, var(--accent)); background: var(--accent-subtle, var(--surface-strong)); }
 .mods-panel details details { margin-top: 9px; }
 .mods-panel pre { max-height: 240px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 11px; line-height: 1.5; }
-.mod-error { margin: 0; padding: 8px 10px; border: 1px solid var(--status-error, var(--danger)); border-radius: 8px; color: var(--status-error, var(--danger)); font-size: 11px; overflow-wrap: anywhere; }
+.mod-error { margin: 0; padding: 8px 10px; border: 1px solid var(--status-error, var(--danger)); border-radius: var(--radius-sm, 8px); color: var(--status-error, var(--danger)); font-size: 11px; overflow-wrap: anywhere; }
 .mods-panel button:disabled { opacity: .5; cursor: not-allowed; }
 .mods-panel button:focus-visible, .mods-panel summary:focus-visible, .mods-panel select:focus-visible { outline: 2px solid var(--border-focus, var(--accent)); outline-offset: 2px; }
 @media (max-width: 360px) { .mods-toolbar { align-items: stretch; flex-direction: column; } .mods-toolbar label { justify-content: space-between; } }

package/src/renderer/shared/css/notification-notice.css

@@ -6,7 +6,7 @@
   margin: 8px 12px;
   padding: 12px 14px;
   border: 1px solid var(--border, #303036);
-  border-radius: 12px;
+  border-radius: var(--radius-xl, 18px);
   background: var(--bg-overlay, #18181b);
   color: var(--text-main, #f4f4f5);
   overflow-wrap: anywhere;
@@ -19,7 +19,7 @@
   min-height: 32px;
   padding: 4px 10px;
   border: 1px solid var(--border, #303036);
-  border-radius: 8px;
+  border-radius: var(--radius-sm, 8px);
   background: transparent;
   color: inherit;
   cursor: pointer;

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

@@ -1,6 +1,6 @@
 .queued-messages-tray {
   margin: 0 0 10px 0;
-  border-radius: 12px;
+  border-radius: var(--radius-xl, 18px);
   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);
@@ -54,7 +54,7 @@
   padding: 1px 7px;
   font-size: 0.72rem;
   font-weight: 700;
-  border-radius: 999px;
+  border-radius: var(--radius-full, 9999px);
   background: var(--accent-color, #10b981);
   color: #ffffff;
 }
@@ -85,7 +85,7 @@
   gap: 4px;
   padding: 4px 8px;
   font-size: 0.72rem;
-  border-radius: 6px;
+  border-radius: var(--radius-xs, 6px);
   border: 1px solid transparent;
   background: transparent;
   color: var(--text-muted, #94a3b8);
@@ -175,7 +175,7 @@
   gap: 4px;
   padding: 2px 6px;
   font-size: 0.68rem;
-  border-radius: 4px;
+  border-radius: var(--radius-2xs, 4px);
   background: rgba(255, 255, 255, 0.08);
   color: var(--text-soft, #94a3b8);
 }
@@ -193,7 +193,7 @@
   justify-content: center;
   width: 26px;
   height: 26px;
-  border-radius: 6px;
+  border-radius: var(--radius-xs, 6px);
   border: 1px solid transparent;
   background: transparent;
   color: var(--text-muted, #94a3b8);

package/src/renderer/shared/css/settings/general.css

@@ -104,8 +104,8 @@
 }
 
 .custom-provider-logo {
-    border-radius: 4px;
-    object-fit: contain;
+    border-radius: 50%;
+    object-fit: cover;
 }
 
 /* ── Modern Custom Provider Logo Picker ────────────────────────────── */
@@ -181,7 +181,7 @@
     justify-content: center;
     overflow: hidden;
     border: 1px solid var(--border);
-    border-radius: 9px;
+    border-radius: 50%;
     background: var(--bg-surface-raised, #18181b);
     color: var(--text-muted);
     flex-shrink: 0;
@@ -190,8 +190,13 @@
 .custom-provider-logo-avatar img {
     width: 100%;
     height: 100%;
+    object-fit: cover;
+    border-radius: 50%;
+}
+
+.custom-provider-logo-avatar img[src*="svg"] {
     object-fit: contain;
-    padding: 2px;
+    padding: 6px;
 }
 
 .custom-provider-logo-fallback {
@@ -241,7 +246,7 @@
     padding: 6px 10px;
     font-size: 0.78rem;
     font-weight: 500;
-    border-radius: 6px;
+    border-radius: var(--radius-xs, 6px);
     border: none;
     background: transparent;
     color: var(--text-muted);
@@ -422,7 +427,7 @@
 .custom-provider-emoji-btn {
     width: 34px;
     height: 34px;
-    border-radius: 8px;
+    border-radius: var(--radius-sm, 8px);
     border: 1px solid var(--border);
     background: var(--bg-surface, var(--input-bg));
     font-size: 1.2rem;
@@ -444,7 +449,7 @@
     align-items: center;
     gap: 6px;
     padding: 6px 10px;
-    border-radius: 6px;
+    border-radius: var(--radius-xs, 6px);
     background: rgba(239, 68, 68, 0.12);
     border: 1px solid rgba(239, 68, 68, 0.3);
     color: var(--danger, #ef4444);
@@ -640,7 +645,7 @@
     z-index: 120;
     background: var(--bg-overlay);
     border: 1px solid var(--border-default);
-    border-radius: 10px;
+    border-radius: var(--radius-md, 10px);
     box-shadow: var(--shadow-lg);
     max-height: 380px;
     display: flex;
@@ -701,7 +706,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    border-radius: 4px;
+    border-radius: var(--radius-2xs, 4px);
 }
 
 .combobox-clear-btn:hover {
@@ -722,7 +727,7 @@
 
 .model-combobox-list::-webkit-scrollbar-thumb {
     background: var(--border-strong);
-    border-radius: 4px;
+    border-radius: var(--radius-2xs, 4px);
 }
 
 .model-combobox-group {
@@ -743,7 +748,7 @@
     align-items: center;
     justify-content: space-between;
     padding: 7px 10px;
-    border-radius: 6px;
+    border-radius: var(--radius-xs, 6px);
     cursor: pointer;
     transition: background 0.12s ease;
     gap: 8px;
@@ -802,7 +807,7 @@
 .combobox-custom-badge {
     font-size: 0.65rem;
     padding: 1px 5px;
-    border-radius: 4px;
+    border-radius: var(--radius-2xs, 4px);
     background: var(--bg-surface-raised);
     color: var(--text-muted, #a1a1aa);
 }
@@ -834,7 +839,7 @@
     padding: 7px 12px;
     background: var(--bg-surface-soft);
     border: 1px dashed var(--border-default);
-    border-radius: 6px;
+    border-radius: var(--radius-xs, 6px);
     color: var(--text-muted, #a1a1aa);
     font-family: inherit;
     font-size: 0.76rem;

package/src/renderer/shared/css/settings/profile.css

@@ -197,7 +197,7 @@
 
 .crop-viewport {
     position: relative;
-    border-radius: 4px;
+    border-radius: var(--radius-2xs, 4px);
     overflow: hidden;
     cursor: grab;
     user-select: none;
@@ -245,28 +245,28 @@
     top: 4px;
     left: 4px;
     border-width: 3px 0 0 3px;
-    border-top-left-radius: 3px;
+    border-top-left-radius: var(--radius-2xs, 4px);
 }
 
 .crop-bracket-tr {
     top: 4px;
     right: 4px;
     border-width: 3px 3px 0 0;
-    border-top-right-radius: 3px;
+    border-top-right-radius: var(--radius-2xs, 4px);
 }
 
 .crop-bracket-bl {
     bottom: 4px;
     left: 4px;
     border-width: 0 0 3px 3px;
-    border-bottom-left-radius: 3px;
+    border-bottom-left-radius: var(--radius-2xs, 4px);
 }
 
 .crop-bracket-br {
     bottom: 4px;
     right: 4px;
     border-width: 0 3px 3px 0;
-    border-bottom-right-radius: 3px;
+    border-bottom-right-radius: var(--radius-2xs, 4px);
 }
 
 .crop-hint-drag {

package/src/renderer/shared/css/settings/theme.css

@@ -154,7 +154,7 @@
 .theme-segmented-swatch {
     width: 18px;
     height: 5px;
-    border-radius: 3px;
+    border-radius: var(--radius-2xs, 4px);
 }
 
 .theme-segmented-btn:hover {
@@ -362,7 +362,7 @@
 .preset-mini-window {
     width: 100%;
     height: 100%;
-    border-radius: 6px;
+    border-radius: var(--radius-xs, 6px);
     padding: 6px 8px;
     box-sizing: border-box;
     display: flex;
@@ -403,7 +403,7 @@
     font-weight: 700;
     line-height: 1;
     padding: 2px 6px;
-    border-radius: 4px;
+    border-radius: var(--radius-2xs, 4px);
 }
 
 .preset-mini-body {
@@ -430,13 +430,13 @@
 .preset-mini-line-main {
     height: 4px;
     width: 80%;
-    border-radius: 2px;
+    border-radius: var(--radius-2xs, 4px);
 }
 
 .preset-mini-line-accent {
     height: 3px;
     width: 45%;
-    border-radius: 2px;
+    border-radius: var(--radius-2xs, 4px);
 }
 
 .theme-preset-meta {

package/src/renderer/shared/css/slash-choice.css

@@ -16,7 +16,7 @@
   color: var(--text-main, #e8e8e8);
   background: var(--panel-bg, #252525);
   border: 1px solid var(--border, #343434);
-  border-radius: 18px;
+  border-radius: var(--radius-xl, 18px);
   font-family: var(--font-sans, Inter, system-ui, sans-serif);
   box-shadow: none;
 }
@@ -58,7 +58,7 @@
   text-align: left;
   background: transparent;
   border: 0;
-  border-radius: 4px;
+  border-radius: var(--radius-2xs, 4px);
   cursor: pointer;
   font: inherit;
   font-size: 13px;

package/src/renderer/shared/css/slash-suggestions.css

@@ -12,7 +12,7 @@
   color: var(--text-main);
   background: var(--panel-bg);
   border: 1px solid var(--border-default, var(--border));
-  border-radius: 18px;
+  border-radius: var(--radius-xl);
   box-shadow: var(--shadow-lg);
   font-family: var(--font-sans, Inter, system-ui, sans-serif);
 }
@@ -45,7 +45,7 @@
   min-height: 32px;
   padding: 6px 8px;
   border: 0;
-  border-radius: 8px;
+  border-radius: var(--radius-sm);
   background: transparent;
   text-align: start;
   font: inherit;
@@ -62,7 +62,7 @@
 .slash-suggestions-empty { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; color: var(--text-muted); font-size: 13px; }
 .slash-suggestions-hint { padding: 7px 12px; border-top: 1px solid var(--border-default, var(--border)); color: var(--text-muted); font-size: 10px; }
 @media (max-width: 760px) {
-  #chat-form > .slash-suggestions-popup { max-height: min(34dvh, 280px); border-radius: 16px; }
+  #chat-form > .slash-suggestions-popup { max-height: min(34dvh, 280px); border-radius: var(--radius-xl); }
   .slash-suggestion-item { min-height: 40px; }
   .slash-cmd-name { max-width: 48%; overflow: hidden; text-overflow: ellipsis; }
 }

package/src/renderer/shared/css/sources-block.css

@@ -3,6 +3,11 @@
   max-width: 100%;
 }
 
+.sources-block:has(.source-links-popover) {
+  position: relative;
+  z-index: 50;
+}
+
 .source-card-group {
   position: relative;
   display: flex;
@@ -13,6 +18,11 @@
   box-sizing: border-box;
 }
 
+.source-card-group.is-open,
+.source-card-group:has(.source-links-popover) {
+  z-index: 50;
+}
+
 .source-card {
   display: flex;
   flex-direction: column;
@@ -28,9 +38,36 @@
   min-width: 0;
 }
 
+.source-links-popover,
 .source-card-group > .source-links-popover {
-  width: 260px;
+  width: 280px;
+  max-width: min(320px, calc(100vw - 32px));
+  max-height: 320px;
   box-sizing: border-box;
+  overflow: hidden;
+}
+
+.source-links-popover-list {
+  max-height: 260px;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.source-links-popover-list::-webkit-scrollbar {
+  width: 5px;
+}
+
+.source-links-popover-list::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.source-links-popover-list::-webkit-scrollbar-thumb {
+  background: var(--border-default, rgba(255, 255, 255, 0.15));
+  border-radius: 9999px;
+}
+
+.source-links-popover-list::-webkit-scrollbar-thumb:hover {
+  background: var(--border-strong, rgba(255, 255, 255, 0.3));
 }
 
 .sources-more-button {
@@ -78,8 +115,10 @@
     inset: 0;
   }
 
+  .source-links-popover,
   .source-card-group > .source-links-popover {
-    width: 100%;
+    width: 280px;
+    max-width: calc(100vw - 24px);
   }
 
   .sources-more-button {

package/src/renderer/shared/css/tools-panel.css

@@ -1,6 +1,6 @@
-.tools-panel-toggle { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex-shrink: 0; min-height: 32px; padding: 5px 9px; border: 1px solid var(--border); border-radius: var(--radius-xs, 6px); background: var(--surface-bg); color: var(--text-main); font: inherit; font-size: 12px; cursor: pointer; }
+.tools-panel-toggle { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex-shrink: 0; min-height: 32px; padding: 5px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm, 8px); background: var(--surface-bg); color: var(--text-main); font: inherit; font-size: 12px; cursor: pointer; }
 .tools-panel-toggle > svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; }
-.tools-panel-toggle:hover, .tools-panel-toggle.is-open { background: var(--surface-strong); color: var(--accent); }
+.tools-panel-toggle:hover, .tools-panel-toggle.is-open { background: var(--surface-strong); color: var(--text-main); border-color: var(--border-strong, var(--border)); }
 .tools-panel-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
 .tools-task-count { display: inline-grid; place-items: center; flex-shrink: 0; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: var(--accent-subtle, var(--surface-strong)); color: var(--accent); font-size: 10px; font-weight: 650; line-height: 1; font-variant-numeric: tabular-nums; }
 .mint-titlebar-icon-button.tools-panel-toggle { width: auto; min-width: 32px; }

package/src/renderer/shared/css/ui-tailwind.css

@@ -16,4 +16,12 @@
   --color-secondary-foreground: var(--btn-gray-fg, var(--text-main));
   --color-muted-foreground: var(--text-muted);
   --color-ring: var(--accent);
+  --radius-2xs: var(--radius-2xs);
+  --radius-xs: var(--radius-xs);
+  --radius-sm: var(--radius-sm);
+  --radius-md: var(--radius-md);
+  --radius-lg: var(--radius-lg);
+  --radius-xl: var(--radius-xl);
+  --radius-2xl: var(--radius-2xl);
+  --radius-3xl: var(--radius-3xl);
 }

package/src/renderer/shared/css/veo-studio.css

@@ -1002,7 +1002,7 @@
 .veo-studio-fablemint-notice span code {
   font-size: 0.85em;
   padding: 1px 5px;
-  border-radius: 4px;
+  border-radius: var(--radius-2xs, 4px);
   background: var(--input-bg, rgba(255, 255, 255, 0.06));
   border: 1px solid var(--border-subtle);
 }
@@ -1018,7 +1018,7 @@
 .veo-studio-fablemint-notice pre {
   margin: 6px 0 0;
   padding: 10px 12px;
-  border-radius: 8px;
+  border-radius: var(--radius-sm, 8px);
   background: var(--input-bg, rgba(255, 255, 255, 0.04));
   border: 1px solid var(--border-subtle);
   font-size: 0.78rem;

package/src/renderer/shared/css/viewed-images.css

@@ -1,15 +1,15 @@
 .viewed-images { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 12px; max-width: 680px; margin: 12px 0; }
 .viewed-image { min-width: 0; margin: 0; }
 .viewed-image:only-child { max-width: 420px; }
-.viewed-image-button { display: block; width: 100%; padding: 0; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: var(--bg-surface-soft); cursor: zoom-in; }
+.viewed-image-button { display: block; width: 100%; padding: 0; border: 1px solid var(--border); border-radius: var(--radius-lg, 14px); overflow: hidden; background: var(--bg-surface-soft); cursor: zoom-in; }
 .viewed-image-button img { display: block; width: 100%; height: 260px; object-fit: contain; }
 .viewed-image figcaption { margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-muted); font-size: 12px; }
-.viewed-image-error { margin: 0; padding: 16px; border: 1px solid var(--border); border-radius: 10px; color: var(--text-muted); font-size: 13px; }
-.viewed-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); }
+.viewed-image-error { margin: 0; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-md, 10px); color: var(--text-muted); font-size: 13px; }
+.viewed-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: var(--radius-2xl, 22px); background: var(--bg-overlay); color: var(--text-main); }
 .viewed-image-dialog::backdrop { background: rgba(0, 0, 0, .75); }
 .viewed-image-dialog header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-size: 13px; }
 .viewed-image-dialog header span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
-.viewed-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; }
+.viewed-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: var(--radius-sm, 8px); background: var(--bg-surface-soft); color: var(--text-main); cursor: pointer; }
 .viewed-image-dialog > img { display: block; max-width: 100%; max-height: calc(94dvh - 86px); object-fit: contain; }
 .viewed-image-button:focus-visible, .viewed-image-dialog button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
 @media (max-width: 480px) { .viewed-image-button img { height: 220px; } }
@@ -36,7 +36,7 @@
   padding: 0;
   margin: 0;
   border: 1px solid var(--border, rgba(255, 255, 255, 0.12));
-  border-radius: 10px;
+  border-radius: var(--radius-lg, 14px);
   overflow: hidden;
   background: color-mix(in srgb, var(--panel-soft, #1e293b) 60%, black);
   cursor: zoom-in;
@@ -90,7 +90,7 @@
   background: rgba(0, 0, 0, 0.65);
   backdrop-filter: blur(4px);
   padding: 2px 7px;
-  border-radius: 6px;
+  border-radius: var(--radius-xs, 6px);
   border: 1px solid rgba(255, 255, 255, 0.15);
 }
 
@@ -98,7 +98,7 @@
   margin: 0;
   padding: 8px 12px;
   border: 1px dashed var(--border);
-  border-radius: 8px;
+  border-radius: var(--radius-sm, 8px);
   font-size: 12px;
   color: var(--text-muted);
 }

package/src/renderer/shared/platform.ts

@@ -143,6 +143,7 @@ export interface MintPlatformApi {
   saveSubagent(draft: SubagentDraft, workspacePath?: string): Promise<SubagentDefinition>
   deleteSubagent(sourcePath: string): Promise<void>
   clearChatHistory(chatId?: string | null): Promise<number>
+  truncateInteractionsFrom(chatId: string | null | undefined, fromId: number): Promise<number>
   listLibrary(query: import('./types').LibraryQuery): Promise<import('./types').LibraryPage>
   getLibraryItem(id: string): Promise<import('./types').LibraryItem>
   removeLibraryItem(id: string): Promise<void>
@@ -269,7 +270,7 @@ export const authPlatform = {
 /** Conversation transport, persistence, live voice, and checkpoint seam. */
 export const conversationPlatform = {
   getConversationSources: operation('getConversationSources'), saveSourceAttachments: operation('saveSourceAttachments'),
-  clearChatHistory: operation('clearChatHistory'), deleteChatSession: operation('deleteChatSession'),
+  clearChatHistory: operation('clearChatHistory'), truncateInteractionsFrom: operation('truncateInteractionsFrom'), deleteChatSession: operation('deleteChatSession'),
   renameChatSession: operation('renameChatSession'), getRecentInteractions: operation('getRecentInteractions'),
   getConversationSnapshot: operation('getConversationSnapshot'), getConversationChanges: operation('getConversationChanges'),
   saveSystemInteraction: operation('saveSystemInteraction'), listChatSessions: operation('listChatSessions'), pendingCompanionChat: operation('pendingCompanionChat'),

package/src/renderer/shared/theme/themeManager.test.ts

@@ -60,4 +60,21 @@ describe('theme surface settings', () => {
     applyTheme({ theme: 'studio' })
     expect(attributes.get('data-theme')).toBe('studio')
   })
+
+  it('sets centralized text color and derived tokens when textColor is provided', () => {
+    applyTheme({ theme: 'dark', textColor: '#f8fafc' })
+    expect(properties.get('--text-main')).toBe('#f8fafc')
+    expect(properties.get('--text-chat')).toBe('#f8fafc')
+    expect(properties.get('--text-primary')).toBe('#f8fafc')
+    expect(properties.get('--text-soft')).toBe('color-mix(in srgb, #f8fafc 82%, transparent)')
+    expect(properties.get('--text-secondary')).toBe('color-mix(in srgb, #f8fafc 82%, transparent)')
+    expect(properties.get('--text-muted')).toBe('color-mix(in srgb, #f8fafc 58%, transparent)')
+  })
+
+  it('sets custom text color when another color is chosen', () => {
+    applyTheme({ theme: 'dark', textColor: '#f5f5f4' })
+    expect(properties.get('--text-main')).toBe('#f5f5f4')
+    expect(properties.get('--text-chat')).toBe('#f5f5f4')
+    expect(properties.get('--text-primary')).toBe('#f5f5f4')
+  })
 })

package/src/renderer/shared/theme/themeManager.ts

@@ -100,6 +100,26 @@ export const applyTheme = (cfg: any): void => {
   document.documentElement.style.setProperty('--text-on-accent', contrastText)
   document.documentElement.style.setProperty('--accent-contrast', contrastText)
 
+  // Centralized Text Color Tokens
+  const textColor = cfg.textColor || cfg.systemTextColor || cfg.chatTextColor
+  if (textColor) {
+    document.documentElement.style.setProperty('--text-main', textColor)
+    document.documentElement.style.setProperty('--text-chat', textColor)
+    document.documentElement.style.setProperty('--text-primary', textColor)
+    document.documentElement.style.setProperty('--text-soft', `color-mix(in srgb, ${textColor} 82%, transparent)`)
+    document.documentElement.style.setProperty('--text-secondary', `color-mix(in srgb, ${textColor} 82%, transparent)`)
+    document.documentElement.style.setProperty('--text-muted', `color-mix(in srgb, ${textColor} 58%, transparent)`)
+  } else {
+    ;[
+      '--text-main',
+      '--text-chat',
+      '--text-primary',
+      '--text-soft',
+      '--text-secondary',
+      '--text-muted',
+    ].forEach((prop) => document.documentElement.style.removeProperty(prop))
+  }
+
   // Surface and Blur
   if (surfaceStyle === 'opaque') {
     document.documentElement.style.setProperty('--glass-blur', 'none')
@@ -140,7 +160,7 @@ export const applyTheme = (cfg: any): void => {
     return
   }
 
-  // Clean up inline background and text overrides for standard themes
+  // Clean up inline background overrides for standard themes
   ;[
     '--bg-canvas',
     '--bg-color',
@@ -152,8 +172,5 @@ export const applyTheme = (cfg: any): void => {
     '--surface-bg',
     '--surface-strong',
     '--input-bg',
-    '--text-main',
-    '--text-chat',
-    '--text-soft',
   ].forEach((prop) => document.documentElement.style.removeProperty(prop))
 }

package/src/renderer/shared/theme/themes.ts

@@ -59,12 +59,66 @@ export const ACCENT_FLAVORS: AccentFlavor[] = [
   },
 ]
 
+export interface TextColorFlavor {
+  id: string
+  name: string
+  color: string
+  contrastText: string
+  description: string
+}
+
+export const TEXT_COLOR_FLAVORS: TextColorFlavor[] = [
+  {
+    id: 'white',
+    name: 'Pure White',
+    color: '#ffffff',
+    contrastText: '#09090b',
+    description: 'Crisp classic bright white',
+  },
+  {
+    id: 'green',
+    name: 'Cyber Green',
+    color: '#86efac',
+    contrastText: '#09090b',
+    description: 'Phosphor terminal matrix green',
+  },
+  {
+    id: 'cyan',
+    name: 'Electric Cyan',
+    color: '#67e8f9',
+    contrastText: '#09090b',
+    description: 'Sci-fi holographic ice cyan',
+  },
+  {
+    id: 'amber',
+    name: 'Retro Amber',
+    color: '#fde047',
+    contrastText: '#09090b',
+    description: 'Warm CRT phosphor amber gold',
+  },
+  {
+    id: 'lavender',
+    name: 'Pastel Lilac',
+    color: '#d8b4fe',
+    contrastText: '#09090b',
+    description: 'Soft dreamy violet lavender',
+  },
+  {
+    id: 'coral',
+    name: 'Soft Coral',
+    color: '#fda4af',
+    contrastText: '#09090b',
+    description: 'Warm energetic pastel rose coral',
+  },
+]
+
 export interface ThemePreset {
   id: string
   name: string
   description: string
   theme: 'dark' | 'light' | 'midnight' | 'studio'
   accentColor: string
+  textColor?: string
   systemTextColor: string
   chatTextColor: string
   bgPreview: string