Implement context utilization display for the "no-context" prompt type

Author: robertpiosik

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

@@ -4,6 +4,7 @@ import cn from 'classnames'
 type Props = {
   current_context_size: number
   context_size_warning_threshold: number
+  is_context_disabled?: boolean
 }
 
 const format_tokens = (tokens: number): string => {
@@ -15,6 +16,17 @@ const format_tokens = (tokens: number): string => {
 }
 
 export const ContextUtilisation: React.FC<Props> = (props) => {
+  if (props.is_context_disabled) {
+    return (
+      <div className={styles.container}>
+        <div className={styles.bar} />
+        <span className={styles.label} style={{ fontStyle: 'italic' }}>
+          Context disabled
+        </span>
+      </div>
+    )
+  }
+
   const is_above_threshold =
     props.current_context_size > props.context_size_warning_threshold
   const progress = Math.min(

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

@@ -108,6 +108,9 @@ export const MainView: React.FC<Props> = (props) => {
     (props.mode == MODE.WEB && props.web_prompt_type == 'edit-context') ||
     (props.mode == MODE.API && props.api_prompt_type == 'edit-context')
 
+  const is_in_no_context_prompt_type =
+    props.mode == MODE.WEB && props.web_prompt_type == 'no-context'
+
   const handle_input_change = (value: string) => {
     props.set_instructions(value)
   }
@@ -229,6 +232,7 @@ export const MainView: React.FC<Props> = (props) => {
             context_size_warning_threshold={
               props.context_size_warning_threshold
             }
+            is_context_disabled={is_in_no_context_prompt_type}
           />
         </div>