chore: Dashboard and Web Cleanup components in support of @openstatus/ui package

apps/dashboard/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/dashboard/src/app/(dashboard)/layout.tsx

@@ -1,6 +1,9 @@
 import { AppSidebar } from "@/components/nav/app-sidebar";
-import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
 import { HydrateClient, getQueryClient, trpc } from "@/lib/trpc/server";
+import {
+  SidebarInset,
+  SidebarProvider,
+} from "@openstatus/ui/components/ui/sidebar";
 import { cookies } from "next/headers";
 
 export default async function Layout({

apps/dashboard/src/app/(dashboard)/monitors/[id]/incidents/layout.tsx

@@ -1,5 +1,5 @@
-import { SidebarProvider } from "@/components/ui/sidebar";
 import { getQueryClient, trpc } from "@/lib/trpc/server";
+import { SidebarProvider } from "@openstatus/ui/components/ui/sidebar";
 import { Sidebar } from "../sidebar";
 
 export default async function Layout({

apps/dashboard/src/app/(dashboard)/monitors/[id]/overview/layout.tsx

@@ -1,4 +1,4 @@
-import { SidebarProvider } from "@/components/ui/sidebar";
+import { SidebarProvider } from "@openstatus/ui/components/ui/sidebar";
 import { Sidebar } from "../sidebar";
 
 export default function Layout({ children }: { children: React.ReactNode }) {

apps/dashboard/src/app/(dashboard)/status-pages/[id]/components/layout.tsx

@@ -1,5 +1,5 @@
-import { SidebarProvider } from "@/components/ui/sidebar";
 import { HydrateClient, getQueryClient, trpc } from "@/lib/trpc/server";
+import { SidebarProvider } from "@openstatus/ui/components/ui/sidebar";
 import { Sidebar } from "../sidebar";
 
 export default async function Layout({

apps/dashboard/src/app/(dashboard)/status-pages/[id]/maintenances/layout.tsx

@@ -1,5 +1,5 @@
-import { SidebarProvider } from "@/components/ui/sidebar";
 import { HydrateClient, getQueryClient, trpc } from "@/lib/trpc/server";
+import { SidebarProvider } from "@openstatus/ui/components/ui/sidebar";
 import { Sidebar } from "../sidebar";
 
 export default async function Layout({

apps/dashboard/src/app/(dashboard)/status-pages/[id]/status-reports/layout.tsx

@@ -1,5 +1,5 @@
-import { SidebarProvider } from "@/components/ui/sidebar";
 import { HydrateClient, getQueryClient, trpc } from "@/lib/trpc/server";
+import { SidebarProvider } from "@openstatus/ui/components/ui/sidebar";
 import { Sidebar } from "../sidebar";
 
 export default async function Layout({

apps/dashboard/src/components/nav/app-sidebar.tsx

@@ -26,7 +26,7 @@ import {
   SidebarRail,
   SidebarTrigger,
   useSidebar,
-} from "@/components/ui/sidebar";
+} from "@openstatus/ui/components/ui/sidebar";
 import {
   Tooltip,
   TooltipContent,

apps/dashboard/src/components/nav/nav-banner-checklist.tsx

@@ -1,14 +1,14 @@
 "use client";
 
 import { Link } from "@/components/common/link";
+import { useTRPC } from "@/lib/trpc/client";
 import {
   SidebarGroup,
   SidebarGroupLabel,
   SidebarMenu,
   SidebarMenuAction,
   SidebarMenuItem,
-} from "@/components/ui/sidebar";
-import { useTRPC } from "@/lib/trpc/client";
+} from "@openstatus/ui/components/ui/sidebar";
 import { useQuery } from "@tanstack/react-query";
 import { CircleCheck, CircleDashed, X } from "lucide-react";
 

apps/dashboard/src/components/nav/nav-banner-upgrade.tsx

@@ -1,14 +1,14 @@
 "use client";
 
+import { useTRPC } from "@/lib/trpc/client";
 import {
   SidebarGroup,
   SidebarGroupLabel,
   SidebarMenu,
   SidebarMenuAction,
   SidebarMenuButton,
   SidebarMenuItem,
-} from "@/components/ui/sidebar";
-import { useTRPC } from "@/lib/trpc/client";
+} from "@openstatus/ui/components/ui/sidebar";
 import { useQuery } from "@tanstack/react-query";
 import { Rocket, X } from "lucide-react";
 import { useState } from "react";

apps/dashboard/src/components/nav/nav-help.tsx

@@ -1,14 +1,6 @@
 "use client";
 
 import { FormDialogSupportContact } from "@/components/forms/support-contact/dialog";
-import {
-  SidebarGroup,
-  SidebarGroupContent,
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-} from "@/components/ui/sidebar";
-import { useSidebar } from "@/components/ui/sidebar";
 import { DiscordIcon } from "@openstatus/icons";
 import { GitHubIcon } from "@openstatus/icons";
 import {
@@ -18,6 +10,14 @@ import {
   DropdownMenuLabel,
   DropdownMenuTrigger,
 } from "@openstatus/ui/components/ui/dropdown-menu";
+import {
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+} from "@openstatus/ui/components/ui/sidebar";
+import { useSidebar } from "@openstatus/ui/components/ui/sidebar";
 import {
   Book,
   Braces,

apps/dashboard/src/components/nav/nav-main.tsx

@@ -2,6 +2,11 @@
 
 import { ChevronRight, type LucideIcon } from "lucide-react";
 
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@openstatus/ui/components/ui/collapsible";
 import {
   SidebarGroup,
   SidebarGroupLabel,
@@ -11,13 +16,8 @@ import {
   SidebarMenuSub,
   SidebarMenuSubButton,
   SidebarMenuSubItem,
-} from "@/components/ui/sidebar";
-import { useSidebar } from "@/components/ui/sidebar";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@openstatus/ui/components/ui/collapsible";
+} from "@openstatus/ui/components/ui/sidebar";
+import { useSidebar } from "@openstatus/ui/components/ui/sidebar";
 import Link from "next/link";
 export function NavMain({
   items,

apps/dashboard/src/components/nav/nav-monitors.tsx

@@ -7,6 +7,8 @@ import { MoreHorizontal, Plus } from "lucide-react";
 import { ExportCodeDialog } from "@/components/dialogs/export-code";
 import { UpgradeDialog } from "@/components/dialogs/upgrade";
 import { QuickActions } from "@/components/dropdowns/quick-actions";
+import { getActions } from "@/data/monitors.client";
+import { useTRPC } from "@/lib/trpc/client";
 import {
   SidebarGroup,
   SidebarGroupLabel,
@@ -16,9 +18,7 @@ import {
   SidebarMenuItem,
   SidebarMenuSkeleton,
   useSidebar,
-} from "@/components/ui/sidebar";
-import { getActions } from "@/data/monitors.client";
-import { useTRPC } from "@/lib/trpc/client";
+} from "@openstatus/ui/components/ui/sidebar";
 import { Skeleton } from "@openstatus/ui/components/ui/skeleton";
 import {
   Tooltip,

apps/dashboard/src/components/nav/nav-overview.tsx

@@ -9,7 +9,7 @@ import {
   SidebarMenuButton,
   SidebarMenuItem,
   useSidebar,
-} from "@/components/ui/sidebar";
+} from "@openstatus/ui/components/ui/sidebar";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 

apps/dashboard/src/components/nav/nav-status-pages.tsx

@@ -3,6 +3,7 @@
 import { MoreHorizontal, Plus } from "lucide-react";
 
 import { QuickActions } from "@/components/dropdowns/quick-actions";
+import { getActions } from "@/data/status-pages.client";
 import {
   SidebarGroup,
   SidebarGroupLabel,
@@ -12,8 +13,7 @@ import {
   SidebarMenuItem,
   SidebarMenuSkeleton,
   useSidebar,
-} from "@/components/ui/sidebar";
-import { getActions } from "@/data/status-pages.client";
+} from "@openstatus/ui/components/ui/sidebar";
 import {
   Tooltip,
   TooltipContent,

apps/dashboard/src/components/nav/nav-user.tsx

@@ -11,12 +11,6 @@ import {
   User,
 } from "lucide-react";
 
-import {
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-  useSidebar,
-} from "@/components/ui/sidebar";
 import { useTRPC } from "@/lib/trpc/client";
 import {
   Avatar,
@@ -36,6 +30,12 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
 } from "@openstatus/ui/components/ui/dropdown-menu";
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar,
+} from "@openstatus/ui/components/ui/sidebar";
 import { useQuery } from "@tanstack/react-query";
 import { signOut } from "next-auth/react";
 import { useTheme } from "next-themes";

apps/dashboard/src/components/nav/sidebar-metadata.tsx

@@ -5,16 +5,16 @@ import {
   EmptyStateContainer,
   EmptyStateDescription,
 } from "@/components/content/empty-state";
-import {
-  SidebarGroup,
-  SidebarGroupContent,
-  SidebarGroupLabel,
-} from "@/components/ui/sidebar";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
 } from "@openstatus/ui/components/ui/collapsible";
+import {
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+} from "@openstatus/ui/components/ui/sidebar";
 import {
   Table,
   TableBody,

apps/dashboard/src/components/nav/sidebar-right.tsx

@@ -2,6 +2,7 @@
 
 import * as React from "react";
 
+import { Button } from "@openstatus/ui/components/ui/button";
 import {
   Sidebar,
   SidebarContent,
@@ -13,8 +14,7 @@ import {
   SidebarProvider,
   SidebarSeparator,
   useSidebar,
-} from "@/components/ui/sidebar";
-import { Button } from "@openstatus/ui/components/ui/button";
+} from "@openstatus/ui/components/ui/sidebar";
 import {
   Tooltip,
   TooltipContent,

apps/dashboard/src/components/nav/workspace-switcher.tsx

@@ -2,12 +2,6 @@
 
 import { ChevronsUpDown, Plus } from "lucide-react";
 
-import {
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-  useSidebar,
-} from "@/components/ui/sidebar";
 import { useTRPC } from "@/lib/trpc/client";
 import {
   DropdownMenu,
@@ -17,6 +11,12 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@openstatus/ui/components/ui/dropdown-menu";
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar,
+} from "@openstatus/ui/components/ui/sidebar";
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "../common/link";