Move engine page components to app router folder in teams layout

apps/dashboard/src/@3rdweb-sdk/react/hooks/useEngine.ts

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import type { ResultItem } from "components/engine/system-metrics/components/StatusCodes";
+import type { ResultItem } from "app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/metrics/components/StatusCodes";
 import { THIRDWEB_API_HOST } from "constants/urls";
 import type { EngineBackendWalletType } from "lib/engine";
 import { useState } from "react";

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/access-tokens/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { WithEngineInstance } from "components/engine/EnginePageLayout";
-import { EngineAccessTokens } from "components/engine/permissions/engine-access-tokens";
 import type { EngineInstancePageProps } from "../types";
+import { EngineAccessTokens } from "./components/engine-access-tokens";
 
 export default function Page(props: EngineInstancePageProps) {
   const { params } = props;

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/admins/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { WithEngineInstance } from "components/engine/EnginePageLayout";
-import { EngineAdmins } from "components/engine/permissions/engine-admins";
 import type { EngineInstancePageProps } from "../types";
+import { EngineAdmins } from "./components/engine-admins";
 
 export default function Page(props: EngineInstancePageProps) {
   const { params } = props;

apps/dashboard/src/components/engine/alerts/ManageEngineAlerts.stories.tsx → apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/alerts/components/ManageEngineAlerts.stories.tsx

@@ -8,8 +8,8 @@ import { Toaster } from "sonner";
 import {
   createEngineAlertRuleStub,
   createEngineNotificationChannelStub,
-} from "../../../stories/stubs";
-import { BadgeContainer, mobileViewport } from "../../../stories/utils";
+} from "stories/stubs";
+import { BadgeContainer, mobileViewport } from "stories/utils";
 import { ManageEngineAlertsSectionUI } from "./ManageEngineAlerts";
 
 const meta = {

apps/dashboard/src/components/engine/alerts/RecentEngineAlerts.stories.tsx → apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/alerts/components/RecentEngineAlerts.stories.tsx

@@ -3,8 +3,8 @@ import { Toaster } from "sonner";
 import {
   createEngineAlertRuleStub,
   createEngineAlertStub,
-} from "../../../stories/stubs";
-import { BadgeContainer, mobileViewport } from "../../../stories/utils";
+} from "stories/stubs";
+import { BadgeContainer, mobileViewport } from "stories/utils";
 import { RecentEngineAlertsSectionUI } from "./RecentEngineAlerts";
 
 const meta = {

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/alerts/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { WithEngineInstance } from "components/engine/EnginePageLayout";
-import { EngineAlertsPage } from "../../../../../../../../components/engine/alerts/EngineAlertsPage";
 import type { EngineInstancePageProps } from "../types";
+import { EngineAlertsPage } from "./components/EngineAlertsPage";
 
 export default function Page(props: EngineInstancePageProps) {
   const { params } = props;

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/configuration/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { WithEngineInstance } from "components/engine/EnginePageLayout";
-import { EngineConfiguration } from "components/engine/configuration/engine-configuration";
 import type { EngineInstancePageProps } from "../types";
+import { EngineConfiguration } from "./components/engine-configuration";
 
 export default function Page(props: EngineInstancePageProps) {
   const { params } = props;

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/contract-subscriptions/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { WithEngineInstance } from "components/engine/EnginePageLayout";
-import { EngineContractSubscriptions } from "components/engine/contract-subscription/engine-contract-subscription";
 import type { EngineInstancePageProps } from "../types";
+import { EngineContractSubscriptions } from "./components/engine-contract-subscription";
 
 export default function Page(props: EngineInstancePageProps) {
   const { params } = props;

apps/dashboard/src/components/engine/explorer/engine-explorer.tsx → apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/explorer/components/engine-explorer.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { ClientOnly } from "components/ClientOnly/ClientOnly";
-import "../../../css/swagger-ui.css";
+import "./swagger-ui.css";
 import "swagger-ui-react/swagger-ui.css";
 import { useLoggedInUser } from "@3rdweb-sdk/react/hooks/useLoggedInUser";
 import dynamic from "next/dynamic";

apps/dashboard/src/css/swagger-ui.css → apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/explorer/components/swagger-ui.css

@@ -525,27 +525,27 @@
 
 @-webkit-keyframes rotation {
   to {
-    -webkit-transform: rotate(1turn) !important;
-    transform: rotate(1turn) !important;
+    -webkit-transform: rotate(1turn);
+    transform: rotate(1turn);
   }
 }
 
 @keyframes rotation {
   to {
-    -webkit-transform: rotate(1turn) !important;
-    transform: rotate(1turn) !important;
+    -webkit-transform: rotate(1turn);
+    transform: rotate(1turn);
   }
 }
 
 @-webkit-keyframes blinker {
   50% {
-    opacity: 0 !important;
+    opacity: 0;
   }
 }
 
 @keyframes blinker {
   50% {
-    opacity: 0 !important;
+    opacity: 0;
   }
 }
 
@@ -603,33 +603,33 @@
 
 @-webkit-keyframes pulse {
   0% {
-    color: #fff !important;
-    background: #4990e2 !important;
-    box-shadow: 0 0 0 0 rgba(73, 144, 226, 0.8) !important;
+    color: #fff;
+    background: #4990e2;
+    box-shadow: 0 0 0 0 rgba(73, 144, 226, 0.8);
   }
   70% {
-    box-shadow: 0 0 0 5px rgba(73, 144, 226, 0) !important;
+    box-shadow: 0 0 0 5px rgba(73, 144, 226, 0);
   }
   to {
-    color: #fff !important;
-    background: #4990e2 !important;
-    box-shadow: 0 0 0 0 rgba(73, 144, 226, 0) !important;
+    color: #fff;
+    background: #4990e2;
+    box-shadow: 0 0 0 0 rgba(73, 144, 226, 0);
   }
 }
 
 @keyframes pulse {
   0% {
-    color: #fff !important;
-    background: #4990e2 !important;
-    box-shadow: 0 0 0 0 rgba(73, 144, 226, 0.8) !important;
+    color: #fff;
+    background: #4990e2;
+    box-shadow: 0 0 0 0 rgba(73, 144, 226, 0.8);
   }
   70% {
-    box-shadow: 0 0 0 5px rgba(73, 144, 226, 0) !important;
+    box-shadow: 0 0 0 5px rgba(73, 144, 226, 0);
   }
   to {
-    color: #fff !important;
-    background: #4990e2 !important;
-    box-shadow: 0 0 0 0 rgba(73, 144, 226, 0) !important;
+    color: #fff;
+    background: #4990e2;
+    box-shadow: 0 0 0 0 rgba(73, 144, 226, 0);
   }
 }
 
@@ -766,48 +766,48 @@
 @-webkit-keyframes shake {
   10%,
   90% {
-    -webkit-transform: translate3d(-1px, 0, 0) !important;
-    transform: translate3d(-1px, 0, 0) !important;
+    -webkit-transform: translate3d(-1px, 0, 0);
+    transform: translate3d(-1px, 0, 0);
   }
   20%,
   80% {
-    -webkit-transform: translate3d(2px, 0, 0) !important;
-    transform: translate3d(2px, 0, 0) !important;
+    -webkit-transform: translate3d(2px, 0, 0);
+    transform: translate3d(2px, 0, 0);
   }
   30%,
   50%,
   70% {
-    -webkit-transform: translate3d(-4px, 0, 0) !important;
-    transform: translate3d(-4px, 0, 0) !important;
+    -webkit-transform: translate3d(-4px, 0, 0);
+    transform: translate3d(-4px, 0, 0);
   }
   40%,
   60% {
-    -webkit-transform: translate3d(4px, 0, 0) !important;
-    transform: translate3d(4px, 0, 0) !important;
+    -webkit-transform: translate3d(4px, 0, 0);
+    transform: translate3d(4px, 0, 0);
   }
 }
 
 @keyframes shake {
   10%,
   90% {
-    -webkit-transform: translate3d(-1px, 0, 0) !important;
-    transform: translate3d(-1px, 0, 0) !important;
+    -webkit-transform: translate3d(-1px, 0, 0);
+    transform: translate3d(-1px, 0, 0);
   }
   20%,
   80% {
-    -webkit-transform: translate3d(2px, 0, 0) !important;
-    transform: translate3d(2px, 0, 0) !important;
+    -webkit-transform: translate3d(2px, 0, 0);
+    transform: translate3d(2px, 0, 0);
   }
   30%,
   50%,
   70% {
-    -webkit-transform: translate3d(-4px, 0, 0) !important;
-    transform: translate3d(-4px, 0, 0) !important;
+    -webkit-transform: translate3d(-4px, 0, 0);
+    transform: translate3d(-4px, 0, 0);
   }
   40%,
   60% {
-    -webkit-transform: translate3d(4px, 0, 0) !important;
-    transform: translate3d(4px, 0, 0) !important;
+    -webkit-transform: translate3d(4px, 0, 0);
+    transform: translate3d(4px, 0, 0);
   }
 }
 
@@ -1521,27 +1521,27 @@
 
 @-webkit-keyframes scaleUp {
   0% {
-    -webkit-transform: scale(0.8) !important;
-    transform: scale(0.8) !important;
-    opacity: 0 !important;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8);
+    opacity: 0;
   }
   to {
-    -webkit-transform: scale(1) !important;
-    transform: scale(1) !important;
-    opacity: 1 !important;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
   }
 }
 
 @keyframes scaleUp {
   0% {
-    -webkit-transform: scale(0.8) !important;
-    transform: scale(0.8) !important;
-    opacity: 0 !important;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8);
+    opacity: 0;
   }
   to {
-    -webkit-transform: scale(1) !important;
-    transform: scale(1) !important;
-    opacity: 1 !important;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
   }
 }
 

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/explorer/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { WithEngineInstance } from "components/engine/EnginePageLayout";
-import { EngineExplorer } from "components/engine/explorer/engine-explorer";
 import type { EngineInstancePageProps } from "../types";
+import { EngineExplorer } from "./components/engine-explorer";
 
 export default function Page(props: EngineInstancePageProps) {
   const { params } = props;

apps/dashboard/src/components/engine/system-metrics/index.tsx → apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/metrics/components/EngineSystemMetrics.tsx

@@ -9,9 +9,9 @@ import {
 import { Flex } from "@chakra-ui/react";
 import { ChartAreaIcon, InfoIcon } from "lucide-react";
 import { Card, Heading, Text, TrackedLink } from "tw-components";
-import { ErrorRate } from "./components/ErrorRate";
-import { Healthcheck } from "./components/Healthcheck";
-import { StatusCodes } from "./components/StatusCodes";
+import { ErrorRate } from "./ErrorRate";
+import { Healthcheck } from "./Healthcheck";
+import { StatusCodes } from "./StatusCodes";
 
 interface EngineStatusProps {
   instance: EngineInstance;

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/metrics/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { WithEngineInstance } from "components/engine/EnginePageLayout";
-import { EngineSystemMetrics } from "components/engine/system-metrics";
 import type { EngineInstancePageProps } from "../types";
+import { EngineSystemMetrics } from "./components/EngineSystemMetrics";
 
 export default function Page(props: EngineInstancePageProps) {
   const { params } = props;

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/relayers/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { WithEngineInstance } from "components/engine/EnginePageLayout";
-import { EngineRelayer } from "components/engine/relayer/engine-relayer";
 import type { EngineInstancePageProps } from "../types";
+import { EngineRelayer } from "./components/engine-relayer";
 
 export default function Page(props: EngineInstancePageProps) {
   const { params } = props;

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/webhooks/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { WithEngineInstance } from "components/engine/EnginePageLayout";
-import { EngineWebhooks } from "components/engine/configuration/engine-webhooks";
 import type { EngineInstancePageProps } from "../types";
+import { EngineWebhooks } from "./components/engine-webhooks";
 
 export default function Page(props: EngineInstancePageProps) {
   const { params } = props;

apps/dashboard/src/pages/dashboard/engine/[engineId]/access-tokens.tsx

@@ -1,5 +1,5 @@
+import { EngineAccessTokens } from "app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/access-tokens/components/engine-access-tokens";
 import { createEnginePage } from "components/engine/EnginePage";
-import { EngineAccessTokens } from "components/engine/permissions/engine-access-tokens";
 
 export default createEnginePage(({ instance }) => (
   <EngineAccessTokens instanceUrl={instance.url} />

apps/dashboard/src/pages/dashboard/engine/[engineId]/admins.tsx

@@ -1,5 +1,5 @@
+import { EngineAdmins } from "app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/admins/components/engine-admins";
 import { createEnginePage } from "components/engine/EnginePage";
-import { EngineAdmins } from "components/engine/permissions/engine-admins";
 
 export default createEnginePage(({ instance }) => (
   <EngineAdmins instanceUrl={instance.url} />

apps/dashboard/src/pages/dashboard/engine/[engineId]/alerts.tsx

@@ -1,5 +1,5 @@
+import { EngineAlertsPage } from "app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/alerts/components/EngineAlertsPage";
 import { createEnginePage } from "components/engine/EnginePage";
-import { EngineAlertsPage } from "../../../../components/engine/alerts/EngineAlertsPage";
 
 export default createEnginePage(({ instance }) => (
   <EngineAlertsPage instance={instance} />

apps/dashboard/src/pages/dashboard/engine/[engineId]/configuration.tsx

@@ -1,5 +1,5 @@
+import { EngineConfiguration } from "app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/configuration/components/engine-configuration";
 import { createEnginePage } from "components/engine/EnginePage";
-import { EngineConfiguration } from "components/engine/configuration/engine-configuration";
 
 export default createEnginePage(({ instance }) => (
   <EngineConfiguration instance={instance} />

apps/dashboard/src/pages/dashboard/engine/[engineId]/contract-subscriptions.tsx

@@ -1,5 +1,5 @@
+import { EngineContractSubscriptions } from "app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/contract-subscriptions/components/engine-contract-subscription";
 import { createEnginePage } from "components/engine/EnginePage";
-import { EngineContractSubscriptions } from "components/engine/contract-subscription/engine-contract-subscription";
 
 export default createEnginePage(({ instance }) => (
   <EngineContractSubscriptions instanceUrl={instance.url} />

apps/dashboard/src/pages/dashboard/engine/[engineId]/explorer.tsx

@@ -1,5 +1,5 @@
+import { EngineExplorer } from "app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/explorer/components/engine-explorer";
 import { createEnginePage } from "components/engine/EnginePage";
-import { EngineExplorer } from "components/engine/explorer/engine-explorer";
 
 export default createEnginePage(({ instance }) => (
   <EngineExplorer instanceUrl={instance.url} />

apps/dashboard/src/pages/dashboard/engine/[engineId]/metrics.tsx

@@ -1,5 +1,5 @@
+import { EngineSystemMetrics } from "app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/metrics/components/EngineSystemMetrics";
 import { createEnginePage } from "components/engine/EnginePage";
-import { EngineSystemMetrics } from "components/engine/system-metrics";
 
 export default createEnginePage(({ instance }) => (
   <EngineSystemMetrics instance={instance} />

apps/dashboard/src/pages/dashboard/engine/[engineId]/relayers.tsx

@@ -1,5 +1,5 @@
+import { EngineRelayer } from "app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/relayers/components/engine-relayer";
 import { createEnginePage } from "components/engine/EnginePage";
-import { EngineRelayer } from "components/engine/relayer/engine-relayer";
 
 export default createEnginePage(({ instance }) => (
   <EngineRelayer instanceUrl={instance.url} />

apps/dashboard/src/pages/dashboard/engine/[engineId]/webhooks.tsx

@@ -1,5 +1,5 @@
+import { EngineWebhooks } from "app/team/[team_slug]/[project_slug]/engine/(instance)/[engineId]/webhooks/components/engine-webhooks";
 import { createEnginePage } from "components/engine/EnginePage";
-import { EngineWebhooks } from "components/engine/configuration/engine-webhooks";
 
 export default createEnginePage(({ instance }) => (
   <EngineWebhooks instanceUrl={instance.url} />