@pheem49/mint 1.15.0 → 1.16.0

package/src/renderer/src-web/components/PicturesLibrary.tsx

@@ -1,285 +1,2 @@
-import { useEffect, useMemo, useState, memo } from 'react'
-import { createPortal } from 'react-dom'
-import '../css/pictures.css'
-import { type PictureEntry, convertFileSrc, isTauriRuntime, getLocalApiBase, deleteSavedPicture } from '../tauri'
-import type { DashboardView } from './DashboardSidebar'
-
-const getPictureSrc = (picture: PictureEntry, useThumbnail = false) => {
-  if (isTauriRuntime()) {
-    if (useThumbnail && (picture.thumbnailPath || picture.thumbnailUrl)) {
-      return convertFileSrc(picture.thumbnailPath || picture.thumbnailUrl || '');
-    }
-    return convertFileSrc(picture.path || picture.url || '');
-  } else {
-    const apiBase = getLocalApiBase();
-    if (useThumbnail && (picture.thumbnailPath || picture.thumbnailUrl)) {
-      return `${apiBase}/thumbnails/${picture.id}.thumb.png`;
-    }
-    return `${apiBase}/pictures/${encodeURIComponent(picture.filename)}`;
-  }
-}
-
-interface PictureCardItemProps {
-  picture: PictureEntry
-  filterType: 'photo' | 'video'
-  index: number
-  onDeleteClick: (picture: PictureEntry) => void
-}
-
-const PictureCardItem = memo(({ picture, filterType, index, onDeleteClick }: PictureCardItemProps) => {
-  const isVideo = filterType === 'video'
-  return (
-    <article className="picture-card" key={picture.id}>
-      <button
-        type="button"
-        className="picture-card-delete-btn"
-        title="Delete item"
-        onClick={(e) => {
-          e.stopPropagation()
-          onDeleteClick(picture)
-        }}
-      >
-        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-          <polyline points="3 6 5 6 21 6"></polyline>
-          <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
-        </svg>
-      </button>
-      {isVideo ? (
-        <div style={{ position: 'relative', width: '100%', aspectRatio: '4 / 3', display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: '#1a1a1a' }}>
-          {picture.thumbnailPath || picture.thumbnailUrl ? (
-            <img
-              src={getPictureSrc(picture, true)}
-              alt={picture.message || picture.filename}
-              loading={index < 8 ? 'eager' : 'lazy'}
-              decoding="async"
-              style={{ width: '100%', height: '100%', objectFit: 'cover' }}
-              onError={(e) => {
-                const img = e.currentTarget
-                if (!img.dataset.fallback) {
-                  img.dataset.fallback = 'true'
-                  img.src = getPictureSrc(picture, false)
-                }
-              }}
-            />
-          ) : (
-            <video
-              src={getPictureSrc(picture, false)}
-              preload="metadata"
-              style={{ width: '100%', height: '100%', objectFit: 'cover', pointerEvents: 'none' }}
-            />
-          )}
-          <div style={{
-            position: 'absolute',
-            top: '8px',
-            left: '8px',
-            display: 'flex',
-            alignItems: 'center',
-            gap: '4px',
-            backgroundColor: 'rgba(0, 0, 0, 0.75)',
-            color: '#fff',
-            padding: '4px 8px',
-            borderRadius: '4px',
-            fontSize: '11px',
-            fontWeight: 600,
-            pointerEvents: 'none',
-            backdropFilter: 'blur(4px)',
-            border: '1px solid rgba(255, 255, 255, 0.1)'
-          }}>
-            <span>📹 Video</span>
-          </div>
-        </div>
-      ) : (
-        <div style={{ position: 'relative', width: '100%', aspectRatio: '4 / 3', display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: '#1a1a1a' }}>
-          <img
-            src={getPictureSrc(picture, true)}
-            alt={picture.message || picture.filename}
-            loading={index < 8 ? 'eager' : 'lazy'}
-            decoding="async"
-            style={{ width: '100%', height: '100%', objectFit: 'cover' }}
-            onError={(e) => {
-              const img = e.currentTarget
-              if (!img.dataset.fallback) {
-                img.dataset.fallback = 'true'
-                img.src = getPictureSrc(picture, false)
-              }
-            }}
-          />
-        </div>
-      )}
-      <div className="picture-card-meta"><span>{picture.message || picture.filename}</span></div>
-    </article>
-  )
-})
-
-interface PicturesLibraryProps {
-  view: DashboardView
-  pictures: PictureEntry[]
-  onSetView: (view: DashboardView) => void
-  onRefreshPictures?: () => Promise<void>
-}
-
-export default function PicturesLibrary({ view, pictures, onSetView, onRefreshPictures }: PicturesLibraryProps) {
-  const [filterType, setFilterType] = useState<'photo' | 'video'>('photo')
-  const [visibleCount, setVisibleCount] = useState(24)
-  const [deletingPicture, setDeletingPicture] = useState<PictureEntry | null>(null)
-  const [isDeleting, setIsDeleting] = useState(false)
-
-  const filteredPictures = useMemo(() => {
-    return pictures.filter((picture) => {
-      const pathLower = (picture.path || '').toLowerCase()
-      const urlLower = (picture.url || '').toLowerCase()
-      const mimeLower = (picture.mimeType || '').toLowerCase()
-
-      const isVideo =
-        mimeLower.startsWith('video/') ||
-        pathLower.endsWith('.mp4') ||
-        pathLower.endsWith('.webm') ||
-        pathLower.endsWith('.mov') ||
-        pathLower.endsWith('.avi') ||
-        pathLower.endsWith('.mkv') ||
-        urlLower.endsWith('.mp4') ||
-        urlLower.endsWith('.webm') ||
-        urlLower.endsWith('.mov')
-
-      return filterType === 'video' ? isVideo : !isVideo
-    })
-  }, [pictures, filterType])
-
-  const visiblePictures = useMemo(
-    () => filteredPictures.slice(0, visibleCount),
-    [filteredPictures, visibleCount],
-  )
-
-  useEffect(() => {
-    setVisibleCount(24)
-  }, [view, pictures, filterType])
-
-  const handleDeleteConfirm = async () => {
-    if (!deletingPicture) return
-    const target = deletingPicture
-    setIsDeleting(true)
-    try {
-      await deleteSavedPicture(target.id || target.filename)
-      await onRefreshPictures?.()
-    } catch (err) {
-      console.error('Failed to delete picture:', err)
-    } finally {
-      setIsDeleting(false)
-      setDeletingPicture(null)
-    }
-  }
-
-  return (
-    <section className={`pictures-library ${view === 'pictures' ? 'is-visible' : ''}`} aria-hidden={view !== 'pictures'}>
-      <header className="pictures-header">
-        <div><span className="pictures-kicker">Gallery</span><h2>Saved pictures</h2></div>
-        <div className="pictures-header-actions">
-          <button className="pictures-close-btn" onClick={() => onSetView('chat')}>Close gallery</button>
-          <button type="button" className="picture-refresh-btn" title="Refresh" onClick={() => onRefreshPictures?.()}>
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.13-3.36L23 10"/><path d="M20.49 15a9 9 0 0 1-14.13 3.36L1 14"/></svg>
-          </button>
-        </div>
-      </header>
-
-      {/* Tabs Filter */}
-      <div className="pictures-type-filter">
-        <button
-          type="button"
-          className={`filter-tab-btn ${filterType === 'photo' ? 'active' : ''}`}
-          onClick={() => setFilterType('photo')}
-        >
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-            <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
-            <circle cx="8.5" cy="8.5" r="1.5"></circle>
-            <polyline points="21 15 16 10 5 21"></polyline>
-          </svg>
-          Photos
-        </button>
-        <button
-          type="button"
-          className={`filter-tab-btn ${filterType === 'video' ? 'active' : ''}`}
-          onClick={() => setFilterType('video')}
-        >
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-            <polygon points="23 7 16 12 23 17 23 7"></polygon>
-            <rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect>
-          </svg>
-          Videos
-        </button>
-      </div>
-
-      {filteredPictures.length === 0 ? (
-        <div className="pictures-empty">
-          <div className="pictures-empty-icon" style={{ display: 'flex', justifyContent: 'center', marginBottom: '12px', opacity: 0.3 }}>
-            <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
-              <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline>
-            </svg>
-          </div>
-          <p>No saved {filterType === 'video' ? 'videos' : 'pictures'} yet</p>
-          <span>Items appear here after a message with an attachment is sent successfully.</span>
-        </div>
-      ) : (
-        <>
-          <div className="pictures-grid">
-            {visiblePictures.map((picture, index) => (
-              <PictureCardItem
-                key={picture.id}
-                picture={picture}
-                filterType={filterType}
-                index={index}
-                onDeleteClick={setDeletingPicture}
-              />
-            ))}
-          </div>
-          {visibleCount < filteredPictures.length && (
-            <div className="pictures-load-more-container">
-              <button
-                type="button"
-                className="pictures-load-more-btn"
-                onClick={() => setVisibleCount((prev) => prev + 24)}
-              >
-                Load More ({filteredPictures.length - visibleCount} remaining)
-              </button>
-            </div>
-          )}
-        </>
-      )}
-
-      {deletingPicture && typeof document !== 'undefined' && createPortal(
-        <div className="picture-delete-modal-overlay" onClick={() => setDeletingPicture(null)}>
-          <div className="picture-delete-modal" onClick={(e) => e.stopPropagation()}>
-            <div className="picture-delete-modal-header">
-              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ef4444" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-                <polyline points="3 6 5 6 21 6"></polyline>
-                <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
-              </svg>
-              <span>Delete {filterType === 'video' ? 'Video' : 'Picture'}</span>
-            </div>
-            <p className="picture-delete-modal-body">
-              Are you sure you want to permanently delete <strong>{deletingPicture.message || deletingPicture.filename}</strong>? This action cannot be undone.
-            </p>
-            <div className="picture-delete-modal-actions">
-              <button
-                type="button"
-                className="picture-modal-btn cancel"
-                onClick={() => setDeletingPicture(null)}
-                disabled={isDeleting}
-              >
-                Cancel
-              </button>
-              <button
-                type="button"
-                className="picture-modal-btn delete"
-                onClick={handleDeleteConfirm}
-                disabled={isDeleting}
-              >
-                {isDeleting ? 'Deleting...' : 'Delete'}
-              </button>
-            </div>
-          </div>
-        </div>,
-        document.body
-      )}
-    </section>
-  )
-}
+// Compatibility import; all Library behavior lives in the shared feature.
+export { default } from '../../shared/components/LibraryPage'

