Merge pull request #1273 from BudEcosystem/bugfix/agent-new

athul-ab · web-flow · commit b043975bc7d8 · 2026-02-06T15:16:18.000+05:30
fix(budadmin): agent details UI improvements
diff --git a/services/budadmin/src/pages/home/agentDetails/[agentId]/index.tsx b/services/budadmin/src/pages/home/agentDetails/[agentId]/index.tsx
@@ -21,22 +21,8 @@ const ICON_SIZE = "0.875rem";
 
 // Home/Overview icon component
 const HomeIcon = ({ color = "#EEEEEE" }: { color?: string }) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={ICON_SIZE} height={ICON_SIZE} viewBox="0 0 14 14" fill="none">
-    <g clipPath="url(#clip0_home)">
-      <path d="M7.45215 -0.0849609C7.70232 -0.0847055 7.90527 0.118122 7.90527 0.369141C7.90507 0.619191 7.70298 0.82201 7.45215 0.822266H2.47559C2.46871 0.822266 2.4639 0.825163 2.46094 0.828125C2.45797 0.831089 2.45508 0.835895 2.45508 0.842773V9.34375C2.45508 9.594 2.25295 9.79764 2.00195 9.79785H1.96484L1.95996 9.79297C1.72883 9.77219 1.54688 9.58003 1.54688 9.34277V0.842773C1.54688 0.331063 1.96388 -0.0859375 2.47559 -0.0859375L7.45215 -0.0849609Z" fill={color} stroke={color} strokeWidth="0.17143" />
-      <path d="M9.37891 2.96582C9.37903 2.97015 9.38064 2.97537 9.38477 2.97949C9.38893 2.98361 9.39409 2.98528 9.39844 2.98535H10.9033L9.37891 1.46094V2.96582ZM2.45508 13.1543C2.45512 13.1611 2.458 13.166 2.46094 13.1689C2.46391 13.1718 2.46888 13.1738 2.47559 13.1738H11.5244C11.5312 13.1738 11.5361 13.1719 11.5391 13.1689C11.542 13.166 11.5439 13.1611 11.5439 13.1543V3.89355H9.39941C8.8877 3.89355 8.4707 3.47655 8.4707 2.96484V0.407227C8.4707 0.156865 8.67366 -0.0468379 8.9248 -0.046875H8.92773C9.07509 -0.0422668 9.19789 0.0295378 9.29785 0.109375L9.39062 0.189453L9.39258 0.191406L12.1816 2.97852L12.1855 2.98242L12.25 3.05957C12.314 3.14162 12.3745 3.2394 12.4014 3.34961L12.4053 3.36621C12.432 3.44841 12.4521 3.53881 12.4521 3.63672V13.1543C12.452 13.6659 12.0351 14.082 11.5234 14.082H2.47559C1.96394 14.082 1.54698 13.6659 1.54688 13.1543V10.8125C1.54893 10.6685 1.60547 10.5538 1.69336 10.4766C1.7796 10.4009 1.89172 10.3645 2.00098 10.3643C2.11045 10.3641 2.22316 10.4006 2.30957 10.4766C2.39746 10.5538 2.45322 10.6682 2.45508 10.8125V13.1543Z" fill={color} stroke={color} strokeWidth="0.17143" />
-      <path d="M6.36816 4.95215C6.54514 5.12988 6.54544 5.41743 6.36816 5.59473L5.12695 6.83594C5.06291 6.89998 4.98172 6.9425 4.89453 6.95996L4.80566 6.96875C4.66411 6.9694 4.53063 6.90244 4.44531 6.79102L3.9668 6.16602C3.83344 5.99202 3.84571 5.75216 3.98438 5.59277L4.05176 5.5293C4.25064 5.37702 4.53608 5.41492 4.68848 5.61426L4.85059 5.82812L5.72559 4.95312C5.86003 4.81928 6.0569 4.78772 6.22168 4.85645V4.80566L6.36816 4.95215Z" fill={color} stroke={color} strokeWidth="0.17143" />
-      <path d="M9.6748 5.4375C9.81869 5.44001 9.93261 5.49639 10.0098 5.58398C10.0856 5.67023 10.1221 5.78235 10.1221 5.8916C10.122 6.00085 10.0855 6.11298 10.0098 6.19922C9.93262 6.28689 9.81858 6.34319 9.6748 6.3457H7.11133C6.96712 6.34329 6.85262 6.28704 6.77539 6.19922C6.69953 6.11289 6.66299 6.00091 6.66309 5.8916C6.66322 5.78231 6.69952 5.67021 6.77539 5.58398C6.85261 5.49623 6.96737 5.43992 7.11133 5.4375H9.6748Z" fill={color} stroke={color} strokeWidth="0.17143" />
-      <path d="M6.36816 7.59277C6.54514 7.77051 6.54544 8.05805 6.36816 8.23535L5.12695 9.47656C5.06291 9.54061 4.98172 9.58312 4.89453 9.60059L4.80566 9.60938C4.66411 9.61003 4.53063 9.54306 4.44531 9.43164L3.9668 8.80664C3.83344 8.63265 3.84571 8.39279 3.98438 8.2334L4.05176 8.16992C4.25064 8.01764 4.53608 8.05554 4.68848 8.25488L4.85059 8.46875L5.72559 7.59375C5.86003 7.45991 6.0569 7.42834 6.22168 7.49707V7.44629L6.36816 7.59277Z" fill={color} stroke={color} strokeWidth="0.17143" />
-      <path d="M9.6748 8.08594C9.81869 8.08845 9.93261 8.14482 10.0098 8.23242C10.0856 8.31867 10.1221 8.43079 10.1221 8.54004C10.122 8.64929 10.0855 8.76141 10.0098 8.84766C9.93262 8.93533 9.81858 8.99162 9.6748 8.99414H7.11133C6.96712 8.99172 6.85262 8.93548 6.77539 8.84766C6.69953 8.76133 6.66299 8.64935 6.66309 8.54004C6.66322 8.43075 6.69952 8.31865 6.77539 8.23242C6.85261 8.14467 6.96737 8.08836 7.11133 8.08594H9.6748Z" fill={color} stroke={color} strokeWidth="0.17143" />
-      <path d="M6.06738 10.1025C6.18212 10.11 6.28699 10.1638 6.36426 10.2412C6.4415 10.3186 6.4946 10.4234 6.50195 10.5381C6.50942 10.6547 6.46924 10.7755 6.36914 10.8789L5.12695 12.1211L5.12598 12.1201C4.93899 12.3133 4.60212 12.292 4.44336 12.0742V12.0732L3.9668 11.4502L3.96582 11.4492C3.88019 11.3333 3.8551 11.2084 3.87793 11.0938C3.90037 10.9811 3.96789 10.8847 4.05469 10.8184C4.14158 10.752 4.25257 10.7128 4.36719 10.7207C4.45468 10.7267 4.541 10.7593 4.61621 10.8232L4.6875 10.8975V10.8984L4.84961 11.1123L5.70117 10.2607L5.72656 10.2363C5.83025 10.1362 5.9507 10.095 6.06738 10.1025Z" fill={color} stroke={color} strokeWidth="0.17143" />
-      <path d="M9.6748 10.7266C9.81869 10.7291 9.93261 10.7854 10.0098 10.873C10.0856 10.9593 10.1221 11.0714 10.1221 11.1807C10.122 11.2899 10.0855 11.402 10.0098 11.4883C9.93262 11.576 9.81858 11.6322 9.6748 11.6348H7.11133C6.96712 11.6323 6.85262 11.5761 6.77539 11.4883C6.69953 11.402 6.66299 11.29 6.66309 11.1807C6.66322 11.0714 6.69952 10.9593 6.77539 10.873C6.85261 10.7853 6.96737 10.729 7.11133 10.7266H9.6748Z" fill={color} stroke={color} strokeWidth="0.17143" />
-    </g>
-    <defs>
-      <clipPath id="clip0_home">
-        <rect width="14" height="14" fill="white" />
-      </clipPath>
-    </defs>
+  <svg xmlns="http://www.w3.org/2000/svg" width={ICON_SIZE} height={ICON_SIZE} viewBox="55 55 530 530" fill="none">
+    <path d="M304 70.1C313.1 61.9 326.9 61.9 336 70.1L568 278.1C577.9 286.9 578.7 302.1 569.8 312C560.9 321.9 545.8 322.7 535.9 313.8L527.9 306.6L527.9 511.9C527.9 547.2 499.2 575.9 463.9 575.9L175.9 575.9C140.6 575.9 111.9 547.2 111.9 511.9L111.9 306.6L103.9 313.8C94 322.6 78.9 321.8 70 312C61.1 302.2 62 287 71.8 278.1L304 70.1zM320 120.2L160 263.7L160 512C160 520.8 167.2 528 176 528L224 528L224 424C224 384.2 256.2 352 296 352L344 352C383.8 352 416 384.2 416 424L416 528L464 528C472.8 528 480 520.8 480 512L480 263.7L320 120.3zM272 528L368 528L368 424C368 410.7 357.3 400 344 400L296 400C282.7 400 272 410.7 272 424L272 528z" fill={color} />
   </svg>
 );
 
