chore: remove unused imports

packages/web/src/directories/directory-page/directory-page.tsx

@@ -7,7 +7,7 @@ import {
 import { useMutation } from "@tanstack/react-query"
 import { Link } from "@tanstack/react-router"
 import { useMutation as useConvexMutation } from "convex/react"
-import { useAtom, useAtomValue, useSetAtom } from "jotai"
+import { useAtom } from "jotai"
 import {
 	ChevronDownIcon,
 	Loader2Icon,
@@ -87,7 +87,7 @@ function FilePathBreadcrumb() {
 	const breadcrumbItems: React.ReactNode[] = []
 	for (let i = 1; i < directory.path.length - 1; i++) {
 		breadcrumbItems.push(
-			<Fragment key={directory.path[i]!.handle.id}>
+			<Fragment key={directory.path[i]?.handle.id}>
 				<BreadcrumbSeparator />
 				<FilePathBreadcrumbItem component={directory.path[i]!} />
 			</Fragment>,

packages/web/src/directories/directory-page/skeleton-demo.tsx

@@ -10,33 +10,37 @@ export function SkeletonDemo() {
 	return (
 		<div className="p-4 space-y-4">
 			<div className="flex gap-2">
-				<Button 
+				<Button
 					onClick={() => setShowPageSkeleton(!showPageSkeleton)}
 					variant={showPageSkeleton ? "default" : "outline"}
 				>
 					{showPageSkeleton ? "Hide" : "Show"} Page Skeleton
 				</Button>
-				<Button 
+				<Button
 					onClick={() => setShowTableSkeleton(!showTableSkeleton)}
 					variant={showTableSkeleton ? "default" : "outline"}
 				>
 					{showTableSkeleton ? "Hide" : "Show"} Table Skeleton
 				</Button>
 			</div>
-			
+
 			{showPageSkeleton && (
 				<div className="border rounded-lg p-4">
-					<h3 className="text-lg font-semibold mb-4">Directory Page Skeleton</h3>
+					<h3 className="text-lg font-semibold mb-4">
+						Directory Page Skeleton
+					</h3>
 					<DirectoryPageSkeleton />
 				</div>
 			)}
-			
+
 			{showTableSkeleton && (
 				<div className="border rounded-lg p-4">
-					<h3 className="text-lg font-semibold mb-4">Directory Content Table Skeleton</h3>
+					<h3 className="text-lg font-semibold mb-4">
+						Directory Content Table Skeleton
+					</h3>
 					<DirectoryContentTableSkeleton rows={5} />
 				</div>
 			)}
 		</div>
 	)
-}
+}

packages/web/src/directories/directory-page/state.ts

@@ -1,5 +1,4 @@
 import type { Doc, Id } from "@fileone/convex/_generated/dataModel"
-import type { DirectoryItemKind } from "@fileone/convex/model/directories"
 import type { FileSystemItem, FileType } from "@fileone/convex/model/filesystem"
 import type { RowSelectionState } from "@tanstack/react-table"
 import { atom } from "jotai"