package/src/renderer/src-web/components/PullToRefresh.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState } from 'react'
 import '../css/pull-to-refresh.css'
 
-const SCROLL_SURFACES = '.chat-container, .pictures-library, .img-studio-content, .veo-studio-content, .web-view-scroll'
+const SCROLL_SURFACES = '.chat-container, .pictures-library, .library-page, .img-studio-content, .veo-studio-content, .web-view-scroll'
 const BLOCKED_TARGETS = 'input, textarea, select, button, [contenteditable="true"], .workspace-sidebar, .sidebar-backdrop, [role="dialog"], .model-spotlight-popover'
 const REFRESH_THRESHOLD = 64
 

package/src/renderer/src-web/components/SettingsWindow.tsx

@@ -1,3 +1,5 @@
+import { Bell } from 'lucide-react'
+import NotificationsTab from '../../shared/components/Settings/NotificationsTab'
 import React, { useState, useEffect, useRef } from 'react'
 // This view is lazy-loaded on the web. Keep every settings stylesheet with the
 // component so its modal does not render as unstyled HTML before its chunk loads.
@@ -42,12 +44,12 @@ export type {
   CustomProviderConfig,
 } from '../../shared/types'
 
-import { DEFAULT_CONFIG, migrateTuiTheme } from '../../shared/constants/config'
+import { DEFAULT_CONFIG, migrateFontFamily, migrateTuiTheme } from '../../shared/constants/config'
 export { DEFAULT_CONFIG }
 import { applyThemeStyles } from '../../shared/utils/ui'
 import { APP_VERSION } from '../../shared/version'
 
