Replace SetupProgress object with a boolean is_setup_complete flag

Author: robertpiosik

apps/editor/src/views/panel/frontend/Home/Home.tsx

@@ -5,11 +5,7 @@ import { Timeline } from '@ui/components/editor/panel/Timeline'
 import { ModeButton } from '@ui/components/editor/panel/ModeButton'
 import cn from 'classnames'
 import { post_message } from '../utils/post_message'
-import {
-  Checkpoint,
-  FrontendMessage,
-  SetupProgress
-} from '@/views/panel/types/messages'
+import { Checkpoint, FrontendMessage } from '@/views/panel/types/messages'
 import { Responses as UiResponses } from '@ui/components/editor/panel/Responses'
 import { ResponseHistoryItem } from '@shared/types/response-history-item'
 import { Separator } from '@ui/components/editor/panel/Separator'
@@ -47,7 +43,7 @@ type Props = {
   on_tasks_change: (root: string, tasks: Task[]) => void
   on_task_delete: (root: string, timestamp: number) => void
   on_task_forward: (text: string) => void
-  setup_progress?: SetupProgress
+  is_setup_complete: boolean
 }
 
 export const Home: React.FC<Props> = (props) => {
@@ -98,10 +94,6 @@ export const Home: React.FC<Props> = (props) => {
     } as FrontendMessage)
   }
 
-  const has_incomplete_setup = props.setup_progress
-    ? Object.values(props.setup_progress).some((v) => !v)
-    : false
-
   return (
     <>
       <div className={styles.header}>
@@ -114,7 +106,7 @@ export const Home: React.FC<Props> = (props) => {
         <SettingsButton
           on_click={handle_settings_click}
           label={t('panel.header.settings')}
-          show_warning_icon={has_incomplete_setup}
+          show_warning_icon={!props.is_setup_complete}
         />
       </div>
 

apps/editor/src/views/panel/frontend/Main/Main.tsx

@@ -9,8 +9,7 @@ import {
   ApiToolConfigurationsMessage,
   PresetsMessage,
   FrontendMessage,
-  SelectionState,
-  SetupProgress
+  SelectionState
 } from '@/views/panel/types/messages'
 import { ApiToolConfiguration } from '@/views/panel/types/messages'
 import { post_message } from '../utils/post_message'
@@ -73,7 +72,7 @@ type Props = {
   is_recording: boolean
   on_recording_started: () => void
   on_recording_finished: () => void
-  setup_progress?: SetupProgress
+  is_setup_complete: boolean
 }
 
 export const Main: React.FC<Props> = (props) => {
@@ -857,7 +856,7 @@ export const Main: React.FC<Props> = (props) => {
       is_recording={props.is_recording}
       on_recording_started={props.on_recording_started}
       on_recording_finished={props.on_recording_finished}
-      setup_progress={props.setup_progress}
+      is_setup_complete={props.is_setup_complete}
     />
   )
 }

apps/editor/src/views/panel/frontend/Main/MainView/MainView.tsx

@@ -16,7 +16,7 @@ import { use_last_choice_button_title } from './hooks/use-last-choice-button-tit
 import { ContextUtilisation as UiContextUtilisation } from '@ui/components/editor/panel/ContextUtilisation'
 import { Header } from './components/Header'
 import { use_invocation_counts } from './hooks/use-invocation-counts'
-import { SelectionState, SetupProgress } from '@/views/panel/types/messages'
+import { SelectionState } from '@/views/panel/types/messages'
 
 type Props = {
   scroll_reset_key: number
@@ -113,7 +113,7 @@ type Props = {
   is_recording: boolean
   on_recording_started: () => void
   on_recording_finished: () => void
-  setup_progress?: SetupProgress
+  is_setup_complete: boolean
 }
 
 export const MainView: React.FC<Props> = (props) => {
@@ -194,7 +194,7 @@ export const MainView: React.FC<Props> = (props) => {
         on_api_prompt_type_change={props.on_api_prompt_type_change}
         on_quick_action_click={props.on_quick_action_click}
         are_keyboard_shortcuts_disabled={props.are_keyboard_shortcuts_disabled}
-        setup_progress={props.setup_progress}
+        is_setup_complete={props.is_setup_complete}
       />
       <Scrollable scroll_to_top_key={props.scroll_reset_key}>
         <UiSeparator height={4} />

apps/editor/src/views/panel/frontend/Main/MainView/components/Header/Header.tsx

@@ -12,7 +12,6 @@ import {
 import { SettingsButton as UiSettingsButton } from '@ui/components/editor/panel/SettingsButton'
 import { use_keyboard_shortcuts } from './hooks/use-keyboard-shortcuts'
 import { use_translation } from '@/views/i18n/use-translation'
-import { SetupProgress } from '@/views/panel/types/messages'
 
 type Props = {
   mode: Mode
@@ -24,7 +23,7 @@ type Props = {
   on_api_prompt_type_change: (prompt_type: ApiPromptType) => void
   on_quick_action_click: (command: string) => void
   are_keyboard_shortcuts_disabled: boolean
-  setup_progress?: SetupProgress
+  is_setup_complete: boolean
 }
 
 export const Header: React.FC<Props> = (props) => {
@@ -52,10 +51,6 @@ export const Header: React.FC<Props> = (props) => {
     is_disabled: props.are_keyboard_shortcuts_disabled
   })
 
-  const has_incomplete_setup = props.setup_progress
-    ? Object.values(props.setup_progress).some((v) => !v)
-    : false
-
   return (
     <div className={styles.header} ref={header_ref}>
       <div className={styles.header__left} ref={header_left_ref}>
@@ -127,7 +122,7 @@ export const Header: React.FC<Props> = (props) => {
         <UiSettingsButton
           on_click={() => props.on_quick_action_click('codeWebChat.settings')}
           title="Settings"
-          show_warning_icon={has_incomplete_setup}
+          show_warning_icon={!props.is_setup_complete}
         />
       </div>
     </div>

apps/editor/src/views/panel/frontend/Panel.tsx

@@ -108,7 +108,7 @@ export const Panel = () => {
     handle_paste_url,
     is_recording,
     handle_set_recording_state,
-    setup_progress
+    is_setup_complete
   } = use_panel(vscode)
 
   const [checkpoint_to_edit, set_checkpoint_to_edit] = useState<
@@ -320,7 +320,7 @@ export const Panel = () => {
                 is_recording={is_recording}
                 on_recording_started={() => handle_set_recording_state(true)}
                 on_recording_finished={() => handle_set_recording_state(false)}
-                setup_progress={setup_progress}
+                is_setup_complete={is_setup_complete}
               />
             </div>
             <div
@@ -398,7 +398,7 @@ export const Panel = () => {
                 on_tasks_change={handle_tasks_change}
                 on_task_delete={handle_task_delete}
                 on_task_forward={handle_task_forward}
-                setup_progress={setup_progress}
+                is_setup_complete={is_setup_complete}
               />
             </div>
           </Layout>

apps/editor/src/views/panel/frontend/hooks/use-panel.ts

@@ -553,6 +553,10 @@ export const use_panel = (vscode: any) => {
     })
   }
 
+  const is_setup_complete = setup_progress
+    ? Object.values(setup_progress).every((v) => v)
+    : true
+
   return {
     active_view,
     set_active_view,
@@ -635,6 +639,6 @@ export const use_panel = (vscode: any) => {
     handle_paste_url,
     is_recording,
     handle_set_recording_state,
-    setup_progress
+    is_setup_complete
   }
 }