enhance: agent delete & access control icons (#1260)

ui/admin/app/components/agent/AgentAccessControl.tsx

@@ -1,8 +1,8 @@
-import { EyeIcon } from "lucide-react";
 import useSWR from "swr";
 
 import { Agent } from "~/lib/model/agents";
 import { UserService } from "~/lib/service/api/userService";
+import { assetUrl } from "~/lib/utils/assetUrl";
 
 import { UserAuthorizationSelect } from "~/components/agent/UserAuthorizationSelect";
 import { LoadingSpinner } from "~/components/ui/LoadingSpinner";
@@ -37,7 +37,11 @@ export function AgentAccessControl({ agent }: AgentAccessControlProps) {
 				<TooltipTrigger asChild>
 					<DialogTrigger asChild>
 						<Button variant="ghost" size="icon">
-							<EyeIcon />
+							<img
+								src={assetUrl("/assets/user_lock.svg")}
+								alt="User Permissions Icon"
+								className="h-4 w-4 dark:invert"
+							/>
 						</Button>
 					</DialogTrigger>
 				</TooltipTrigger>

ui/admin/app/components/agent/AgentAlias.tsx

@@ -8,7 +8,7 @@ import { ConsumptionUrl } from "~/lib/routers/baseRouter";
 import { AssistantApiService } from "~/lib/service/api/assistantApiService";
 
 import { AgentAccessControl } from "~/components/agent/AgentAccessControl";
-import { AgentDropdownActions } from "~/components/agent/AgentDropdownActions";
+import { DeleteAgent } from "~/components/agent/DeleteAgent";
 import { Publish } from "~/components/agent/Publish";
 import { CopyText } from "~/components/composed/CopyText";
 import { WarningAlert } from "~/components/composed/WarningAlert";
@@ -73,7 +73,7 @@ export function AgentAlias({ agent, onChange }: AgentAliasProps) {
 
 				<div className="flex gap-2">
 					<AgentAccessControl agent={agent} />
-					<AgentDropdownActions agent={agent} />
+					<DeleteAgent id={agent.id} />
 				</div>
 			</div>
 			{conflictingAlias && (