diff --git a/services/budadmin/src/pages/home/agentDetails/[agentId]/logs/index.tsx b/services/budadmin/src/pages/home/agentDetails/[agentId]/logs/index.tsx
@@ -2027,7 +2027,7 @@ const LogsTab: React.FC<LogsTabProps> = ({ promptName, promptId, projectId }) =>
 
       {/* Chart Section */}
       {/* <div className="bg-[#101010] border border-[#1F1F1F]  p-4 mb-4 mt-4"> */}
-      <div className=" border-0 border-[#1F1F1F]  p-4 mb-4 mt-4">
+      <div className=" border-0 border-[#1F1F1F]  p-3 mt-4">
         {/* Chart Controls */}
         <div className="flex justify-end items-center gap-2 mb-2">
           <LogfireDateRangePicker
@@ -2082,7 +2082,7 @@ const LogsTab: React.FC<LogsTabProps> = ({ promptName, promptId, projectId }) =>
       {/* Logs List Section */}
       <div className=" border border-[#1F1F1F]  overflow-hidden">
         {/* List Header */}
-        <div className="px-4 py-3 border-b border-[#1F1F1F] flex justify-between items-center">
+        <div className="px-4 py-3 pb-[1rem] border-b border-[#1F1F1F] flex justify-between items-center">
           <Text_12_400_B3B3B3>
             {isLoading
               ? "Loading traces..."
diff --git a/services/budadmin/src/pages/home/agentDetails/[agentId]/versions/index.tsx b/services/budadmin/src/pages/home/agentDetails/[agentId]/versions/index.tsx
@@ -431,18 +431,14 @@ const VersionsTab: React.FC<VersionsTabProps> = ({ agentData }) => {
       </div>
 
       {/* Previous Versions Section */}
-      <div>
-        <Text_24_600_FFFFFF className="block mb-6">Previous Version</Text_24_600_FFFFFF>
-        {previousVersions.length > 0 ? (
-          previousVersions.map((version) => (
+      {previousVersions.length > 0 && (
+        <div>
+          <Text_24_600_FFFFFF className="block mb-6">Previous Version</Text_24_600_FFFFFF>
+          {previousVersions.map((version) => (
             <VersionCard key={version.id} versionData={version} />
-          ))
-        ) : (
-          <div className="bg-[#101010] border border-[#1F1F1F] rounded-lg p-6 text-center">
-            <Text_14_600_EEEEEE>No previous versions available</Text_14_600_EEEEEE>
-          </div>
-        )}
-      </div>
+          ))}
+        </div>
+      )}
     </div>
   );
 };
diff --git a/services/budadmin/src/styles/globals.scss b/services/budadmin/src/styles/globals.scss
@@ -164,7 +164,7 @@ body {
   content: "";
   position: absolute;
   inset: 0;
-  background: rgba(0, 0, 0, 0.6); /* adjust opacity here */
+  background: rgba(0, 0, 0, 0.7); /* adjust opacity here */
   pointer-events: none;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -164,7 +164,7 @@ body {`
`164`	`164`	`content: "";`
`165`	`165`	`position: absolute;`
`166`	`166`	`inset: 0;`
`167`		`- background: rgba(0, 0, 0, 0.6); /* adjust opacity here */`
	`167`	`+ background: rgba(0, 0, 0, 0.7); /* adjust opacity here */`
`168`	`168`	`pointer-events: none;`
`169`	`169`	`}`
`170`	`170`