hunk.code_window: import { HTMLAttributes, ReactNode, useMemo } from 'react';
   import { useSelector, type ExplorerItem } from '@sd/client';
  
hunk.labels: add keep
hunk.after_edit: import { useNavigate } from 'react-router';
  
hunk.file_path: interface/app/$libraryId/Explorer/View/Grid/Item.tsx
hunk.type: add
file: {
  	"name": "@sd/web",
  	"private": true,
  	"type": "module",
  	"scripts": {
  		"dev": "vite",
  		"build": "vite build",
  		"preview": "vite preview",
  		"test": "VITE_SD_DEMO_MODE=true playwright test",
  		"typecheck": "tsc -b"
  	},
  	"dependencies": {
  		"@fontsource/inter": "^4.5.15",
  		"@oscartbeaumont-sd/rspc-client": "=0.0.0-main-dc31e5b2",
  		"@sd/client": "workspace:*",
  		"@sd/interface": "workspace:*",
  		"@tanstack/react-query": "^4.36.1",
  		"html-to-image": "^1.11.11",
  		"html2canvas": "^1.4.1",
  		"react": "^18.2.0",
  		"react-dom": "^18.2.0",
  		"react-router-dom": "6.20.1"
  	},
  	"devDependencies": {
  		"@playwright/test": "^1.39.0",
  		"@sd/config": "workspace:*",
  		"@sd/ui": "workspace:*",
  		"@types/react": "^18.2.34",
  		"@types/react-dom": "^18.2.14",
  		"autoprefixer": "^10.4.16",
  		"postcss": "^8.4.31",
  		"rollup-plugin-visualizer": "^5.9.2",
  		"typescript": "^5.3.3",
  		"vite": "^5.0.10",
  		"vite-tsconfig-paths": "^4.2.1"
  	}
  }
  