@pheem49/mint 1.15.0 → 1.16.0

package/src/renderer/src/css/app-shell.css

@@ -83,7 +83,7 @@
 }
 
 body {
-  font-family: 'Prompt', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-family: var(--font-ui, 'Inter', 'Noto Sans Thai', ui-sans-serif, system-ui, sans-serif);
   background: transparent;
   color: var(--text-main);
   height: 100vh;
@@ -277,19 +277,10 @@ h1 {
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.assistant-workspace.model-hidden {
+.assistant-workspace.chat-only {
   padding: 22px 120px;
 }
 
-.assistant-workspace.model-hidden .model-stage {
-  flex: 0 0 0;
-  min-width: 0;
-  opacity: 0;
-  pointer-events: none;
-  transform: scale(0.9);
-  margin-right: -22px;
-}
-
 .loader-dots {
   display: flex;
   gap: 6px;
@@ -327,7 +318,7 @@ h1 {
   background: rgba(0,0,0,0.45);
   backdrop-filter: blur(18px);
   -webkit-backdrop-filter: blur(18px);
-  z-index: 80;
+  z-index: 1000;
   padding: 24px;
 }
 
@@ -362,7 +353,7 @@ h1 {
   }
 }
 
-.assistant-workspace.model-hidden .conversation-panel {
+.assistant-workspace.chat-only .conversation-panel {
   flex: 1;
   max-width: 1100px;
   margin: 0 auto;
@@ -399,23 +390,6 @@ h1 {
   }
 }
 
-@keyframes pulse-mic {
-  0% {
-    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
-    transform: scale(1);
-  }
-
-  50% {
-    box-shadow: 0 0 0 6px rgba(239, 68, 68, 0);
-    transform: scale(1.05);
-  }
-
-  100% {
-    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
-    transform: scale(1);
-  }
-}
-
 @keyframes agent-activity-slide-up-fade {
   from {
     opacity: 0;
@@ -639,8 +613,6 @@ h1 {
 .app-body.sidebar-collapsed .sidebar-account-logout {
   display: none;
 }
-
-.app-body.sidebar-collapsed .sidebar-model-controls,
 .app-body.sidebar-collapsed .sidebar-bottom-actions {
   justify-items: center;
 }
@@ -673,36 +645,28 @@ h1 {
               transform 0.22s ease;
 }
 
-.assistant-workspace.layout-chat-wide {
-  grid-template-columns: minmax(280px, 0.72fr) minmax(460px, 1.18fr);
+/* Workspace is a two-pane working view: files on the left, conversation on
+   the right. The file tree and conversation share the workspace. */
+.assistant-workspace.workspace-open {
+  grid-template-columns: var(--workspace-panel-width, 400px) minmax(0, 1fr);
 }
 
-.assistant-workspace.layout-model-wide {
-  grid-template-columns: minmax(420px, 1.18fr) minmax(360px, 0.72fr);
-}
+.assistant-workspace.workspace-open.is-workspace-resizing { transition: none; }
 
-/* Workspace is a two-pane working view: files on the left, conversation on
-   the right. The Live2D stage is intentionally replaced by the file tree. */
-.assistant-workspace.workspace-open {
-  grid-template-columns: minmax(360px, 0.6fr) minmax(460px, 1.4fr);
+.assistant-workspace.workspace-open[data-workspace-stacked="true"] {
+  grid-template-columns: minmax(0, 1fr);
+  grid-template-rows: minmax(0, 0.4fr) minmax(0, 0.6fr);
+  gap: 0;
 }
 
-.assistant-workspace.workspace-open .workspace-panel {
+.assistant-workspace.workspace-open[data-workspace-stacked="true"] .chat-panel-split-wrapper {
   grid-column: 1;
-  grid-row: 1;
+  grid-row: 2;
 }
 
-.assistant-workspace.workspace-open .model-stage {
-  grid-column: 2;
+.assistant-workspace.workspace-open .workspace-panel {
+  grid-column: 1;
   grid-row: 1;
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-  transform: translateX(-20px) scale(0.985);
-  transition: opacity 0.3s ease,
-              transform 0.48s cubic-bezier(0.16, 1, 0.3, 1),
-              padding 0.48s cubic-bezier(0.16, 1, 0.3, 1),
-              visibility 0s linear 0.48s;
 }
 
 .assistant-workspace.workspace-open .chat-panel-split-wrapper {
@@ -718,9 +682,6 @@ h1 {
     transition: none;
   }
 
-  .assistant-workspace.workspace-open .model-stage {
-    transition: none;
-  }
 }
 
 .assistant-workspace.workspace-open .message {
@@ -753,16 +714,16 @@ h1 {
   }
 }
 
-.assistant-workspace.model-hidden {
+.assistant-workspace.chat-only {
   grid-template-columns: minmax(0, 0fr) minmax(0, 1fr);
   gap: 0;
   padding: 0;
   position: relative;
 }
 
-/* Background glows when model is hidden */
+/* Background glows behind chat */
 
-.assistant-workspace.model-hidden::before {
+.assistant-workspace.chat-only::before {
   content: '';
   position: absolute;
   top: 15%;
@@ -776,7 +737,7 @@ h1 {
   animation: floatGlowOne 25s infinite alternate ease-in-out;
 }
 
-.assistant-workspace.model-hidden::after {
+.assistant-workspace.chat-only::after {
   content: '';
   position: absolute;
   bottom: 15%;
@@ -804,15 +765,7 @@ h1 {
   background: rgba(143, 108, 245, 0.05);
 }
 
-.assistant-workspace.model-hidden .model-stage {
-  opacity: 0;
-  pointer-events: none;
-  transform: translateX(-28px) scale(0.985);
-  padding-left: 0;
-  margin-right: 0;
-}
-
-.assistant-workspace.model-hidden .conversation-panel {
+.assistant-workspace.chat-only .conversation-panel {
   position: relative;
   display: grid;
   grid-template-rows: auto minmax(0, 1fr) auto auto;
@@ -843,12 +796,12 @@ h1 {
   align-self: stretch;
 }
 
-.assistant-workspace.model-hidden .chat-panel-split-wrapper.no-preview {
+.assistant-workspace.chat-only .chat-panel-split-wrapper.no-preview {
   grid-column: 1 / -1;
   grid-row: 1;
 }
 
-.assistant-workspace.model-hidden .chat-panel-split-wrapper.no-preview .conversation-panel {
+.assistant-workspace.chat-only .chat-panel-split-wrapper.no-preview .conversation-panel {
   height: auto;
   min-height: 0;
   align-self: stretch;
@@ -860,7 +813,7 @@ h1 {
     justify-self: center;
   }
 
-  .assistant-workspace.model-hidden .chat-panel-split-wrapper.no-preview {
+  .assistant-workspace.chat-only .chat-panel-split-wrapper.no-preview {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -974,16 +927,16 @@ h1 {
   pointer-events: auto !important;
 }
 
-.assistant-workspace.model-hidden .chat-container {
+.assistant-workspace.chat-only .chat-container {
   padding: 0 8px 18px;
   overflow-y: auto;
 }
 
-.assistant-workspace.model-hidden .input-area {
+.assistant-workspace.chat-only .input-area {
   width: 100%;
 }
 
-.assistant-workspace.model-hidden .conversation-panel.is-empty {
+.assistant-workspace.chat-only .conversation-panel.is-empty {
   grid-template-rows: auto minmax(0, 1fr) auto;
   align-content: stretch;
   justify-content: stretch;
@@ -993,18 +946,18 @@ h1 {
   padding-bottom: 8px;
 }
 
-.assistant-workspace.model-hidden .conversation-panel.is-empty .chat-header {
+.assistant-workspace.chat-only .conversation-panel.is-empty .chat-header {
   grid-row: 1;
   align-self: start;
 }
 
-.assistant-workspace.model-hidden .conversation-panel.is-empty .input-area {
+.assistant-workspace.chat-only .conversation-panel.is-empty .input-area {
   grid-row: 2;
   align-self: center;
   margin: 0;
 }
 
-.assistant-workspace.model-hidden .conversation-panel.is-empty .input-disclaimer {
+.assistant-workspace.chat-only .conversation-panel.is-empty .input-disclaimer {
   grid-row: 3;
 }
 
@@ -1049,6 +1002,21 @@ h1 {
     transform: translateX(-50%);
   }
 
+  .assistant-workspace.workspace-open .conversation-panel.is-empty {
+    position: relative;
+  }
+
+  .assistant-workspace.workspace-open .conversation-panel.is-empty .input-area {
+    position: absolute;
+    top: auto;
+    right: 0;
+    bottom: 44px;
+    left: 0;
+    width: auto;
+    margin: 0;
+    transform: none;
+  }
+
   .assistant-workspace:not(.workspace-open) .conversation-panel.is-empty .input-disclaimer {
     position: absolute;
     right: 32px;
@@ -1069,22 +1037,6 @@ h1 {
   }
 }
 
-.assistant-workspace.layout-horizontal {
-  grid-template-columns: 1fr;
-  grid-template-rows: minmax(0, 1.1fr) minmax(0, 0.9fr);
-  gap: 12px;
-}
-
-.assistant-workspace.layout-horizontal .model-stage {
-  min-width: 0;
-  max-width: 100%;
-}
-
-.assistant-workspace.layout-horizontal .conversation-panel {
-  min-width: 0;
-  max-width: 100%;
-}
-
 @media (max-width: 760px) {
 
   .header-content h1 {
@@ -1155,17 +1107,6 @@ h1 {
   box-shadow: 0 0 8px currentColor;
 }
 
-@keyframes pulseRed {
-  from {
-    transform: scale(1);
-    box-shadow: 0 0 8px rgba(239, 68, 68, 0.3);
-  }
-  to {
-    transform: scale(1.1);
-    box-shadow: 0 0 16px rgba(239, 68, 68, 0.6);
-  }
-}
-
 @keyframes pulseGlow {
   0% {
     box-shadow: 0 0 10px rgba(143, 108, 245, 0.2), inset 0 0 10px rgba(143, 108, 245, 0.1);
@@ -1180,8 +1121,8 @@ h1 {
 /* Mobile Media Query Enhancements */
 
 @media (max-width: 760px) {
-  .assistant-workspace.model-hidden .conversation-panel,
-  .assistant-workspace.model-hidden .conversation-panel.is-empty {
+  .assistant-workspace.chat-only .conversation-panel,
+  .assistant-workspace.chat-only .conversation-panel.is-empty {
     display: flex;
     flex-direction: column;
     width: 100%;
@@ -1192,22 +1133,22 @@ h1 {
     grid-column: auto;
   }
 
-  .assistant-workspace.model-hidden .chat-header {
+  .assistant-workspace.chat-only .chat-header {
     display: flex;
     flex-shrink: 0;
   }
-  .assistant-workspace.model-hidden .chat-container {
+  .assistant-workspace.chat-only .chat-container {
     flex: 1;
     overflow-y: auto;
     padding: 64px 12px 8px;
   }
 
-  .assistant-workspace.model-hidden .input-area {
+  .assistant-workspace.chat-only .input-area {
     width: 100%;
     flex-shrink: 0;
   }
 
-  .assistant-workspace.model-hidden .conversation-panel.is-empty .input-area {
+  .assistant-workspace.chat-only .conversation-panel.is-empty .input-area {
     margin: auto 0;
   }
 }
@@ -1412,32 +1353,6 @@ h1 {
   -ms-user-select: text !important;
 }
 
-/* Breathing voice-active aura glow */
-
-@keyframes aura-breathe-form {
-  0% {
-    box-shadow: 0 4px 15px color-mix(in srgb, var(--accent) 22%, transparent);
-  }
-  50% {
-    box-shadow: 0 4px 25px color-mix(in srgb, var(--accent) 42%, transparent);
-  }
-  100% {
-    box-shadow: 0 4px 15px color-mix(in srgb, var(--accent) 22%, transparent);
-  }
-}
-
-@keyframes aura-breathe-bar {
-  0% {
-    box-shadow: 0 -4px 15px color-mix(in srgb, var(--accent) 22%, transparent);
-  }
-  50% {
-    box-shadow: 0 -4px 25px color-mix(in srgb, var(--accent) 42%, transparent);
-  }
-  100% {
-    box-shadow: 0 -4px 15px color-mix(in srgb, var(--accent) 22%, transparent);
-  }
-}
-
 /* Rewind Floating Toast Banner */
 .rewind-toast-banner {
   position: absolute;