fix: remove duplicate root button (#585)

Co-authored-by: Kent C. Dodds <me+github@kentcdodds.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>

Author: kentcdodds

packages/workshop-app/app/components/file-app-explorer.tsx

@@ -104,9 +104,7 @@ function buildIndexes(files: Array<AppFile>): FileIndexes {
 }
 
 function getBreadcrumbParts(pathValue: string | null): Array<BreadcrumbPart> {
-	const breadcrumbs: Array<BreadcrumbPart> = [
-		{ label: 'root', path: '', parentPath: '', isDirectory: true },
-	]
+	const breadcrumbs: Array<BreadcrumbPart> = []
 	if (!pathValue) return breadcrumbs
 
 	const parts = pathValue.split('/').filter(Boolean)
@@ -459,16 +457,14 @@ export function FileAppExplorer({ appName }: { appName: string }) {
 					className="scrollbar-thin scrollbar-thumb-scrollbar min-w-0 flex-1 overflow-x-auto"
 				>
 					<div className="flex w-max min-w-full items-center gap-1 pr-2">
+						{breadcrumbs.length > 0 ? (
+							<span className="text-muted-foreground text-xs">/</span>
+						) : null}
 						{breadcrumbs.map((crumb, index) => {
-							const siblings =
-								index === 0
-									? indexes.childrenByDirectory.get('')
-									: indexes.childrenByDirectory.get(crumb.parentPath)
-							const isCurrent =
-								crumb.path === selectedPath ||
-								(index === 0 && selectedPath === null)
+							const siblings = indexes.childrenByDirectory.get(crumb.parentPath)
+							const isCurrent = crumb.path === selectedPath
 							return (
-								<React.Fragment key={`${crumb.path || 'root'}:${index}`}>
+								<React.Fragment key={`${crumb.path}:${index}`}>
 									<Popover>
 										<PopoverTrigger asChild>
 											<button