shave and code split (#4630)

ui/desktop/src/components/ChatInput.tsx

@@ -6,7 +6,7 @@ import type { View } from '../utils/navigationUtils';
 import Stop from './ui/Stop';
 import { Attach, Send, Close, Microphone } from './icons';
 import { ChatState } from '../types/chatState';
-import { debounce } from 'lodash';
+import debounce from 'lodash/debounce';
 import { LocalMessageStorage } from '../utils/localMessageStorage';
 import { Message } from '../types/message';
 import { DirSwitcher } from './bottom_menu/DirSwitcher';

ui/desktop/src/components/conversation/SearchBar.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState, useRef, KeyboardEvent } from 'react';
 import { Search as SearchIcon } from 'lucide-react';
 import { ArrowDown, ArrowUp, Close } from '../icons';
-import { debounce } from 'lodash';
+import debounce from 'lodash/debounce';
 import { Button } from '../ui/button';
 
 /**

ui/desktop/src/components/conversation/SearchView.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, PropsWithChildren, useCallback, useRef } from 'react';
 import SearchBar from './SearchBar';
 import { SearchHighlighter } from '../../utils/searchHighlighter';
-import { debounce } from 'lodash';
+import debounce from 'lodash/debounce';
 import '../../styles/search.css';
 
 /**

ui/desktop/src/components/ui/Greeting.tsx

@@ -1,57 +0,0 @@
-import { useState } from 'react';
-import { useTextAnimator } from '../../hooks/use-text-animator';
-
-interface GreetingProps {
-  className?: string;
-  forceRefresh?: boolean;
-}
-
-export function Greeting({
-  className = 'mb-12 mt-8 text-4xl font-light animate-in fade-in slide-in-from-right-8 duration-300',
-  forceRefresh = false,
-}: GreetingProps) {
-  const prefixes = ['Hello.', 'Welcome.', 'Greetings.', 'Welcome back.', 'Hello there.'];
-  const messages = [
-    ' Ready to get started?',
-    ' What would you like to work on?',
-    ' Ready to build something amazing?',
-    ' What would you like to explore?',
-    " What's on your mind?",
-    ' What shall we create today?',
-    ' What project needs attention?',
-    ' What would you like to tackle?',
-    ' What would you like to explore?',
-    ' What needs to be done?',
-    " What's the plan for today?",
-    ' Ready to create something great?',
-    ' What can be built today?',
-    " What's the next challenge?",
-    ' What progress can be made?',
-    ' What would you like to accomplish?',
-    ' What task awaits?',
-    " What's the mission today?",
-    ' What can be achieved?',
-    ' What project is ready to begin?',
-  ];
-
-  const greeting = useState(() => {
-    const randomPrefixIndex = Math.floor(Math.random() * prefixes.length);
-    const randomMessageIndex = Math.floor(Math.random() * messages.length);
-
-    return {
-      prefix: prefixes[randomPrefixIndex],
-      message: messages[randomMessageIndex],
-    };
-  })[0];
-
-  const messageRef = useTextAnimator({ text: greeting.message });
-
-  return (
-    <h1 className={className} key={forceRefresh ? Date.now() : undefined}>
-      <span>{greeting.prefix}</span>
-      <span className="text-text-muted" ref={messageRef}>
-        {greeting.message}
-      </span>
-    </h1>
-  );
-}