Update dropdown label font size, fix strict equality checks, and enhance footer button compacting behavior

Author: robertpiosik

packages/ui/src/components/editor/panel/Dropdown/Dropdown.module.scss

@@ -30,7 +30,6 @@
     white-space: nowrap;
     flex-grow: 1;
     text-align: left;
-    font-size: 13px;
   }
 
   &__info {

packages/vscode/src/views/panel/backend/message-handlers/handle-send-prompt.ts

@@ -34,7 +34,7 @@ export const handle_send_prompt = async (params: {
   show_quick_pick?: boolean
 }): Promise<void> => {
   if (
-    params.panel_provider.mode === MODE.WEB &&
+    params.panel_provider.mode == MODE.WEB &&
     !params.panel_provider.websocket_server_instance.is_connected_with_browser()
   ) {
     vscode.window.showWarningMessage(

packages/vscode/src/views/panel/frontend/components/Layout/Footer/Footer.tsx

@@ -84,13 +84,15 @@ export const Footer: React.FC<Props> = ({ on_donate_click }) => {
         <div ref={right_ref}>
           <button
             className={cn(styles['footer__action-button'], {
-              [styles['footer__action-button--compact']]: compact_step >= 3
+              [styles['footer__action-button--compact']]: compact_step >= 4
             })}
             onClick={handle_apply_click}
             title={'Integrate copied chat response or a single code block'}
             disabled={is_apply_disabled_temporarily}
           >
-            <span className={styles['footer__action-button__text']}>Apply</span>
+            <span className={styles['footer__action-button__text']}>
+              {compact_step == 0 ? 'Apply from Clipboard' : 'Apply'}
+            </span>
             <span
               className={cn(
                 styles['footer__action-button__icon'],
@@ -101,7 +103,7 @@ export const Footer: React.FC<Props> = ({ on_donate_click }) => {
           </button>
           <button
             className={cn(styles['footer__action-button'], {
-              [styles['footer__action-button--compact']]: compact_step >= 2
+              [styles['footer__action-button--compact']]: compact_step >= 3
             })}
             onClick={on_undo_click}
             title={
@@ -120,7 +122,7 @@ export const Footer: React.FC<Props> = ({ on_donate_click }) => {
           </button>
           <button
             className={cn(styles['footer__action-button'], {
-              [styles['footer__action-button--compact']]: compact_step >= 1
+              [styles['footer__action-button--compact']]: compact_step >= 2
             })}
             onClick={handle_commit_click}
             title={

packages/vscode/src/views/panel/frontend/components/Layout/Footer/use-compacting.ts

@@ -9,7 +9,8 @@ export const use_compacting = () => {
     step0: number
     step1: number
     step2: number
-  }>({ step0: 0, step1: 0, step2: 0 })
+    step3: number
+  }>({ step0: 0, step1: 0, step2: 0, step3: 0 })
 
   useLayoutEffect(() => {
     if (left_ref.current && right_ref.current) {
@@ -22,6 +23,8 @@ export const use_compacting = () => {
         set_thresholds((prev) => ({ ...prev, step1: width }))
       else if (compact_step == 2)
         set_thresholds((prev) => ({ ...prev, step2: width }))
+      else if (compact_step == 3)
+        set_thresholds((prev) => ({ ...prev, step3: width }))
     }
   }, [compact_step])
 
@@ -34,6 +37,8 @@ export const use_compacting = () => {
         set_compact_step(1)
       } else if (thresholds.step2 && width >= thresholds.step2) {
         set_compact_step(2)
+      } else if (thresholds.step3 && width >= thresholds.step3) {
+        set_compact_step(3)
       } else if (thresholds.step0 && width < thresholds.step0) {
         if (compact_step == 0) set_compact_step(1)
         else if (
@@ -48,6 +53,12 @@ export const use_compacting = () => {
           width < thresholds.step2
         )
           set_compact_step(3)
+        else if (
+          compact_step == 3 &&
+          thresholds.step3 &&
+          width < thresholds.step3
+        )
+          set_compact_step(4)
       }
     })
     if (container_ref.current) observer.observe(container_ref.current)