feat: multiple model configuration (#2196)

Co-authored-by: Joel <iamjoel007@gmail.com>

web/app/components/app-sidebar/index.tsx

@@ -7,6 +7,8 @@ import {
   AlignLeft01,
   AlignRight01,
 } from '@/app/components/base/icons/src/vender/line/layout'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { APP_SIDEBAR_SHOULD_COLLAPSE } from '@/app/components/app/configuration/debug/types'
 
 export type IAppDetailNavProps = {
   iconType?: 'app' | 'dataset' | 'notion'
@@ -39,6 +41,14 @@ const AppDetailNav = ({ title, desc, icon, icon_background, navigation, extraInf
     })
   }, [])
 
+  const { eventEmitter } = useEventEmitterContextContext()
+  eventEmitter?.useSubscription((v: any) => {
+    if (v.type === APP_SIDEBAR_SHOULD_COLLAPSE) {
+      setModeState('collapse')
+      localStorage.setItem('app-detail-collapse-or-expand', 'collapse')
+    }
+  })
+
   return (
     <div
       className={`