-type TabType = 'sect-general' | 'sect-profile' | 'sect-audio' | 'sect-automation' | 'sect-theme' | 'sect-plugins' | 'sect-shortcuts' | 'sect-memory' | 'sect-agents'
+type TabType = 'sect-notifications' | 'sect-general' | 'sect-profile' | 'sect-audio' | 'sect-automation' | 'sect-theme' | 'sect-plugins' | 'sect-shortcuts' | 'sect-memory' | 'sect-agents'
 
 interface SettingsNavItem {
   id: TabType
@@ -57,6 +59,7 @@ interface SettingsNavItem {
 }
 
 const SETTINGS_NAV: SettingsNavItem[] = [
+  { id: 'sect-notifications', label: 'Notifications', group: 'Workspace', icon: <Bell size={14} aria-hidden="true" /> },
   {
     id: 'sect-general',
     label: 'General',
@@ -111,8 +114,8 @@ const SETTINGS_NAV: SettingsNavItem[] = [
   },
   {
     id: 'sect-memory',
-    label: 'Memory & Profile',
-    group: 'Workspace',
+    label: 'Personal Memory',
+    group: 'Account',
     icon: (
       <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
         <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
@@ -269,7 +272,7 @@ export default function SettingsWindow() {
         }
         
         if (loadedConfig) {
-          const merged = { ...DEFAULT_CONFIG, ...migrateTuiTheme(loadedConfig) }
+          const merged = { ...DEFAULT_CONFIG, ...migrateTuiTheme(migrateFontFamily(loadedConfig)) }
           setConfig(merged)
           
           // sync helper custom models
@@ -717,6 +720,8 @@ export default function SettingsWindow() {
             />
           )}
 
+          {activeTab === 'sect-notifications' && <NotificationsTab settings={config.notificationSettings} onChange={value => updateField('notificationSettings', value)} />}
+
           {activeTab === 'sect-profile' && (
             <ProfileTab
               name={profileName}

package/src/renderer/src-web/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,14 +645,6 @@ h1 {
               transform 0.22s ease;
 }
 
-.assistant-workspace.layout-chat-wide {
-  grid-template-columns: minmax(280px, 0.72fr) minmax(460px, 1.18fr);
-}
-
-.assistant-workspace.layout-model-wide {
-  grid-template-columns: minmax(420px, 1.18fr) minmax(360px, 0.72fr);
-}
-
 .assistant-workspace.workspace-open .message {
   max-width: 100%;
 }
@@ -711,16 +675,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%;
@@ -734,7 +698,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%;
@@ -762,15 +726,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;
@@ -801,12 +757,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;
@@ -831,7 +787,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;
@@ -936,16 +892,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;
@@ -955,18 +911,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;
 }
 
@@ -1023,22 +979,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 {
@@ -1109,17 +1049,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);
@@ -1134,8 +1063,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%;
@@ -1146,22 +1075,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;
   }
 }
@@ -1366,32 +1295,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;