From 18b6f5b6749243a81338923823ce175be46e4758 Mon Sep 17 00:00:00 2001
From: Willie Zutz <boarder2@bit-shift.com>
Date: Sat, 15 Feb 2025 16:07:19 -0700
Subject: [PATCH] Updated formatting

---
 ui/app/settings/page.tsx       | 37 +++++++++++++++++++++++-----------
 ui/components/ChatWindow.tsx   |  5 ++++-
 ui/components/SearchImages.tsx |  3 ++-
 ui/components/SearchVideos.tsx |  3 ++-
 ui/lib/actions.ts              |  3 ++-
 5 files changed, 35 insertions(+), 16 deletions(-)

diff --git a/ui/app/settings/page.tsx b/ui/app/settings/page.tsx
index 37a2f6b..26cdbd6 100644
--- a/ui/app/settings/page.tsx
+++ b/ui/app/settings/page.tsx
@@ -116,7 +116,7 @@ const Page = () => {
   const [contextWindowSize, setContextWindowSize] = useState(2048);
   const [isCustomContextWindow, setIsCustomContextWindow] = useState(false);
   const predefinedContextSizes = [
-    1024, 2048, 3072, 4096, 8192, 16384, 32768, 65536, 131072
+    1024, 2048, 3072, 4096, 8192, 16384, 32768, 65536, 131072,
   ];
 
   useEffect(() => {
@@ -178,9 +178,13 @@ const Page = () => {
       setAutomaticVideoSearch(
         localStorage.getItem('autoVideoSearch') === 'true',
       );
-      const storedContextWindow = parseInt(localStorage.getItem('ollamaContextWindow') ?? '2048');
+      const storedContextWindow = parseInt(
+        localStorage.getItem('ollamaContextWindow') ?? '2048',
+      );
       setContextWindowSize(storedContextWindow);
-      setIsCustomContextWindow(!predefinedContextSizes.includes(storedContextWindow));
+      setIsCustomContextWindow(
+        !predefinedContextSizes.includes(storedContextWindow),
+      );
 
       setIsLoading(false);
     };
@@ -566,7 +570,11 @@ const Page = () => {
                               Chat Context Window Size
                             </p>
                             <Select
-                              value={isCustomContextWindow ? 'custom' : contextWindowSize.toString()}
+                              value={
+                                isCustomContextWindow
+                                  ? 'custom'
+                                  : contextWindowSize.toString()
+                              }
                               onChange={(e) => {
                                 const value = e.target.value;
                                 if (value === 'custom') {
@@ -583,11 +591,11 @@ const Page = () => {
                                 }
                               }}
                               options={[
-                                ...predefinedContextSizes.map(size => ({
+                                ...predefinedContextSizes.map((size) => ({
                                   value: size.toString(),
-                                  label: `${size.toLocaleString()} tokens`
+                                  label: `${size.toLocaleString()} tokens`,
                                 })),
-                                { value: 'custom', label: 'Custom...' }
+                                { value: 'custom', label: 'Custom...' },
                               ]}
                             />
                             {isCustomContextWindow && (
@@ -600,12 +608,17 @@ const Page = () => {
                                   isSaving={savingStates['ollamaContextWindow']}
                                   onChange={(e) => {
                                     // Allow any value to be typed
-                                    const value = parseInt(e.target.value) || contextWindowSize;
+                                    const value =
+                                      parseInt(e.target.value) ||
+                                      contextWindowSize;
                                     setContextWindowSize(value);
                                   }}
                                   onSave={(value) => {
                                     // Validate only when saving
-                                    const numValue = Math.max(512, parseInt(value) || 2048);
+                                    const numValue = Math.max(
+                                      512,
+                                      parseInt(value) || 2048,
+                                    );
                                     setContextWindowSize(numValue);
                                     setConfig((prev) => ({
                                       ...prev!,
@@ -617,9 +630,9 @@ const Page = () => {
                               </div>
                             )}
                             <p className="text-xs text-black/60 dark:text-white/60 mt-0.5">
-                              {isCustomContextWindow 
-                                ? "Adjust the context window size for Ollama models (minimum 512 tokens)" 
-                                : "Adjust the context window size for Ollama models"}
+                              {isCustomContextWindow
+                                ? 'Adjust the context window size for Ollama models (minimum 512 tokens)'
+                                : 'Adjust the context window size for Ollama models'}
                             </p>
                           </div>
                         )}
diff --git a/ui/components/ChatWindow.tsx b/ui/components/ChatWindow.tsx
index 366048f..7151383 100644
--- a/ui/components/ChatWindow.tsx
+++ b/ui/components/ChatWindow.tsx
@@ -198,7 +198,10 @@ const useSocket = (
             localStorage.getItem('openAIBaseURL')!,
           );
         } else {
-          searchParams.append('ollamaContextWindow', localStorage.getItem('ollamaContextWindow') || '2048')
+          searchParams.append(
+            'ollamaContextWindow',
+            localStorage.getItem('ollamaContextWindow') || '2048',
+          );
         }
 
         searchParams.append('embeddingModel', embeddingModel!);
diff --git a/ui/components/SearchImages.tsx b/ui/components/SearchImages.tsx
index 21778b8..dfd387e 100644
--- a/ui/components/SearchImages.tsx
+++ b/ui/components/SearchImages.tsx
@@ -35,7 +35,8 @@ const SearchImages = ({
             const chatModel = localStorage.getItem('chatModel');
             const customOpenAIBaseURL = localStorage.getItem('openAIBaseURL');
             const customOpenAIKey = localStorage.getItem('openAIApiKey');
-            const ollamaContextWindow = localStorage.getItem('ollamaContextWindow') || '2048';
+            const ollamaContextWindow =
+              localStorage.getItem('ollamaContextWindow') || '2048';
 
             const res = await fetch(
               `${process.env.NEXT_PUBLIC_API_URL}/images`,
diff --git a/ui/components/SearchVideos.tsx b/ui/components/SearchVideos.tsx
index 4a67d47..00e8f2e 100644
--- a/ui/components/SearchVideos.tsx
+++ b/ui/components/SearchVideos.tsx
@@ -50,7 +50,8 @@ const Searchvideos = ({
             const chatModel = localStorage.getItem('chatModel');
             const customOpenAIBaseURL = localStorage.getItem('openAIBaseURL');
             const customOpenAIKey = localStorage.getItem('openAIApiKey');
-            const ollamaContextWindow = localStorage.getItem('ollamaContextWindow') || '2048';
+            const ollamaContextWindow =
+              localStorage.getItem('ollamaContextWindow') || '2048';
 
             const res = await fetch(
               `${process.env.NEXT_PUBLIC_API_URL}/videos`,
diff --git a/ui/lib/actions.ts b/ui/lib/actions.ts
index 4191733..0a43ef8 100644
--- a/ui/lib/actions.ts
+++ b/ui/lib/actions.ts
@@ -6,7 +6,8 @@ export const getSuggestions = async (chatHisory: Message[]) => {
 
   const customOpenAIKey = localStorage.getItem('openAIApiKey');
   const customOpenAIBaseURL = localStorage.getItem('openAIBaseURL');
-  const ollamaContextWindow = localStorage.getItem('ollamaContextWindow') || '2048';
+  const ollamaContextWindow =
+    localStorage.getItem('ollamaContextWindow') || '2048';
 
   const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/suggestions`, {
     method: 'POST',