Merge pull request #269 from unslothai/fix/fine-tuned-model-tooltip

Added tooltip for the fine tuned models in chat page

studio/frontend/src/components/assistant-ui/model-selector/pickers.tsx

@@ -55,6 +55,7 @@ function ModelRow({
   vramStatus,
   vramEst,
   gpuGb,
+  tooltipText,
 }: {
   label: string;
   meta?: string;
@@ -63,6 +64,7 @@ function ModelRow({
   vramStatus?: VramFitStatus | null;
   vramEst?: number;
   gpuGb?: number;
+  tooltipText?: ReactNode;
 }) {
   const exceeds = vramStatus === "exceeds";
   const showVramTooltip =
@@ -122,6 +124,17 @@ function ModelRow({
       </Tooltip>
     );
   }
+
+  if (tooltipText) {
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>{content}</TooltipTrigger>
+        <TooltipContent side="left" className="max-w-xs break-all">
+          {tooltipText}
+        </TooltipContent>
+      </Tooltip>
+    );
+  }
   return content;
 }
 
@@ -561,6 +574,14 @@ export function LoraModelPicker({
                         source: isExported ? "exported" : "lora",
                         isLora: !isMerged && !isGguf,
                       })}
+                      tooltipText={
+                        <>
+                          <span className="block break-words">{adapter.name}</span>
+                          <span className="block mt-1 text-[10px] text-muted-foreground break-all">
+                            {adapter.id}
+                          </span>
+                        </>
+                      }
                     />
                   );
                 })}