Remove is_empty prop from Tabs component and simplify can_close logic to allow closing any tab when tabs_count is at least 1

Author: robertpiosik

packages/ui/src/components/editor/common/prompts/PromptField/PromptField.tsx

@@ -299,7 +299,6 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
                 <Tabs
                   tabs_count={props.tabs_count}
                   active_tab_index={props.active_tab_index}
-                  is_empty={!props.value}
                 />
               </div>
               <div className={styles['placeholder-text']}>{placeholder}</div>
@@ -322,7 +321,6 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
               active_tab_index={props.active_tab_index}
               on_tabs_reorder={props.on_tabs_reorder}
               handle_input_click={handle_input_click}
-              is_empty={!props.value}
             />
           </div>
           <div

packages/ui/src/components/editor/common/prompts/PromptField/components/Tabs/Tabs.tsx

@@ -8,7 +8,6 @@ type Props = {
   active_tab_index: number
   on_tabs_reorder?: (new_order: number[]) => void
   handle_input_click?: (e: React.MouseEvent<HTMLDivElement>) => void
-  is_empty?: boolean
 }
 
 export type TabsRef = {
@@ -86,9 +85,9 @@ export const Tabs = forwardRef<TabsRef, Props>((props, ref) => {
         filter={`.${styles['tabs__tab--new']}`}
       >
         {tab_items.map((item, i) => {
-          const is_active = i === props.active_tab_index
-          const is_hovered = hovered_tab_index === i
-          const can_close = !(props.tabs_count === 1 && props.is_empty)
+          const is_active = i == props.active_tab_index
+          const is_hovered = hovered_tab_index == i
+          const can_close = props.tabs_count >= 1
           const show_close =
             is_active &&
             is_hovered &&