Studio: remove KB embedding override; prevent KB tab horizontal overflow

studio/frontend/src/features/rag/components/kb-detail-panel.tsx

@@ -102,7 +102,7 @@ export function KBDetailPanel({
   };
 
   return (
-    <div className="flex h-full flex-col gap-3">
+    <div className="flex h-full min-w-0 flex-col gap-3">
       <div className="flex flex-col gap-1">
         <div className="flex items-center justify-between gap-3">
           <h2 className="truncate text-lg font-semibold">{kb.name}</h2>

studio/frontend/src/features/rag/components/rag-defaults-section.tsx

@@ -1,7 +1,6 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 // Copyright 2026-present the Unsloth AI Inc. team. All rights reserved. See /studio/LICENSE.AGPL-3.0
 
-import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import {
   Select,
@@ -23,7 +22,6 @@ export function RagDefaultsSection() {
   const [chunkingStrategy, setChunkingStrategy] =
     useState<ChunkingStrategy>("standard");
   const [mode, setMode] = useState<KBMode>("text");
-  const [embeddingModel, setEmbeddingModel] = useState("");
   const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
@@ -34,7 +32,6 @@ export function RagDefaultsSection() {
     if (defaults) {
       setChunkingStrategy(defaults.chunking_strategy);
       setMode(defaults.mode);
-      setEmbeddingModel(defaults.embedding_model ?? "");
     }
   }, [defaults]);
 
@@ -121,18 +118,6 @@ export function RagDefaultsSection() {
           </Select>
         </div>
       </div>
-      <div className="flex flex-col gap-1.5">
-        <Label htmlFor="defaults-model">
-          Default embedding model override (optional)
-        </Label>
-        <Input
-          id="defaults-model"
-          value={embeddingModel}
-          onChange={(e) => setEmbeddingModel(e.target.value)}
-          onBlur={() => persist({ embedding_model: embeddingModel })}
-          placeholder="Leave blank to use the matrix default"
-        />
-      </div>
       {error ? <div className="text-xs text-destructive">{error}</div> : null}
     </div>
   );

studio/frontend/src/features/settings/tabs/knowledge-bases-tab.tsx

@@ -66,7 +66,7 @@ export function KnowledgeBasesTab() {
   });
 
   return (
-    <div className="flex flex-col gap-4">
+    <div className="flex min-w-0 flex-col gap-4">
       <div>
         <h2 className="text-lg font-semibold">Knowledge bases</h2>
         <p className="text-sm text-muted-foreground">
@@ -76,7 +76,7 @@ export function KnowledgeBasesTab() {
       </div>
       <Separator />
 
-      <div className="flex flex-col gap-2">
+      <div className="flex min-w-0 flex-col gap-2">
         <div className="flex items-center justify-between">
           <h3 className="text-sm font-medium">Knowledge bases</h3>
           <Button
@@ -94,7 +94,7 @@ export function KnowledgeBasesTab() {
         </p>
         <div
           className={cn(
-            "flex min-h-0 gap-4",
+            "flex min-h-0 min-w-0 gap-4",
             splitOpen && KB_WORKSPACE_HEIGHT,
           )}
         >