fix: sizing

Author: Acorn221

webview-ui/src/components/chat/PlanningBar.tsx

@@ -25,13 +25,13 @@ export const PlanningBar: FC<PlanningBarProps> = ({
       )}
     >
       {/* {isGenerating && <div className="absolute inset-0 rainbow-border-glow" />} */}
-      <div className="flex-1 flex h-full align-middle ml-5 gap-4 relative">
-        <div className="relative h-full my-auto mr-1">
+      <div className="flex-1 flex h-full align-middle ml-5 gap-4 relative overflow-hidden">
+        <div className="relative h-full my-auto mr-1 flex-shrink-0">
           <div className={`circle ${isGenerating ? "animated-circle" : ""}`} />
         </div>
-        <div className="my-auto text-sm">Planning</div>
-        <div className="relative my-auto">
-          <div className="text-muted-foreground text-sm max-w-64 text-ellipsis truncate">
+        <div className="my-auto text-sm flex-shrink-0">Planning</div>
+        <div className="relative my-auto min-w-0 flex-shrink overflow-hidden max-w-64">
+          <div className="text-muted-foreground text-sm truncate">
             {requestedPlan}
           </div>
         </div>