Correct a typo in the ContextUtilisation component and related files, changing context_size_warning_treshold to context_size_warning_threshold

Author: robertpiosik

packages/ui/src/components/editor/panel/ContextUtilisation/ContextUtilisation.stories.tsx

@@ -7,20 +7,20 @@ export default {
 export const BelowThreshold = () => (
   <ContextUtilisation
     current_context_size={5000}
-    context_size_warning_treshold={100000}
+    context_size_warning_threshold={100000}
   />
 )
 
 export const AboveThreshold = () => (
   <ContextUtilisation
     current_context_size={120000}
-    context_size_warning_treshold={100000}
+    context_size_warning_threshold={100000}
   />
 )
 
 export const AtThreshold = () => (
   <ContextUtilisation
     current_context_size={100000}
-    context_size_warning_treshold={100000}
+    context_size_warning_threshold={100000}
   />
 )

packages/ui/src/components/editor/panel/ContextUtilisation/ContextUtilisation.tsx

@@ -4,7 +4,7 @@ import cn from 'classnames'
 
 type Props = {
   current_context_size: number
-  context_size_warning_treshold: number
+  context_size_warning_threshold: number
 }
 
 const format_number = (num: number): string => {
@@ -15,11 +15,11 @@ const format_number = (num: number): string => {
 }
 
 export const ContextUtilisation: FC<Props> = (props) => {
-  const { current_context_size, context_size_warning_treshold } = props
+  const { current_context_size, context_size_warning_threshold } = props
   const is_above_threshold =
-    current_context_size > context_size_warning_treshold
+    current_context_size > context_size_warning_threshold
   const progress = Math.min(
-    (current_context_size / context_size_warning_treshold) * 100,
+    (current_context_size / context_size_warning_threshold) * 100,
     100
   )
 
@@ -37,7 +37,7 @@ export const ContextUtilisation: FC<Props> = (props) => {
         />
       </div>
       <span className={styles.label}>
-        {format_number(context_size_warning_treshold)}
+        {format_number(context_size_warning_threshold)}
       </span>
     </div>
   )

packages/vscode/src/views/panel/backend/panel-provider.ts

@@ -194,7 +194,7 @@ export class ViewProvider implements vscode.WebviewViewProvider {
         if (
           event.affectsConfiguration('codeWebChat.contextSizeWarningThreshold')
         ) {
-          this.send_context_size_warning_threshold()
+          this._send_context_size_warning_threshold()
         }
 
         const all_api_config_keys = [
@@ -364,6 +364,8 @@ export class ViewProvider implements vscode.WebviewViewProvider {
             handle_request_editor_selection_state(this)
           } else if (message.command == 'GET_CURRENT_TOKEN_COUNT') {
             this.calculate_token_count()
+          } else if (message.command == 'GET_CONTEXT_SIZE_WARNING_THRESHOLD') {
+            this._send_context_size_warning_threshold()
           } else if (message.command == 'REPLACE_PRESETS') {
             await handle_replace_presets(this, message)
           } else if (message.command == 'UPDATE_PRESET') {
@@ -506,7 +508,6 @@ export class ViewProvider implements vscode.WebviewViewProvider {
     )
 
     this.send_presets_to_webview(webview_view.webview)
-    this.send_context_size_warning_threshold()
     // We need to wait until the webview fully initialized
     setTimeout(() => {
       this.send_message({
@@ -690,10 +691,10 @@ export class ViewProvider implements vscode.WebviewViewProvider {
     })
   }
 
-  public send_context_size_warning_threshold() {
+  private _send_context_size_warning_threshold() {
     if (!this._webview_view) return
     const config = vscode.workspace.getConfiguration('codeWebChat')
-    const threshold = config.get<number>('contextSizeWarningThreshold', 60000)
+    const threshold = config.get<number>('contextSizeWarningThreshold')!
     this.send_message({
       command: 'CONTEXT_SIZE_WARNING_THRESHOLD',
       threshold

packages/vscode/src/views/panel/frontend/Main/MainView/MainView.tsx

@@ -420,7 +420,7 @@ export const MainView: React.FC<Props> = (props) => {
             />
             <UiContextUtilisation
               current_context_size={props.token_count}
-              context_size_warning_treshold={
+              context_size_warning_threshold={
                 props.context_size_warning_threshold
               }
             />

packages/vscode/src/views/panel/frontend/Panel.tsx

@@ -218,7 +218,7 @@ export const Panel = () => {
             )
           }
         }
-      } else if (message.command === 'CONTEXT_SIZE_WARNING_THRESHOLD') {
+      } else if (message.command == 'CONTEXT_SIZE_WARNING_THRESHOLD') {
         set_context_size_warning_threshold(message.threshold)
       }
     }
@@ -234,7 +234,8 @@ export const Panel = () => {
       { command: 'GET_CONNECTION_STATUS' },
       { command: 'REQUEST_EDITOR_STATE' },
       { command: 'REQUEST_EDITOR_SELECTION_STATE' },
-      { command: 'GET_WORKSPACE_STATE' }
+      { command: 'GET_WORKSPACE_STATE' },
+      { command: 'GET_CONTEXT_SIZE_WARNING_THRESHOLD' }
     ]
     initial_messages.forEach((message) => post_message(vscode, message))
 

packages/vscode/src/views/panel/types/messages.ts

@@ -109,6 +109,10 @@ export interface GetCurrentTokenCountMessage extends BaseMessage {
   command: 'GET_CURRENT_TOKEN_COUNT'
 }
 
+export interface GetContextSizeWarningThresholdMessage extends BaseMessage {
+  command: 'GET_CONTEXT_SIZE_WARNING_THRESHOLD'
+}
+
 export interface UpdatePresetMessage extends BaseMessage {
   command: 'UPDATE_PRESET'
   updating_preset: Preset
@@ -326,6 +330,7 @@ export type FrontendMessage =
   | GetHistoryMessage
   | SaveHistoryMessage
   | GetCurrentTokenCountMessage
+  | GetContextSizeWarningThresholdMessage
   | UpdatePresetMessage
   | DeletePresetMessage
   | DuplicatePresetMessage