feat: desktop layout OS element with glassmorphism dashboard

fix_queue_resume.patch

@@ -0,0 +1,27 @@
+--- a/ui/desktop/src/components/ChatInput.tsx
++++ b/ui/desktop/src/components/ChatInput.tsx
+@@ -940,6 +940,11 @@ export default function ChatInput({
+       handleSubmit(
+         new CustomEvent('submit', { detail: { value: textToSend } }) as unknown as React.FormEvent
+       );
++      
++      // Auto-resume queue after sending a message (if it was paused due to interruption)
++      if (queuePausedRef.current && lastInterruption) {
++        queuePausedRef.current = false;
++        setLastInterruption(null);
++      }
+
+       setDisplayValue('');
+       setValue('');
+@@ -145,6 +150,12 @@ export default function ChatInput({
+       handleSubmit(new CustomEvent("submit", { detail: { value: nextMessage.content } }) as unknown as React.FormEvent);
+       setQueuedMessages(prev => prev.slice(1));
+     }
++    
++    // Auto-resume queue after any message processing completes (if it was paused due to interruption)
++    if (wasLoadingRef.current && !isLoading && queuePausedRef.current && lastInterruption && queuedMessages.length > 0) {
++      queuePausedRef.current = false;
++      setLastInterruption(null);
++    }
+     wasLoadingRef.current = isLoading;
+   }, [isLoading, queuedMessages, handleSubmit]);

temp_settings_patch.txt

@@ -0,0 +1,2 @@
+import BackgroundSelector from '../background/BackgroundSelector';
+import { Palette } from 'lucide-react';

ui/desktop/src/App.tsx

@@ -27,6 +27,7 @@ import { useChat } from './hooks/useChat';
 import { AppLayout } from './components/Layout/AppLayout';
 import { ChatProvider } from './contexts/ChatContext';
 import { DraftProvider } from './contexts/DraftContext';
+import { FocusModeProvider } from './contexts/FocusModeContext';
 
 import 'react-toastify/dist/ReactToastify.css';
 import { useConfig, MalformedConfigError } from './components/ConfigContext';
@@ -1346,8 +1347,9 @@ export default function App() {
 
   return (
     <DraftProvider>
-      <ModelAndProviderProvider>
-        <HashRouter>
+      <FocusModeProvider>
+        <ModelAndProviderProvider>
+          <HashRouter>
           <ToastContainer
             aria-label="Toast notifications"
             toastClassName={() =>
@@ -1499,6 +1501,7 @@ export default function App() {
         </HashRouter>
         <AnnouncementModal />
       </ModelAndProviderProvider>
+      </FocusModeProvider>
     </DraftProvider>
   );
 }