Feat/drawer UI optimizations and remove old app detail pages

src/app/project/[projectId]/agent-components/create-agent-dialog.tsx → src/app/project/[projectId]/agents/create/create-agent-dialog.tsx

@@ -20,7 +20,7 @@ import {
 import SelectBox from "@/components/custom/multiselect-field";
 import { Toast } from "@/frontend/utils/toast.utils";
 import { Actions } from "@/frontend/utils/nextjs-actions.utils";
-import { createAgent, getLlmGateways, getModelAliasesForGateway } from "../actions";
+import { createAgent, getLlmGateways, getModelAliasesForGateway } from "../../actions";
 import { useRouter } from "next/navigation";
 import { PathBuilderUtils } from "@/shared/utils/path-builder.utils";
 import { Loader2 } from "lucide-react";

src/app/project/[projectId]/agent-components/create-template-agent-setup-dialog.tsx → src/app/project/[projectId]/agents/create/create-template-agent-setup-dialog.tsx

@@ -17,9 +17,9 @@ import { Actions } from "@/frontend/utils/nextjs-actions.utils";
 import { FormUtils } from "@/frontend/utils/form.utilts";
 import { AgentTemplateModel, agentTemplateZodModel } from "@/shared/model/agent-template.model";
 import { ServerActionResult } from "@/shared/model/server-action-error-return.model";
-import { createAgentFromTemplate, getLlmGateways, getModelAliasesForGateway } from "../actions";
+import { createAgentFromTemplate, getLlmGateways, getModelAliasesForGateway } from "../../actions";
 import { useDialogContext } from "@/frontend/states/dialog-context";
-import { TemplateDetailsPanel } from "../template-details-panel";
+import { TemplateDetailsPanel } from "../../template-details-panel";
 
 interface LlmGatewayOption {
     id: string;

src/app/project/[projectId]/agent-components/rename-agent-dialog.tsx → src/app/project/[projectId]/agents/create/rename-agent-dialog.tsx

@@ -16,7 +16,7 @@ import { useActionState, useEffect } from "react";
 import { useForm } from "react-hook-form";
 import type { z } from "zod";
 import { toast } from "sonner";
-import { renameAgent } from "../actions";
+import { renameAgent } from "../../actions";
 import { Agent } from "@prisma/client";
 
 export function RenameAgentDialog({ agent }: { agent: AgentExtendedModel }) {

src/app/project/[projectId]/agent-components/agent-drawer-components/agent-sandbox-drawer.tsx → src/app/project/[projectId]/agents/details/agent-drawer.tsx

@@ -26,11 +26,11 @@ import {
 } from '@/components/ui/empty';
 import { ScrollArea } from '@/components/ui/scroll-area';
 import { useDialog } from '@/frontend/states/zustand.states';
-import { DrawerTabScrollArea } from '@/app/project/[projectId]/app-components/app-drawer-components/app-details-drawer';
-import { NestedDrawerProvider } from '@/app/project/[projectId]/app-components/app-drawer-components/nested-drawer';
+import { DrawerTabScrollArea } from '@/app/project/workload-components/drawer/drawer-tab-scroll-area';
+import { NestedDrawerProvider } from '@/app/project/workload-components/drawer/nested-drawer';
 import AgentSandboxesCard from './sandboxes/agent-sandboxes-card';
-import { AgentBuildsGrid } from './agent-builds-grid';
-import { RenameAgentDialog } from '@/app/project/[projectId]/agent-components/rename-agent-dialog';
+import { AgentBuildsGrid } from './builds/agent-builds-grid';
+import { RenameAgentDialog } from '@/app/project/[projectId]/agents/create/rename-agent-dialog';
 import { AgentSandboxStatusActions } from './agent-sandbox-status-actions';
 import AgentSandboxDrawerSettings from './agent-sandbox-drawer-settings';
 import type { AgentExtendedModel } from '@/shared/model/agent-extended.model';

src/app/project/[projectId]/agent-components/agent-drawer-components/agent-sandbox-drawer-settings.tsx → src/app/project/[projectId]/agents/details/agent-sandbox-drawer-settings.tsx

@@ -8,17 +8,17 @@ import {
     Network,
 } from 'lucide-react';
 import { Button } from '@/components/ui/button';
-import { SettingsSection } from '@/app/project/[projectId]/app-components/app-drawer-components/settings-section';
-import { useNestedDrawer } from '@/app/project/[projectId]/app-components/app-drawer-components/nested-drawer';
-import AgentSourceCard from './configuration/agent-source-card';
-import AgentModelConfigurationCard from './configuration/agent-model-configuration-card';
-import { AgentModelConfigurationEditor } from './configuration/agent-model-configuration-editor';
+import { SettingsSection } from '@/app/project/workload-components/drawer/settings-section';
+import { useNestedDrawer } from '@/app/project/workload-components/drawer/nested-drawer';
+import AgentSourceCard from './source/agent-source-card';
+import AgentModelConfigurationCard from './model/agent-model-configuration-card';
+import { AgentModelConfigurationEditor } from './model/agent-model-configuration-editor';
 import AgentContainerConfigCard from './configuration/agent-container-config-card';
 import AgentRateLimitsCard from './configuration/agent-rate-limits-card';
-import AgentVolumesCard from './configuration/agent-volumes-card';
-import AgentNetworkPolicyCard from './configuration/agent-network-policy-card';
-import AgentEnvVarsCard from './configuration/agent-env-vars-card';
-import HealthCheckSettings from '@/app/project/app/[appId]/advanced/health-check-settings';
+import AgentVolumesCard from './volumes/agent-volumes-card';
+import AgentNetworkPolicyCard from './network/agent-network-policy-card';
+import AgentEnvVarsCard from './environment/agent-env-vars-card';
+import HealthCheckSettings from '@/app/project/workload-components/health-check-settings';
 import { saveAgentHealthCheck } from './configuration/actions';
 import DomainsCard from '@/components/custom/domains-card';
 import FileMountsCard from '@/components/custom/file-mounts-card';
@@ -69,6 +69,7 @@ export default function AgentSandboxDrawerSettings({
                             onClick={() =>
                                 openNestedDrawer({
                                     title: 'Advanced container settings',
+                                    description: 'Configure agent sandbox startup.',
                                     content: <AgentContainerConfigCard agent={agent} readonly={readonly} runtimeClasses={runtimeClasses} />,
                                 })
                             }>
@@ -88,12 +89,12 @@ export default function AgentSandboxDrawerSettings({
                             onClick={() =>
                                 openNestedDrawer({
                                     title: 'Health checks',
+                                    description: 'Configure healthchecks so that k3s can automatically monitor when your agent sandbox is fully started up and ready to receive traffic.',
                                     content: (
                                         <HealthCheckSettings
                                             readonly={readonly}
                                             workload={agent}
                                             saveHealthCheck={saveAgentHealthCheck}
-                                            hideCard={false}
                                         />
                                     ),
                                 })
@@ -121,7 +122,6 @@ export default function AgentSandboxDrawerSettings({
                     workloadId={agent.id}
                     workloadType="agent"
                     readonly={readonly}
-                    hideCard
                 />
             </SettingsSection>
 
@@ -131,7 +131,6 @@ export default function AgentSandboxDrawerSettings({
                     workloadId={agent.id}
                     workloadType="agent"
                     readonly={readonly}
-                    hideCard
                 />
                 <DrawerCard>
                     <DrawerCardHeader>

src/app/project/[projectId]/agent-components/agent-drawer-components/agent-builds-grid.tsx → src/app/project/[projectId]/agents/details/builds/agent-builds-grid.tsx

@@ -27,8 +27,8 @@ import { Item, ItemContent, ItemTitle } from '@/components/ui/item';
 import FullLoadingSpinner from '@/components/ui/full-loading-spinnter';
 import ShortCommitHash from '@/components/custom/short-commit-hash';
 import BuildStatusBadge from '@/app/builds/build-status-badge';
-import { BuildLogsDialogContent } from '@/app/project/app/[appId]/overview/build-logs-overlay';
-import { useNestedDrawer } from '@/app/project/[projectId]/app-components/app-drawer-components/nested-drawer';
+import { BuildLogsDialogContent } from '@/app/project/workload-components/build-logs-dialog-content';
+import { useNestedDrawer } from '@/app/project/workload-components/drawer/nested-drawer';
 import { deleteWorkloadBuildAction, getWorkloadBuildsAction } from '@/app/project/actions';
 import { usePolling } from '@/frontend/hooks/use-polling';
 import { useConfirmDialog } from '@/frontend/states/zustand.states';