feat(webapp): MiddleTruncate to take decent amount of space when possible

min-w-[360px] class allows to keep reasonable spacing when there is only
one item on the list

Author: 0ski

apps/webapp/app/components/primitives/MiddleTruncate.tsx

@@ -141,7 +141,7 @@ export function MiddleTruncate({ text, className }: MiddleTruncateProps) {
   const content = (
     <span
       ref={containerRef}
-      className={cn("block", isTruncated && "min-w-full", className)}
+      className={cn("block", isTruncated && "min-w-[360px]", className)}
     >
       {/* Hidden span for measuring text width */}
       <span

apps/webapp/app/components/runs/v3/RunFilters.tsx

@@ -655,7 +655,7 @@ function TasksDropdown({
                 <TaskTriggerSourceIcon source={item.triggerSource} className="size-4 flex-none" />
               }
             >
-              <MiddleTruncate text={item.slug} className="min-w-[360px]"/>
+              <MiddleTruncate text={item.slug}/>
             </SelectItem>
           ))}
         </SelectList>