Function AdminImportPage

app/admin/import/page.tsx:42–450

()

}

export default function AdminImportPage() {
  const isAdmin = useQuery(api.admin.isAdmin)
  const bulkImport = useMutation(api.admin.bulkImport)

  const [jsonInput, setJsonInput] = useState("")
  const [parseError, setParseError] = useState<string | null>(null)
  const [parsedExtensions, setParsedExtensions] = useState<ExtensionInput[]>([])
  const [isImporting, setIsImporting] = useState(false)
  const [importResult, setImportResult] = useState<BulkImportResponse | null>(null)
  const fileInputRef = useRef<HTMLInputElement>(null)

  const parseJson = (jsonString: string): boolean => {
    setParseError(null)
    setParsedExtensions([])
    setImportResult(null)

    if (!jsonString.trim()) {
      setParseError("Please enter JSON data")
      return false
    }

    try {
      const parsed = JSON.parse(jsonString)
      
      // Handle both array and single object
      const items = Array.isArray(parsed) ? parsed : [parsed]
      
      if (items.length === 0) {
        setParseError("No extensions found in JSON")
        return false
      }

      // Validate each extension
      const validated: ExtensionInput[] = []
      const errors: string[] = []

      for (let i = 0; i < items.length; i++) {
        const item = items[i]
        const prefix = items.length > 1 ? `Item ${i + 1}: ` : ""

        // Required fields
        if (!item.productId) {
          errors.push(`${prefix}Missing productId`)
          continue
        }
        if (!item.type) {
          errors.push(`${prefix}Missing type`)
          continue
        }
        if (!VALID_TYPES.includes(item.type)) {
          errors.push(`${prefix}Invalid type "${item.type}"`)
          continue
        }
        if (!item.displayName) {
          errors.push(`${prefix}Missing displayName`)
          continue
        }
        if (!item.description) {