From ee708cc026a7c47f4ed2a3f0e1260949c3f1c9e4 Mon Sep 17 00:00:00 2001
From: samlhuillier <sam.jansa123@gmail.com>
Date: Wed, 13 Nov 2024 21:04:44 +0000
Subject: [PATCH 1/2] rm sidebar compact

---
 electron/main/electron-store/ipcHandlers.ts |  7 ---
 electron/main/electron-store/storeConfig.ts |  2 -
 electron/preload/index.ts                   |  2 -
 src/components/Settings/GeneralSettings.tsx | 51 +--------------------
 src/components/Settings/Settings.tsx        |  2 +-
 src/components/Sidebars/IconsSidebar.tsx    | 23 +---------
 6 files changed, 5 insertions(+), 82 deletions(-)

diff --git a/electron/main/electron-store/ipcHandlers.ts b/electron/main/electron-store/ipcHandlers.ts
index 811da97a..3fa276a4 100644
--- a/electron/main/electron-store/ipcHandlers.ts
+++ b/electron/main/electron-store/ipcHandlers.ts
@@ -94,13 +94,6 @@ export const registerStoreHandlers = (store: Store<StoreSchema>, windowsManager:
     return store.get(StoreKeys.LLMGenerationParameters)
   })
 
-  ipcMain.handle('set-sb-compact', (event, isSBCompact) => {
-    store.set(StoreKeys.IsSBCompact, isSBCompact)
-    event.sender.send('sb-compact-changed', isSBCompact)
-  })
-
-  ipcMain.handle('get-sb-compact', () => store.get(StoreKeys.IsSBCompact))
-
   ipcMain.handle('get-editor-flex-center', () => store.get(StoreKeys.EditorFlexCenter))
 
   ipcMain.handle('set-editor-flex-center', (event, setEditorFlexCenter) => {
diff --git a/electron/main/electron-store/storeConfig.ts b/electron/main/electron-store/storeConfig.ts
index e347a61d..d0166a29 100644
--- a/electron/main/electron-store/storeConfig.ts
+++ b/electron/main/electron-store/storeConfig.ts
@@ -57,7 +57,6 @@ export interface StoreSchema {
   agentConfigs: AgentConfig[]
   analytics?: boolean
   chunkSize: number
-  isSBCompact: boolean
   spellCheck: string
   EditorFlexCenter: boolean
   showDocumentStats: boolean
@@ -79,7 +78,6 @@ export enum StoreKeys {
   Chats = 'chats',
   AgentConfigs = 'agentConfigs',
   ChunkSize = 'chunkSize',
-  IsSBCompact = 'isSBCompact',
   SpellCheck = 'spellCheck',
   EditorFlexCenter = 'editorFlexCenter',
   showDocumentStats = 'showDocumentStats',
diff --git a/electron/preload/index.ts b/electron/preload/index.ts
index 5cc8286c..88da1001 100644
--- a/electron/preload/index.ts
+++ b/electron/preload/index.ts
@@ -70,8 +70,6 @@ const electronStore = {
   saveChat: createIPCHandler<(chat: Chat) => Promise<void>>('save-chat'),
   deleteChat: createIPCHandler<(chatID: string) => Promise<void>>('delete-chat'),
   getChat: createIPCHandler<(chatID: string | undefined) => Promise<Chat | undefined>>('get-chat'),
-  getSBCompact: createIPCHandler<() => Promise<boolean>>('get-sb-compact'),
-  setSBCompact: createIPCHandler<(isSBCompact: boolean) => Promise<void>>('set-sb-compact'),
   getEditorFlexCenter: createIPCHandler<() => Promise<boolean>>('get-editor-flex-center'),
   setEditorFlexCenter: createIPCHandler<(editorFlexCenter: boolean) => Promise<void>>('set-editor-flex-center'),
   getAgentConfigs: createIPCHandler<() => Promise<AgentConfig[]>>('get-agent-configs'),
diff --git a/src/components/Settings/GeneralSettings.tsx b/src/components/Settings/GeneralSettings.tsx
index d09ecf81..b3b8cf88 100644
--- a/src/components/Settings/GeneralSettings.tsx
+++ b/src/components/Settings/GeneralSettings.tsx
@@ -1,49 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import Switch from '@mui/material/Switch'
 
-export const AppearanceSection = () => {
-  const [isIconSBCompact, setIsIconSBCompact] = useState<boolean>(false)
-
-  useEffect(() => {
-    const fetchParams = async () => {
-      const storedIsIconSBCompact = await window.electronStore.getSBCompact()
-
-      if (storedIsIconSBCompact !== undefined) {
-        setIsIconSBCompact(storedIsIconSBCompact)
-      }
-    }
-
-    fetchParams()
-  }, [])
-
-  return (
-    <div className="flex w-full flex-col">
-      <h4 className="xs:text-sm mb-1 mt-10 flex w-full items-center justify-between gap-5 pb-2 text-lg text-white sm:text-base">
-        Appearance
-      </h4>
-      <div className="h-[2px] w-full bg-neutral-700" />
-      <div className="flex w-full flex-wrap items-center justify-between">
-        <div className="flex flex-col justify-center">
-          <p className="xs:text-xs flex flex-col text-base text-gray-100 opacity-80 sm:text-sm">
-            IconSidebar Compact
-            <span className="m-0 pt-1 text-xs text-gray-100">Decreases padding on IconSidebar</span>
-          </p>
-        </div>
-        <Switch
-          checked={isIconSBCompact}
-          onChange={() => {
-            setIsIconSBCompact(!isIconSBCompact)
-            if (isIconSBCompact !== undefined) {
-              window.electronStore.setSBCompact(!isIconSBCompact)
-            }
-          }}
-        />
-      </div>
-      <div className="h-[2px] w-full bg-neutral-700" />
-    </div>
-  )
-}
-
 export const EditorSection = () => {
   const [tempSpellCheckEnabled, setTempSpellCheckEnabled] = useState(false)
   const [documentStatsEnabled, setDocumentStatsEnabled] = useState(false)
@@ -90,10 +47,7 @@ export const EditorSection = () => {
   }, [])
 
   return (
-    <div className="w-full flex-col">
-      <h4 className="xs:text-sm mb-1 mt-10 flex w-full items-center justify-between gap-5 pb-2 text-lg text-white sm:text-base">
-        Editor
-      </h4>
+    <div className="w-full flex-col pt-4">
       <div className="h-[2px] w-full bg-neutral-700" />
       <div className="flex w-full flex-wrap items-center justify-between">
         <div className="flex w-[70%] flex-col justify-center">
@@ -157,8 +111,7 @@ export const EditorSection = () => {
 const GeneralSettings = () => {
   return (
     <div className="w-full flex-col justify-between rounded bg-dark-gray-c-three">
-      <h2 className="mb-0 text-2xl font-semibold text-white">General</h2>
-      <AppearanceSection />
+      <h2 className="mb-0 text-2xl font-semibold text-white">Editor</h2>
       <EditorSection />
     </div>
   )
diff --git a/src/components/Settings/Settings.tsx b/src/components/Settings/Settings.tsx
index 32db9bba..0d892bd4 100644
--- a/src/components/Settings/Settings.tsx
+++ b/src/components/Settings/Settings.tsx
@@ -57,7 +57,7 @@ const SettingsModal: React.FC<SettingsModalProps> = ({
               }`}
               onClick={() => setActiveTab(SettingsTab.GeneralSettingsTab)}
             >
-              General
+              Editor
             </div>
             <div
               className={`flex cursor-pointer items-center rounded border-b border-gray-200 p-2 text-sm hover:bg-neutral-600 ${
diff --git a/src/components/Sidebars/IconsSidebar.tsx b/src/components/Sidebars/IconsSidebar.tsx
index ca025507..7d19cb2c 100644
--- a/src/components/Sidebars/IconsSidebar.tsx
+++ b/src/components/Sidebars/IconsSidebar.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import React from 'react'
 
 import { FaSearch } from 'react-icons/fa'
 import { GrNewWindow } from 'react-icons/gr'
@@ -18,31 +18,12 @@ export interface IconsSidebarProps {
 
 const IconsSidebar: React.FC<IconsSidebarProps> = ({ getShortcutDescription }) => {
   const { sidebarShowing, setSidebarShowing } = useChatContext()
-  const [sidebarWidth, setSidebarWidth] = useState<number>(40)
 
   const { isSettingsModalOpen, setIsSettingsModalOpen, setIsNewDirectoryModalOpen } = useModalOpeners()
   const { createUntitledNote } = useContentContext()
 
-  useEffect(() => {
-    const updateWidth = async () => {
-      const isCompact = await window.electronStore.getSBCompact()
-      setSidebarWidth(isCompact ? 40 : 60)
-    }
-
-    const handleSettingsChange = (isCompact: number) => {
-      setSidebarWidth(isCompact ? 40 : 60)
-    }
-
-    updateWidth()
-
-    window.ipcRenderer.receive('sb-compact-changed', handleSettingsChange)
-  }, [])
-
   return (
-    <div
-      className="flex size-full flex-col items-center justify-between gap-1 bg-neutral-800"
-      style={{ width: `${sidebarWidth}px` }}
-    >
+    <div className="flex size-full w-[55px] flex-col items-center justify-between gap-1 bg-neutral-800 pt-2">
       <div
         className=" flex h-8 w-full cursor-pointer items-center justify-center"
         onClick={() => setSidebarShowing('files')}

From 39e042a2397cc0cf8ed7b992835fbf9f49083339 Mon Sep 17 00:00:00 2001
From: samlhuillier <sam.jansa123@gmail.com>
Date: Wed, 13 Nov 2024 21:08:34 +0000
Subject: [PATCH 2/2] reduce delay

---
 src/components/Chat/MessageComponents/ChatSources.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Chat/MessageComponents/ChatSources.tsx b/src/components/Chat/MessageComponents/ChatSources.tsx
index 00e05d63..67c1f767 100644
--- a/src/components/Chat/MessageComponents/ChatSources.tsx
+++ b/src/components/Chat/MessageComponents/ChatSources.tsx
@@ -53,7 +53,7 @@ const ChatSources: React.FC<ChatSourcesProps> = ({ contextItems }) => {
 
       <div className="scrollbar-thumb-rounded-full flex space-x-2 overflow-x-auto p-0 pb-1 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-gray-800">
         {contextItems.map((contextItem) => (
-          <HoverCard key={getItemPath(contextItem)} openDelay={100}>
+          <HoverCard key={getItemPath(contextItem)} openDelay={600}>
             <HoverCardTrigger>
               <Card
                 className="flex h-10 w-28 shrink-0 cursor-pointer items-center justify-center bg-secondary"