Update useMessageOption hook and Playground component

src/store/option.tsx

@@ -1,3 +1,4 @@
+import { Knowledge } from "@/db/knowledge"
 import { create } from "zustand"
 
 type WebSearch = {
@@ -48,16 +49,19 @@ type State = {
   setIsEmbedding: (isEmbedding: boolean) => void
   speechToTextLanguage: string
   setSpeechToTextLanguage: (language: string) => void
-  webSearch: boolean;
-  setWebSearch: (webSearch: boolean) => void;
-  isSearchingInternet: boolean;
-  setIsSearchingInternet: (isSearchingInternet: boolean) => void;
+  webSearch: boolean
+  setWebSearch: (webSearch: boolean) => void
+  isSearchingInternet: boolean
+  setIsSearchingInternet: (isSearchingInternet: boolean) => void
 
   selectedSystemPrompt: string | null
   setSelectedSystemPrompt: (selectedSystemPrompt: string) => void
 
   selectedQuickPrompt: string | null
   setSelectedQuickPrompt: (selectedQuickPrompt: string) => void
+
+  selectedKnowledge: Knowledge | null
+  setSelectedKnowledge: (selectedKnowledge: Knowledge) => void
 }
 
 export const useStoreMessageOption = create<State>((set) => ({
@@ -89,7 +93,11 @@ export const useStoreMessageOption = create<State>((set) => ({
   isSearchingInternet: false,
   setIsSearchingInternet: (isSearchingInternet) => set({ isSearchingInternet }),
   selectedSystemPrompt: null,
-  setSelectedSystemPrompt: (selectedSystemPrompt) => set({ selectedSystemPrompt }),
+  setSelectedSystemPrompt: (selectedSystemPrompt) =>
+    set({ selectedSystemPrompt }),
   selectedQuickPrompt: null,
   setSelectedQuickPrompt: (selectedQuickPrompt) => set({ selectedQuickPrompt }),
+
+  selectedKnowledge: null,
+  setSelectedKnowledge: (selectedKnowledge) => set({ selectedKnowledge })
 }))